@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#12201f;--dark:#0e1b1a;--dark2:#172725;--sage:#c9edce;--peach:#f4aa85;--gold:#e5ce94;--cream:#f7f5ef;--paper:#eeeee6;--line:#d8ddd4;--muted:#687773;--ease:cubic-bezier(.2,.75,.2,1)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.54;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:5px}button{border:0}img,svg{max-width:100%}h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;letter-spacing:-.058em;line-height:1.12}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.75}.wrap{width:min(100% - 96px,1360px);margin-inline:auto}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pill{border:1px solid #ffffff4b;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.1em;padding:9px 14px;display:inline-flex;align-items:center;gap:11px;text-transform:uppercase}.pill:before{content:"";background:var(--sage);width:7px;height:7px;border-radius:100%;box-shadow:0 0 0 4px #c9edce1b}
.site-header{position:relative;z-index:20;color:#f8f7ef;background:var(--dark);border-bottom:1px solid #ffffff22}.header-row{height:87px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand-mark{width:46px;height:46px;border:1px solid #e6ead87f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:14px;letter-spacing:-.09em;position:relative}.brand-mark:after{content:"";position:absolute;left:-5px;bottom:5px;width:10px;height:10px;background:var(--peach);border-radius:50%}.brand-name{font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em;font-size:21px;font-weight:700;line-height:1}.brand-name span{color:var(--sage)}.brand-caption{display:block;color:#afc0b8;font-size:9px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin-top:5px}.nav-links{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:700;color:#c7d3ce}.nav-links a:hover{color:var(--sage)}.nav-links a:last-child{border-bottom:1px solid #a3c7b0;padding-bottom:4px;color:#f6f8f3}.menu-btn{display:none;color:white;background:#ffffff16;border:1px solid #ffffff36;border-radius:10px;padding:10px 14px}
.hero{background:var(--dark);color:var(--cream);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;left:30%;top:8%;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#50725a40 0,transparent 68%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff24 .8px,transparent .8px);background-size:33px 33px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%);opacity:.22;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:735px;align-items:center;gap:34px;position:relative;z-index:1;padding:86px 0 98px}.hero-copy{position:relative;z-index:4}.micro-top{display:flex;gap:22px;align-items:center;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--sage);font-weight:800;margin-bottom:34px}.micro-top i{width:38px;height:1px;background:var(--sage)}.hero h1{font-size:clamp(57px,5.85vw,92px);line-height:1.03;letter-spacing:-.083em;font-weight:600;margin:0 0 29px;max-width:780px}.serif{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.035em;font-style:italic;color:var(--peach)}.hero .desc{font-size:17px;line-height:1.82;color:#bacdc3;max-width:548px;margin:0 0 33px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;border-radius:99px;min-height:54px;padding:13px 24px;background:var(--sage);color:var(--dark);font-size:12px;font-weight:800;transition:transform .2s var(--ease),background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#e1fce0}.button.alternate{background:transparent;border:1px solid #ffffff66;color:#f0f6ed}.button.alternate:hover{background:#ffffff15}.button.inverse{background:var(--dark);color:#fff}.button.outline{background:transparent;border:1px solid #acc7ae;color:var(--dark)}.button.outline:hover{background:#e9efe4}.a-arrow{font-size:21px;font-weight:500;line-height:1}.hero-foot{display:flex;gap:26px;align-items:center;flex-wrap:wrap;color:#b1c3b9;font-size:11px;margin-top:51px}.hero-foot strong{font-weight:700;color:#e5f4dc}.hero-foot i{width:5px;height:5px;background:var(--peach);border-radius:50%}
.hero-scene{min-height:592px;position:relative;isolation:isolate}.orb{width:540px;height:540px;border-radius:50%;position:absolute;right:-23px;top:30px;background:radial-gradient(circle at 31% 35%,#ddf4ce,#a8d7be 25%,#468c7b 54%,#234e49 71%,#112d31 86%);box-shadow:0 0 100px #76b18c31,0 0 0 1px #7dc2a447;filter:saturate(.79);transform:scale(.95);animation:orb 12s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:38px;border-radius:50%;border:1px solid #eaf8e44e}.orb:before{content:"";position:absolute;inset:-30px;border-radius:50%;border:1px solid #80b89c3c}.orbit-txt{position:absolute;right:-30px;top:18px;color:#ffffff50;font:600 11px "Space Grotesk",sans-serif;letter-spacing:.26em;transform:rotate(90deg);transform-origin:left}
.device{position:absolute;z-index:3;top:125px;left:-30px;width:550px;background:#f7faf5;border-radius:17px;color:#182d2b;overflow:hidden;box-shadow:0 28px 85px #030d0bd1,0 0 0 7px #ffffff23;transform:rotate(-3.5deg);transition:transform .6s var(--ease)}.hero-scene:hover .device{transform:rotate(-1deg) translateY(-8px)}.device-top{background:#e8eee7;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #d9e2da}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;border-radius:50%;background:#a2b5a8}.traffic i:first-child{background:#eaac8e}.traffic i:nth-child(2){background:#e5d49e}.traffic i:last-child{background:#9eccbb}.device-url{font-size:9px;color:#6d847b;font-weight:700;letter-spacing:.04em}.device-body{padding:24px 26px}.device-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.device-heading small{font-size:10px;color:#567d70;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.device-heading h3{font-size:27px;margin:8px 0 19px;letter-spacing:-.065em}.device-chip{display:inline-flex;align-items:center;gap:6px;background:#dff2de;color:#39755a;font-size:9px;font-weight:800;padding:7px 10px;border-radius:99px}.device-chip i{width:6px;height:6px;background:#49ab82;border-radius:50%}.preview-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.mini-stat{border:1px solid #dfebe1;border-radius:11px;padding:14px;background:white}.mini-stat span{display:block;font-size:9px;color:#80928b}.mini-stat b{display:block;font-size:25px;margin-top:2px;letter-spacing:-.08em}.mini-p{color:#749186;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:17px 0 8px}.mini-row{background:#fff;border:1px solid #e1e9e0;border-radius:9px;padding:11px 12px;margin:7px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-row b{font-size:11px}.mini-row small{display:block;font-size:9px;color:#7b9286}.mini-status{font-size:8px;border-radius:99px;padding:5px 9px;background:#e3eff9;color:#2d699b;font-weight:850;white-space:nowrap}.mini-status.amber{background:#fae9d6;color:#976c3b}.mini-status.green{background:#e0f3e4;color:#408759}.floating-ui{position:absolute;z-index:5;background:#152e2a;color:#f3f9ec;border:1px solid #c5eaca77;box-shadow:0 15px 45px #081a16a6;border-radius:14px;padding:14px 17px;display:flex;align-items:center;gap:12px}.floating-ui.left{left:-73px;bottom:80px;transform:rotate(5deg);animation:bob 7s ease-in-out infinite}.floating-ui.right{right:-45px;top:78px;transform:rotate(6deg);animation:bob 8s ease-in-out -2s infinite}.floating-ui .ficon{background:#c5eaca;color:#163d2e;font-size:19px;border-radius:10px;width:39px;height:39px;display:grid;place-items:center}.floating-ui strong{font-size:11px;display:block}.floating-ui small{font-size:9px;color:#accac0;display:block;margin-top:2px}.corner-label{font-size:9px;color:#e3f6e299;letter-spacing:.2em;position:absolute;right:8px;bottom:23px;writing-mode:vertical-rl}
.marquee{background:var(--sage);color:#183929;overflow:hidden;border-bottom:1px solid #a8c9a9}.marquee-track{display:flex;align-items:center;gap:46px;justify-content:space-between;padding:19px 0;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.marquee-track i{width:6px;height:6px;background:#1b4d38;display:block;border-radius:50%}
.section{padding:116px 0}.kicker{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.18em;color:#48765d;display:flex;gap:11px;align-items:center}.kicker:before{content:"";height:7px;width:7px;background:#6da88c;border-radius:50%}.heading{font-size:clamp(42px,4.6vw,67px);line-height:1.07;margin:19px 0 21px;letter-spacing:-.075em;font-weight:600}.heading em{font-family:"Instrument Serif",serif;font-weight:400;color:#5e8b70}.section-desc{font-size:16px;line-height:1.85;color:var(--muted);max-width:650px}.head-row{display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end;margin-bottom:49px}.head-row .section-desc{margin:0}
.statement{background:var(--cream)}.statement-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:78px;align-items:center}.bigquote{font-size:clamp(38px,4.6vw,65px);line-height:1.15;font-family:"Space Grotesk",sans-serif;letter-spacing:-.073em;font-weight:500;margin:0}.bigquote em{font-family:"Instrument Serif",serif;font-weight:400;color:#5e8c70;font-size:1.13em}.statement-side{padding-left:48px;border-left:1px solid #cad2c9;color:#53665e}.statement-side p{font-size:17px;line-height:1.8}.statement-side small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#648b76}
.projects{background:#eaede6}.project-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:23px}.case{border-radius:15px;overflow:hidden;position:relative;min-height:600px;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.case:hover{transform:translateY(-6px);box-shadow:0 25px 45px #1b3a3125}.case:focus-within{outline:2px solid #315845}.case:first-child{background:#112824;color:#e8f3eb}.case:nth-child(2){background:#dfe9e8;color:#1b3e36}.case:nth-child(3){background:#f4ddce;color:#3d3430}.case:nth-child(4){background:#232d3c;color:#e7edf4}.case-top{padding:35px 37px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-tag{border:1px solid currentColor;border-radius:99px;padding:8px 12px;font-size:9px;letter-spacing:.13em;opacity:.8}.case-visual{height:333px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.case-copy{padding:0 37px 31px;position:relative;z-index:3;display:flex;justify-content:space-between;gap:18px;align-items:end;margin-top:auto}.case-copy h3{font-size:40px;margin:8px 0 8px}.case-copy p{font-size:13px;max-width:340px;opacity:.78;margin:0;line-height:1.7}.case-link{border-radius:50%;height:51px;width:51px;display:grid;place-items:center;border:1px solid currentColor;font-size:23px;flex-shrink:0;transition:background .2s}.case-link:hover{background:#ffffff26}.case-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;opacity:.66}.case-art{position:absolute;transform:rotate(-6deg);border-radius:15px;box-shadow:0 25px 55px #0213108a;overflow:hidden}.case.one .case-art{top:47px;width:81%;left:11%;background:#eaf4eb;border:7px solid #eff9ef;color:#163b32}.mini-browser{height:22px;background:#cfdfd3;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:8px}.mini-browser i{width:5px;height:5px;border-radius:50%;background:#6b9b8d;display:inline-block;margin-right:4px}.casetable{padding:17px}.casetable h4{font-size:17px;margin:0 0 13px}.tiny-tables{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tiny-tables span{background:#fff;border:1px solid #d7e6da;padding:12px;border-radius:9px;font-size:10px;font-weight:700}.tiny-tables b{display:block;font-size:22px}.mini-line{height:10px;border-radius:99px;background:linear-gradient(90deg,#659b79 67%,#e0e9dd 67%);margin:15px 0 0}
.case.two .case-art{width:74%;left:14%;top:28px;transform:rotate(5deg);background:#f8faf8;border:8px solid #172b31;color:#1b423d}.case.two .casetable{padding:16px}.case.two .casetable h4{margin:0 0 11px}.case.two .mini-browser{background:#213b41;color:#d4efe0}.case.two .tiny-tables{grid-template-columns:1fr 1fr 1fr}.case.two .tiny-tables span{padding:8px}.case.two .tiny-tables b{font-size:18px}.tiny-card{background:white;border:1px solid #dfe8e4;border-radius:9px;font-size:10px;padding:10px;margin-top:9px;display:flex;justify-content:space-between}.tiny-card em{font-style:normal;color:#2c8b75}
.case.three .case-art{width:75%;left:12%;top:38px;height:252px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%,#fff7dd,#f6f1eb 48%,#bbd8d0);transform:rotate(-4deg);box-shadow:0 22px 32px #5d3e302c}.humanloop{width:183px;height:183px;border:16px solid #f7cbb7;border-right-color:#7f9e8e;border-bottom-color:#a8c8bd;box-shadow:inset 0 0 0 8px #ffffffa5;border-radius:50%;display:grid;place-items:center;font-family:"Instrument Serif",serif;font-size:49px;color:#47645c}.humanloop:after{content:"";position:absolute;width:14px;height:14px;background:#436f58;border-radius:50%;transform:translate(94px,-70px)}
.case.four .case-art{width:77%;left:12%;top:36px;height:255px;transform:rotate(4deg);background:#eff2f4;color:#25394d;border:8px solid #f8f9fa}.network-nodes{height:100%;position:relative;background:radial-gradient(circle at 65% 45%,#dde8fa,#f1f4f8)}.node{position:absolute;padding:9px 12px;background:white;border:1px solid #c8d6de;box-shadow:0 8px 14px #344b5c20;border-radius:99px;font-size:10px;font-weight:850}.node.a{left:16%;top:23%}.node.b{right:12%;top:36%}.node.c{left:27%;bottom:23%}.node.d{right:23%;bottom:18%}.node-main{position:absolute;top:45%;left:40%;width:80px;height:80px;border-radius:19px;background:#334d62;color:#ecf7f8;display:grid;place-items:center;font:800 13px "Space Grotesk",sans-serif;transform:rotate(-8deg);box-shadow:0 10px 24px #1e334044}
.case note{display:none}.project-meta{font-size:12px;color:#64756e;margin-top:21px}.project-meta strong{color:#213e30}
.capabilities{background:var(--cream)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9d3c8}.service{padding:38px 30px 36px 0;border-right:1px solid #d0d8ce;min-height:310px}.service:not(:first-child){padding-left:31px}.service:last-child{border-right:0}.service-n{font-size:11px;font-weight:800;color:#7a9884;letter-spacing:.15em}.service h3{font-size:29px;margin:50px 0 14px}.service p{font-size:14px;color:#62756c;line-height:1.86;max-width:350px}.service-foot{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;margin-top:20px;color:#366d4c}
.approach{background:#112821;color:#ecf5e9;position:relative;overflow:hidden}.approach:before{content:"";position:absolute;right:-185px;top:20px;width:650px;height:650px;border:1px solid #c1efc327;border-radius:50%;box-shadow:0 0 0 95px #e1f4d007,0 0 0 180px #e1f4d005}.approach .kicker{color:#bbdeb8}.approach .heading em{color:#d9cc9f}.approach-grid{display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center;position:relative}.approach-text{font-size:16px;color:#b8cbbd;line-height:1.9}.process-steps{border-top:1px solid #ffffff46}.process{border-bottom:1px solid #ffffff36;padding:24px 0;display:grid;grid-template-columns:45px 1fr;gap:12px}.process span{font-size:12px;color:#a1c6a1;font-weight:800}.process b{font-size:19px;font-weight:600}.process small{display:block;margin-top:7px;color:#a9c6b3;font-size:12px;line-height:1.7}
.lab{background:var(--gold);color:#2f322e}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.lab .kicker{color:#5e6047}.lab .kicker:before{background:#65714c}.lab p{color:#58594a}.lab-panel{background:#fffaf0;border:1px solid #e8d3a3;border-radius:18px;padding:30px;box-shadow:0 25px 60px #544e2b2e}.lab-panel .label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#84744f}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.option-grid button{background:#f1ebdb;border:1px solid #e2d7c0;border-radius:11px;padding:14px;text-align:left;font-size:12px;color:#514f47;font-weight:800;transition:transform .2s}.option-grid button:hover{transform:translateY(-2px)}.option-grid button.selected{background:#284c43;color:#fff;border-color:#284c43}.lab-result{padding:18px;border-top:1px solid #e7dac0;background:#faf4e6;border-radius:10px}.lab-result b{font-size:17px}.lab-result p{margin:6px 0 0;font-size:12px;line-height:1.6}.lab-result a{margin-top:13px;display:inline-block;color:#265b4a;font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.contact{background:var(--cream)}.contact-box{background:#203a32;color:#f8f5ed;border-radius:17px;padding:68px 72px;display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:38px;position:relative;overflow:hidden}.contact-box:after{content:"LP";position:absolute;right:-25px;bottom:-150px;font-size:400px;letter-spacing:-.18em;font-family:"Space Grotesk",sans-serif;color:#ffffff06;font-weight:700;line-height:1;pointer-events:none}.contact-box .heading{margin-bottom:0;max-width:700px}.contact-box .heading em{color:var(--peach)}.contact-box p{color:#c2d5c9;font-size:15px;position:relative;z-index:1}.contact-box .button{position:relative;z-index:1}
.footer{background:var(--dark);color:#c7d4c9;padding:45px 0 25px}.footer-upper{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px;border-bottom:1px solid #ffffff2b;padding-bottom:43px}.footer .brand{color:white}.footer-desc{font-size:12px;color:#9cb1a4;max-width:365px;margin-top:18px}.footer-nav{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#c0d4c4}.footer-nav b{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#8baa93;margin-bottom:5px}.footer-nav a:hover{color:var(--sage)}.footer-lower{display:flex;gap:18px;justify-content:space-between;font-size:10px;letter-spacing:.03em;color:#90a497;flex-wrap:wrap;padding-top:25px}
.reveal{opacity:0;transform:translateY(22px);transition:transform .8s var(--ease),opacity .8s}.reveal.show{opacity:1;transform:translateY(0)}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes orb{0%,100%{transform:translate(0,0) scale(.95)}50%{transform:translate(-17px,18px) scale(1.01)}}
@media(max-width:1120px){.wrap{width:min(100% - 62px,1180px)}.hero-grid{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:clamp(55px,6vw,76px)}.hero-scene{transform:scale(.87);transform-origin:center}.device{left:-56px}.floating-ui.left{left:-95px}.head-row{grid-template-columns:1fr .72fr}.statement-grid{gap:40px}.project-grid{gap:16px}.case{min-height:570px}.approach-grid{gap:35px}}
@media(max-width:850px){.nav-links{gap:18px}.hero-grid{grid-template-columns:1fr;padding:75px 0 55px}.hero h1{max-width:690px}.hero .desc{max-width:710px}.hero-scene{height:620px;min-height:560px;transform:scale(.98);max-width:690px;width:100%;margin:0 auto}.device{left:6%;width:80%}.orb{right:1%;width:520px;height:520px}.floating-ui.left{left:0}.floating-ui.right{right:0}.statement-grid,.head-row,.approach-grid,.lab-grid{grid-template-columns:1fr;gap:25px}.statement-side{padding:0 0 0 25px}.project-grid{grid-template-columns:1fr 1fr}.case{min-height:515px}.case-visual{height:265px}.case .case-art{top:35px}.case.one .case-art{width:88%;left:6%}.case.two .case-art{width:90%;left:4%}.case.three .case-art{width:90%;left:5%;height:220px}.case.four .case-art{width:90%;left:4%;height:220px}.case-copy{padding:0 25px 25px}.case-copy h3{font-size:30px}.case-top{padding:24px 25px 0}.contact-box{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.wrap{width:min(100% - 38px,600px)}.header-row{height:74px}.brand-name{font-size:18px}.brand-mark{width:39px;height:39px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:#152a25;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff24}.nav-links.open{display:flex}.nav-links a{padding:13px 4px;border-bottom:1px solid #ffffff1a}.hero-grid{padding:60px 0 28px}.micro-top{font-size:9px;gap:12px}.hero h1{font-size:clamp(49px,13.2vw,69px);letter-spacing:-.077em}.hero .desc{font-size:15px}.actions{align-items:stretch}.actions .button{width:100%}.hero-foot{margin-top:31px;gap:12px 17px}.hero-scene{height:480px;min-height:480px;transform:none}.orb{width:325px;height:325px;top:50px;right:-30px}.device{top:93px;left:3%;width:94%;transform:rotate(-2.5deg)}.device-body{padding:15px}.device-heading h3{font-size:22px;margin-bottom:10px}.preview-columns{gap:5px}.mini-stat{padding:9px}.mini-stat b{font-size:20px}.mini-row{padding:8px}.mini-row b{font-size:9px}.mini-row small{font-size:8px}.floating-ui{padding:9px 11px;gap:7px}.floating-ui.left{left:-2px;bottom:18px}.floating-ui.right{right:-8px;top:34px}.floating-ui .ficon{height:30px;width:30px;font-size:16px}.floating-ui strong{font-size:9px}.floating-ui small{font-size:8px}.marquee-track{gap:10px;flex-wrap:wrap;justify-content:center;padding:14px 0;font-size:9px}.marquee-track i{display:none}.section{padding:74px 0}.heading{font-size:clamp(38px,10vw,53px)}.bigquote{font-size:clamp(36px,10vw,53px)}.statement-side p{font-size:15px}.head-row{margin-bottom:32px}.section-desc{font-size:15px}.project-grid{grid-template-columns:1fr}.case{min-height:540px}.case-visual{height:300px}.case-copy h3{font-size:33px}.case.three .case-art,.case.four .case-art{height:250px}.service-grid{grid-template-columns:1fr}.service,.service:not(:first-child){min-height:0;padding:27px 0;border-right:0;border-bottom:1px solid #d0d8ce}.service h3{font-size:28px;margin:24px 0 11px}.service p{max-width:530px}.lab-panel{padding:20px}.contact-box{padding:40px 25px}.footer-upper{grid-template-columns:1fr 1fr}.footer-upper>div:first-child{grid-column:span 2}.footer-lower{gap:8px}.contact-box:after{font-size:230px;right:-10px;bottom:-80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orb,.floating-ui{animation:none}.button,.case,.device{transition:none}}


/* Living Point: showroom and qualifying contact flow — 2026-10 */
.site-header{position:sticky;top:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero h1{max-width:850px}
.hero-grid{min-height:700px}
.showroom-section{padding:112px 0 126px;background:#f2f3ee}
.showroom-intro{display:grid;grid-template-columns:1fr .66fr;gap:42px;align-items:end;margin-bottom:43px}
.showroom-intro .heading{margin-bottom:0}
.showroom-intro .section-desc{margin-bottom:0}
.showroom-shell{display:grid;grid-template-columns:340px 1fr;min-height:670px;background:#172621;color:white;border-radius:22px;overflow:hidden;box-shadow:0 30px 64px #162c2521}
.showroom-menu{border-right:1px solid #ffffff21;padding:29px 0;display:flex;flex-direction:column;justify-content:center}
.showroom-tab{background:none;color:#b9cfc0;border:0;width:100%;display:grid;grid-template-columns:31px 1fr auto;grid-template-rows:auto auto;gap:5px 11px;align-items:center;text-align:left;padding:23px 19px 23px 30px;border-left:3px solid transparent;border-bottom:1px solid #ffffff13;transition:background .22s,border .22s,color .22s}
.showroom-tab:hover{background:#ffffff0b;color:white}
.showroom-tab.selected{background:#d0efca12;border-left-color:#c9edce;color:#f4f9ed}
.showroom-tab .showroom-num{grid-row:1 / 3;font-family:"Space Grotesk",sans-serif;font-size:12px;color:#a5cbb0;letter-spacing:.1em}
.showroom-tab-title{font-size:16px;font-family:"Space Grotesk",sans-serif;font-weight:650;letter-spacing:-.035em}
.showroom-tab-desc{font-size:11px;opacity:.67}
.showroom-tab-arrow{grid-column:3;grid-row:1 / 3;font-size:21px;opacity:.65}
.showroom-stage{padding:36px 39px 30px;min-width:0;background:radial-gradient(ellipse at 75% 30%,#487f6d47,transparent 62%),#142620;display:flex;flex-direction:column;justify-content:space-between}
.showroom-stage-head{display:flex;align-items:start;justify-content:space-between;gap:19px}
.showroom-eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;color:#96bd9b}
.showroom-stage-head h3{font-size:33px;letter-spacing:-.068em;font-weight:600;margin:8px 0 7px}
.showroom-stage-head p{margin:0;color:#abc4b4;font-size:12px;max-width:480px;line-height:1.8}
.showroom-stage-chip{border:1px solid #9dc4a9a3;font-size:9px;font-weight:800;letter-spacing:.12em;padding:7px 10px;border-radius:99px;color:#bfdfbb;white-space:nowrap}
.showroom-window{width:100%;max-width:700px;align-self:center;border:8px solid #e2eae2;background:#f6f9f6;color:#183b2e;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #071710af;transform:perspective(1300px) rotateY(-4deg) rotateX(3deg);transition:transform .55s cubic-bezier(.2,.75,.2,1),background .3s}
.showroom-window:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}
.window-top{height:31px;display:flex;justify-content:space-between;align-items:center;background:#e2ebe3;border-bottom:1px solid #d8e4dc;padding:0 12px;color:#6e8679;font-size:9px;font-weight:700}
.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;border-radius:50%;background:#adbaa9}.window-dots i:first-child{background:#dca38a}.window-dots i:nth-child(2){background:#d7c78a}
.window-live{font-size:8px;letter-spacing:.07em}
.window-canvas{display:grid;grid-template-columns:56px 1fr;min-height:280px}
.mock-sidebar{background:#18362e;color:#aed5b8;display:flex;flex-direction:column;align-items:center;gap:16px;padding:15px 6px}
.mock-logo{width:28px;height:28px;background:#d3f1cb;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:900;color:#244d39}
.mock-sidebar i{display:grid;place-items:center;font-style:normal;font-size:14px;border-radius:8px;width:28px;height:26px}
.mock-side-active{background:#a4d5ab38;color:#f1ffeb}
.mock-content{padding:19px 22px 21px;min-width:0}
.mock-headline{display:flex;justify-content:space-between;gap:12px;align-items:center}
.mock-overline{font-size:8px;color:#68947d;font-weight:850;letter-spacing:.12em;display:block}
.mock-headline strong{font-size:21px;letter-spacing:-.058em;display:block;margin-top:3px;font-family:"Space Grotesk",sans-serif}
.mock-avatar{display:grid;place-items:center;width:35px;height:35px;background:#e0ebda;color:#457a5a;border-radius:50%}
.mock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}
.mock-metric{background:white;border:1px solid #dce6df;border-radius:9px;padding:12px}
.mock-metric.highlight{background:#e1f1de}
.mock-metric span{font-size:9px;color:#678172;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-metric b{font-size:26px;display:block;font-family:"Space Grotesk",sans-serif;letter-spacing:-.07em}
.mock-metric small{font-size:8px;color:#779487;display:block}
.mock-table{background:white;border:1px solid #dfe8e0;border-radius:10px;overflow:hidden}
.mock-table-title{display:flex;justify-content:space-between;gap:8px;padding:10px 13px;background:#edf4ed;color:#557362}
.mock-table-title b{font-size:10px}.mock-table-title span{font-size:8px;letter-spacing:.07em}
.mock-data-row{border-top:1px solid #edf2ed;display:flex;gap:9px;align-items:center;padding:8px 11px}
.mock-data-icon{background:#ebf3ed;display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;color:#55826a;font-size:14px}
.mock-data-row div{flex:1;min-width:0}
.mock-data-row b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-data-row small{font-size:8px;color:#879b8c;display:block}
.mock-data-row em{font-style:normal;font-size:8px;color:#44765d;font-weight:850;white-space:nowrap}
.showroom-stage-footer{display:flex;justify-content:space-between;gap:14px;align-items:end}
.showroom-stage-footer span{display:block;font-size:11px;color:#d3e4d4;font-weight:750}
.showroom-stage-footer small{display:block;font-size:9px;color:#a3b6a9;max-width:305px;margin-top:4px}
.showroom-action{flex-shrink:0;background:#c9edce;font-size:11px;min-height:45px;padding:10px 15px}
.showroom-window[data-product="obrascope"]{background:#f6f4ec;color:#2b4039}.showroom-window[data-product="obrascope"] .mock-sidebar{background:#293f39}
.showroom-window[data-product="humaponto"]{background:#fcf6f1;color:#53443d}.showroom-window[data-product="humaponto"] .mock-sidebar{background:#58483e}
.showroom-window[data-product="workforce"]{background:#f1f5fb;color:#263b55}.showroom-window[data-product="workforce"] .mock-sidebar{background:#243750}
.proof-band{background:#d2e9d1;border-bottom:1px solid #b0cab4;border-top:1px solid #b0cab4}
.proof-band-grid{display:grid;grid-template-columns:1.07fr .92fr auto;gap:25px;align-items:center;padding:28px 0}
.proof-band-lead{display:flex;gap:16px;align-items:center}
.proof-accent{font:500 52px "Instrument Serif",serif;color:#20583c;line-height:1}
.proof-band b{display:block;font-size:13px;color:#234b39}
.proof-band small,.proof-band-detail span{display:block;font-size:11px;color:#567c66;margin-top:4px}
.proof-band-link{font-size:11px;font-weight:850;color:#285c42;white-space:nowrap;border-bottom:1px solid #669b71;padding-bottom:5px}
.brief-section{background:#eee8de;padding:113px 0 121px}
.brief-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;align-items:start}
.brief-section .heading em{color:#5a886f}
.brief-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:11px;font-weight:800;color:#4d7961}
.brief-form{background:#fbfaf6;border:1px solid #e5dcd0;border-radius:19px;padding:35px;box-shadow:0 26px 45px #4c3e2617}
.brief-form-meta{display:block;font-size:10px;letter-spacing:.14em;color:#688572;font-weight:850;margin-bottom:22px}
.brief-fieldset{border:0;margin:0;padding:0}
.brief-fieldset legend{font-size:13px;font-weight:850;color:#284738;margin-bottom:12px}
.brief-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}
.brief-options label{cursor:pointer;display:block;position:relative}
.brief-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.brief-options span{background:#f1f0e9;border:1px solid #dce2d8;border-radius:11px;padding:14px 15px;display:block;color:#436253;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.brief-options input:checked+span{background:#1f4334;border-color:#1f4334;color:#f5fff2}
.brief-options input:focus-visible+span{outline:3px solid #88ae84;outline-offset:2px}
.brief-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.brief-label{display:block;font-size:12px;font-weight:850;color:#375446;margin:0 0 18px}
.brief-label select,.brief-label textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#fff;border:1px solid #cedace;border-radius:9px;color:#284434;font-size:13px;resize:vertical;outline:none}
.brief-label select:focus,.brief-label textarea:focus{border-color:#6ea88a;box-shadow:0 0 0 3px #c9e4ce}
.brief-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #dce2d7;padding-top:19px}
.brief-footer small{color:#758473;font-size:10px;max-width:190px;line-height:1.6}
.brief-submit{background:#183d2d;color:#f7fff0}
.brief-submit:hover{background:#32694b}
.brief-feedback{margin-top:16px;border-radius:9px;padding:12px;background:#e2f3e3;color:#2c6341;font-size:12px;font-weight:750}
.brief-feedback a{display:block;color:#1d5d3c;text-decoration:underline;margin-top:4px;overflow-wrap:anywhere}
@media(max-width:1120px){.showroom-shell{grid-template-columns:265px 1fr}.showroom-stage{padding:25px}.showroom-tab{padding:19px 14px}.brief-grid{gap:37px}.proof-band-grid{grid-template-columns:1fr 1fr}.proof-band-link{grid-column:span 2;justify-self:end}}
@media(max-width:850px){.showroom-intro{grid-template-columns:1fr;gap:14px}.showroom-shell{grid-template-columns:1fr}.showroom-menu{display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-right:0;border-bottom:1px solid #ffffff2b}.showroom-tab{display:flex;flex-direction:column;text-align:center;gap:6px;align-items:center;justify-content:center;padding:17px 7px;border-left:0;border-bottom:3px solid transparent}.showroom-tab.selected{border-bottom-color:#c9edce}.showroom-tab .showroom-num,.showroom-tab-arrow{display:none}.showroom-tab-desc{display:none}.showroom-tab-title{font-size:12px}.showroom-stage{min-height:500px}.brief-grid{grid-template-columns:1fr}.brief-grid>.reveal:first-child{max-width:680px}}
@media(max-width:640px){.showroom-section{padding:72px 0}.showroom-shell{border-radius:15px}.showroom-tab-title{font-size:10px;letter-spacing:-.03em}.showroom-tab{min-height:73px;padding:12px 4px}.showroom-menu{grid-template-columns:repeat(2,1fr)}.showroom-stage{padding:21px 16px 19px;min-height:560px}.showroom-stage-head h3{font-size:26px}.showroom-stage-head p{font-size:11px}.showroom-window{border-width:5px;transform:none}.showroom-window:hover{transform:none}.window-live{font-size:6px}.window-canvas{grid-template-columns:33px 1fr}.mock-sidebar{padding:8px 2px;gap:15px}.mock-logo,.mock-sidebar i{width:24px;height:23px;font-size:10px}.mock-content{padding:12px 9px}.mock-headline strong{font-size:14px}.mock-avatar{width:23px;height:23px}.mock-overline{font-size:7px}.mock-metrics{gap:4px;margin:10px 0}.mock-metric{padding:7px 5px}.mock-metric span{font-size:7px}.mock-metric b{font-size:18px}.mock-metric small{display:none}.mock-table-title{padding:7px}.mock-data-row{padding:6px;gap:5px}.mock-data-icon{width:20px;height:20px;font-size:11px}.mock-data-row b{font-size:8px}.mock-data-row small{font-size:7px}.mock-data-row em{font-size:7px}.showroom-stage-footer{flex-direction:column;align-items:stretch;gap:9px;margin-top:17px}.showroom-action{width:100%}.proof-band-grid{grid-template-columns:1fr;gap:16px}.proof-band-link{grid-column:auto;justify-self:start}.brief-section{padding:75px 0}.brief-form{padding:22px 16px}.brief-options{gap:8px}.brief-options span{padding:12px 9px;font-size:11px}.brief-columns{grid-template-columns:1fr}.brief-footer{flex-direction:column;align-items:stretch;gap:12px}.brief-footer small{max-width:none}.brief-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.showroom-window,.brief-options span{transition:none}}


/* Editorial project evidence  */
.nav-links{gap:21px}
.case-study-link{display:inline-block;font-size:11px;font-weight:800;color:inherit;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:15px;opacity:.88;letter-spacing:.015em}
.case-study-link:hover{opacity:1}
.portfolio-feature{background:#faf9f4;padding:100px 0 116px}
.portfolio-feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.portfolio-feature .heading{max-width:610px}
.portfolio-feature-actions{display:flex;gap:21px;align-items:center;flex-wrap:wrap;margin-top:27px}
.plain-link{font-size:12px;font-weight:850;border-bottom:1px solid #91ab92;padding-bottom:5px;color:#37644a}
.portfolio-proof{border:1px solid #d6e2d9;background:#f3f7f0;border-radius:19px;box-shadow:0 24px 40px #203f281a;overflow:hidden}
.proof-browser-top{display:flex;align-items:center;gap:9px;padding:15px 19px;background:#e2ede2;font-size:11px;font-weight:800;color:#37634c}
.proof-browser-top small{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#849789}
.proof-dot{height:9px;width:9px;background:#7cba8f;border-radius:50%;box-shadow:0 0 0 4px #7cba8f22}
.proof-journey{padding:30px 35px 35px}
.journey-step{display:grid;grid-template-columns:45px 1fr 25px;gap:13px;align-items:center}
.journey-step>span{height:39px;width:39px;background:#214a38;color:#ecffe7;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800}
.journey-step strong{display:block;font-size:15px;color:#1c3f2d}
.journey-step small{font-size:12px;color:#6d8272;display:block;margin-top:3px;line-height:1.5}
.journey-step>b{color:#3e9568;font-size:17px}
.journey-step.pending>span{background:#e5b698;color:#553d2f}
.journey-step.pending>b{color:#bb7559}
.journey-connector{height:22px;width:1px;background:#b4cfb5;margin:5px 0 5px 19px}
.proof-browser-foot{padding:13px 19px;border-top:1px solid #d5e6d7;font-size:10px;font-weight:800;color:#678c70;text-align:center;letter-spacing:.06em}
.commitment-section{background:#d8e7d8;padding:29px 0}
.commitments{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.commitments>div{border-right:1px solid #bad1bc;padding:3px 20px 3px 0}
.commitments>div:last-child{border-right:0}
.commitments b{font-size:12px;color:#25563b}
.commitments p{font-size:11px;color:#527259;margin:5px 0 0;max-width:340px}
@media(max-width:1120px){.nav-links{gap:14px}.portfolio-feature-layout{gap:32px}.nav-links{font-size:11px}}
@media(max-width:850px){.portfolio-feature-layout{grid-template-columns:1fr}.portfolio-feature{padding:75px 0}.portfolio-proof{max-width:680px}}
@media(max-width:640px){.commitments{grid-template-columns:1fr;gap:18px}.commitments>div{border-right:0;border-bottom:1px solid #bad1bc;padding:0 0 14px}.commitments>div:last-child{border:0}.proof-journey{padding:25px 16px}.proof-browser-top{padding:13px 12px}.proof-browser-top small{font-size:7px}.portfolio-feature-actions .button{width:100%}}


/* LivingPoint Creative Showcase: built demonstrator websites */
.real-websites{background:#dfe6dc;padding:107px 0 102px}
.real-websites-head{display:grid;grid-template-columns:1fr .7fr;gap:52px;align-items:end;margin-bottom:43px}
.real-websites-head p{margin:0}
.real-websites-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.site-concept{display:block;min-width:0;outline-offset:5px}
.concept-visual{height:490px;position:relative;overflow:hidden;border-radius:15px}
.concept-flower-image,.concept-build-image{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.site-concept:hover .concept-flower-image,.site-concept:hover .concept-build-image{transform:scale(1.055)}
.concept-flower-image{background-image:linear-gradient(180deg,#c1b8a120 25%,#172b1d80 100%),url("https://images.unsplash.com/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=1500&q=82");background-color:#9ba88e}
.concept-build-image{background-image:linear-gradient(180deg,#18282530 25%,#081b1cb3 100%),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1600&q=82");background-color:#495d55}
.concept-overlay{position:absolute;inset:auto 30px 27px 33px;display:flex;flex-direction:column;align-items:start;color:white;gap:9px;text-shadow:0 2px 20px #0005}
.concept-overlay>span:first-child{font-size:10px;letter-spacing:.17em;font-weight:800}
.concept-overlay strong{font:400 67px "Instrument Serif",Georgia,serif;line-height:1;letter-spacing:-.04em}
.site-concept-build .concept-overlay strong{font:800 62px "Space Grotesk",sans-serif;letter-spacing:-.09em}
.concept-overlay small{font-size:13px;max-width:340px}
.concept-open{margin-top:19px;background:#f6fff0;color:#193c2d;padding:12px 18px;border-radius:99px;font-size:11px;font-weight:850;text-shadow:none}
.concept-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:19px 4px}
.concept-caption b{font-size:12px;color:#2a4436}
.concept-caption span{font-size:10px;font-weight:750;color:#6c876f}
.real-websites-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:19px;border-top:1px solid #b6cbb6;padding-top:23px}
.real-websites-foot span{font-size:11px;color:#597961}
.real-websites-foot a{font-size:12px;color:#285641;font-weight:850;text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.real-websites-head{grid-template-columns:1fr;gap:17px}.concept-visual{height:390px}.concept-overlay strong{font-size:54px}.site-concept-build .concept-overlay strong{font-size:49px}}
@media(max-width:620px){.real-websites{padding:73px 0}.real-websites-grid{grid-template-columns:1fr}.real-websites-head{margin-bottom:24px}.concept-visual{height:420px}.real-websites-foot{display:block}.real-websites-foot a{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.concept-flower-image,.concept-build-image{transition:none}}

/* Prevent overcrowded navigation on small laptops/tablets */
@media(max-width:1030px){.menu-btn{display:block}.nav-links{display:none;position:absolute;top:87px;left:0;right:0;padding:17px max(28px,calc((100vw - 1180px)/2));background:#152a25;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff24}.nav-links.open{display:flex}.nav-links a{padding:13px 4px;border-bottom:1px solid #ffffff1a}}
@media(max-width:640px){.nav-links{top:74px;padding:17px 19px}}