:root{--black:#0a0c0b;--white:#fff;--green:#00ad54;--mint:#b6ffca;--paper:#f6f8f6;--soft:#e8efe9;--muted:#717b74;--border:rgba(13,20,16,.16);--ease:cubic-bezier(.22,1,.36,1);--shell:1360px}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:var(--green);color:white}.sr-only{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:1000;left:20px;top:-100px;background:var(--green);color:#000;padding:14px 24px}.skip-link:focus{top:16px}.shell{width:min(calc(100% - 8.8vw),var(--shell));margin-inline:auto}.micro{font:700 11px/1.4 'Poppins',Arial,sans-serif;letter-spacing:.105em}.micro.light{color:#a0aaa2}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(0,173,84,.13);flex:none}.dark{background:var(--black);color:var(--white)}.white{background:#fff}.reveal{transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s var(--ease)}.js-motion .reveal:not(.is-visible){opacity:.08;filter:blur(6px);transform:translateY(50px)}.section-index{padding-top:12px;border-top:1px solid var(--black);width:max-content;min-width:120px}.page-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:110;background:var(--green);pointer-events:none;transition:width .12s linear}
/* Navigation */
.header{position:fixed;left:0;top:0;right:0;height:86px;z-index:90;padding:0 clamp(24px,4.4vw,90px);display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.94);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:background .35s,box-shadow .35s}.header.scrolled{box-shadow:0 8px 35px rgba(0,0,0,.05)}.logo{display:flex;align-items:center;gap:5px;white-space:nowrap;flex:none;font-size:27px;letter-spacing:-.05em;font-weight:700}.logo svg{width:36px;height:27px;margin-right:5px}.logo-tech{font-weight:700}.logo-sub{margin-left:12px;border-left:1px solid #a7ada9;padding-left:13px;font:700 9px/1 'Poppins',Arial,sans-serif;letter-spacing:.13em}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,38px)}.desktop-nav a{font-size:12px;white-space:nowrap;font-weight:700;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--green)}.header-right{display:flex;align-items:center;gap:14px}.header-contact{border:1px solid #111;border-radius:99px;padding:12px 20px;font-size:12px;font-weight:700;background:#111;color:#fff;white-space:nowrap;transition:background .2s,color .2s}.header-contact:hover{background:var(--green);border-color:var(--green);color:#000}.header-contact span{margin-left:18px}.menu-btn{width:44px;height:44px;border:1px solid #ccc;border-radius:50%;display:none;align-items:center;justify-content:center;flex-direction:column;background:white;gap:6px;position:relative;z-index:101}.menu-btn span{display:block;width:17px;height:2px;background:#000;transition:transform .3s}.menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-menu{position:fixed;z-index:89;inset:86px 0 0;background:var(--black);color:#fff;padding:6vh 9vw 4vh;overflow:auto}.site-menu[hidden]{display:none}.menu-inner{display:flex;flex-direction:column;max-width:1100px;margin:auto}.menu-inner>a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.24);font-size:clamp(36px,5.8vw,86px);font-weight:700;letter-spacing:-.05em;line-height:1.1}.menu-inner>a:hover{color:var(--mint)}.menu-inner>a span{font:700 12px 'Poppins',Arial,sans-serif;color:#9bada1;letter-spacing:0}.menu-foot{position:relative;max-width:1100px;margin:35px auto 0}
/* Hero */
.hero{min-height:100vh;padding-top:86px;background:white;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(480px,44%) minmax(0,56%);min-height:min(765px,calc(100vh - 150px))}.hero-copy{padding:clamp(70px,11vh,145px) 0 36px clamp(35px,6vw,100px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start}.hero-label{display:flex;align-items:center;gap:14px;white-space:nowrap;margin-bottom:38px;color:#2c3e33}.hero h1{font-size:clamp(66px,7.85vw,145px);font-weight:700;letter-spacing:-.05em;line-height:.82;white-space:nowrap;margin:0;position:relative;z-index:2}.hero h1 em{font-style:normal;color:var(--green)}.hero-lede{margin-top:42px;max-width:520px}.hero-claim{font-size:clamp(19px,2.4vw,34px);font-weight:700;letter-spacing:-.05em;margin:0 0 16px}.hero-lede>p:last-child{font-size:clamp(15px,1.2vw,18px);line-height:1.58;color:#4e5952;max-width:435px}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px}.pill-btn{border-radius:99px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 21px 17px 24px;font-size:13px;font-weight:700;min-width:210px;border:1px solid transparent;transition:background .25s,color .25s,transform .25s;text-align:left}.pill-btn:hover{transform:translateY(-3px)}.pill-btn.black{color:white;background:#090b0a}.pill-btn.black:hover{background:var(--green);color:black}.text-btn{font-size:12px;font-weight:700;border-bottom:1px solid black;padding:11px 0}.text-btn span{margin-left:9px}.hero-edge{margin-top:auto;padding:36px 0 6px;display:flex;justify-content:space-between;max-width:440px;color:#747f78}.hero-stage{position:relative;min-width:0;display:flex;align-items:center;isolation:isolate;overflow:hidden;cursor:crosshair}.hero-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-scene img{position:absolute;max-width:none;width:112%;height:auto;min-height:90%;object-fit:contain;right:-3%;top:50%;transform:translateY(-50%);transition:transform .3s var(--ease);user-select:none;pointer-events:none}.hero-scene .scene-drawing{opacity:0;mask-image:radial-gradient(circle 170px at var(--pointer-x,50%) var(--pointer-y,50%),#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle 170px at var(--pointer-x,50%) var(--pointer-y,50%),#000 40%,transparent 100%);transition:opacity .22s}.hero-stage.inspect-active .scene-drawing{opacity:.96}.hero-stage.mobile-inspect .scene-drawing{mask-image:none;-webkit-mask-image:none;opacity:.7}.hero-inspect-glass{position:absolute;right:8%;top:24%;background:#101d14;color:#b6ffca;border:1px solid #6e9875;border-radius:3px;padding:10px 14px;opacity:0;transform:translateY(8px);font:700 10px 'Poppins',Arial,sans-serif;letter-spacing:.08em;transition:opacity .3s,transform .3s}.hero-stage.inspect-active .hero-inspect-glass{opacity:1;transform:none}.scan-cursor{position:absolute;width:42px;height:42px;border:1px solid #008f47;border-radius:50%;display:grid;place-items:center;opacity:0;pointer-events:none;color:#008f47;transform:translate(-50%,-50%);z-index:5}.hero-stage.inspect-active .scan-cursor{opacity:1}.inspect-instruction{position:absolute;left:9%;bottom:11%;z-index:4;border:1px solid #aebcb0;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);padding:13px 17px;border-radius:99px;font:700 10px 'Poppins',Arial,sans-serif;letter-spacing:.09em;transition:background .2s,color .2s}.inspect-instruction:hover{background:black;color:white}.inspect-icon{margin-right:9px;color:var(--green)}.inspect-mobile{display:none}.hero-coord{position:absolute;top:16%;right:9%;color:#4d6252}.hero-status{position:absolute;bottom:11%;right:8%;display:flex;align-items:center;gap:10px;font-size:10px;color:#254932}.hero-bottom{display:flex;gap:35px;justify-content:space-between;border-top:1px solid var(--border);min-height:64px;align-items:center;padding:0 6vw;color:#45564a}.hero-bottom span{white-space:nowrap}.hero-bottom .live-dot{margin-right:8px}.hero-down{font-weight:700;color:#0e1c13}
/* Manifesto */
.manifesto{padding:76px 0 85px;min-height:820px;display:flex;flex-direction:column;justify-content:space-between}.manifesto-top,.manifesto-bottom{display:flex;align-items:center;justify-content:space-between}.manifesto-heading{font-size:clamp(55px,8.3vw,145px);font-weight:700;letter-spacing:-.05em;line-height:.88;margin:65px 0 80px}.manifesto-heading em{font-style:normal;color:var(--mint)}.outline-text{-webkit-text-stroke:1.5px #fff;color:transparent}.thin-rule{flex:1;height:1px;background:#38423c;margin:0 40px}
/* Friction */
.friction{padding:160px 0 170px}.section-head{display:grid;grid-template-columns:18% 50% 1fr;gap:22px;align-items:start}.section-head h2,.friction-head h2{font-size:clamp(55px,5.8vw,105px);letter-spacing:-.05em;line-height:.95;font-weight:700;margin:0}.section-head h2 em{font-style:normal;color:var(--green)}.section-head>p{font-size:17px;line-height:1.5;color:#536057;margin:12px 0 0}.friction-lines{margin-top:105px;border-top:1px solid #1e2820}.friction-line{border-bottom:1px solid #1e2820;padding:46px 0;display:grid;grid-template-columns:18% 1fr 54px;align-items:start;gap:20px;transition:padding .35s,background .35s}.friction-line:hover{padding-left:25px;background:#f5fbf7}.friction-line h3{font-size:clamp(29px,3.1vw,52px);letter-spacing:-.05em;line-height:1.06;margin:0;font-weight:700}.friction-line h3 i{font-weight:400;color:#737e76;font-style:normal}.friction-star{font-size:30px;justify-self:end;transition:transform .25s}.friction-line:hover .friction-star{transform:rotate(45deg);color:var(--green)}
/* Pinned Sequence */
.sequence{padding:145px 0 145px}.seq-intro{max-width:1360px}.seq-intro h2{font-size:clamp(65px,7vw,118px);line-height:.92;letter-spacing:-.05em;margin:35px 0 25px}.seq-intro h2 em{font-style:normal;color:var(--mint)}.seq-intro>p{color:#a6b1aa;line-height:1.55;max-width:570px;font-size:19px}.seq-hint{margin-top:45px}.seq-layout{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr);gap:5.5vw;margin-top:80px}.seq-chapter{min-height:78vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-top:1px solid rgba(255,255,255,.18);padding:35px 2vw 35px 0;opacity:.32;transition:opacity .5s}.seq-chapter.is-current{opacity:1}.seq-chapter h3{font-size:clamp(55px,5.1vw,86px);line-height:.91;letter-spacing:-.05em;margin:30px 0 25px}.seq-chapter>p{max-width:490px;color:#bdc8c0;line-height:1.6;font-size:18px}.seq-action{margin-top:30px;display:flex;align-items:center;gap:12px;border:1px solid rgba(183,255,203,.45);padding:12px 17px;border-radius:2px;color:var(--mint);font:700 11px 'Poppins',Arial,sans-serif;letter-spacing:.04em}.status-led{width:7px;height:7px;border-radius:50%;background:var(--green)}.seq-sticky{position:relative}.seq-visual{position:sticky;top:calc(50vh - min(34vh,360px));height:min(69vh,700px);background:#f8f9f8;color:black;overflow:hidden;border-radius:4px;border:1px solid #414d44;box-shadow:0 55px 90px rgba(0,0,0,.30)}.seq-image-layer{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .85s ease,transform 1.7s var(--ease)}.seq-image-layer.phase-active{opacity:1;transform:scale(1)}.seq-image-layer img{width:100%;height:100%;object-fit:contain;object-position:center}.seq-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.96),transparent 24%,transparent 65%,rgba(255,255,255,.98))}.seq-vis-top{position:absolute;top:30px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;color:#23392d}.seq-live-panel{position:absolute;left:26px;right:26px;bottom:42px;background:rgba(9,16,12,.94);backdrop-filter:blur(18px);color:#fff;padding:23px 24px;display:flex;flex-direction:column;gap:10px;border-left:3px solid var(--green);box-shadow:0 20px 40px rgba(0,0,0,.14)}.seq-live-panel strong{font-size:clamp(21px,2.3vw,34px);font-weight:700;line-height:1;letter-spacing:-.05em}.seq-live-panel p{margin:0;color:#c0d0c6;font-size:12px}.seq-panel-track{height:2px;background:#3f5546;margin-top:7px}.seq-panel-track span{height:100%;display:block;width:25%;background:var(--green);transition:width .5s var(--ease)}.seq-vis-footer{position:absolute;bottom:10px;left:28px;color:#4b6455;font-size:9px}.seq-end{padding:160px 0 60px;border-top:1px solid rgba(255,255,255,.2)}.seq-end h2{font-size:clamp(70px,8vw,138px);line-height:.85;letter-spacing:-.05em;margin:28px 0 0}.seq-end h2 em{font-style:normal;color:var(--mint)}
/* Comparative reveal */
.compare-section{padding:160px 0 150px}.compare-heading{margin-bottom:65px}.compare{position:relative;overflow:hidden;isolation:isolate;--reveal:50%;background:#f3f7f3;border:1px solid #cadbd0;aspect-ratio:1.86;min-height:390px;cursor:ew-resize;touch-action:pan-y;box-shadow:0 25px 65px rgba(0,0,0,.07)}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.compare-base{z-index:0}.compare-top{z-index:1;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-seam{position:absolute;z-index:2;top:0;bottom:0;width:2px;background:var(--green);left:var(--reveal);transform:translateX(-50%);pointer-events:none;box-shadow:0 0 18px rgba(0,173,84,.5)}.compare-grab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67px;height:67px;display:grid;place-items:center;border-radius:50%;background:var(--black);color:white;border:3px solid white;box-shadow:0 12px 28px rgba(0,0,0,.2)}.compare-grab svg{width:44px;height:44px}.compare-side{position:absolute;z-index:3;bottom:24px;padding:10px 14px;background:rgba(255,255,255,.91);border-radius:2px;border:1px solid #e1e9e3;color:#223b2d;pointer-events:none}.compare-side.left{left:24px}.compare-side.right{right:24px}.compare-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;cursor:ew-resize;opacity:.001;appearance:none;margin:0}.compare-range:focus-visible{opacity:.02;outline:5px solid var(--green);outline-offset:-6px}.compare-foot{display:flex;align-items:center;justify-content:space-between;padding:17px 0;color:#65746a}
/* Outcome list */
.outcome-editorial{padding:120px 0 160px;background:#f4f7f4}.outcome-head{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:28px;align-items:end;margin-bottom:65px}.outcome-head h2{margin:0;font-size:clamp(62px,7vw,115px);line-height:.88;letter-spacing:-.05em}.outcome-head h2 em{color:var(--green);font-style:normal}.outcome-head p{font-size:16px;color:#617067;line-height:1.5;margin:0 0 8px}.outcome-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:5.8vw;align-items:start}.outcome-row{display:grid;grid-template-columns:50px 1fr 35px;align-items:start;padding:32px 5px 34px 0;border-top:1px solid #b8c2bb;gap:10px;transition:color .3s,padding .3s}.outcome-row:last-child{border-bottom:1px solid #b8c2bb}.outcome-row>span:nth-child(2){font-size:clamp(28px,3.4vw,56px);font-weight:700;letter-spacing:-.05em;line-height:1.04}.outcome-row b{font-weight:400;font-size:27px;text-align:right;transition:transform .3s}.outcome-row:hover,.outcome-row.is-active,.outcome-row:focus-visible{color:#00a851;padding-left:12px}.outcome-row:hover b{transform:translate(5px,-5px)}.outcome-preview{position:sticky;top:120px;background:white;border:1px solid #d5ded8;padding:0;overflow:hidden;min-height:550px;box-shadow:0 30px 65px rgba(8,40,19,.08)}.outcome-preview>img{width:100%;height:370px;object-fit:contain;object-position:center;background:#f9fbfa;transition:opacity .3s}.outcome-preview-caption{padding:30px 32px 34px;border-top:1px solid #e3e8e4}.outcome-preview-caption p{font-size:18px;max-width:30ch;line-height:1.35;letter-spacing:-.015em}.outcome-preview-caption a{font:700 12px 'Poppins',Arial,sans-serif;color:#008f46;letter-spacing:.04em;border-bottom:1px solid #008f46;padding-bottom:6px}
/* Tenant engagement */
.cx-section{background:#c8ffd3;padding:145px 0 150px;overflow:hidden}.cx-inner{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:center}.cx-content h2{font-size:clamp(62px,6.1vw,110px);line-height:.9;letter-spacing:-.05em;margin:40px 0 30px}.cx-content h2 em{font-style:normal;color:#008642}.cx-content>p{font-size:19px;max-width:420px;line-height:1.52;color:#234531}.cx-content>.pill-btn{margin-top:25px}.cx-external{display:block;margin-top:24px;color:#456b52}.cx-compare{aspect-ratio:1.5;min-height:450px;background:#eff7ef;border-color:#99d3a7}.cx-compare img{object-fit:contain;background:#f7f9f8}.cx-compare .compare-side{bottom:17px}.cx-caption{margin-top:18px;color:#3b6b48}
/* Principles and closing */
.principles{padding:150px 0 160px}.principles-top{display:grid;grid-template-columns:.95fr 2.4fr .85fr;align-items:start;gap:26px}.principles-top h2{font-size:clamp(64px,6.7vw,120px);line-height:.87;letter-spacing:-.05em;margin:0}.principles-top h2 em{font-style:normal;color:var(--green)}.principles-top>p{font-size:16px;line-height:1.54;margin:0;color:#5c6960}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:100px;border-top:1px solid #151915;border-bottom:1px solid #151915}.principles-grid>div{border-right:1px solid #c4cec7;padding:30px 27px 72px}.principles-grid>div:first-child{padding-left:0}.principles-grid>div:last-child{border-right:0}.principles-grid h3{font-size:clamp(24px,2.1vw,37px);line-height:.99;letter-spacing:-.05em;margin:50px 0 17px}.principles-grid p{color:#637068;font-size:14px;line-height:1.5;max-width:220px}.closing{min-height:720px;display:flex;align-items:center;padding:90px 0}.closing-inner h2{font-size:clamp(75px,11.2vw,190px);line-height:.78;letter-spacing:-.05em;margin:50px 0}.closing-inner h2 em{font-style:normal;color:var(--mint)}.closing-inner>p{font-size:19px;color:#abb8b0;max-width:500px;line-height:1.5}.light-btn{background:#fff;color:black;border-color:#fff;margin-top:25px}.light-btn:hover{background:var(--mint);border-color:var(--mint)}.closing-meta{display:flex;justify-content:space-between;border-top:1px solid #39433c;margin-top:85px;padding-top:24px}
.footer{background:#eff2ef;padding:65px 0 55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-weight:700;font-size:32px;letter-spacing:-.05em}.footer-brand span{font-weight:700}.dotmark{font-size:12px;color:var(--green);margin-left:12px}.footer-grid p{font-size:14px;line-height:1.55;color:#69756d}.footer nav,.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer a:hover{color:var(--green)}.foot-legal{display:block;color:#757f78;margin-top:55px}
/* Contact */
.contact-dialog{position:fixed;max-width:min(660px,calc(100vw - 28px));width:100%;border:0;padding:0;background:#fff;color:#111;box-shadow:0 40px 120px rgba(0,0,0,.4)}.contact-dialog::backdrop{background:rgba(2,10,4,.82);backdrop-filter:blur(9px)}.contact-dialog form{padding:clamp(25px,5vw,60px);display:flex;flex-direction:column;gap:13px}.contact-dialog h2{font-size:clamp(35px,4vw,65px);line-height:.94;letter-spacing:-.05em;margin:22px 0}.contact-dialog h2 em{font-style:normal;color:var(--green)}.contact-dialog p{color:#52655a;line-height:1.45}.contact-dialog label{font-size:13px;font-weight:700;margin-top:10px}.contact-dialog input,.contact-dialog select{padding:14px;border:1px solid #aebfb3;background:white;color:black;border-radius:2px;width:100%}.dialog-close{position:absolute;top:15px;right:15px;background:none;border:1px solid #c6d1ca;border-radius:50%;width:40px;height:40px}.contact-submit{margin-top:20px}
/* Inner site routes */
.route-page{min-height:80vh;padding-top:86px}.route-hero{background:linear-gradient(180deg,#f7faf7 0%,#f4f8f5 100%);min-height:650px;padding:105px 0 90px}.route-hero .shell{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(36px,5vw,84px);align-items:center}.route-copy{position:relative;z-index:2}.route-hero h1{font-size:clamp(66px,7.6vw,130px);letter-spacing:-.05em;line-height:.86;margin:35px 0 28px;font-weight:700}.route-hero h1 em{font-style:normal;color:var(--green)}.route-hero p{font-size:18px;max-width:560px;line-height:1.5;color:#5c6860}.route-sketch-visual{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(241,248,242,.9));border:1px solid rgba(34,88,54,.14);border-radius:6px;box-shadow:0 36px 80px rgba(16,44,27,.08)}.route-sketch-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,82,51,.05) 1px,transparent 1px),linear-gradient(rgba(18,82,51,.05) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.88));pointer-events:none}.route-sketch-visual::after{content:'';position:absolute;left:8%;right:8%;bottom:10%;height:22%;background:radial-gradient(ellipse at center,rgba(0,173,84,.18),transparent 70%);pointer-events:none;filter:blur(14px)}.route-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.route-visual-caption{position:absolute;left:22px;bottom:18px;z-index:2;padding:10px 14px;border:1px solid rgba(34,88,54,.18);background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;color:#31563f}.route-hero-actions{margin-top:35px;display:flex;align-items:center;flex-wrap:wrap;gap:22px}.route-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7d1ca;margin-top:55px;padding-top:22px;gap:25px}.route-metric>span{color:#008c42}.route-metric strong{display:block;font-size:14px;margin-top:12px;line-height:1.3}.route-content-section{padding:120px 0}.route-contrast{display:grid;grid-template-columns:1fr 1fr;gap:40px}.route-contrast>div{padding:50px;background:#f4f7f4;min-height:270px}.route-contrast>div:last-child{background:#111c15;color:#eaffeb}.route-contrast h2{font-size:clamp(36px,3.6vw,60px);letter-spacing:-.05em;margin:0 0 30px}.route-contrast p{font-size:18px;line-height:1.5;color:inherit;opacity:.78}.route-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px;border-top:1px solid #b6c6bb}.route-step{padding:35px 30px 60px;border-right:1px solid #b6c6bb;border-bottom:1px solid #b6c6bb;min-height:250px}.route-step:nth-child(3n){border-right:0}.route-step .step-number{color:#008f43;font:700 12px 'Poppins',Arial,sans-serif}.route-step h3{font-size:30px;letter-spacing:-.05em;margin:35px 0 10px}.route-step p{color:#637369;font-size:15px;line-height:1.5}.route-note{margin-top:32px;font-size:13px;color:#647168;max-width:900px;line-height:1.5}.route-catalogue{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px}.route-card{display:block;position:relative;border:1px solid #dae2db;background:#f8faf8;min-height:360px;overflow:hidden;transition:box-shadow .3s}.route-card:hover{box-shadow:0 30px 60px rgba(0,0,0,.12)}.route-card img{height:230px;width:100%;object-fit:contain}.route-card>div{padding:25px}.route-card h3{font-size:31px;letter-spacing:-.05em;margin:10px 0}.route-card p{font-size:14px;color:#637168;line-height:1.4}.route-products{margin-top:55px;border-top:1px solid #0f1e12}.route-product{display:grid;grid-template-columns:65px 1fr 2fr;gap:25px;align-items:start;padding:35px 0;border-bottom:1px solid #ced8d0}.route-product h3{font-size:clamp(30px,3vw,50px);letter-spacing:-.05em;margin:0}.route-product p{font-size:16px;line-height:1.5;color:#5a685f;margin:0}
/* Mobile and tablet */
@media(max-width:1260px){.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.header{gap:20px}.hero-grid{grid-template-columns:45% 55%}.hero h1{font-size:7.2vw}.hero-copy{padding-left:4.3vw}.outcome-head{grid-template-columns:1fr 2fr 1fr}}
@media(max-width:1060px){.desktop-nav,.header-contact{display:none}.menu-btn{display:flex}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:95px 6vw 20px;max-width:820px}.hero h1{font-size:clamp(72px,11vw,120px)}.hero-stage{height:56vw;min-height:420px}.hero-scene img{width:95%;right:2%;min-height:0}.hero-edge{display:none}.hero-bottom{flex-wrap:wrap;padding:25px 6vw;gap:12px 32px}.section-head{grid-template-columns:180px 1fr}.section-head>p{grid-column:2}.friction-line{grid-template-columns:140px 1fr 30px}.outcome-head,.principles-top{grid-template-columns:1fr 2fr}.outcome-head p,.principles-top>p{grid-column:2}.cx-inner{grid-template-columns:1fr}.cx-content>p{max-width:750px}.cx-compare{min-height:400px}.seq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3vw}.seq-chapter h3{font-size:clamp(44px,5vw,70px)}.route-hero .shell{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.header{height:70px;padding:0 18px}.logo{font-size:24px}.logo svg{width:30px}.logo-sub{font-size:8px;margin-left:7px;padding-left:7px}.site-menu{top:70px;padding:42px 24px}.menu-inner>a{font-size:clamp(29px,9vw,49px);padding:16px 0}.menu-foot{font-size:9px}.hero{padding-top:70px}.hero-copy{padding:68px 20px 25px}.hero-label{font-size:9px;white-space:normal;line-height:1.5;margin-bottom:28px}.hero h1{font-size:clamp(57px,13.3vw,92px);line-height:.87}.hero-lede{margin-top:28px}.hero-claim{font-size:22px;margin-bottom:8px}.hero-lede>p:last-child{font-size:15px;line-height:1.55}.hero-cta-group{margin-top:12px;gap:19px}.pill-btn{padding:15px 18px;font-size:12px;min-width:185px}.text-btn{font-size:11px}.hero-stage{min-height:0;height:73vw;max-height:440px}.hero-scene img{width:121%;right:-8%;top:52%}.hero-status{display:none}.hero-coord{top:8%;right:6%;font-size:8px}.inspect-instruction{left:4%;bottom:6%;font-size:8px;padding:10px 12px}.inspect-mobile{display:inline}.hero-bottom{padding:17px 20px;gap:10px 18px;font-size:9px}.hero-bottom>span:nth-child(3){display:none}.manifesto{min-height:590px;padding:52px 0}.manifesto-heading{font-size:clamp(45px,10.2vw,75px);margin:60px 0}.manifesto-bottom{gap:14px}.manifesto-bottom .thin-rule{margin:0}.manifesto-bottom span{font-size:8px}.friction{padding:95px 0 115px}.section-head{display:block}.section-head h2,.friction-head h2{font-size:clamp(49px,11vw,76px);margin-top:32px}.section-head>p{font-size:15px;margin-top:24px;max-width:480px}.friction-lines{margin-top:58px}.friction-line{grid-template-columns:1fr 30px;gap:12px;padding:30px 0}.friction-line .micro{grid-column:1/-1}.friction-line h3{font-size:clamp(26px,7vw,42px)}.friction-star{grid-column:2;grid-row:2}.sequence{padding:95px 0 100px}.seq-intro h2{font-size:clamp(51px,11vw,80px);margin-top:30px}.seq-intro>p{font-size:16px}.seq-layout{display:flex;flex-direction:column;gap:0;margin-top:50px}.seq-sticky{order:0;position:sticky;top:76px;z-index:2}.seq-visual{position:relative;top:auto;height:56vw;min-height:300px;border-radius:2px;box-shadow:0 20px 45px rgba(0,0,0,.35)}.seq-vis-top{top:15px;left:15px;right:15px;font-size:8px}.seq-live-panel{left:13px;right:13px;bottom:23px;padding:13px 15px;gap:5px}.seq-live-panel strong{font-size:21px}.seq-live-panel p{font-size:10px}.seq-vis-footer{left:15px;font-size:8px}.seq-chapters{order:1}.seq-chapter{min-height:62vh;padding:40px 0;opacity:.55}.seq-chapter h3{font-size:clamp(45px,10vw,72px);margin:24px 0 18px}.seq-chapter>p{font-size:16px}.seq-action{font-size:9px}.seq-end{padding:100px 0 0}.seq-end h2{font-size:clamp(53px,11vw,84px)}.compare-section{padding:95px 0 100px}.compare-heading{margin-bottom:40px}.compare{min-height:0;aspect-ratio:1.1}.compare img{object-fit:cover;object-position:center}.compare-side{font-size:8px;padding:7px 9px;bottom:13px}.compare-side.left{left:8px}.compare-side.right{right:8px}.compare-grab{width:51px;height:51px}.compare-grab svg{width:36px}.compare-foot{font-size:8px;gap:12px}.outcome-editorial{padding:90px 0 110px}.outcome-head{display:block}.outcome-head h2{font-size:clamp(56px,11vw,83px);margin:27px 0}.outcome-head p{font-size:16px}.outcome-layout{grid-template-columns:1fr;gap:35px}.outcome-row{grid-template-columns:28px 1fr 25px;padding:23px 0}.outcome-row>span:nth-child(2){font-size:clamp(30px,8vw,48px)}.outcome-preview{position:relative;top:auto;min-height:0}.outcome-preview>img{height:250px}.outcome-preview-caption{padding:22px}.outcome-preview-caption p{font-size:16px}.cx-section{padding:100px 0 105px}.cx-content h2{font-size:clamp(57px,12vw,84px);margin:25px 0}.cx-content>p{font-size:17px}.cx-compare{min-height:0;aspect-ratio:1.35}.cx-compare img{object-fit:cover}.cx-caption{font-size:9px}.principles{padding:100px 0 120px}.principles-top{display:block}.principles-top h2{font-size:clamp(51px,10.7vw,80px);margin:30px 0}.principles-top>p{font-size:16px}.principles-grid{grid-template-columns:1fr 1fr;margin-top:65px}.principles-grid>div{padding:26px 16px 35px!important;border-bottom:1px solid #c4cec7}.principles-grid>div:nth-child(even){border-right:0}.principles-grid h3{font-size:25px;margin:25px 0 12px}.principles-grid p{font-size:13px}.closing{min-height:620px;padding:85px 0}.closing-inner h2{font-size:clamp(58px,12vw,95px);margin:44px 0}.closing-inner>p{font-size:17px}.closing-meta{gap:20px;margin-top:65px}.closing-meta span{font-size:9px}.footer{padding:55px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{margin-top:10px}.route-page{padding-top:70px}.route-hero{padding:76px 0 75px;min-height:auto}.route-hero .shell{grid-template-columns:1fr;gap:35px}.route-hero h1{font-size:clamp(58px,12vw,85px);margin:27px 0}.route-hero p{font-size:16px}.route-sketch-visual{min-height:290px;padding:14px}.route-metrics{grid-template-columns:1fr 1fr}.route-content-section{padding:85px 0}.route-contrast{grid-template-columns:1fr;gap:15px}.route-contrast>div{min-height:auto;padding:35px}.route-steps{grid-template-columns:1fr 1fr}.route-step{padding:25px 15px;min-height:210px}.route-step:nth-child(3n){border-right:1px solid #b6c6bb}.route-step:nth-child(2n){border-right:0}.route-step h3{font-size:24px;margin:20px 0}.route-card{min-height:auto}.route-catalogue{grid-template-columns:1fr}.route-products{margin-top:35px}.route-product{grid-template-columns:1fr;gap:10px}.route-product h3{font-size:34px}}
@media(max-width:400px){.hero h1{font-size:12.8vw}.hero-bottom{font-size:8px}.hero-stage{height:77vw}.logo-sub{display:none}.compare-side{font-size:7px}.cx-compare{aspect-ratio:1.25}.route-steps{grid-template-columns:1fr}.route-step,.route-step:nth-child(3n){border-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.js-motion .reveal:not(.is-visible),.hero-scene img,.seq-image-layer,.outcome-row,.outcome-preview img{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}.page-progress{transition:none}.seq-chapter{opacity:1}.hero-scene .scene-drawing{transition:none}}
/* Editorial polish: dissolve image edges into the paper and give the CX visual a proper landscape stage. */
.hero-scene img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%)}
.cx-compare{aspect-ratio:2.18;min-height:300px}
.cx-compare img{object-fit:cover}
@media(max-width:700px){.cx-compare{aspect-ratio:1.75;min-height:210px}.principles-top h2{font-size:clamp(43px,10.3vw,80px)}}
@media(max-width:700px){
  .cx-content h2{font-size:clamp(46px,11vw,84px)}
  .principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .principles-grid>div{min-width:0}
  .principles-grid h3{overflow-wrap:break-word;font-size:clamp(21px,6vw,25px)}
}
/* Object-first interactions: the connections draw themselves into the scene. */
.hero-traces{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.hero-traces path{fill:none;stroke:#00d96b;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;opacity:.4;filter:drop-shadow(0 0 5px rgba(0,182,91,.35));animation:trace-draw 2.8s var(--ease) .6s forwards}
.hero-traces path:nth-child(2){animation-delay:1.3s;stroke-width:1.1;opacity:.3}
@keyframes trace-draw{0%{stroke-dashoffset:100;opacity:0}100%{stroke-dashoffset:0;opacity:.65}}
.hero-copy .hero-label,.hero-copy h1,.hero-copy .hero-lede,.hero-copy .hero-cta-group{animation:hero-up 1.1s var(--ease) both}
.hero-copy h1{animation-delay:.12s}.hero-copy .hero-lede{animation-delay:.23s}.hero-copy .hero-cta-group{animation-delay:.36s}
@keyframes hero-up{from{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero-stage .scene-real{animation:hero-image-reveal 1.6s var(--ease) both}
@keyframes hero-image-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.inspect-hotspots{position:absolute;inset:0;pointer-events:none;z-index:6}
.inspect-point{position:absolute;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #fff;background:#0aa85a;color:white;font:700 10px 'Poppins',Arial,sans-serif;box-shadow:0 0 0 5px rgba(0,170,85,.13),0 7px 18px rgba(0,0,0,.18);opacity:0;transform:scale(.5);transition:opacity .28s,transform .28s;pointer-events:none}
.inspect-active .inspect-point{opacity:1;transform:scale(1);pointer-events:auto}
.point-a{left:29%;top:47%}.point-b{left:70%;top:32%}.point-c{left:67%;top:77%}
.inspect-point:hover,.inspect-point:focus-visible{background:#101d14;transform:scale(1.15)}
.inspect-detail{position:absolute;right:7%;top:11%;width:min(310px,65%);background:#0d1e13;color:#e8fff0;padding:15px 18px;line-height:1.5;border-left:3px solid var(--green);box-shadow:0 20px 40px rgba(0,0,0,.17)}
.inspect-detail[hidden]{display:none}
@media(max-width:700px){.inspect-point{width:28px;height:28px}.inspect-detail{top:10px;right:14px;font-size:9px;max-width:240px}.hero-traces path{stroke-width:2}}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-label,.hero-copy h1,.hero-copy .hero-lede,.hero-copy .hero-cta-group,.hero-stage .scene-real,.hero-traces path{animation:none!important;opacity:1!important;filter:none!important;clip-path:none!important;stroke-dashoffset:0!important}}



/* Poppins typography, compositional motion, and the Made Tech interaction language. */
body,button,input,select,textarea{font-family:'Poppins',Arial,sans-serif}
.micro,.micro.light,.logo-sub,.hero-inspect-glass,.inspect-instruction,.hero-coord,.compare-grab,.step-number{font-family:'Poppins',Arial,sans-serif;font-weight:600}
.hero h1{letter-spacing:-.05em;font-size:clamp(65px,7.15vw,134px);line-height:.9}
.manifesto-heading,.section-head h2,.outcome-head h2,.principles-top h2,.closing-inner h2,.seq-intro h2,.cx-content h2{letter-spacing:-.05em}
.header .desktop-nav a{display:inline-flex;align-items:center;gap:9px;position:relative;padding:12px 2px;font-family:'Poppins',Arial,sans-serif;font-weight:600}
.nav-cube{display:inline-block;width:15px;height:15px;flex:0 0 15px;position:relative;perspective:120px;transform-style:preserve-3d;transform:translateY(1px) rotateX(-22deg) rotateY(36deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s;will-change:transform}
.nav-cube i{position:absolute;display:block;width:12px;height:12px;border:1px solid #455b4c;background:#eff9f1;transform-origin:center;backface-visibility:hidden;transition:background .38s,border-color .38s}
.nav-cube .face-front{transform:translateZ(6px)}
.nav-cube .face-top{transform:rotateX(90deg) translateZ(6px);background:#d6e8dc}
.nav-cube .face-side{transform:rotateY(90deg) translateZ(6px);background:#a6dbc0}
.desktop-nav a:hover .nav-cube,.desktop-nav a:focus-visible .nav-cube{transform:translateY(-1px) rotateX(-42deg) rotateY(235deg) scale(1.19);filter:drop-shadow(0 3px 5px rgba(2,106,50,.25))}
.desktop-nav a:hover .nav-cube i,.desktop-nav a:focus-visible .nav-cube i{background:#11ac5b;border-color:#075930}
.desktop-nav a:hover .nav-cube .face-top{background:#b9f1cf}
.desktop-nav a:hover .nav-cube .face-side{background:#166e46}
/* Full-width architectural stencil with a cursor-follow radial fill */
.stencil-section{--stencil-x:50%;--stencil-y:50%;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(440px,56vw,790px);background:#f8faf7;color:#101613;border-top:1px solid #cfddd2;border-bottom:1px solid #cfddd2;display:flex;flex-direction:column;justify-content:space-between}
.stencil-section::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(to right,rgba(14,81,46,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,81,46,.06) 1px,transparent 1px);background-size:clamp(42px,5vw,88px) clamp(42px,5vw,88px);mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 70%,transparent)}
.stencil-head,.stencil-baseline{padding-top:36px;padding-bottom:34px;display:flex;gap:24px;justify-content:space-between;position:relative;z-index:2;color:#496050}
.stencil-head{border-bottom:1px solid #d2dfd4}.stencil-baseline{border-top:1px solid #d2dfd4}
.stencil-drafting{position:absolute;inset:12% 4%;border:1px dashed rgba(13,53,33,.24);pointer-events:none}
.stencil-drafting span{position:absolute;font-size:20px;color:#3a5944}.corner-tl{left:-8px;top:-15px}.corner-tr{right:-8px;top:-15px}.corner-bl{left:-8px;bottom:-16px}.corner-br{right:-8px;bottom:-16px}
.stencil-body{width:min(calc(100% - 8.8vw),var(--shell));margin-inline:auto;position:relative;z-index:3;padding:70px 0 66px}
.stencil-kicker{text-align:center;color:#30714b;margin:0 0 36px}
.stencil-word{font-family:'Poppins',Arial,sans-serif;font-size:clamp(62px,13.9vw,258px);font-weight:700;line-height:1.05;letter-spacing:-.05em;white-space:nowrap;text-align:center;margin:0;position:relative;user-select:none;cursor:crosshair}
.stencil-outline,.stencil-fill{display:block;white-space:nowrap}
.stencil-outline{color:transparent;-webkit-text-stroke:1.65px #34443a}
.stencil-fill{position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;background:radial-gradient(circle clamp(130px,20vw,350px) at var(--stencil-x) var(--stencil-y),#08d16c 0%,#057d46 34%,#08190e 63%,transparent 75%);background-clip:text;-webkit-background-clip:text;transition:opacity .5s;opacity:.63}
.stencil-section.stencil-active .stencil-fill{opacity:1}
.stencil-copy{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-top:34px}
.stencil-copy p{font-size:clamp(17px,2vw,30px);line-height:1.4;letter-spacing:-.035em;margin:0}.stencil-copy p strong{font-weight:700}
.stencil-instruction{color:#507a61;text-align:right;max-width:225px}
/* Watercolour-style scroll reveal; photographic and linework images are the same scene */
.paint-section{--paint-progress:0%;padding:155px 0 150px;background:#fff;overflow:hidden}
.paint-top{display:grid;grid-template-columns:1fr 2.1fr 1.25fr;gap:22px;align-items:start;margin-bottom:75px}
.paint-top>span{padding-top:10px}
.paint-top h2{font-size:clamp(54px,6.7vw,118px);font-weight:700;line-height:.91;letter-spacing:-.05em;margin:0}
.paint-top h2 em{font-style:normal;color:#088a47}
.paint-top p{font-size:17px;line-height:1.55;color:#506255;margin:10px 0 0}
.paint-stage-frame{position:relative}
.paint-stage{position:relative;aspect-ratio:1.87;background:#f2f8f1;overflow:hidden;border:1px solid #d3e4d5;box-shadow:0 35px 85px rgba(5,36,17,.07)}
.paint-stage>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;pointer-events:none;user-select:none}
.paint-drawing{filter:saturate(.4) contrast(1.25) brightness(1.03)}
.paint-wash,.paint-detail{mask-image:linear-gradient(to right,#000 0%,#000 max(0%,calc(var(--paint-progress) - 13%)),transparent min(100%,calc(var(--paint-progress) + 12%)));-webkit-mask-image:linear-gradient(to right,#000 0%,#000 max(0%,calc(var(--paint-progress) - 13%)),transparent min(100%,calc(var(--paint-progress) + 12%)))}
.paint-wash{filter:saturate(.48) contrast(.87) brightness(1.14) blur(1.8px);opacity:.87;transform:scale(1.01);}
.paint-detail{mask-image:linear-gradient(to right,#000 0%,#000 max(0%,calc(var(--paint-progress) - 28%)),transparent max(0%,calc(var(--paint-progress) - 5%)));-webkit-mask-image:linear-gradient(to right,#000 0%,#000 max(0%,calc(var(--paint-progress) - 28%)),transparent max(0%,calc(var(--paint-progress) - 5%)))}
.paint-grain{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(4,84,46,.025),rgba(4,84,46,.025) 1px,transparent 1px,transparent 5px);mix-blend-mode:multiply;opacity:.4;pointer-events:none}
.paint-path{position:absolute;inset:0;pointer-events:none}.paint-path svg{width:100%;height:100%}.paint-path path{stroke:#00a651;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--paint-numeric,0));fill:none;filter:drop-shadow(0 0 8px rgba(0,192,100,.45))}
.paint-bottom-left,.paint-bottom-right{position:absolute;bottom:22px;z-index:2;padding:12px 15px;background:rgba(255,255,255,.89);border:1px solid #cfe5d3;color:#245938;backdrop-filter:blur(8px)}
.paint-bottom-left{left:24px}.paint-bottom-right{right:24px}
.paint-foot{display:flex;justify-content:space-between;gap:20px;padding-top:25px;color:#5f7465}
/* Give original interaction controls an ink-on-paper finish */
.compare-grab{background:#fff!important;color:#004f26!important;border:2px solid #009d50!important;box-shadow:0 12px 35px rgba(0,61,33,.24)!important}
.compare:focus-within .compare-grab,.compare:hover .compare-grab{transform:translate(-50%,-50%) scale(1.09)}
@media(max-width:950px){.paint-top{grid-template-columns:1fr 1.5fr}.paint-top p{grid-column:2}.stencil-section{min-height:490px}.stencil-word{font-size:14vw}}
@media(max-width:700px){.hero h1{font-size:clamp(57px,13vw,90px)}.stencil-head,.stencil-baseline{padding-top:22px;padding-bottom:20px;font-size:9px}.stencil-head>span:last-child,.stencil-baseline>span:last-child{display:none}.stencil-body{padding:50px 0}.stencil-word{font-size:14vw;letter-spacing:-.05em}.stencil-copy{display:block;margin-top:26px}.stencil-instruction{display:block;text-align:left;margin-top:25px}.stencil-section{min-height:400px}.stencil-drafting{inset:17% 4%}.paint-section{padding:90px 0}.paint-top{display:block;margin-bottom:34px}.paint-top h2{margin:21px 0 15px;font-size:clamp(52px,10vw,85px)}.paint-stage{aspect-ratio:1.03}.paint-stage>img{object-position:center}.paint-bottom-left,.paint-bottom-right{bottom:12px;padding:8px;font-size:8px}.paint-bottom-left{left:10px}.paint-bottom-right{right:10px}.paint-foot>span:last-child{display:none}.paint-foot{font-size:9px}}
@media(pointer:coarse){.stencil-instruction{font-size:0;opacity:.7}.stencil-instruction::after{content:'TOUCH THE LETTERS TO REVEAL THE FILL';font-size:10px}.stencil-fill{opacity:.88}}
@media(prefers-reduced-motion:reduce){.nav-cube,.nav-cube i,.stencil-fill{transition:none!important}.stencil-fill{opacity:1!important}.paint-stage{--paint-progress:100%!important;--paint-numeric:100!important}}



/* Architectural page transitions: storyboard a new housing service as two drawing leaves. */
.arch-shutter{position:fixed;inset:0;z-index:250;visibility:hidden;pointer-events:none;isolation:isolate;font-family:'Poppins',Arial,sans-serif}
.arch-shutter.is-active{visibility:visible;pointer-events:auto}
.arch-leaf{position:absolute;top:0;bottom:0;width:50.04%;overflow:hidden;background:#f7faf6;will-change:transform;transition:transform 420ms cubic-bezier(.77,0,.19,1)}
.arch-leaf.left{left:0;transform:translate3d(-101%,0,0);border-right:1px solid rgba(17,72,41,.3)}
.arch-leaf.right{right:0;transform:translate3d(101%,0,0);border-left:1px solid rgba(17,72,41,.3)}
.arch-shutter.is-closing .arch-leaf{transform:translate3d(0,0,0)}
.arch-shutter.is-opening .arch-leaf.left{transform:translate3d(-101%,0,0)}
.arch-shutter.is-opening .arch-leaf.right{transform:translate3d(101%,0,0)}
.arch-leaf::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(33,73,46,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(33,73,46,.055) 1px,transparent 1px);background-size:48px 48px;opacity:.76}
.arch-leaf::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 45%,rgba(0,173,84,.08),transparent 52%);pointer-events:none}
.arch-drawing{position:absolute;top:0;width:200%;height:100%;max-width:none;opacity:.95}
.arch-leaf.left .arch-drawing{left:0}.arch-leaf.right .arch-drawing{left:-100%}
.arch-drawing .arch-ink{stroke:#1b2920;stroke-width:2.2;fill:none;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:100;stroke-dashoffset:100}
.arch-drawing .arch-ink-thin{stroke:#708978;stroke-width:1;fill:none;stroke-dasharray:100;stroke-dashoffset:100}
.arch-drawing .arch-ink-accent{stroke:#008f4a;stroke-width:3;fill:none;stroke-dasharray:100;stroke-dashoffset:100}
.arch-shutter.is-closing .arch-drawing path{animation:architectural-draw 600ms cubic-bezier(.25,.76,.24,1) forwards}
.arch-shutter.is-closing .arch-drawing .arch-ink-thin{animation-delay:60ms}
.arch-shutter.is-closing .arch-drawing .arch-ink-accent{animation-delay:100ms}
@keyframes architectural-draw{to{stroke-dashoffset:0}}
.arch-shutter.is-opening .arch-drawing path{stroke-dashoffset:0}
.arch-transition-seam{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(0deg,transparent,#08a350 20%,#08a350 80%,transparent);z-index:5;opacity:0;transform:scaleY(.05);transform-origin:center;transition:transform .38s ease,opacity .15s ease}
.arch-shutter.is-closing .arch-transition-seam{opacity:1;transform:scaleY(1)}
.arch-shutter.is-opening .arch-transition-seam{opacity:0;transform:scaleY(.06)}
.arch-transition-caption{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-41%);opacity:0;text-align:center;color:#101915;max-width:min(85vw,740px);min-width:min(300px,80vw);pointer-events:none;transition:opacity .18s ease,transform .32s ease}
.arch-transition-caption::before{content:"";position:absolute;inset:-22px -36px;z-index:-1;background:radial-gradient(ellipse,rgba(247,250,246,.93) 29%,rgba(247,250,246,.72) 53%,rgba(247,250,246,0) 75%);pointer-events:none}
.arch-shutter.is-closing .arch-transition-caption{opacity:1;transform:translate(-50%,-50%);transition-delay:150ms}
.arch-shutter.is-opening .arch-transition-caption{opacity:0;transform:translate(-50%,-61%);transition-delay:0ms}
.arch-transition-mark{width:40px;height:3px;margin:0 auto 18px;background:#00ad54}
.arch-transition-caption .micro{display:block;color:#35654a;font:700 10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.22em;text-transform:uppercase}
.arch-transition-caption strong{display:block;margin:16px 0;font-weight:700;font-size:clamp(28px,5.2vw,74px);line-height:.96;letter-spacing:-.05em;text-wrap:balance;text-transform:uppercase}
.arch-transition-caption .arch-foot{color:#536b59;font:700 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}
body.arch-is-changing{overscroll-behavior:none}
@media(max-width:700px){.arch-leaf{transition-duration:345ms}.arch-transition-caption strong{font-size:clamp(27px,8vw,43px)}.arch-transition-caption .micro{font-size:9px}.arch-transition-caption .arch-foot{font-size:8px}.arch-leaf::before{background-size:32px 32px}}
@media(prefers-reduced-motion:reduce){.arch-shutter{display:none!important}.arch-leaf,.arch-transition-caption,.arch-transition-seam{transition:none!important}.arch-drawing path{animation:none!important;stroke-dashoffset:0!important}}



/* QA pass — Made Tech Housing / October 2026 */
:root{--slow-ease:cubic-bezier(.17,.67,.21,1)}
html,body,button,input,select,textarea{font-family:'Poppins',Arial,sans-serif}
.hero-copy{padding-bottom:88px}
.hero-lede{margin-top:45px}
.hero-claim{font-size:clamp(19px,2.05vw,31px);letter-spacing:-.045em;font-weight:700}
.hero-lede>p:last-child{max-width:465px}
.hero-scene .scene-drawing{opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%);transition:none!important;z-index:1}
.hero-scene .scene-real{opacity:0;z-index:2;mask-image:radial-gradient(circle 0px at var(--pointer-x,50%) var(--pointer-y,50%),#000 45%,transparent 100%);-webkit-mask-image:radial-gradient(circle 0px at var(--pointer-x,50%) var(--pointer-y,50%),#000 45%,transparent 100%);transition:opacity .65s ease,mask-image .7s ease;will-change:opacity}
.hero-stage.inspect-active .scene-real{opacity:1;mask-image:radial-gradient(circle clamp(150px,23vw,390px) at var(--pointer-x,50%) var(--pointer-y,50%),#000 36%,transparent 100%);-webkit-mask-image:radial-gradient(circle clamp(150px,23vw,390px) at var(--pointer-x,50%) var(--pointer-y,50%),#000 36%,transparent 100%)}
.hero-stage.mobile-inspect .scene-real{opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 94%,transparent 100%)}
.hero-inspect-glass{z-index:5}.scan-cursor{z-index:8}
.hero-traces{z-index:3;pointer-events:none}
.hero-stage .inspect-instruction{z-index:11}
.campaign-triad{border-top:1px solid rgba(255,255,255,.18);padding:30px 0 48px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:clamp(16px,2.2vw,34px);font-weight:700;letter-spacing:-.035em}
.campaign-triad span span{color:var(--green)}
.stencil-copy{justify-content:center}
.stencil-copy p{max-width:none;text-align:center}
.outcome-row>span:nth-child(2){font-weight:700;font-size:clamp(24px,2.85vw,44px);line-height:1.07;letter-spacing:-.05em}
.route-hero-actions .text-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:53px;padding:15px 25px;border:1.5px solid #101712;border-radius:999px;background:#fff;color:#111b15;font-size:13px;line-height:1.1;font-weight:700;transition:background .25s,color .25s,transform .25s;box-shadow:none}
.route-hero-actions .text-btn:hover{background:#e9f7eb;color:#0a5331;transform:translateY(-2px)}
.route-hero-actions .text-btn:focus-visible{outline:3px solid #008c4b;outline-offset:4px}
.builder-feature{padding:clamp(100px,10vw,165px) 0;overflow:hidden}
.builder-intro{display:grid;grid-template-columns:20% 1fr;gap:22px;align-items:start;margin-bottom:58px}
.builder-overline{display:block;color:#077d41;margin:0 0 22px}
.builder-intro h2,.builder-route h2{font-size:clamp(45px,5.9vw,94px);line-height:.96;letter-spacing:-.05em;font-weight:700;margin:0 0 25px}
.builder-intro h2 em,.builder-route h2 em{font-style:normal;color:#00a44c}
.builder-intro p,.builder-route p{max-width:770px;font-size:clamp(17px,1.6vw,23px);line-height:1.55;color:#49564c;margin-bottom:35px}
.builder-intro p strong{color:#0d1b12;font-weight:700}
.builder-cta{max-width:290px}
.builder-screen{margin:0;border:1px solid #d5dfd8;overflow:hidden;box-shadow:0 30px 84px rgba(18,42,26,.10);background:#f6f8f5;position:relative}
.builder-screen-top{height:54px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 23px;border-bottom:1px solid #d6e0da;font-size:10px;color:#43594b}
.builder-screen-top>span{display:flex;gap:10px;align-items:center}
.builder-screen img{display:block;width:100%;height:auto;filter:saturate(.95)}
.builder-screen-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:24px 28px;background:#fff;color:#506359;font-size:14px}
.builder-screen-bottom strong{color:#121c16;font-size:17px;font-weight:700}
.builder-route h2{margin:30px 0}
.builder-route-image{margin-top:40px;box-shadow:0 30px 70px rgba(18,42,26,.13);overflow:hidden}
.builder-route-image img{width:100%;display:block;height:auto}
.arch-leaf{transition-duration:650ms}
.arch-shutter.is-closing .arch-drawing path{animation-duration:910ms}
.arch-leaf::after{background:radial-gradient(ellipse at 45% 45%,rgba(0,173,84,.10),transparent 53%),linear-gradient(135deg,rgba(171,219,183,.08),rgba(255,255,255,.2))}
.arch-transition-caption{transition-duration:.4s}
@media(max-width:1024px){.builder-intro{grid-template-columns:1fr}.builder-intro .section-index{margin-bottom:18px}.campaign-triad{gap:14px}}
@media(max-width:700px){.hero-copy{padding-bottom:40px}.hero-lede{margin-top:30px}.campaign-triad{flex-direction:column;gap:6px;padding:22px 0 32px}.builder-feature{padding:86px 0}.builder-intro{margin-bottom:32px}.builder-intro h2,.builder-route h2{font-size:clamp(38px,11vw,63px)}.builder-screen-top{height:auto;min-height:54px;gap:8px;flex-wrap:wrap;padding:12px 16px}.builder-screen-bottom{padding:20px;flex-direction:column;gap:6px}.route-hero-actions .text-btn{min-height:50px}.arch-leaf{transition-duration:610ms}}
@media(prefers-reduced-motion:reduce){.hero-scene .scene-real{mask-image:none!important;-webkit-mask-image:none!important;transition:none!important}.hero-stage.inspect-active .scene-real{opacity:1}.hero-stage:not(.inspect-active) .scene-real{opacity:0}.builder-screen img{filter:none}.arch-leaf{transition:none!important}}


/* Campaign storytelling / expressive type / frosted transitions, v3 */
.pressure-experience{padding:clamp(110px,11vw,190px) 0 125px;overflow:clip}
.pressure-experience .friction-head{margin-bottom:120px}
.pressure-section-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:end;padding:22px 0 42px;border-top:1px solid #ccd9d0}
.pressure-section-intro .micro{color:#235c3c;font-size:11px}
.pressure-section-intro>p{margin:0;font-size:clamp(16px,1.45vw,23px);color:#4b5c52;max-width:560px}
.pressure-section-line{grid-column:1/-1;height:2px;background:#e1eae4;position:relative;margin-top:25px}
.pressure-section-line span{display:block;width:0;height:100%;background:#04a953;transition:width .18s linear}
.pressure-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(34px,5vw,110px);position:relative;align-items:start}
.pressure-stage-column{position:sticky;top:clamp(110px,15vh,170px);height:clamp(480px,72vh,760px);min-width:0}
.pressure-stage{position:relative;height:100%;isolation:isolate;border:1px solid rgba(20,79,47,.14);background:linear-gradient(140deg,#f9fdfa,#edf6ef 68%,#f6faf6);overflow:hidden;box-shadow:0 45px 100px rgba(18,62,37,.10);transform:translateZ(0) scale(var(--pressure-scale,.90));transition:transform .26s linear,border-radius .5s;border-radius:4px}
.pressure-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,86,51,.065) 1px,transparent 1px),linear-gradient(rgba(22,86,51,.065) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none;z-index:1}
.pressure-stage::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-15%;height:54%;background:radial-gradient(ellipse at 54% 45%,rgba(0,174,83,.23),transparent 65%);pointer-events:none;z-index:1}
.pressure-stage-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px 26px;border-bottom:1px solid rgba(20,79,47,.13);color:#2e5741}.pressure-stage-top .micro{font-size:10px}
.pressure-image-area{position:absolute;inset:5% -3% 13%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2;transform:scale(var(--pressure-image-scale,.92));transition:transform .35s ease}
.pressure-stage-image{position:absolute;width:120%;max-width:none;left:-10%;top:50%;height:auto;transform:translateY(-50%) scale(1.04);opacity:0;filter:saturate(.92) contrast(1.04);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform 2s cubic-bezier(.19,1,.22,1)}
.pressure-stage-image.is-current{opacity:1;transform:translateY(-50%) scale(1)}
.pressure-lightwash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,255,251,.18),transparent 23%,transparent 68%,rgba(239,250,242,.52));pointer-events:none}
.pressure-stage-bottom{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:135px;padding:19px 26px 21px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:linear-gradient(180deg,rgba(249,253,250,.35),rgba(248,254,249,.94));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(13,89,43,.13)}
.pressure-stage-caption{display:flex;flex-direction:column;gap:7px}
.pressure-stage-caption .micro{color:#04753f}.pressure-stage-caption strong{font-size:clamp(17px,1.75vw,28px);letter-spacing:-.05em;line-height:1.07;font-weight:700;max-width:360px}
.pressure-stage-caption>span:last-child{font:600 9px/1.2 'Courier New',monospace;letter-spacing:.08em;color:#536d5a}
.pressure-stage-crosshair{font:300 55px/1 'Courier New',monospace;color:#08a853;opacity:.7;transform:rotate(45deg)}
.pressure-stage-meter{position:absolute;z-index:8;bottom:0;left:0;right:0;height:3px;background:rgba(32,130,70,.12)}.pressure-stage-meter span{display:block;width:16.666%;height:100%;background:#00a950;transition:width .65s cubic-bezier(.22,1,.36,1)}
.pressure-chapters{display:flex;flex-direction:column}
.pressure-chapter{min-height:clamp(420px,62vh,620px);border-top:1px solid #ceddd2;padding:clamp(35px,4.5vw,67px) 0 55px;position:relative;opacity:.56;transform:translateY(18px);transition:opacity .6s,transform .65s}
.pressure-chapter.is-active{opacity:1;transform:translateY(0)}
.pressure-chapter-index{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font:700 12px/1.2 'Courier New',monospace;letter-spacing:.12em;color:#227447}
.pressure-chapter-mark{color:#00a950;font-size:22px}
.pressure-chapter h3{font-size:clamp(37px,3.6vw,66px);font-weight:700;letter-spacing:-.05em;line-height:1.02;margin:0 0 20px;text-wrap:balance}
.pressure-terms{font-size:clamp(13px,1.1vw,17px);font-weight:600;line-height:1.65;color:#246c45;max-width:485px;margin:0 0 22px}
.pressure-context{font-size:clamp(16px,1.35vw,21px);line-height:1.53;color:#56675e;margin:0 0 45px;max-width:510px}
.pressure-response{border-top:1px solid #e0e9e2;padding:22px 0 0}
.pressure-response-label{display:block;font:700 10px/1.3 'Courier New',monospace;color:#2a714a;letter-spacing:.11em;margin-bottom:12px}
.pressure-response p{color:#192d21;font-size:clamp(15px,1.15vw,18px);line-height:1.5;max-width:480px;margin:0 0 20px;font-weight:500}
.pressure-response a{display:inline-flex;align-items:center;gap:20px;font-weight:700;font-size:13px;border-bottom:1px solid #0c633c;padding-bottom:9px;color:#075835;transition:gap .3s}.pressure-response a:hover{gap:30px}
.pressure-response a:focus-visible{outline:3px solid #03a55b;outline-offset:5px}
.pressure-closing{padding:50px 0 0;display:grid;grid-template-columns:20% 1fr auto;align-items:center;gap:25px;border-top:1px solid #bccfbe;margin-top:80px}
.pressure-closing>p{margin:0;font-size:clamp(19px,2.5vw,36px);line-height:1.2;letter-spacing:-.05em}.pressure-closing>p em{font-weight:400;color:#6a786c;font-style:normal}.pressure-closing>p strong{font-weight:700}
.pressure-end-link{font-weight:700;font-size:13px;padding:13px 0;border-bottom:1px solid currentColor;white-space:nowrap}
/* Etched chrome: anisotropic organic ink flow instead of an obvious round brush. */
.stencil-section{--stencil-x:50%;--stencil-y:50%;--stencil-lag-x:50%;--stencil-lag-y:50%;--stencil-flow-angle:110deg}
.stencil-filters{position:absolute;pointer-events:none;opacity:0}
.stencil-word{isolation:isolate;overflow:visible;cursor:crosshair;--stencil-energy:1}
.stencil-outline{position:relative;z-index:1;-webkit-text-stroke:1.35px rgba(24,59,40,.67);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.stencil-fill,.stencil-iridescence,.stencil-filament{position:absolute;inset:0;display:block;white-space:nowrap;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;opacity:1!important}
.stencil-fill{z-index:2;filter:url(#stencil-ink-distortion);background:linear-gradient(var(--stencil-flow-angle),#011109 9%,#07552b 26%,#02c361 44%,#b9f5c9 52%,#036738 62%,#010d07 78%);background-size:200% 160%;background-position:calc(50% + var(--ink-travel,0px)) center;mask-image:radial-gradient(ellipse 560px 235px at var(--stencil-x) var(--stencil-y),#000 3%,#000 39%,rgba(0,0,0,.70) 53%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 560px 235px at var(--stencil-x) var(--stencil-y),#000 3%,#000 39%,rgba(0,0,0,.70) 53%,transparent 76%);transition:background-position .4s}
.stencil-iridescence{z-index:3;background:linear-gradient(100deg,transparent 15%,rgba(232,255,242,.7) 35%,#037c42 46%,#cbffda 50%,rgba(0,20,13,.8) 57%,transparent 78%);background-size:160% 110%;background-position:calc(50% + var(--ink-travel,0px)) center;mask-image:radial-gradient(ellipse 380px 175px at var(--stencil-lag-x) var(--stencil-lag-y),#000 0%,rgba(0,0,0,.77) 44%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 380px 175px at var(--stencil-lag-x) var(--stencil-lag-y),#000 0%,rgba(0,0,0,.77) 44%,transparent 75%);mix-blend-mode:screen;opacity:.68!important}
.stencil-filament{z-index:4;background:repeating-linear-gradient(98deg,rgba(255,255,255,.9) 0px,rgba(255,255,255,.9) 1px,transparent 2px,transparent 19px);background-size:110% 100%;mask-image:radial-gradient(ellipse 235px 120px at var(--stencil-lag-x) var(--stencil-lag-y),rgba(0,0,0,.65),transparent 72%);-webkit-mask-image:radial-gradient(ellipse 235px 120px at var(--stencil-lag-x) var(--stencil-lag-y),rgba(0,0,0,.65),transparent 72%);mix-blend-mode:soft-light;opacity:.34!important}
.stencil-section::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 48% 42% at var(--stencil-x) var(--stencil-y),rgba(0,170,77,.075),transparent 75%);opacity:.7}
/* Pearl-glass architectural page transition */
.arch-leaf{background:linear-gradient(145deg,rgba(249,255,251,.82),rgba(233,245,237,.75) 49%,rgba(255,255,255,.84));backdrop-filter:blur(21px) saturate(1.3);-webkit-backdrop-filter:blur(21px) saturate(1.3);transition:transform 900ms cubic-bezier(.76,0,.22,1)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.97),inset 0 -1px 0 rgba(24,70,39,.12)}
.arch-leaf::before{background-image:linear-gradient(to right,rgba(21,91,48,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(21,91,48,.06) 1px,transparent 1px);background-size:42px 42px;opacity:.63}
.arch-leaf::after{content:"";background:radial-gradient(ellipse 60% 90% at 76% 52%,rgba(255,255,255,.83),transparent 86%),linear-gradient(130deg,rgba(255,255,255,.58),transparent 55%);box-shadow:inset -18px 0 24px rgba(255,255,255,.18);opacity:.7}
.arch-leaf.left{border-right:1px solid rgba(255,255,255,.9);box-shadow:inset -13px 0 23px rgba(255,255,255,.42),8px 0 40px rgba(0,65,38,.08)}
.arch-leaf.right{border-left:1px solid rgba(255,255,255,.9);box-shadow:inset 13px 0 23px rgba(255,255,255,.42),-8px 0 40px rgba(0,65,38,.08)}
.arch-transition-caption::before{background:radial-gradient(ellipse,rgba(248,255,249,.9) 14%,rgba(248,255,249,.65) 57%,transparent 78%);filter:blur(8px)}
.arch-shutter.is-closing .arch-drawing path{animation-duration:1080ms}
.arch-transition-seam{background:linear-gradient(180deg,transparent,#15be68 30%,#87f3ac 48%,#15be68 70%,transparent);box-shadow:0 0 34px rgba(0,173,84,.22)}
@media(max-width:1150px){.pressure-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.pressure-closing{grid-template-columns:1fr 2fr}.pressure-end-link{grid-column:2}}
@media(max-width:850px){.pressure-experience .friction-head{margin-bottom:78px}.pressure-layout{grid-template-columns:1fr;gap:0}.pressure-stage-column{height:clamp(300px,42vh,430px);top:86px;z-index:4;margin-bottom:20px;pointer-events:none}.pressure-chapter{min-height:360px;opacity:1;transform:none;border-top:1px solid #d5e1d8;padding:40px 0 46px}.pressure-chapter-index{margin-bottom:24px}.pressure-chapter h3{font-size:clamp(35px,6vw,53px)}.pressure-stage-bottom{min-height:104px;padding:15px 19px}.pressure-stage-top{padding:14px 19px}.pressure-stage-caption strong{font-size:18px}.pressure-stage-caption>span:last-child{font-size:8px}.pressure-closing{grid-template-columns:1fr;margin-top:45px}.pressure-end-link{grid-column:auto;width:max-content}.pressure-section-intro{grid-template-columns:1fr}}
@media(max-width:600px){.pressure-experience{padding:90px 0 95px}.pressure-experience .friction-head{margin-bottom:70px}.pressure-section-intro{gap:10px;padding:20px 0}.pressure-section-intro p{font-size:15px}.pressure-stage-column{height:clamp(240px,36vh,340px);top:76px}.pressure-stage{--pressure-scale:1;border-radius:0}.pressure-image-area{inset:4% -5% 18%}.pressure-stage-top .micro{font-size:8px}.pressure-stage-caption strong{font-size:14px}.pressure-stage-bottom{min-height:84px}.pressure-stage-crosshair{display:none}.pressure-chapter{min-height:auto;padding:43px 0 56px}.pressure-chapter h3{font-size:clamp(32px,9vw,48px)}.pressure-chapter-index{margin-bottom:20px}.pressure-context{margin-bottom:26px}.pressure-response{padding-top:18px}.stencil-fill{filter:none;mask-image:radial-gradient(ellipse 260px 115px at var(--stencil-x) var(--stencil-y),#000 7%,rgba(0,0,0,.83) 46%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse 260px 115px at var(--stencil-x) var(--stencil-y),#000 7%,rgba(0,0,0,.83) 46%,transparent 82%)}.arch-leaf{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);transition-duration:840ms!important}}
@media(prefers-reduced-motion:reduce){.pressure-stage,.pressure-stage-image,.pressure-chapter{transition:none!important;transform:none!important;opacity:1}.pressure-stage-image:not(.is-current){opacity:0}.stencil-fill,.stencil-iridescence,.stencil-filament{filter:none!important}.arch-leaf{transition:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}}



/* v4 editorial edit: the problem earns the proposition, the proposition earns the proof */
.friction.pressure-experience{padding-top:clamp(100px,10vw,170px);padding-bottom:clamp(90px,9vw,150px)}
.pressure-experience .friction-head{margin-bottom:clamp(55px,7vw,110px)}
.pressure-experience .friction-head h2{font-size:clamp(56px,7vw,124px);line-height:.93}
.pressure-experience .friction-head p{font-size:clamp(16px,1.45vw,21px);max-width:330px;line-height:1.45}
.pressure-conclusion{margin-top:clamp(110px,13vw,230px);padding-top:clamp(65px,7vw,120px);border-top:1px solid #cfdcd2;position:relative}
.capacity-eyebrow{color:#235c3c;display:block;margin-bottom:38px}
.pressure-conclusion>h2{font-size:clamp(65px,8.3vw,156px);font-weight:700;line-height:.91;letter-spacing:-.05em;margin:0 0 95px;max-width:1150px}
.pressure-conclusion>h2 em{font-style:normal;color:#00ad54}
.capacity-shift{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aab9af;border-bottom:1px solid #aab9af;min-height:250px}
.capacity-shift>div{padding:34px 38px 40px 0}
.capacity-shift>div+div{border-left:1px solid #aab9af;padding-left:48px;background:linear-gradient(110deg,rgba(0,173,84,.07),rgba(0,173,84,0))}
.capacity-shift .micro{color:#345d43}
.capacity-shift p{font-size:clamp(30px,4.2vw,72px);font-weight:700;letter-spacing:-.05em;line-height:1.07;margin:28px 0 0}
.capacity-shift .capacity-past p{color:#65746a}
.capacity-shift .capacity-now p{color:#131b16}
.capacity-shift .capacity-now em{color:#00ad54;font-style:normal}
.capacity-action{padding:36px 0 0;display:flex;align-items:center;justify-content:space-between;gap:40px}
.capacity-action>p{font-size:clamp(16px,1.5vw,22px);line-height:1.55;color:#44584b;max-width:570px;margin:0}
.capacity-action a{white-space:nowrap}
.pressure-chapter>p{max-width:40ch}
.outcome-editorial{padding-top:clamp(110px,10vw,190px)!important}
.builder-feature{padding-top:clamp(100px,10vw,170px)!important}
.builder-guardrails{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #cfdcd2;border-bottom:1px solid #cfdcd2}
.builder-guardrails>div{padding:26px 20px;display:flex;flex-direction:column;gap:9px}
.builder-guardrails>div:first-child{padding-left:0}
.builder-guardrails>div+div{border-left:1px solid #cfdcd2;padding-left:32px}
.builder-guardrails strong{font-size:clamp(17px,1.7vw,23px);font-weight:700}
.builder-guardrails span{font-size:14px;color:#56675b}
.category-next{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-top:60px}
.category-next p{font-size:20px;max-width:580px}
.category-next .pill-btn{min-width:max-content}
@media(max-width:850px){.pressure-conclusion{margin-top:100px}.capacity-shift{grid-template-columns:1fr}.capacity-shift>div+div{border-left:0;border-top:1px solid #aab9af;padding-left:0}.capacity-shift>div{min-height:150px}.capacity-action{align-items:start;flex-direction:column}.builder-guardrails{grid-template-columns:1fr}.builder-guardrails>div,.builder-guardrails>div:first-child,.builder-guardrails>div+div{border-left:0;padding:18px 0}.builder-guardrails>div+div{border-top:1px solid #cfdcd2}.category-next{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.pressure-experience .friction-head{margin-bottom:55px}.pressure-conclusion>h2{font-size:clamp(52px,12.5vw,84px);margin-bottom:54px}.capacity-shift p{font-size:clamp(35px,9vw,58px)}.capacity-shift>div{padding-top:25px;padding-bottom:30px}.capacity-action>p{font-size:16px}.capacity-action a{width:100%}}
@media(prefers-reduced-motion:reduce){.pressure-conclusion{scroll-behavior:auto}}


/* QA v5: concise and accessible presentation */
.hero{min-height:100svh}.hero-grid{grid-template-columns:minmax(440px,49%) minmax(0,51%)}.hero-copy{padding-top:clamp(70px,10vh,125px)}
.hero h1{font-weight:700;letter-spacing:-.05em;font-size:clamp(64px,6.4vw,113px);line-height:.93}.hero-claim{font-weight:700;letter-spacing:-.035em;font-size:clamp(18px,1.7vw,28px)}
.hero-lede>p:last-child{max-width:560px;font-size:clamp(16px,1.2vw,19px);line-height:1.65}.hero-stage{background:#f8faf7}.hero-scene img{width:115%;right:-7%;object-fit:contain}
.hero-inspect-glass,.hero-status,.hero-coord,.hero-stage [data-hotspot]{display:none!important}
.film-section{background:#fff;padding:110px 0 104px;scroll-margin-top:85px}.film-head{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:70px;margin-bottom:38px}.film-head h2{font-size:clamp(48px,6vw,104px);line-height:.92;letter-spacing:-.05em;font-weight:700;margin:22px 0 0}.film-head h2 em,.section-head-short h2 em,.faq-intro h2 em{color:var(--green);font-style:normal}.film-head>p{font-size:clamp(17px,1.3vw,21px);max-width:380px;line-height:1.6;color:#516257}
.film-player{position:relative;overflow:hidden;background:#101511;border-radius:16px;box-shadow:0 27px 100px rgba(0,0,0,.14)}.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#050605}.film-actions{position:absolute;bottom:0;left:0;right:0;padding:30px 28px 20px;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:linear-gradient(transparent,rgba(0,0,0,.84))}.film-actions button,.film-actions a{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.45);background:rgba(17,21,18,.80);border-radius:99px;color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(12px)}.film-actions button:hover,.film-actions a:hover{background:#18844c}.film-caption{font:600 10px/1.5 'Courier New',monospace;letter-spacing:.09em;color:#647768;margin-top:16px}
.stencil-section .stencil-fill,.stencil-section .stencil-iridescence,.stencil-section .stencil-filament{color:transparent!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;-webkit-background-clip:text!important;filter:none!important;mix-blend-mode:normal!important}
.stencil-section .stencil-fill{mask-image:none!important;-webkit-mask-image:none!important;background:radial-gradient(ellipse 42% 120% at var(--stencil-x,50%) var(--stencil-y,50%),#b8fad1 0%,#15d578 22%,#067741 48%,#021b10 68%,transparent 96%)!important;background-clip:text!important;-webkit-background-clip:text!important;opacity:1!important}
.stencil-section .stencil-iridescence,.stencil-section .stencil-filament{display:none!important}
.stencil-outline{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.5px #264b37!important}
.stencil-word{overflow:visible;isolation:isolate}.stencil-word .stencil-fill{pointer-events:none}.stencil-section::after{display:none!important}
.product-preview-section{padding:110px 0 130px;background:#f5f9f6}.section-head-short{display:grid;grid-template-columns:25% 1fr;gap:25px;align-items:start}.section-head-short h2,.faq-intro h2{font-size:clamp(46px,5.7vw,92px);line-height:.96;letter-spacing:-.05em;font-weight:700;margin:0}.section-head-short p{font-size:18px;color:#5c6b62;line-height:1.5;margin-top:20px}.product-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px;margin-top:58px}.product-preview-grid>a{background:#fff;border:1px solid #d8e0da;overflow:hidden;transition:transform .35s,box-shadow .35s}.product-preview-grid>a:hover{transform:translateY(-5px);box-shadow:0 24px 60px #091b0d18}.product-preview-grid img{width:100%;height:310px;object-fit:cover;object-position:left top}.product-preview-grid a>div{padding:30px}.product-preview-grid h3{font-size:clamp(23px,2.2vw,36px);font-weight:700;letter-spacing:-.05em;margin:18px 0 25px}.product-preview-grid a>div>span:last-child{font-weight:700;color:#086733}.all-products-link{display:inline-block;border-bottom:2px solid #1a7b46;padding:14px 0;font-weight:700;margin-top:35px}
.route-product-link{display:block;color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}.route-product-link:hover{transform:translateY(-4px);box-shadow:0 14px 40px #0b221013}.route-product-link .product-link-label{display:block;margin-top:26px;color:#067d42;font-size:14px;font-weight:700}.six-capability-grid{grid-template-columns:repeat(3,1fr)!important}.six-capability-grid .route-step{min-height:250px}
.builder-route-image{margin-top:38px}.builder-route-image img{display:block;width:100%;object-fit:contain;box-shadow:0 18px 60px #141b151a;border-radius:18px}
.faq-section{padding:110px 0 130px;display:grid;grid-template-columns:43% 1fr;gap:6%}.faq-intro h2{margin:25px 0 0;font-size:clamp(40px,4.7vw,78px)}.faq-list{border-top:1px solid #a9bbae}.faq-list details{border-bottom:1px solid #a9bbae}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-weight:700;font-size:clamp(16px,1.35vw,20px);padding:26px 0;line-height:1.35}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:#146c3d}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:16px;line-height:1.7;color:#53665b;margin:0 0 26px}
/* Full Made Tech footer */
.mt-site-footer{background:#111311;color:#fff;padding:75px max(28px,6vw) 24px;font-family:Poppins,Arial,sans-serif}.mt-footer-heading{display:grid;grid-template-columns:310px 1fr auto;gap:32px;align-items:center;padding-bottom:52px;border-bottom:1px solid #454a45}.mt-footer-logo{display:block}.mt-footer-logo img{display:block;width:240px;height:auto}.mt-footer-heading p{font-size:16px;line-height:1.7;max-width:570px;color:#c9d2cc}.mt-social{display:flex;gap:18px}.mt-social a{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:50%;border:1px solid #555}.mt-social img{width:25px;height:25px}.mt-newsletter{border-bottom:1px solid #454a45}.mt-newsletter summary{padding:28px 0;list-style:none;cursor:pointer;font-weight:700;font-size:clamp(17px,2vw,27px);display:flex;align-items:center;justify-content:space-between}.mt-newsletter summary::-webkit-details-marker{display:none}.mt-newsletter summary span{font-size:32px;font-weight:400}.mt-newsletter[open] summary span{transform:rotate(45deg)}#mt-newsletter-form{padding-bottom:25px;color:#ced4d1}#mt-newsletter-form a{color:#a6f3bc;text-decoration:underline}.mt-footer-menus{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:35px;padding:55px 0}.mt-footer-menus h3{font-size:14px;font-weight:700;margin:0 0 25px;color:#fff}.mt-footer-menus ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}.mt-footer-menus a{font-size:13px;color:#afb9b1;line-height:1.55}.mt-footer-menus a:hover,.mt-investors:hover{color:#9fe6b2}.mt-investors{display:inline-flex;font-weight:700;margin:8px 0 26px}.mt-footer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:28px;border-top:1px solid #454a45;padding:35px 0}.mt-footer-badges img{max-width:100px;max-height:74px;width:auto;height:auto;object-fit:contain}.mt-footer-badges img[hidden]{display:none}.mt-copyright{display:flex;justify-content:space-between;gap:24px;padding:20px 0 0;border-top:1px solid #454a45;color:#9da8a0;font-size:12px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(52px,6vw,83px)}.six-capability-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:800px){.hero-grid{display:block}.hero{min-height:auto}.hero-copy{padding:110px 26px 50px}.hero-stage{height:420px;min-height:420px}.film-section{padding:65px 0 75px}.film-head,.section-head-short,.faq-section{display:block}.film-head>p{margin-top:26px}.film-head h2{font-size:clamp(44px,9vw,72px)}.film-actions{position:static;background:#141915;padding:12px;justify-content:center}.film-actions button,.film-actions a{font-size:11px;padding:9px}.product-preview-section{padding:75px 0}.product-preview-grid{grid-template-columns:1fr;gap:15px}.product-preview-grid img{height:240px}.faq-section{padding:75px 0}.faq-list{margin-top:35px}.mt-footer-heading{display:block}.mt-footer-heading p{margin:20px 0}.mt-footer-menus{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.mt-footer-menus h3{margin-bottom:16px}.mt-copyright{display:block}.six-capability-grid{grid-template-columns:1fr!important}}
@media(max-width:460px){.hero h1{font-size:clamp(49px,12vw,64px)}.hero-stage{height:320px;min-height:320px}.mt-footer-menus{grid-template-columns:1fr 1fr;column-gap:15px}.mt-site-footer{padding:55px 24px 25px}}
@media(prefers-reduced-motion:reduce){.film-player video{animation:none}.product-preview-grid>a{transition:none}}