@font-face{font-family:Inter;src:url('vitrine-media/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--lime:#d5b46b;--black:#000;--white:#fff;--muted:#b9b9bd;--line:rgba(205,214,218,.3);--surface:#111;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-color:#737373 #1b170d;scrollbar-width:thin}body{margin:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 60%,#1e160517,transparent 60%)}h1,h2,h3,h4,p,figure{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:#000}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:#000;padding:12px 20px;z-index:100}.skip:focus{top:15px}.container{width:100%;margin:auto;padding:0 16px}.section{padding:80px 0}.title{font-size:36px;font-weight:300;line-height:1.2;letter-spacing:-.035em;margin-bottom:32px}.title:hover{color:var(--lime)}.centered{text-align:center}.right{text-align:right}.micro{font-size:11px;line-height:1.6;color:#8c8c91}.primary{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;background:var(--lime);color:#000;padding:16px 25px;font-size:14px;font-weight:700;line-height:1.2;transition:background .25s,color .25s;max-width:342px;position:relative}.primary:hover{background:#efd69f}.primary span{font-size:24px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;border-bottom:1px solid #6d6d6d;padding-bottom:6px;line-height:1.4}.text-link:hover{color:var(--lime);border-color:var(--lime)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:32px}.section-top .title{margin:0}.site-header{position:relative;display:flex;align-items:center;justify-content:center;padding-top:24px;height:95px;z-index:15}.logo{display:block;width:130px}.logo img{width:100%;height:auto;filter:brightness(0) invert(1)}.prototype-label{position:absolute;left:16px;top:28px;font-size:9px;letter-spacing:.03em;color:#74747b}.menu-button{position:fixed;top:18px;right:16px;display:flex;align-items:center;gap:10px;font-size:13px;z-index:40;padding:10px 12px;background:#000c;backdrop-filter:blur(10px);border:1px solid #333}.menu-button span{font-size:22px}.side-nav{position:fixed;right:0;top:0;width:220px;height:100svh;padding:75px 25px 24px 22px;z-index:30;background:rgba(0,0,0,.94);backdrop-filter:blur(15px);transform:translateX(100%);transition:transform .4s;overflow-y:auto}.side-nav.open{transform:none}.side-nav .nav-cta{font-size:13px;padding:16px;max-width:100%;margin-bottom:24px}.side-nav nav{display:flex;flex-direction:column;gap:8px}.side-nav nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;min-height:35px}.side-nav nav a span{font-size:20px;opacity:.9}.side-nav nav a:hover,.side-nav nav a.active{color:var(--lime)}.side-nav .nav-contact{border:1px solid #aaa;margin-top:10px;padding:12px!important;font-size:12px!important}.motion-toggle{display:flex;align-items:center;gap:8px;font-size:9px;text-align:left;color:#9e9e9e;line-height:1.5;padding:24px 0 0}.motion-toggle:first-letter{color:var(--lime)}.hero{position:relative;min-height:650px;overflow:hidden;padding:55px 0 70px}.hero-container{position:relative;z-index:1;text-align:center}.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-slogan{display:flex;justify-content:center;align-items:center;gap:20px}.hero-slogan p{font-size:24px;line-height:1.2;font-weight:300;letter-spacing:-.02em}.play-small{display:flex;align-items:center;gap:8px;text-align:left;font-size:10px;line-height:1.3;font-weight:300}.play-small:hover{color:var(--lime)}.play-triangle{font-size:50px;line-height:1;color:var(--lime)}.hero-brand{display:flex;justify-content:center;align-items:center;gap:25px}.hero h1{font-size:48px;line-height:1.4;font-weight:400;letter-spacing:.02em}.brand-flourish{font-size:40px;letter-spacing:.04em;color:var(--lime);font-weight:200;transform:skewX(-20deg)}.hero-promise{position:relative;font-size:44px;font-weight:300;line-height:1.3;letter-spacing:-.025em;margin-top:40px}.hero-promise span{color:var(--lime)}.hero-description{font-size:12px;color:#b7b7b7;line-height:1.6;margin:26px auto 0;max-width:490px}.hero-scroll{display:flex;align-items:center;justify-content:center;gap:20px;color:#929292;font-size:10px;margin:28px auto 0}.hero-scroll span{color:var(--lime);font-size:22px}.mobile-break{display:none}.benefits{position:relative;background:radial-gradient(ellipse at 0 50%,#1e160560,transparent 40%)}.benefit-grid{display:grid;grid-template-columns:1fr;gap:24px}.benefit-card{position:relative;min-height:250px;padding:24px;background-color:#111;background-image:radial-gradient(circle at 85% 85%,#64522a20,transparent 65%),radial-gradient(#7a715e18 .65px,transparent .8px);background-size:auto,4px 4px;overflow:hidden;transition:background-color .3s}.benefit-card:first-child{background-image:radial-gradient(circle at 100% 100%,#906a174d,transparent 70%),radial-gradient(#b0904a20 .65px,transparent .8px)}.benefit-card:hover{background-color:#251f12}.benefit-icon{height:60px;width:60px;position:relative;margin-bottom:16px;color:var(--lime)}.benefit-icon:before{content:"";position:absolute;width:30px;height:30px;background:var(--lime);filter:blur(30px);top:20px;left:15px;opacity:.45}.benefit-icon svg{width:100%;height:100%;transition:transform .3s}.benefit-card:hover svg{transform:rotate(-8deg) scale(1.04)}.benefit-card h3{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin-bottom:10px}.benefit-card p{font-size:15px;color:#c8c8ce;line-height:1.4;max-width:430px}.tiny-cta{position:absolute;right:16px;top:16px;background:var(--lime);color:#000;padding:10px 13px;font-size:10px;font-weight:700}.service-note{display:flex;align-items:center;gap:15px;font-size:18px;font-weight:400;line-height:1.3}.service-note>span{font-size:45px;color:var(--lime)}.services{background:radial-gradient(ellipse at 0 50%,#21180533,transparent 35%)}.services .section-top{flex-direction:column-reverse;align-items:flex-end}.service-note{align-self:flex-start}.service-grid{display:grid;grid-template-columns:1fr}.service-card{position:relative;height:335px;border-top:1px solid var(--line);overflow:hidden;outline-offset:-4px!important}.service-card:last-child{border-bottom:1px solid var(--line)}.service-idle{height:100%;display:flex;gap:16px;align-items:center;justify-content:center;padding:0 24px;transition:opacity .25s}.service-idle b{font-size:32px;font-weight:700;color:#737373;align-self:center}.service-idle h3{font-size:24px;line-height:1.32;font-weight:400;letter-spacing:-.03em}.service-play{position:absolute;right:20px;bottom:24px;color:var(--lime);font-size:53px;line-height:1;transition:opacity .25s}.service-demo{position:absolute;inset:0;opacity:0;transition:opacity .25s;padding:32px 20px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#372a0f,#0c0a07 75%)}.service-demo>small{font-size:8px;letter-spacing:.12em;color:#c2af87}.service-demo h4{font-size:21px;font-weight:400;margin:18px 0 28px;line-height:1.2}.demo-node{display:flex;align-items:center;gap:12px;position:relative;border:1px solid #6d582b;background:#15120c;padding:14px 12px;font-size:10px;box-shadow:0 10px 25px #0004;z-index:1;transform:translateX(10px);transition:transform .45s}.demo-node>span{color:var(--lime);font-size:8px}.demo-node i{margin-left:auto;color:var(--lime);font-style:normal}.demo-connector{height:22px;width:1px;background:var(--lime);margin:auto;opacity:.6;position:relative}.demo-connector:after{content:"";position:absolute;width:4px;height:4px;background:var(--lime);border-radius:50%;top:0;left:-1.5px;animation:signal 1.5s linear infinite;animation-play-state:paused}.node-b{transition-delay:.08s}.node-c{transition-delay:.16s}.demo-orbit{position:absolute;width:240px;height:240px;border:1px solid #d4aa4e22;border-radius:50%;bottom:-100px;left:-100px;box-shadow:0 0 0 20px #d4aa4e08,0 0 0 40px #d4aa4e06}.service-more{position:absolute;right:0;bottom:0;z-index:3;padding:13px 18px;background:#000;font-size:12px;display:flex;gap:25px;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}.service-card:hover .service-idle,.service-card:focus-within .service-idle,.service-card.active .service-idle,.service-card:hover .service-play,.service-card:focus-within .service-play,.service-card.active .service-play{opacity:0}.service-card:hover .service-demo,.service-card:focus-within .service-demo,.service-card.active .service-demo{opacity:1}.service-card:hover .service-more,.service-card:focus-within .service-more,.service-card.active .service-more{opacity:1;transform:none}.service-card:hover .demo-node,.service-card:focus-within .demo-node,.service-card.active .demo-node{transform:none}.service-card:hover .demo-connector:after,.service-card.active .demo-connector:after{animation-play-state:running}.service-hint{margin-top:18px;font-size:9px}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:40px}.portfolio-item{min-width:0}.portfolio-item>h3{font-size:24px;font-weight:400;margin-bottom:24px;letter-spacing:-.025em}.portfolio-viewport{height:230px;position:relative;overflow:hidden;background:#121212}.portfolio-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s}.portfolio-slide.active{opacity:1;visibility:visible;z-index:1}.portfolio-slide>img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:9px;left:10px;font-size:8px;background:#000b;color:#ddd;padding:4px 7px;z-index:2}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:26px;min-height:20px;align-items:center}.dot{width:18px;height:4px;border:0;padding:0;background:#666;border-radius:4px;position:relative}.dot:after{content:"";position:absolute;inset:-12px -2px}.dot.active{background:var(--lime)}.portfolio-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:35px}.mock-screen{position:relative;background:#e9e6df;height:100%;color:#201b0f;padding:16px;overflow:hidden;transform-origin:50% 50%}.mock-screen>header{height:28px;display:flex;align-items:center;gap:14px;font-size:7px;border-bottom:1px solid #b2a892;padding-bottom:12px}.mock-screen>header>i{margin-left:auto;font-style:normal}.mock-logo{font-size:20px;font-weight:700}.mock-logo span{font-size:8px;vertical-align:top;border:1px solid;padding:1px;margin-left:2px}.mock-content{display:flex;padding-top:20px;height:calc(100% - 28px);gap:20px}.mock-content aside{width:22%;display:flex;flex-direction:column;font-size:7px;gap:13px;color:#918978;flex:none}.mock-content aside b{color:#201b0f}.mock-main{width:78%}.mock-main>small{font-size:6px;letter-spacing:.05em}.mock-main h4{font-weight:500;line-height:1.1;font-size:22px;letter-spacing:-.05em;margin-top:6px}.mock-stats{display:flex;gap:7px;margin-top:15px}.mock-stats>div{display:flex;flex-direction:column;background:#fff8;width:33%;padding:9px}.mock-stats span{font-size:6px}.mock-stats b{font-weight:400;font-size:17px;line-height:1.5}.mock-chart{display:flex;align-items:flex-end;gap:9px;height:55px;border-bottom:1px solid #9d9075;margin-top:15px}.mock-chart i{flex:1;background:#6e5b31;height:60%}.mock-chart i:nth-child(2n){height:90%;background:#c5a868}.mock-chart i:nth-child(3n){height:40%}.mock-1{background:#181510;color:#f5f0e6}.mock-1 .mock-content aside{color:#9d9688}.mock-1 .mock-content aside b{color:var(--lime)}.mock-1 .mock-stats>div{background:#302b20}.mock-1 .mock-main h4{color:var(--lime)}.case-tabs{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff38;overflow-x:auto;scrollbar-width:none;margin-bottom:32px}.case-tabs button{font-size:18px;white-space:nowrap;padding:0 0 16px;color:#808080;line-height:1.5;border-bottom:3px solid transparent}.case-tabs button[aria-selected=true]{border-color:var(--lime);color:#fff}.case-panel{display:grid;grid-template-columns:1fr;gap:24px}.case-text{padding:20px 15px}.case-sector{font-size:10px;color:#8c8c8c;text-transform:uppercase;letter-spacing:.08em}.case-text h3{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.04em;margin:16px 0 25px}.case-text p{font-size:18px;line-height:1.5;font-style:italic;font-weight:300}.case-text .text-link{font-size:13px;margin-top:30px}.case-panel figure{position:relative;min-height:340px}.case-panel figure img{width:100%;height:100%;object-fit:cover;min-height:340px}.case-panel figure figcaption{position:absolute;bottom:10px;left:10px;background:#000a;padding:4px 6px;font-size:8px}.case-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.case-features>div{background:#1f1f1f;padding:16px 10px;min-height:115px;display:flex;justify-content:center;flex-direction:column}.case-features h4{font-size:18px;line-height:1.1;font-weight:500;letter-spacing:-.05em;margin-bottom:8px}.case-features p{font-size:11px;line-height:1.4;color:#bbb}.slider-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.arrows{display:flex;gap:12px}.arrows button{width:44px;height:44px;border:1px solid #777;color:#fff;display:grid;place-items:center;font-size:23px;transition:color .2s,border-color .2s}.arrows button:hover{color:var(--lime);border-color:var(--lime)}.flip-grid{display:grid;grid-template-columns:repeat(2,1fr)}.flip-card{position:relative;min-height:154px;border:1px solid #272727;margin:-1px 0 0 -1px;perspective:900px;padding:0;text-align:left}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;transition:transform .55s;display:flex;padding:24px;align-items:center;justify-content:center;background:#000}.flip-front{font-size:22px;font-weight:500;letter-spacing:-.04em}.flip-front b{position:absolute;bottom:12px;right:12px;font-size:15px;font-weight:300;color:#666}.flip-back{transform:rotateY(-180deg);font-size:13px;line-height:1.5;background:#201a0d;color:#ebe1cb}.flip-card:hover .flip-front,.flip-card:focus-visible .flip-front,.flip-card.flipped .flip-front{transform:rotateY(180deg)}.flip-card:hover .flip-back,.flip-card:focus-visible .flip-back,.flip-card.flipped .flip-back{transform:rotateY(0)}.everyday .micro{margin-top:20px}.showreel-cover{width:100%;aspect-ratio:16/9;position:relative;padding:0;overflow:hidden;text-align:left}.showreel-cover>img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.55)}.showreel-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 90%)}.showreel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--lime);color:var(--lime);height:90px;width:90px;border-radius:50%;display:grid;place-items:center;font-size:60px;padding-left:8px;transition:background .2s,color .2s}.showreel-cover:hover .showreel-play{background:var(--lime);color:#000}.showreel-caption{position:absolute;bottom:22px;left:24px;font-size:24px;line-height:1.2;font-weight:300}.showreel-caption em{display:block;font-size:11px;color:var(--lime);font-style:normal;margin-top:12px}.workflow{position:relative}.workflow-layout{display:block}.workflow-aside{display:none}.workflow-mobile-media{display:block;position:sticky;top:0;height:240px;background:radial-gradient(circle at 90% 100%,#795b1933,transparent 60%),#0a0906;z-index:10;padding:24px;border:1px solid #493e26;overflow:hidden}.workflow-mobile-media>span{font-size:8px;color:#9d937e;letter-spacing:.08em}.workflow-mobile-media>b{display:block;position:absolute;font-size:120px;line-height:1;font-weight:200;color:#dea937;bottom:25px;right:25px;opacity:.5}.workflow-mobile-media>strong{position:absolute;bottom:26px;left:24px;font-size:22px;font-weight:300;max-width:200px;line-height:1.1;z-index:2}.workflow-mobile-media>i{position:absolute;left:20px;bottom:-70px;width:170px;height:170px;border-radius:50%;border:1px solid #d19d2d22;box-shadow:0 0 0 20px #d19d2d0c,0 0 0 40px #d19d2d07}.workflow-panels{position:relative;padding-left:35px;margin-left:12px;border-left:1px solid #40361f}.workflow-panel{padding:100px 0;min-height:360px;opacity:.4;transition:opacity .6s;position:relative}.workflow-panel.active{opacity:1}.workflow-panel .process-visual{display:none}.workflow-panel-text{display:flex;gap:20px}.workflow-panel-text>span{position:absolute;left:-51px;width:32px;height:32px;border-radius:50%;background:#20190b;color:var(--lime);display:grid;place-items:center;font-size:10px}.workflow-panel.active .workflow-panel-text>span{background:var(--lime);color:#000}.workflow-panel-text h3{font-size:27px;font-weight:400;line-height:1.2;margin-bottom:18px}.workflow-panel-text p{font-size:15px;color:#bbb;line-height:1.6}.diagnosis{position:relative;background:radial-gradient(ellipse at 0 65%,#af801c38,transparent 58%),radial-gradient(ellipse at 100% 30%,#8a661740,transparent 40%),#060503;overflow:hidden}.diagnosis:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#bda67345 .5px,transparent .65px);background-size:4px 4px;opacity:.25}.diagnosis-grid{position:relative;display:grid;grid-template-columns:1fr;gap:50px}.diagnosis-copy .title{margin-bottom:25px}.lime-lead{font-size:22px;color:var(--lime);font-weight:400;line-height:1.3;margin-bottom:22px}.diagnosis-copy>p:not(.lime-lead):not(.micro){font-size:15px;color:#c8c3b7;line-height:1.5;margin-bottom:25px;max-width:340px}.diagnosis-copy .micro{margin-top:12px;color:#b7b3aa}.diagnosis-copy .text-link{margin-top:25px;font-size:12px;color:#d5cab3}.time-display{display:flex;justify-content:center;align-items:center;gap:7px;position:relative;padding:7px;background:#0a0702}.time-display>span{display:grid;place-items:center;position:relative;width:22%;aspect-ratio:.72;background:linear-gradient(#211e17 0 49%,#070604 49% 51%,#1a170f 51%);box-shadow:inset 0 1px 0 #786d54,0 6px 12px #0008;font-size:clamp(55px,15vw,106px);font-weight:600;line-height:1;border-radius:7px;letter-spacing:-.08em;padding-right:.05em;color:#c1b499;text-shadow:0 -2px 0 #e3d3b0}.time-display>span:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#0009}.time-display>i{font-size:50px;color:#a89d85;font-style:normal;line-height:1}.time-label{text-align:center;font-size:8px;letter-spacing:.1em;color:#a89f8d;margin:18px 0 30px}.report-slides{position:relative;height:270px;overflow:hidden;perspective:1200px}.report-preview{height:100%;background:#e8e3d9;color:#312b1d;padding:22px;position:relative;transform:rotate(-2deg) scale(.92);box-shadow:0 15px 30px #0004}.report-preview header{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-preview header strong{font-size:15px}.report-preview header span{font-size:6px;letter-spacing:.07em}.report-preview h3{font-size:27px;font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.report-line{display:flex;gap:20px;border-top:1px solid #aaa393;padding:7px 0;font-size:10px}.report-line span{font-size:9px;color:#7a6f58}.report-preview footer{position:absolute;bottom:12px;left:22px;font-size:6px;color:#8c8576}.report-2{transform:rotate(2deg) scale(.92);background:#ddd6c7}.priority-grid{display:flex;position:relative;height:90px;gap:15px}.priority-grid>span{font-size:8px}.priority-grid b{display:block;font-size:25px;font-weight:300}.priority-grid>div{width:80%;border-left:1px solid #7b6f54;border-bottom:1px solid #7b6f54;font-size:9px;padding:20px;position:relative;color:#92866b}.priority-grid i,.priority-grid em{position:absolute;font-style:normal;background:#423925;color:#f5ecd9;padding:5px 9px;right:0;top:5px}.priority-grid em{top:50px;right:50px;background:#97896b}.priority-grid>small{font-size:7px;position:absolute;bottom:-15px;right:0}.report-3{background:#211b0f;color:#e8e0ce}.report-3 footer{color:#8f836a}.roadmap{display:flex;justify-content:space-between;gap:15px;margin-top:38px;border-top:1px solid #b9a271}.roadmap span{font-size:9px;padding-top:15px;position:relative}.roadmap i{width:8px;height:8px;border-radius:50%;position:absolute;top:-4px;left:0;background:var(--lime)}.horizontal-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.horizontal-track::-webkit-scrollbar{display:none}.principle-card{flex:0 0 88%;scroll-snap-align:start;background:#171717;padding:28px;min-height:330px;display:flex;flex-direction:column}.principle-index{color:#737373;font-size:12px}.principle-card h3{font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:24px 0 18px;max-width:260px}.principle-card p{font-size:14px;line-height:1.6;color:#b2b2b5}.principle-card footer{border-top:1px solid #404040;display:flex;justify-content:space-between;padding-top:18px;margin-top:auto;font-size:12px;color:var(--lime)}.principle-card p{margin-bottom:24px}.calculator{background:radial-gradient(ellipse at 70% 60%,#362a0f22,transparent 60%)}.calculator-grid{display:grid;grid-template-columns:1fr;gap:50px}.calculator-inputs h3{font-size:25px;font-weight:400;letter-spacing:-.02em;margin-bottom:20px}.calculator-inputs>p{font-size:16px;color:#aaa;line-height:1.6;max-width:400px}.example-badge{display:block;color:var(--lime);font-size:10px;letter-spacing:.1em;margin:28px 0 12px}.calculator-inputs>label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;margin-top:28px;line-height:1.4}.calculator-inputs>label output{color:var(--lime);white-space:nowrap;font-size:16px;flex:none}.calculator-inputs input[type=range]{width:100%;margin:22px 0 0;appearance:none;height:2px;background:#535353;accent-color:var(--lime);cursor:pointer}.calculator-inputs input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid #000;width:18px;height:18px;border-radius:50%;background:var(--lime)}.calculator-inputs input[type=range]::-moz-range-thumb{width:18px;height:18px;border:1px solid #000;border-radius:50%;background:var(--lime)}.reset-calc{display:block;margin-top:30px;padding:0;color:#a0a0a0;border-bottom:1px solid #555;font-size:12px}.calculator-result{position:relative;padding:25px 20px;background:linear-gradient(140deg,#1a1712,#080908);border:1px solid #3a352a;border-radius:20px;box-shadow:10px 20px 0 #0a0908,12px 22px 0 #29241a;transform:rotate(-3deg);align-self:start}.calculator-display{padding:23px;background:#1c160a;box-shadow:inset 3px 3px 20px #000;border:1px solid #433b29;border-radius:5px}.calculator-display>small{font-size:9px;color:#9a917f;letter-spacing:.1em}.big-result{display:flex;align-items:baseline;gap:12px;margin:10px 0;font-variant-numeric:tabular-nums}.big-result>output{font-size:74px;font-weight:300;line-height:1;letter-spacing:-.07em;color:var(--lime)}.big-result>span{font-size:13px;color:#ada084}.result-details p{font-size:20px;color:#cabc9f;font-weight:400}.result-details p>span{display:block;font-size:9px;color:#8d8269;margin-top:6px;line-height:1.5}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.calc-keys i{display:grid;place-items:center;background:linear-gradient(#2c2820,#191610);border:1px solid #433b2b;border-radius:8px;height:43px;font-size:22px;font-style:normal;color:#c8c2b4;box-shadow:0 4px 0 #060503}.calc-keys i:nth-child(4n){background:var(--lime);color:#251e0e}.calc-keys.calculating i:nth-child(2n){background:var(--lime);color:#000}.calc-formula{font-size:9px;color:#a89f8b;margin:22px 0}.calculator-result .primary{font-size:10px;max-width:none;padding:14px;min-height:48px;gap:15px}.calculator-result .micro{font-size:9px;line-height:1.5;margin-top:16px;color:#9b9382}.comparison-wrap{overflow-x:auto}.comparison{border-collapse:collapse;min-width:760px;width:100%;font-size:14px}.comparison th,.comparison td{border:1px solid #333;padding:22px 18px;text-align:center;font-weight:400;line-height:1.5}.comparison th:first-child{width:23%;text-align:left;color:#aaa}.comparison thead th{font-size:28px;color:#fff!important;padding-top:28px;padding-bottom:28px;line-height:1.1;letter-spacing:-.03em}.comparison thead th:first-child{font-size:20px}.comparison thead th>span{display:block;font-size:11px;font-weight:300;margin-top:15px;color:#a4a4a4;letter-spacing:0}.comparison th:nth-child(2),.comparison td:nth-child(2){background:#231e12}.comparison thead th:nth-child(2){color:var(--lime)!important}.comparison tbody td{color:#c1c1c1}.comparison td>a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.team-card{flex:0 0 85%;scroll-snap-align:start;min-width:0;border-bottom:1px solid transparent;padding-bottom:16px;position:relative}.team-card:hover{border-color:var(--lime)}.team-card>img{height:380px;width:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1);transition:filter .4s,transform .4s}.team-card:hover>img{filter:grayscale(0)}.team-card>div{padding-top:20px}.team-card>div>span{font-size:13px;color:#808080;font-weight:300;display:block;min-height:20px}.team-card h3{font-size:24px;font-weight:300;margin-top:6px;line-height:1.3}.team-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:30px}.team-bottom .text-link{font-size:12px}.faq-list{border-top:1px solid #3b3b3b}.faq details{border-bottom:1px solid #3b3b3b;padding:26px 14px}.faq summary{list-style:none;display:flex;align-items:center;gap:18px;font-size:20px;font-weight:300;line-height:1.3;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#646464;font-size:27px;font-weight:700;flex:none}.faq summary>b{margin-left:auto;flex:none;width:33px;height:33px;display:grid;place-items:center;border:1px solid #8a8a8a;border-radius:50%;font-size:23px;font-weight:200}.faq details[open] summary>b{transform:rotate(45deg);color:var(--lime);border-color:var(--lime)}.faq details[open] summary{color:var(--lime)}.faq details p{font-size:14px;color:#a6a6a6;line-height:1.7;margin:20px 30px 0 52px;max-width:800px}.show-more{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;border:1px solid #444;margin-top:25px;padding:18px;font-size:14px}.show-more:hover{border-color:var(--lime);color:var(--lime)}.contact{background:radial-gradient(ellipse at 95% 70%,#48381522,transparent 55%)}.contact-title{font-weight:300;font-size:40px;line-height:1.2;letter-spacing:-.04em;margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:1fr;gap:50px}.contact-person>img{width:180px;height:220px;object-fit:cover;filter:grayscale(1);margin-bottom:22px}.contact-person h3{font-size:24px;font-weight:300}.contact-person p{font-size:12px;color:#858585;margin-top:7px}.contact-person a{display:block;font-size:14px;margin-top:17px}.contact-person a:hover{color:var(--lime)}#contact-form>h3{font-size:25px;font-weight:300;margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr;gap:20px}#contact-form label{display:block;font-size:11px;color:#999;margin-top:20px}#contact-form input,#contact-form textarea{width:100%;display:block;background:none;color:#fff;border:0;border-bottom:1px solid #5c5c5c;border-radius:0;padding:12px 0;font-size:15px;resize:vertical;outline-offset:2px}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#626262}#contact-form .primary{width:100%;max-width:none;margin-top:25px;font-size:13px}#contact-form .micro{margin-top:14px;font-size:10px}#contact-preview{padding:20px;margin-top:20px;border:1px solid #7c683d;background:#161208;font-size:14px}#contact-preview .text-link{display:block;width:max-content;font-size:12px;color:var(--lime);margin-top:13px}#copy-message{padding:0;margin-top:15px;font-size:12px;text-decoration:underline}#copy-status{display:block;margin-top:10px;color:#bbac8b}.footer{padding:45px 0 25px;border-top:1px solid #323232}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}.footer-top .logo{width:140px}.footer-top>p{font-size:12px;color:#8b8b8b;line-height:1.5}.footer-top>a:last-child{font-size:11px;color:#b1b1b1}.footer-links{display:flex;flex-wrap:wrap;gap:18px 25px;font-size:11px;margin-top:40px}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #272727;padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:8px;color:#747474}dialog{padding:0;background:#050505;color:#fff;width:min(1000px,94vw);border:1px solid #6b6048;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;font-size:13px}.dialog-header button{font-size:12px;border:1px solid #777;padding:7px 12px}dialog video{display:block;width:100%;height:auto;max-height:76vh;background:#000}.dialog-note{font-size:10px;color:#999;padding:12px 24px}.motion-off *, .motion-off *:before,.motion-off *:after{animation-play-state:paused!important}.motion-off .portfolio-slide,.motion-off .workflow-panel,.motion-off .flip-front,.motion-off .flip-back{transition:none!important}
@keyframes signal{0%{top:0;opacity:0}25%{opacity:1}100%{top:100%;opacity:0}}
@media(min-width:480px){.container{max-width:480px}.hero{min-height:720px}.hero h1{font-size:60px}.hero-promise{font-size:48px}.hero-slogan p{font-size:29px}}
@media(min-width:768px){.container{max-width:768px}.title{font-size:40px;font-weight:400}.hero{padding:100px 0 110px;min-height:850px}.hero-slogan{gap:24px}.hero-slogan p{font-size:40px}.play-small{font-size:12px}.play-triangle{font-size:65px}.hero h1{font-size:72px}.hero-brand{gap:40px}.brand-flourish{font-size:70px}.hero-promise{font-size:60px}.hero-description{font-size:14px;margin-top:32px}.hero-scroll{margin-top:40px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.services .section-top{flex-direction:row}.service-grid{grid-template-columns:repeat(2,1fr);gap:0 32px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:40px 32px}.portfolio-item>h3{font-size:24px}.portfolio-bottom{margin-top:40px}.case-panel{grid-template-columns:1fr 1fr}.case-text{padding:24px 28px}.case-panel figure{min-height:400px}.case-panel figure img{min-height:400px}.case-features{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:20px}.case-features h4{font-size:28px}.case-features p{font-size:13px}.case-features>div{padding:20px}.case-tabs button{font-size:20px}.flip-grid{grid-template-columns:repeat(4,1fr)}.flip-card{min-height:170px}.flip-front{font-size:25px}.flip-back{font-size:12px;padding:22px}.showreel-caption{font-size:35px;left:35px;bottom:30px}.showreel-play{height:115px;width:115px;font-size:70px}.workflow-mobile-media{height:390px;padding:32px}.workflow-mobile-media>strong{font-size:38px;max-width:380px}.workflow-mobile-media>b{font-size:220px}.workflow-panel{padding:120px 0;min-height:440px;max-width:85%}.workflow-panel-text h3{font-size:32px}.workflow-panel-text p{font-size:18px}.diagnosis-grid{grid-template-columns:.85fr 1.35fr;gap:40px}.diagnosis-copy .title{font-size:36px}.diagnosis-copy .primary{font-size:11px;padding:16px;gap:18px}.diagnosis-copy .text-link{font-size:10px}.time-display>span{font-size:80px}.time-display>i{font-size:45px}.report-slides{height:310px}.report-preview{padding:25px}.report-preview h3{font-size:30px;margin-top:30px}.report-line{font-size:11px;padding:9px 0}.report-preview footer{left:25px;font-size:6px}.principle-card{flex-basis:calc((100% - 24px)/2);min-height:360px;padding:28px}.calculator-grid{grid-template-columns:1fr 1fr;gap:50px}.calculator-inputs>p{font-size:15px}.calculator-inputs>label{font-size:12px}.calculator-result{padding:25px 18px}.calculator-display{padding:20px 16px}.big-result>output{font-size:67px}.big-result>span{font-size:11px}.calc-keys i{height:38px;font-size:20px}.team-card{flex-basis:calc((100% - 24px)/2)}.team-card>img{height:326px}.faq details{padding:35px 24px}.faq summary{font-size:24px;gap:30px}.faq summary>span{font-size:38px}.faq summary>b{width:40px;height:40px}.faq details p{margin-left:82px;font-size:15px}.contact-title{font-size:54px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:55px}.contact-person>img{width:240px;height:290px}.form-row{grid-template-columns:1fr 1fr;gap:24px}.footer-top>p{font-size:14px}.footer-top .logo{width:150px}.footer-links{font-size:12px}}
@media(min-width:1280px){.container{max-width:1280px;padding:0 200px 0 16px}.section{padding:100px 0}.title{font-size:50px;margin-bottom:56px;letter-spacing:-.04em}.section-top{margin-bottom:56px}.site-header{max-width:1280px;padding-right:16px;padding-top:24px;height:94px}.site-header .logo{width:130px}.prototype-label{left:16px;top:24px;font-size:9px}.menu-button{display:none}.side-nav{right:0;top:80px;transform:none!important;background:none;backdrop-filter:none;width:162px;height:auto;overflow:visible;padding:0;z-index:30}.side-nav .nav-cta{margin-bottom:24px;min-height:56px;font-size:12px;line-height:1.2;padding:14px 16px}.side-nav .nav-cta span{font-size:22px}.side-nav nav{gap:13px}.side-nav nav a{font-size:13px;min-height:32px;padding:6px 0}.side-nav nav a span{font-size:17px}.side-nav .nav-contact{margin-top:5px;font-size:11px!important;min-height:45px}.motion-toggle{padding-top:22px;font-size:8px}.hero{padding:55px 0 70px;min-height:785px}.hero-container{padding-right:200px;padding-left:155px}.hero-slogan{gap:25px}.hero-slogan p{font-size:42px;line-height:1.2}.play-small{font-size:12px}.play-triangle{font-size:72px}.hero h1{font-size:92px;line-height:1.35}.hero-brand{gap:50px}.brand-flourish{font-size:80px;min-width:160px}.hero-promise{font-size:68px;line-height:1.3;margin-top:32px}.hero-description{font-size:14px;margin-top:25px}.hero-scroll{margin-top:34px}.hero:after{content:"";position:absolute;top:70px;left:max(45px,calc((100vw - 1280px)/2 + 25px));width:180px;height:70px;background:url('vitrine-media/hosta-os-logo.webp') center/contain no-repeat;filter:brightness(0) invert(1);opacity:.9;transform:rotate(-90deg) translateX(-70px);transform-origin:center}.benefit-card{min-height:253px;padding:32px 24px}.benefit-icon{width:72px;height:72px}.benefit-card h3{font-size:24px}.benefit-card p{font-size:16px;line-height:1.3}.service-note{font-size:23px}.service-note>span{font-size:45px}.service-grid{grid-template-columns:repeat(4,1fr);gap:0}.service-card{height:520px;border-top:0;border-left:1px solid var(--line)}.service-card:last-child{border-bottom:0;border-right:1px solid var(--line)}.service-idle{padding:0 20px;justify-content:flex-start;gap:12px}.service-idle h3{font-size:25px;line-height:1.3}.service-idle b{font-size:30px}.service-demo{padding:42px 18px}.service-demo h4{font-size:25px;margin-top:35px;margin-bottom:40px}.demo-node{font-size:9px;padding:17px 10px;gap:8px}.demo-connector{height:35px}.service-more{font-size:12px;padding:15px;gap:20px}.service-hint{font-size:10px}.portfolio-grid{gap:40px 32px}.portfolio-item>h3{font-size:32px;margin-bottom:32px}.portfolio-viewport{height:388px}.carousel-dots{margin-top:35px}.mock-screen{padding:24px}.mock-screen>header{height:40px;font-size:10px;padding-bottom:17px;gap:20px}.mock-logo{font-size:30px}.mock-logo span{font-size:10px}.mock-content{gap:28px;padding-top:30px}.mock-content aside{font-size:9px;gap:20px}.mock-main>small{font-size:8px}.mock-main h4{font-size:31px;margin-top:13px}.mock-stats{gap:10px;margin-top:25px}.mock-stats>div{padding:14px}.mock-stats span{font-size:8px}.mock-stats b{font-size:24px}.mock-chart{height:80px;margin-top:24px;gap:14px}.image-label{font-size:8px;left:14px;bottom:12px}.case-panel{grid-template-columns:1.1fr 1.1fr 1fr;gap:24px;min-height:466px}.case-text{padding:28px 25px}.case-text h3{font-size:34px;margin:20px 0 30px}.case-text p{font-size:18px}.case-panel figure{min-height:466px}.case-panel figure img{min-height:466px;height:466px;object-position:48% 50%}.case-features{grid-column:auto;grid-template-columns:1fr;gap:16px}.case-features>div{padding:24px 20px;min-height:0}.case-features h4{font-size:37px;line-height:1.1;margin-bottom:10px}.case-features p{font-size:14px}.case-tabs button{font-size:20px}.flip-card{height:196px}.flip-front{font-size:30px}.flip-back{font-size:16px;line-height:1.5;padding:28px}.showreel-play{height:140px;width:140px;font-size:85px}.showreel-caption{font-size:45px;bottom:40px;left:40px}.showreel-caption em{font-size:13px;margin-top:18px}.workflow-mobile-media{display:none}.workflow-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}.workflow-aside{display:block;position:sticky;top:50px;padding-top:25px}.workflow-aside .title{font-size:43px;margin-bottom:40px}.workflow-aside nav{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.workflow-tab{display:inline-flex;align-items:center;gap:9px;border-radius:100px;background:#e2b24b22;color:var(--lime);font-size:11px;font-weight:500;line-height:1.4;padding:11px 13px;transition:background .3s,color .3s;max-width:100%;text-transform:uppercase}.workflow-tab span{font-size:10px;flex:none}.workflow-tab.active{background:var(--lime);color:#000}.workflow-aside .text-link{font-size:11px;margin-top:35px}.workflow-panels{border:0;margin:0;padding:0;min-width:0}.workflow-panel{min-height:100vh;padding:80px 0;max-width:none;display:flex;flex-direction:column;justify-content:center;opacity:.16;scroll-margin-top:0}.workflow-panel.active{opacity:1}.workflow-panel .process-visual{display:block}.process-visual{background:radial-gradient(ellipse at 80% 80%,#7e5f1d3b,transparent 60%),#120f09;border:1px solid #413929;height:410px;padding:24px;position:relative;overflow:hidden}.process-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#978c74;letter-spacing:.06em}.process-center{height:calc(100% - 60px);position:relative;display:flex;align-items:center;justify-content:center}.process-number{font-size:125px;font-weight:200;line-height:1;color:var(--lime);z-index:2;letter-spacing:-.06em}.process-orbits{position:absolute;width:220px;height:220px;transform:rotate(-20deg)}.process-orbits i{position:absolute;inset:0;border:1px solid #c6a04d55;border-radius:50%;transform:rotateY(45deg);box-shadow:0 0 40px #8d691c15}.process-orbits i:nth-child(2){transform:rotateY(-55deg) rotateX(20deg);inset:-20px;border-color:#e2b24b30}.process-orbits i:nth-child(3){transform:rotateY(75deg) rotateX(45deg);inset:-40px;border-color:#e2b24b15}.process-label{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:25px;font-weight:300;color:#d8cfbc;letter-spacing:-.04em}.process-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #675b42;padding-top:18px;font-size:7px;color:#9e937c;letter-spacing:.04em}.process-bottom b{font-size:20px;color:var(--lime);font-weight:400}.visual-1{background:radial-gradient(ellipse at 0 20%,#7e5f1d3b,transparent 70%),#100d08}.visual-2 .process-orbits{transform:rotate(50deg) scale(1.1)}.visual-3 .process-orbits{transform:rotate(-65deg) scale(.9)}.visual-3{background:radial-gradient(ellipse at 20% 80%,#9b721922,transparent 80%),#0f0d08}.workflow-panel-text{margin-top:40px;gap:20px}.workflow-panel-text>span{position:static;width:auto;height:auto;border-radius:0;background:none!important;color:var(--lime)!important;display:block;font-size:12px;padding-top:7px}.workflow-panel-text h3{font-size:28px;margin-bottom:15px;line-height:1.2}.workflow-panel-text p{font-size:18px;line-height:1.5;max-width:540px}.diagnosis-grid{grid-template-columns:1fr 1.85fr;gap:50px;align-items:center}.diagnosis-copy .title{font-size:50px;margin-bottom:30px}.lime-lead{font-size:23px}.diagnosis-copy>p:not(.lime-lead):not(.micro){font-size:16px}.diagnosis-copy .primary{font-size:12px;min-height:57px;padding:16px 20px;margin-top:30px}.diagnosis-copy .text-link{font-size:12px}.time-display{gap:10px;padding:10px}.time-display>span{font-size:132px;border-radius:10px;aspect-ratio:.7}.time-display>i{font-size:80px}.time-label{font-size:10px;margin-top:24px}.report-slides{height:330px}.report-preview{padding:30px 35px;transform:rotate(-3deg) scale(.9)}.report-preview header strong{font-size:20px}.report-preview header span{font-size:8px}.report-preview h3{font-size:37px;margin:25px 0}.report-line{font-size:12px;padding:9px 0}.report-preview footer{font-size:7px;left:35px;bottom:18px}.report-2{transform:rotate(3deg) scale(.9)}.priority-grid{height:95px}.priority-grid>span{font-size:10px}.priority-grid>div{font-size:11px}.priority-grid>small{font-size:9px}.roadmap{margin-top:45px}.roadmap span{font-size:12px;padding-top:18px}.principle-card{flex-basis:calc((100% - 48px)/3);min-height:365px;padding:28px}.principle-card h3{font-size:29px}.principle-card p{font-size:14px}.calculator-grid{grid-template-columns:1fr 1.06fr;gap:90px;align-items:center}.calculator-inputs h3{font-size:32px}.calculator-inputs>p{font-size:18px}.calculator-inputs>label{font-size:14px;margin-top:35px}.calculator-inputs>label output{font-size:19px}.example-badge{font-size:11px}.calculator-result{padding:30px 28px;border-radius:28px;transform:rotate(-6deg)}.calculator-display{padding:28px}.big-result>output{font-size:95px}.big-result>span{font-size:17px}.result-details p{font-size:24px}.result-details p>span{font-size:10px}.calc-keys i{height:55px;font-size:27px}.calc-formula{font-size:10px}.calculator-result .primary{font-size:11px;padding:16px;min-height:50px}.calculator-result .micro{font-size:10px}.comparison{font-size:15px;min-width:0}.comparison th,.comparison td{padding:25px 20px}.comparison thead th{font-size:33px}.comparison thead th>span{font-size:12px}.team-card{flex-basis:calc((100% - 48px)/3)}.team-card>img{height:340px}.team-card h3{font-size:24px}.team-card>div>span{font-size:13px}.faq details{padding:40px 36px}.faq summary{font-size:24px;gap:40px}.faq summary>span{font-size:40px}.faq details p{margin-left:94px;font-size:16px}.contact-title{font-size:64px;margin-bottom:70px}.contact-grid{grid-template-columns:1fr 1.6fr;gap:80px}.contact-person>img{width:285px;height:330px}.contact-person h3{font-size:27px}.contact-person p{font-size:13px}.contact-person a{font-size:15px}.form-row{gap:25px}#contact-form>h3{font-size:30px;margin-bottom:30px}#contact-form label{font-size:12px;margin-top:25px}#contact-form input,#contact-form textarea{font-size:16px;padding:15px 0}#contact-form .primary{min-height:58px;margin-top:30px}.footer{padding:55px 0 30px}.footer-top .logo{width:175px}.footer-top>p{font-size:15px}.footer-top>a:last-child{font-size:12px}.footer-links{gap:30px;font-size:13px}.footer-bottom{font-size:9px}}
@media(min-width:1440px){.container{max-width:1440px}.section{padding:120px 0}.site-header{max-width:1440px}.hero{padding:70px 0 80px;min-height:830px}.hero-container{padding-left:160px}.hero-slogan p{font-size:48px}.hero h1{font-size:94px}.hero:after{left:max(60px,calc((100vw - 1440px)/2 + 45px));width:200px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-card{min-height:280px}.benefit-icon{width:84px;height:84px}.service-idle h3{font-size:28px}.service-idle b{font-size:32px}.service-demo h4{font-size:28px}.demo-node{font-size:11px}.portfolio-grid{row-gap:52px}.case-text{padding:32px}.case-text p{font-size:20px}.case-features h4{font-size:44px}.flip-front{font-size:35px}.workflow-layout{grid-template-columns:420px minmax(0,1fr);gap:40px}.workflow-aside .title{font-size:50px}.workflow-tab{font-size:12px;padding:12px 15px}.process-visual{height:450px}.diagnosis-grid{gap:70px}.time-display>span{font-size:155px}.report-slides{height:370px}.report-preview h3{font-size:42px;margin:30px 0}.report-line{font-size:13px;padding:11px 0}.principle-card{padding:32px;min-height:370px}.principle-card h3{font-size:32px}.calculator-grid{gap:120px}.calculator-result{max-width:520px}.big-result>output{font-size:108px}.comparison th,.comparison td{padding:28px 23px}.team-card>img{height:380px}.contact-grid{gap:110px}}
@media(max-width:767px){.hero{padding-top:34px;min-height:680px}.site-header{height:80px}.site-header .logo{width:105px}.prototype-label{top:13px;font-size:7px;max-width:100px}.hero-slogan{gap:15px}.hero-slogan p{font-size:25px;text-align:left}.hero-brand{margin-top:10px;gap:20px}.hero-promise{font-size:clamp(37px,10.4vw,48px);margin-top:35px}.hero-description{max-width:310px;font-size:12px}.hero-description br{display:none}.hero-scroll{margin-top:32px}.title.centered{text-align:left}.section-top{gap:20px}.section-top .arrows{gap:8px}.arrows button{height:37px;width:37px;font-size:20px}.benefit-card h3{font-size:22px}.tiny-cta{font-size:9px}.portfolio-bottom,.slider-footer,.team-bottom{align-items:flex-start;flex-direction:column;gap:20px}.portfolio-bottom .text-link{font-size:12px}.case-tabs{gap:24px}.case-tabs button{font-size:15px}.case-panel{gap:20px}.case-panel figure{min-height:300px}.case-panel figure img{height:300px;min-height:300px}.case-text{padding:10px 0 20px}.case-text p{font-size:17px}.case-features{gap:8px}.case-features>div{padding:15px 10px}.case-features h4{font-size:18px;overflow-wrap:anywhere}.case-features p{font-size:10px}.flip-front{font-size:24px}.flip-back{padding:18px;font-size:12px}.showreel-caption{font-size:20px;bottom:18px;left:18px}.showreel-play{width:65px;height:65px;font-size:40px;top:38%}.showreel-caption em{font-size:9px;margin-top:9px}.workflow .container{padding:0 16px}.workflow-panel-text h3{font-size:25px}.diagnosis-copy .title{font-size:40px}.diagnosis-copy>p:not(.lime-lead):not(.micro){max-width:340px}.diagnosis-copy .primary{max-width:none}.diagnosis-visual{margin-top:10px}.time-display>span{font-size:clamp(58px,20vw,90px)}.time-display>i{font-size:45px}.report-preview{transform:rotate(-2deg) scale(.94)}.principles .section-top{flex-wrap:wrap}.principles .section-top .title{max-width:280px}.principles .arrows{margin-left:auto}.calculator-result{margin:0 8px;transform:rotate(-3deg)}.big-result>output{font-size:80px}.calculator .title{max-width:340px}.comparison-wrap{margin-right:-16px;padding-right:16px}.team .section-top{flex-wrap:wrap}.team-card>img{height:350px}.faq summary{font-size:18px;gap:15px}.faq summary>span{font-size:27px}.faq details{padding:24px 8px}.faq summary>b{width:30px;height:30px;font-size:23px}.faq details p{margin-left:45px;margin-right:8px;font-size:13px}.contact-title{font-size:40px}.contact-person{display:flex;gap:20px;align-items:center}.contact-person>img{width:115px;height:155px;margin:0;flex:none}.contact-person h3{font-size:20px;line-height:1.2}.contact-person p{font-size:10px}.contact-person a{font-size:11px;margin-top:12px}.contact-grid{gap:45px}.footer{padding-bottom:30px}.footer-top{justify-content:flex-start}.footer-top .logo{width:120px}.footer-top>p{font-size:11px}.footer-top>a:last-child{width:100%}.footer-links{font-size:10px}.footer-bottom{font-size:8px;line-height:1.6}.dialog-header{padding:14px;font-size:11px}.dialog-header button{font-size:10px}.dialog-note{font-size:9px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.workflow-panel{opacity:1}}
/* Final measured composition refinements. */
.portfolio-item>h3{margin:22px 0 0}.portfolio-item .carousel-dots{margin-top:22px}.contact-mark{min-height:400px;display:grid;place-items:center;position:relative;overflow:hidden}.contact-mark>span{font-size:260px;line-height:1;font-weight:200;color:var(--lime);transform:rotate(-12deg);filter:drop-shadow(0 0 55px #e0ad3e29)}.contact-mark>i{position:absolute;width:220px;height:220px;border:1px solid #e4b85a15;border-radius:50%;transform:rotateX(55deg) rotateY(30deg)}.contact-mark>i:nth-child(2){transform:rotateX(-35deg) rotateY(70deg);width:290px;height:290px}.contact-mark>i:nth-child(3){transform:rotateX(40deg) rotateY(-20deg);width:350px;height:350px}.contact-right .contact-person{display:flex;align-items:center;gap:24px;margin-bottom:38px}.contact-right .contact-person>img{width:104px;height:125px;margin:0;flex:none}.contact-right .contact-person h3{font-size:24px}.contact-right .contact-person p{font-size:11px}.contact-right .contact-person a{font-size:12px;margin-top:10px}.hero-promise span{color:#fff}.hero-promise:after{content:"";position:absolute;top:0;right:10%;width:185px;height:185px;border-radius:50%;background:linear-gradient(130deg,#dfab3c,#e9c67a);mix-blend-mode:multiply;animation:text-glow 8s ease-in-out infinite;pointer-events:none}.hero-promise{isolation:isolate}.hero-promise:hover:after{animation-play-state:paused}@keyframes text-glow{0%,100%{transform:translate(0,-5%)}35%{transform:translate(-165%,80%)}65%{transform:translate(-60%,15%)}85%{transform:translate(-110%,55%)}}
@media(min-width:1280px){.site-header{position:absolute;top:70px;left:0;right:0;height:0;padding:0;justify-content:flex-start;pointer-events:none}.site-header .logo{position:absolute;top:20px;left:90px;width:185px;pointer-events:auto}.hero{padding-top:70px;min-height:740px}.hero-container{padding-left:290px;padding-right:220px}.hero-slogan{justify-content:flex-start;gap:20px}.hero-slogan p{font-size:44px;white-space:nowrap}.hero-brand{justify-content:flex-start;gap:45px}.hero h1{font-size:94px;white-space:nowrap}.hero-promise{margin-top:48px;white-space:nowrap}.hero-description{font-size:12px;line-height:1.5;opacity:.8;margin-top:25px}.hero-scroll{font-size:9px;margin-top:22px}.hero:after{display:none}.hero-promise:after{width:210px;height:210px;right:2%}.contact-grid{grid-template-columns:1fr 1.75fr;gap:60px}.contact-mark{align-self:center;min-height:500px}.contact-mark>span{font-size:350px}.contact-right .contact-person{gap:25px}.contact-right .contact-person>img{height:125px}.portfolio-item>h3{margin-top:24px}.portfolio-item .carousel-dots{margin-top:22px}}
@media(min-width:1440px){.site-header .logo{left:110px;top:25px;width:210px}.hero-container{padding-left:330px;padding-right:240px}.hero-slogan p{font-size:50px}.hero-brand{gap:50px}.hero-promise{margin-top:48px}.hero{min-height:780px;padding-top:80px}.contact-mark>span{font-size:400px}.contact-grid{gap:80px}}
@media(max-width:767px){.contact-mark{display:none}.contact-grid{grid-template-columns:1fr}.contact-right .contact-person{gap:20px}.contact-right .contact-person h3{font-size:20px}.contact-right .contact-person>img{width:90px;height:115px}.contact-right .contact-person a{font-size:11px}.hero-promise:after{width:110px;height:110px;right:0}.hero-promise{isolation:isolate}.portfolio-item>h3{font-size:23px;margin-top:18px}.portfolio-item .carousel-dots{margin-top:18px}}
@media(min-width:1280px){.play-triangle{font-size:48px}.play-small{font-size:15px;line-height:1.3;gap:9px}.hero-slogan p{font-size:56px;letter-spacing:-.045em}.side-nav nav a{font-size:15px}.side-nav .nav-cta{font-size:14px}.service-idle{padding:0 14px;gap:10px}.service-idle h3{font-size:29px;letter-spacing:-.045em;overflow-wrap:anywhere}.service-idle b{font-size:28px}}
@media(min-width:1440px){.service-idle h3{font-size:32px}.service-idle b{font-size:32px}}
@media(min-width:768px) and (max-width:1279px){.play-triangle{font-size:48px}.play-small{font-size:14px}}
@media(max-width:767px){.play-triangle{font-size:40px}.play-small{font-size:11px}}
.service-play{right:24px;bottom:26px;width:37px;height:37px;font-size:24px;border:1px solid var(--lime);border-radius:45%;transform:rotate(-20deg);display:grid;place-items:center;padding-left:3px}
@media(min-width:1280px){.service-idle h3{font-size:32px;letter-spacing:-.045em}.service-idle b{font-size:28px}.service-idle{gap:10px;padding:0 12px}}
/* The blend canvas needs an opaque black backdrop: only white letterforms take the lime highlight. */
.hero-promise{background:#000;isolation:isolate}
@media(prefers-reduced-motion:reduce){.hero-promise:after{display:none}}
.motion-off .hero-promise:after{display:none}
.team-profile{position:absolute;top:9px;right:9px;width:34px;height:34px;display:grid;place-items:center;background:#0008;border:1px solid var(--lime);border-radius:50%;color:var(--lime);z-index:2;font-size:20px}.team-profile:hover{background:var(--lime);color:#000}
/* Text-only illumination preserves the transparent background and the sculptural forms. */
.hero-promise{background-color:transparent;background-image:radial-gradient(circle at 45% 45%,#e3b552 0%,#ebca83 14%,#fff 34%);background-size:220% 220%;background-position:0% 0%;background-clip:text;-webkit-background-clip:text;color:transparent;isolation:auto;animation:letter-light 8s ease-in-out infinite}
.hero-promise span{color:inherit}.hero-promise:after{display:none!important}.hero-promise:hover{animation-play-state:paused}
@keyframes letter-light{0%,100%{background-position:0% 0%}33%{background-position:90% 80%}66%{background-position:25% 100%}}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.hero-promise{background:none;color:#fff}.hero-promise span{color:var(--lime)}}
/* Mobile process: layered scenes slide in with the direction of native scrolling. */
.workflow-mobile-media.has-scene-layers>span,.workflow-mobile-media.has-scene-layers>b,.workflow-mobile-media.has-scene-layers>strong,.workflow-mobile-media.has-scene-layers>i{display:none}
.mobile-flow-scene{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:radial-gradient(ellipse at 85% 100%,#73581e55,transparent 65%),#0d0a05;will-change:transform;backface-visibility:hidden}
.mobile-flow-scene:nth-of-type(3n+2){background:radial-gradient(ellipse at 10% 15%,#7c612844,transparent 70%),#0d0b07}
.mobile-flow-scene:nth-of-type(3n){background:radial-gradient(ellipse at 100% 35%,#8d6b2344,transparent 65%),#0c0904}
.scene-kicker{position:absolute;top:24px;left:24px;font-size:8px;color:#b5a88c;letter-spacing:.08em;z-index:3}
.scene-number{position:absolute;font-size:120px;line-height:1;font-weight:200;color:#dea937;bottom:25px;right:25px;opacity:.5;z-index:2}
.scene-title{position:absolute;bottom:27px;left:24px;font-size:22px;font-weight:300;max-width:205px;line-height:1.1;z-index:3}
.scene-ring{position:absolute;left:8%;top:27%;width:160px;height:160px;border-radius:50%;border:1px solid #e3b55144;box-shadow:0 0 0 18px #bd913112,0 0 0 38px #d3a54209;transform:rotate(var(--scene-turn)) scaleX(.62);z-index:1}
.scene-ring:after{content:"";position:absolute;inset:-12px;border:1px solid #e3b55126;border-radius:50%;transform:rotate(60deg) scaleX(.7)}
.scene-route{position:absolute;right:26px;top:27px;display:flex;align-items:center;gap:9px;z-index:3}.scene-route>span{width:5px;height:5px;border-radius:50%;background:#615334}.scene-route>span.lit{background:#d5b46b;box-shadow:0 0 12px #e2b24b55}
@media(max-width:1279px){.workflow-panels:before{content:"";position:absolute;top:0;left:-1px;width:2px;height:calc(var(--workflow-progress,0)*100%);background:var(--lime);z-index:1;pointer-events:none}.workflow-panel-text>span{z-index:2}}
@media(min-width:768px) and (max-width:1279px){.scene-kicker{top:32px;left:32px;font-size:10px}.scene-number{font-size:220px;bottom:30px;right:35px}.scene-title{bottom:35px;left:32px;font-size:38px;max-width:380px}.scene-ring{width:270px;height:270px;left:10%;top:26%}.scene-route{top:34px;right:35px;gap:13px}.scene-route>span{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.mobile-flow-scene{transition:none!important;will-change:auto}}
.motion-off .mobile-flow-scene{transition:none!important;will-change:auto}

@media(max-width:767px){.service-demo{padding:24px 20px 56px}.service-demo h4{margin:12px 0 18px}.demo-node{padding:10px 12px}.demo-connector{height:12px}}
/* Final navigation and measured form/process alignment corrections. */
.site-header{z-index:auto}
html.menu-open,body.menu-open{overflow:hidden;overscroll-behavior:none}
.side-nav{overscroll-behavior:contain}
#contact-form input,#contact-form textarea{border:1px solid #626262;min-height:60px;padding:18px 20px;margin-top:9px;background:transparent;border-radius:0}
#contact-form textarea{min-height:132px;resize:vertical}
@media(min-width:1280px){.contact-grid{grid-template-columns:calc((100% - 48px)/3) minmax(0,1fr);gap:24px}#contact-form .primary{width:min(342px,100%);max-width:342px;margin-left:auto}.workflow-layout{grid-template-columns:340px minmax(0,1fr);gap:40px}}
@media(min-width:1440px){.workflow-layout{grid-template-columns:420px minmax(0,1fr)}}

@media(min-width:1280px){.contact-right .contact-person{display:grid;position:relative;grid-template-columns:104px minmax(0,1fr);gap:24px;min-height:104px}.contact-person>img{width:104px;height:104px}.contact-person>div{padding-right:280px}.contact-person h3{font-size:20px}.contact-person a{font-size:14px}.contact-person a[href*="calendly"]{position:absolute;right:0;top:0;width:270px;min-height:104px;margin:0;display:flex;align-items:center;justify-content:center;border:1px solid #737373;border-radius:80px;padding:20px;text-transform:uppercase;text-align:center}.contact-person a[href*="calendly"]:hover{background:var(--lime);color:#000;border-color:var(--lime)}#contact-form>h3{display:none}.contact-title{font-size:64px}}