:root{--paper:#f2f4ef;--ink:#062f48;--cyan:#00bfd2;--cyan-bright:#00e5f2;--navy:#042638;--blue:#0a5aff;--line:rgba(6,47,72,.23);--max:1460px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}::selection{background:var(--cyan);color:var(--navy)}a{color:inherit;text-decoration:none}button{font:inherit}.page-noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;z-index:100;left:0;top:0;height:5px;width:0;background:var(--cyan);mix-blend-mode:difference}.site-header{position:fixed;z-index:80;left:0;right:0;top:0;height:92px;padding:0 clamp(22px,4vw,68px);display:grid;grid-template-columns:220px 1fr 240px;align-items:center;background:rgba(242,244,239,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);transition:transform .45s}.site-header.hidden{transform:translateY(-100%)}.logo{display:flex;align-items:center;gap:9px;width:max-content}.logo svg{width:43px;height:43px;fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:square}.logo svg .arrow{fill:var(--cyan);stroke:none}.logo svg .ring{stroke:var(--ink);stroke-width:3.5}.logo>span{display:flex;align-items:baseline;font:700 25px 'Manrope';color:var(--cyan);position:relative}.logo b{color:var(--ink)}.logo small{position:absolute;left:1px;top:29px;font:700 6px 'DM Sans';letter-spacing:.11em;white-space:nowrap;color:var(--ink)}.site-header nav{display:flex;justify-content:center;gap:42px;font-size:13px;font-weight:700;letter-spacing:.05em}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:var(--cyan);transition:right .3s}.site-header nav a:hover:after{right:0}.header-cta{justify-self:end;width:224px;height:54px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 18px;font-size:11px;font-weight:800;letter-spacing:.06em;transition:.3s}.header-cta b{height:38px;width:38px;display:grid;place-items:center;background:var(--ink);color:white;font-size:17px;transition:.3s}.header-cta:hover{background:var(--cyan)}.header-cta:hover b{transform:rotate(45deg)}.menu-button{display:none;background:none;border:0}.menu-button i{display:block;width:25px;height:2px;margin:6px;background:var(--ink)}
.hero{min-height:100svh;padding:150px clamp(22px,4vw,68px) 40px;position:relative;overflow:hidden;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.hero-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:4vh}.hero h1{margin:0;position:relative;z-index:3;font:800 clamp(68px,10.9vw,176px)/.78 'Manrope';letter-spacing:-.085em}.hero h1 .line{display:block;width:max-content;will-change:transform}.line-a{transform:translateX(-1vw)}.line-b{margin-left:13vw;color:var(--cyan)}.line-c{margin-left:4vw}.period{color:var(--cyan)}.hero-bottom{margin-top:auto;display:grid;grid-template-columns:minmax(260px,490px) auto;gap:40px;align-items:end;position:relative;z-index:5}.hero-bottom>p{font-size:clamp(17px,1.5vw,23px);line-height:1.45;margin:0}.round-link{width:126px;height:126px;border-radius:50%;background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:18px;font-size:10px;font-weight:800;letter-spacing:.1em;transition:.4s}.round-link b{font-size:23px;color:var(--cyan)}.round-link:hover{transform:rotate(-10deg) scale(1.08);background:var(--cyan);color:var(--ink)}.round-link:hover b{color:var(--ink)}.hero-stamp{position:absolute;right:4vw;top:43%;z-index:4;display:flex;gap:0;transform:rotate(90deg) translateX(50%);transform-origin:right center;font:700 8px 'DM Sans';letter-spacing:.13em}.hero-stamp span{padding:9px 14px;border:1px solid var(--ink);margin-left:-1px;background:var(--paper)}.hero-image-window{position:absolute;right:5%;top:18%;width:31vw;max-width:500px;height:50vh;z-index:1;transform:rotate(5deg) translate(25%,5%);border:2px solid var(--ink);background:var(--ink);overflow:hidden;opacity:.16;transition:opacity .5s}.hero:hover .hero-image-window{opacity:.3}.browser-bar{height:28px;background:var(--paper);border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:5px;padding:0 9px}.browser-bar i{width:6px;height:6px;border:1px solid var(--ink);border-radius:50%}.browser-bar span{font-size:6px;letter-spacing:.12em;margin-left:auto}.hero-screen{height:calc(100% - 28px);background-size:cover;background-position:top;animation:screenScan 16s ease-in-out infinite alternate}@keyframes screenScan{to{background-position:bottom}}
.ticker{overflow:hidden;background:var(--ink);color:white;border-bottom:1px solid var(--ink)}.ticker>div{width:max-content;display:flex;align-items:center;gap:32px;padding:17px 0;animation:ticker 26s linear infinite}.ticker span{font:700 14px 'Manrope';letter-spacing:.08em}.ticker b{font-size:24px;color:var(--cyan)}@keyframes ticker{to{transform:translateX(-50%)}}
.chapter{display:flex;gap:17px;font:700 10px 'DM Sans';letter-spacing:.14em}.chapter span:first-child{color:var(--cyan)}.chapter.inverse{color:white}.manifesto{height:430vh;position:relative;background:var(--paper)}.manifesto-pin{height:100vh;position:sticky;top:0;padding:130px clamp(22px,7vw,110px) 60px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.manifesto-copy{display:grid;align-items:center;position:relative;max-width:1240px}.manifesto-copy p{grid-area:1/1;font:700 clamp(48px,7vw,108px)/1.02 'Manrope';letter-spacing:-.065em;margin:0;opacity:.08;transform:translateY(80px) rotate(2deg);filter:blur(8px);transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1),filter .55s}.manifesto-copy p.active{opacity:1;transform:none;filter:none}.manifesto-copy p.exit{opacity:0;transform:translateY(-80px) rotate(-2deg);filter:blur(8px)}.manifesto-copy strong{color:var(--cyan);font-weight:inherit}.manifesto-index{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:700}.manifesto-index i{height:3px;width:min(500px,60vw);background:rgba(6,47,72,.13);position:relative}.manifesto-index i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--manifesto-progress,0%);background:var(--ink);transition:width .25s}
.about-panel{background:var(--ink);color:white;padding:120px clamp(22px,7vw,110px) 0;min-height:100vh}.about-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:8vw;margin:10vh 0}.about-title>span{display:inline-block;background:var(--cyan);color:var(--ink);padding:8px 12px;font:800 10px 'DM Sans';letter-spacing:.12em;transform:rotate(-3deg)}.about-title h2{font:800 clamp(65px,9vw,138px)/.78 'Manrope';letter-spacing:-.085em;margin:28px 0}.about-copy{align-self:end}.about-copy p{font-size:clamp(17px,1.45vw,22px);line-height:1.55;color:#b8cbd4}.about-copy strong{color:white}.hero-badge{display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.2);padding-top:28px;margin-top:35px}.hero-badge b{width:84px;height:84px;border-radius:50%;border:1px solid var(--cyan);display:grid;place-items:center;font:800 18px 'Manrope';color:var(--cyan)}.hero-badge span{font-size:12px;line-height:1.5;letter-spacing:.05em}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.numbers>div{padding:50px 20px 55px 0;border-right:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:auto 1fr}.numbers b{font:700 clamp(60px,8vw,120px)/1 'Manrope';letter-spacing:-.07em}.numbers sup{font-size:24px;color:var(--cyan)}.numbers span{grid-column:1/3;font-size:12px;letter-spacing:.08em;color:#adc1ca;margin-top:10px}.numbers>div+div{padding-left:38px}
.expertise{height:500vh;background:#d9f7f7;position:relative}.expertise-sticky{position:sticky;top:0;height:100vh;display:flex;overflow:hidden}.expertise-intro{width:100vw;min-width:100vw;padding:130px clamp(22px,5vw,75px) 50px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--ink)}.expertise-intro h2{font:800 clamp(55px,7vw,108px)/.86 'Manrope';letter-spacing:-.075em;margin:0}.expertise-intro em{font-style:normal;color:var(--cyan);-webkit-text-stroke:1px var(--ink)}.expertise-intro>p{font-size:11px;letter-spacing:.12em;font-weight:700}.expertise-track{display:flex;will-change:transform}.expertise-card{width:80vw;min-width:80vw;padding:125px 6vw 55px;position:relative;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border-right:1px solid var(--ink)}.expertise-card .num{position:absolute;right:4vw;top:115px;font:700 13px 'Manrope'}.card-type{font:700 10px 'DM Sans';letter-spacing:.15em}.expertise-card h3{font:800 clamp(62px,8vw,125px)/.78 'Manrope';letter-spacing:-.08em;margin:11vh 0 30px;position:relative;z-index:2}.expertise-card h3 span{color:transparent;-webkit-text-stroke:1.5px currentColor}.expertise-card p{font-size:clamp(17px,1.6vw,23px);line-height:1.5;max-width:580px;position:relative;z-index:2}.expertise-card ul{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2}.expertise-card li{border:1px solid currentColor;padding:8px 11px;font-size:10px;font-weight:700;letter-spacing:.09em}.expertise-card.cyan{background:var(--cyan);color:var(--ink)}.expertise-card.navy{background:var(--ink);color:white}.expertise-card.paper{background:var(--paper);color:var(--ink)}.expertise-card.blue{background:var(--blue);color:white}.abstract-browser{position:absolute;width:38vw;height:32vh;right:-8vw;bottom:-5vh;border:2px solid currentColor;transform:rotate(-8deg);opacity:.22}.abstract-browser:before{content:"";position:absolute;left:0;right:0;top:28px;border-top:2px solid currentColor}.abstract-browser i{position:absolute;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;top:10px}.abstract-browser i:nth-child(1){left:10px}.abstract-browser i:nth-child(2){left:24px}.abstract-browser i:nth-child(3){left:38px}.commerce-grid{position:absolute;right:-2vw;bottom:-4vw;width:36vw;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;opacity:.15;transform:rotate(5deg)}.commerce-grid i{aspect-ratio:1;border:1px solid white}.code-lines{position:absolute;right:-4vw;bottom:1vh;width:42vw;opacity:.18;transform:rotate(-6deg)}.code-lines i{display:block;height:16px;background:var(--ink);margin:14px 0}.code-lines i:nth-child(even){width:65%;margin-left:20%}.flow-lines{position:absolute;right:4vw;bottom:4vh;width:34vw;height:32vh;opacity:.2}.flow-lines:before,.flow-lines:after,.flow-lines i{content:"";position:absolute;border:2px solid white}.flow-lines:before{inset:0 70% 70% 0}.flow-lines:after{inset:70% 0 0 70%}.flow-lines i:nth-child(1){left:16%;top:16%;width:55%;height:2px;border-width:1px;transform:rotate(28deg)}.flow-lines i:nth-child(2){left:48%;top:52%;width:36%;height:2px;border-width:1px;transform:rotate(-28deg)}
.portfolio{padding:150px clamp(18px,4vw,68px);background:var(--paper)}.portfolio-head{display:grid;grid-template-columns:.8fr 1.2fr .7fr;gap:5vw;align-items:end;margin-bottom:90px}.portfolio-head h2,.live-head h2{font:800 clamp(64px,9vw,136px)/.78 'Manrope';letter-spacing:-.085em;margin:0}.portfolio-head h2 em,.live-head h2 em{font-style:normal;color:var(--cyan)}.portfolio-head>p{font-size:16px;line-height:1.6;margin:0}.portfolio-nav{position:sticky;top:92px;z-index:30;display:flex;gap:0;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow-x:auto}.portfolio-nav button{flex:1;min-width:max-content;padding:19px 20px;background:transparent;border:0;border-right:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--ink);cursor:pointer}.portfolio-nav button span{color:#78909a;margin-left:5px}.portfolio-nav button.active{background:var(--ink);color:white}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-top:28px}.work-card{grid-column:span 4;height:590px;position:relative;border:1px solid var(--ink);background:#dce2df;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(55px);transition:opacity .7s,transform .7s}.work-card.visible{opacity:1;transform:none}.work-card:nth-child(5n+1){grid-column:span 7}.work-card:nth-child(5n+2){grid-column:span 5}.work-card:nth-child(7n+3){height:740px}.work-shot{position:absolute;inset:44px 0 0;overflow:hidden;background:#d5dbd8}.work-shot img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;display:block;transition:transform 4.5s cubic-bezier(.2,.7,.2,1);will-change:transform}.work-card:hover .work-shot img{transform:translateY(var(--travel,0))}.work-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--ink);font:700 9px 'DM Sans';letter-spacing:.11em;background:var(--paper);position:relative;z-index:2}.work-bar span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.work-bar b{font-size:16px;transition:.3s}.work-card:hover .work-bar b{transform:rotate(45deg);color:var(--cyan)}.more-projects{margin:55px auto 0;display:flex;align-items:center;gap:55px;padding:17px 20px 17px 25px;background:transparent;border:1px solid var(--ink);font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}.more-projects span{font-size:22px}.more-projects:hover{background:var(--cyan)}
.live-work{background:var(--ink);color:white;padding:140px clamp(22px,6vw,95px)}.live-head{display:grid;grid-template-columns:.7fr 1.2fr .55fr;gap:5vw;align-items:end;margin-bottom:90px}.live-head p{color:#aec1c9;line-height:1.6}.live-list{border-top:1px solid rgba(255,255,255,.25)}.live-item{display:grid;grid-template-columns:55px 1fr auto 48px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:.3s}.live-item:hover{padding-left:18px;background:var(--cyan);color:var(--ink)}.live-item>span{font-size:10px;color:var(--cyan)}.live-item:hover>span{color:var(--ink)}.live-item h3{font:600 clamp(20px,2.2vw,32px) 'Manrope';margin:0}.live-item small{letter-spacing:.08em;color:#91aab4}.live-item:hover small{color:var(--ink)}.live-item b{font-size:20px;transition:.3s}.live-item:hover b{transform:rotate(45deg)}
.contact{min-height:100vh;background:var(--cyan);color:var(--ink);padding:130px clamp(22px,5vw,75px) 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.contact-kicker{font:800 10px 'DM Sans';letter-spacing:.17em;margin-bottom:7vh}.contact h2{font:800 clamp(66px,11vw,170px)/.76 'Manrope';letter-spacing:-.09em;margin:0}.contact h2 span{display:block;width:max-content}.contact h2 span:nth-child(2){margin-left:17vw}.contact h2 span:nth-child(3){margin-left:4vw}.contact-button{margin:7vh 0 0 auto;width:min(430px,100%);height:85px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 25px;font-size:12px;font-weight:800;letter-spacing:.09em}.contact-button b{width:54px;height:54px;background:var(--ink);color:white;display:grid;place-items:center;font-size:23px;transition:.35s}.contact-button:hover{background:var(--paper)}.contact-button:hover b{transform:rotate(45deg)}footer{background:var(--paper);padding:65px clamp(22px,5vw,75px) 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center;border-top:1px solid var(--ink)}.footer-logo{font:800 34px 'Manrope';color:var(--cyan)}.footer-logo span{color:var(--ink)}footer p{text-align:center;font-size:10px;font-weight:700;letter-spacing:.1em}footer>a{text-align:right;font-weight:700}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;font-size:9px;letter-spacing:.1em}
.project-modal{width:min(1500px,96vw);height:94vh;max-width:none;max-height:none;margin:auto;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.5)}.project-modal::backdrop{background:rgba(3,24,36,.86);backdrop-filter:blur(5px)}.modal-close{position:sticky;top:0;z-index:4;float:right;margin:18px 18px 0 0;background:var(--ink);color:white;border:0;padding:13px 16px;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}.modal-meta{position:sticky;top:0;float:left;width:30%;height:94vh;padding:7vh 4vw;background:var(--cyan);display:flex;flex-direction:column}.modal-meta>span{font-size:10px;font-weight:800;letter-spacing:.16em}.modal-meta h3{font:800 clamp(36px,5vw,76px)/.88 'Manrope';letter-spacing:-.07em;margin:auto 0}.modal-meta p{font-size:13px}.modal-view{margin-left:30%;min-height:100%;padding:45px;background:#dce3e1;text-align:center}.modal-view img{width:min(750px,100%);height:auto;display:block;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.18)}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto;height:78px}.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.open nav{display:flex;position:fixed;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid var(--ink);padding:35px;flex-direction:column;align-items:center;font-size:20px}.hero{padding-top:125px}.hero h1{font-size:13.2vw}.line-b{margin-left:6vw}.hero-image-window{display:none}.about-grid{grid-template-columns:1fr}.about-copy{max-width:650px;margin-left:auto}.expertise-card{width:90vw;min-width:90vw}.portfolio-head,.live-head{grid-template-columns:1fr}.portfolio-head .chapter,.live-head .chapter{margin-bottom:20px}.portfolio-head>p,.live-head>p{max-width:600px}.work-card:nth-child(n){grid-column:span 6}.live-item{grid-template-columns:40px 1fr 35px}.live-item small{display:none}}
@media(max-width:650px){.hero{min-height:880px;padding-bottom:30px}.hero-meta span:last-child{display:none}.hero h1{font-size:14.5vw;line-height:.82;margin-top:8vh}.line-b,.line-c{margin-left:0}.hero-bottom{grid-template-columns:1fr;gap:24px}.round-link{width:105px;height:105px;margin-left:auto}.hero-stamp{display:none}.manifesto-pin{padding-top:110px}.manifesto-copy p{font-size:45px}.about-panel{padding-top:95px}.about-title h2{font-size:66px}.numbers{grid-template-columns:1fr}.numbers>div,.numbers>div+div{padding:34px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.numbers b{font-size:75px}.expertise-intro h2{font-size:53px}.expertise-card{width:100vw;min-width:100vw;padding:105px 24px 38px}.expertise-card h3{font-size:56px;margin-top:9vh}.expertise-card p{font-size:16px}.portfolio{padding-top:100px}.portfolio-head{margin-bottom:55px}.portfolio-head h2,.live-head h2{font-size:66px}.portfolio-nav{top:78px}.portfolio-nav button{padding:16px 13px}.gallery{grid-template-columns:1fr;gap:18px}.work-card:nth-child(n){grid-column:auto;height:520px}.work-card:nth-child(3n){height:660px}.live-work{padding-top:100px}.live-item{grid-template-columns:32px 1fr 30px}.live-item h3{font-size:20px}.contact h2{width:100%;font-size:clamp(34px,12vw,54px);line-height:.88;letter-spacing:-.075em}.contact h2 span,.contact h2 span:nth-child(n){width:100%;max-width:100%;margin-left:0}.contact-button{height:70px}footer{grid-template-columns:1fr;text-align:center}footer p,footer>a{text-align:center}.modal-meta{position:relative;float:none;width:100%;height:auto;min-height:210px;padding:30px}.modal-meta h3{margin:32px 0}.modal-view{margin-left:0;padding:18px}.modal-close{position:fixed;right:4vw}}
@media(max-width:650px){.hero h1{font-size:13.4vw}.portfolio-head h2{font-size:12.6vw}.live-head h2{font-size:16vw}}
@media(hover:none){.work-shot img{transform:none!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.work-card{opacity:1;transform:none}.manifesto-copy p{filter:none}.manifesto-copy p:first-child{opacity:1}}

/* Kinetic showroom direction */
.hero-v3{min-height:100svh;padding:132px clamp(24px,5vw,78px) 34px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(30px,4vw,75px);align-items:center;background:#031f31;color:#f6faf8;border:0;isolation:isolate}.hero-v3:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,#000 10%,transparent 82%)}.hero-v3:after{content:"";position:absolute;width:55vw;height:55vw;right:-18vw;top:-22vw;border-radius:50%;background:var(--cyan);filter:blur(100px);opacity:.18;z-index:-2}.hero-atmosphere i{position:absolute;border:1px solid rgba(0,229,242,.2);border-radius:50%;z-index:-1;animation:atmosphere 14s ease-in-out infinite alternate}.hero-atmosphere i:nth-child(1){width:35vw;height:35vw;right:4vw;top:14vh}.hero-atmosphere i:nth-child(2){width:23vw;height:23vw;right:10vw;top:26vh;animation-delay:-5s}.hero-atmosphere i:nth-child(3){width:11vw;height:11vw;right:16vw;top:38vh;animation-delay:-9s}@keyframes atmosphere{to{transform:translate(3vw,-2vh) rotate(35deg);border-radius:38% 62% 54% 46%}}
.hero-copy{position:relative;z-index:5;align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-width:970px}.hero-v3 .hero-meta{position:absolute;top:0;left:0;right:0;color:#8eacb9;font-size:12px;margin:0}.hero-kicker{display:flex;align-items:center;gap:12px;color:#a9c2cc;font-size:12px;font-weight:700;letter-spacing:.15em;margin:5vh 0 3vh}.hero-kicker i{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(0,229,242,.12);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(0,229,242,0)}}.hero-v3 h1{font:800 clamp(58px,7.2vw,116px)/.82 'Manrope';letter-spacing:-.075em;margin:0;max-width:930px}.hero-v3 h1 .line{display:block;width:max-content;max-width:100%}.hero-v3 .line-a,.hero-v3 .line-b,.hero-v3 .line-c{margin-left:0}.hero-v3 .line-b{color:var(--cyan)}.hero-v3 .line-c{font-size:.86em}.hero-lead{width:min(660px,90%);font-size:clamp(17px,1.25vw,21px);line-height:1.5;color:#b7cbd3;margin:4vh 0 0}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:4vh}.hero-actions a{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.35s}.hero-primary{background:var(--cyan);color:var(--ink);gap:28px}.hero-primary b{font-size:19px;transition:.35s}.hero-primary:hover{background:white}.hero-primary:hover b{transform:translateY(5px)}.hero-secondary{border:1px solid rgba(255,255,255,.32);color:white}.hero-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5vh;border-top:1px solid rgba(255,255,255,.18);max-width:730px}.hero-proof>div{padding:18px 18px 0 0;display:flex;align-items:baseline;gap:10px}.hero-proof strong{font:700 clamp(22px,2.4vw,38px) 'Manrope';color:white}.hero-proof span{font-size:11px;line-height:1.25;color:#83a1ae;letter-spacing:.06em}
.hero-v3 .hero-image-window{display:block;position:relative;inset:auto;width:100%;height:min(72vh,720px);max-width:none;overflow:visible;background:none;border:0;opacity:1;transform:translateY(var(--hero-shift,0));transition:none;z-index:3}.hero-v3:hover .hero-image-window{opacity:1}.showcase{position:absolute;margin:0;background:#e9efed;border:1px solid rgba(255,255,255,.65);box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.showcase img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top}.showcase-top{height:28px;background:#f7faf8;color:#062f48;display:flex;align-items:center;gap:5px;padding:0 9px}.showcase-top span{width:6px;height:6px;border-radius:50%;border:1px solid #062f48}.showcase-top b{margin-left:auto;font-size:8px;letter-spacing:.13em}.showcase-a{width:78%;height:64%;right:0;top:9%;transform:rotate(4deg);z-index:2}.showcase-b{width:67%;height:58%;left:-3%;bottom:5%;transform:rotate(-6deg);z-index:3}.showcase-c{width:46%;height:42%;right:-5%;bottom:0;transform:rotate(7deg);z-index:4}.hero-showreel:hover .showcase-a{transform:rotate(1deg) translate(-2%,-2%)}.hero-showreel:hover .showcase-b{transform:rotate(-2deg) translate(3%,-2%)}.hero-showreel:hover .showcase-c{transform:rotate(3deg) translate(-4%,-4%)}.orbit-label{position:absolute;right:-5%;top:-1%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(0,229,242,.5);display:grid;place-items:center;text-align:center;font:700 9px/1.6 'DM Sans';letter-spacing:.16em;color:var(--cyan);animation:spin 13s linear infinite;z-index:8}@keyframes spin{to{transform:rotate(360deg)}}.floating-tag{position:absolute;z-index:8;background:var(--cyan);color:var(--ink);padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:.12em;box-shadow:8px 8px 0 #041624}.tag-one{left:-7%;top:19%;transform:rotate(-7deg)}.tag-two{right:-4%;top:58%;transform:rotate(5deg);background:white}
@media(max-width:1100px){.hero-v3{grid-template-columns:1fr minmax(340px,.7fr);padding-top:118px}.hero-v3 h1{font-size:7.6vw}.hero-v3 .hero-image-window{height:62vh}.hero-proof span{display:none}}
@media(max-width:820px){.hero-v3{min-height:auto;padding:112px 22px 42px;grid-template-columns:1fr;gap:34px}.hero-v3 .hero-meta{position:relative;margin-bottom:28px}.hero-kicker{margin:0 0 25px;font-size:11px}.hero-v3 h1{font-size:clamp(48px,13vw,74px)}.hero-v3 .line-c{font-size:.68em}.hero-lead{width:100%;margin-top:28px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{width:100%}.hero-proof{margin-top:30px}.hero-proof>div{display:block}.hero-proof span{display:block;margin-top:4px}.hero-v3 .hero-image-window{height:62vw;min-height:310px;max-height:480px}.showcase-a{right:3%}.showcase-b{left:1%}.showcase-c{right:0}.orbit-label{right:0}.floating-tag{font-size:8px}.tag-one{left:0}.tag-two{right:0}}
@media(max-width:480px){.hero-v3 .hero-meta span:last-child{display:none}.hero-v3 h1{font-size:12.5vw}.hero-v3 .line-c{font-size:.65em}.hero-proof strong{font-size:24px}.hero-proof span{font-size:9px}.hero-v3 .hero-image-window{min-height:330px;height:88vw}.showcase-a{width:82%;height:61%}.showcase-b{width:72%;height:58%}.showcase-c{width:49%;height:43%}}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none}
.hero-v3 .showcase{animation:heroFloat 7s ease-in-out infinite;transform-origin:center;isolation:isolate}.hero-v3 .showcase-b{animation-duration:8.5s;animation-delay:-3.2s}.hero-v3 .showcase-c{animation-duration:6.4s;animation-delay:-1.7s}.hero-v3 .showcase:after{content:"";position:absolute;inset:-45% -80%;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.2) 50%,transparent 57%);transform:translateX(-45%);animation:heroGlint 7s ease-in-out infinite;pointer-events:none}.hero-v3 .showcase-b:after{animation-delay:-4s}.hero-v3 .showcase-c:after{animation-delay:-2s}.hero-v3 .showcase img{animation:heroPageTour 11s cubic-bezier(.45,0,.55,1) infinite alternate}.hero-v3 .showcase-b img{animation-duration:13s;animation-delay:-5s}.hero-v3 .showcase-c img{animation-duration:9s;animation-delay:-2s}.tag-one{animation:tagDrift 5s ease-in-out infinite}.tag-two{animation:tagDrift 6.5s ease-in-out -2.3s infinite}.hero-v3:after{animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroFloat{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes heroGlint{0%,24%{transform:translateX(-55%);opacity:0}38%{opacity:1}54%,100%{transform:translateX(55%);opacity:0}}@keyframes heroPageTour{0%,16%{object-position:center top}84%,100%{object-position:center 42%}}@keyframes tagDrift{0%,100%{translate:0 0}50%{translate:8px -10px}}@keyframes heroGlow{to{opacity:.3;scale:1.08}}
@media(prefers-reduced-motion:reduce){.hero-v3 .showcase,.hero-v3 .showcase:after,.hero-v3 .showcase img,.tag-one,.tag-two,.hero-v3:after{animation:none!important}}

/* Cinematic entrance + section choreography */
.hero-copy>*{opacity:0;translate:0 28px}.hero-showreel{opacity:0!important;translate:7vw 0;scale:.9}.intro-ready .hero-copy>*{opacity:1;translate:0 0;transition:opacity .8s ease,translate .95s cubic-bezier(.16,1,.3,1)}.intro-ready .hero-copy .hero-meta{transition-delay:.05s}.intro-ready .hero-copy .hero-kicker{transition-delay:.14s}.intro-ready .hero-copy h1{transition-delay:.22s}.intro-ready .hero-copy .hero-lead{transition-delay:.42s}.intro-ready .hero-copy .hero-actions{transition-delay:.52s}.intro-ready .hero-copy .hero-proof{transition-delay:.62s}.intro-ready .hero-showreel{opacity:1!important;translate:0 0;scale:1;transition:opacity 1s .18s ease,translate 1.35s .18s cubic-bezier(.16,1,.3,1),scale 1.35s .18s cubic-bezier(.16,1,.3,1)}
.about-panel{position:relative;overflow:hidden}.about-panel:before{content:"MAXWEB";position:absolute;right:-.04em;top:.25em;font:800 clamp(110px,22vw,360px)/1 'Manrope';letter-spacing:-.09em;color:rgba(255,255,255,.025);translate:calc((var(--about-progress,0) - .5)*8vw) 0;pointer-events:none}.about-stack.visible figure:first-child{animation:aboutCardA 7s ease-in-out infinite}.about-stack.visible figure:nth-child(2){animation:aboutCardB 8.5s ease-in-out -3s infinite}.about-stack.visible>span{animation:aboutTag 5s ease-in-out infinite}.about-stack.visible img{animation:aboutImageTour 10s ease-in-out infinite alternate}.about-copy.visible p,.about-copy.visible .about-skills,.about-copy.visible .hero-badge{animation:copyRise .75s both cubic-bezier(.16,1,.3,1)}.about-copy.visible p:nth-child(2){animation-delay:.12s}.about-copy.visible .about-skills{animation-delay:.22s}.about-copy.visible .hero-badge{animation-delay:.32s}.numbers.visible>div{animation:numberRise .8s both cubic-bezier(.16,1,.3,1)}.numbers.visible>div:nth-child(2){animation-delay:.12s}.numbers.visible>div:nth-child(3){animation-delay:.24s}@keyframes aboutCardA{0%,100%{translate:0 0}50%{translate:-8px -16px}}@keyframes aboutCardB{0%,100%{translate:0 0}50%{translate:10px -13px}}@keyframes aboutTag{0%,100%{translate:0 0}50%{translate:9px -10px}}@keyframes aboutImageTour{to{object-position:center 35%}}@keyframes copyRise{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes numberRise{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
.expertise-intro.visible h2{animation:headlineClip 1s both cubic-bezier(.16,1,.3,1)}.expertise-card.visible .service-visual{animation:serviceReveal 1s .18s both cubic-bezier(.16,1,.3,1)}.expertise-card.visible .service-visual img{animation:serviceTour 12s 1.3s ease-in-out infinite alternate}.expertise-card.visible h3 span{animation:cyanPulse 3.5s 1s ease-in-out infinite}@keyframes headlineClip{from{clip-path:inset(0 0 100%);translate:0 45px}to{clip-path:inset(0);translate:0 0}}@keyframes serviceReveal{from{opacity:0;translate:28px 30px;rotate:5deg}to{opacity:1;translate:0 0;rotate:0}}@keyframes serviceTour{to{object-position:center 60%}}@keyframes cyanPulse{50%{filter:brightness(1.35);text-shadow:0 0 28px rgba(0,229,242,.32)}}
.promise-card.reveal,.collection-shelf.reveal,.live-item.reveal{transition-delay:calc(var(--reveal-order,0)*70ms)}.promise-card:nth-child(2){--reveal-order:1}.promise-card:nth-child(3){--reveal-order:2}.promise-card:nth-child(4){--reveal-order:3}.decision-head.visible h2,.portfolio-head.visible h2,.live-head.visible h2{animation:headlineClip 1s both cubic-bezier(.16,1,.3,1)}.process-panel.visible:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--cyan);transform-origin:left;animation:processLine 3s linear infinite}.process-copy #processText.changing{animation:processCopy .55s both}.process-steps button.active{position:relative;overflow:hidden}.process-steps button.active:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,229,242,.13));animation:processSweep 3s linear infinite}@keyframes processLine{from{scale:0 1}to{scale:1 1}}@keyframes processCopy{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes processSweep{from{translate:-100% 0}to{translate:100% 0}}
.collection-shelf.reveal:nth-child(odd){transform:translateX(-60px)}.collection-shelf.reveal:nth-child(even){transform:translateX(60px)}.collection-shelf.reveal.visible{transform:none}.collection-shelf.visible .shelf-card:first-child img{animation:shelfTour 11s 1s ease-in-out infinite alternate}.collection-shelf:nth-child(2).visible .shelf-card:first-child img{animation-delay:-3s}.collection-shelf:nth-child(3).visible .shelf-card:first-child img{animation-delay:-6s}.collection-shelf:nth-child(4).visible .shelf-card:first-child img{animation-delay:-8s}.collection-shelf:hover .shelf-card:first-child img{animation-play-state:paused}.shelf-head i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.62;animation:exploreNudge 1.8s ease-in-out infinite}.live-item.visible b{animation:linkNudge 2s ease-in-out infinite}@keyframes shelfTour{to{transform:translateY(var(--travel,0))}}@keyframes exploreNudge{50%{translate:7px 0}}@keyframes linkNudge{50%{translate:4px -4px}}
@media(prefers-reduced-motion:reduce){.hero-copy>*,.hero-showreel{opacity:1!important;translate:0!important;scale:1!important}.about-stack figure,.about-stack>span,.about-stack img,.about-copy p,.about-copy .about-skills,.about-copy .hero-badge,.numbers>div,.expertise-intro h2,.service-visual,.service-visual img,.expertise-card h3 span,.decision-head h2,.portfolio-head h2,.live-head h2,.process-panel:before,.process-steps button:before,.collection-shelf .shelf-card:first-child img,.shelf-head i,.live-item b{animation:none!important}}

/* V13 — distinct motion languages */
.hero-portal{perspective:1200px;display:grid!important;place-items:center;isolation:isolate}.portal-rings{position:absolute;inset:3%;display:grid;place-items:center;transform:rotateX(63deg) rotateZ(-12deg);z-index:-1}.portal-rings i{position:absolute;width:88%;aspect-ratio:1;border:1px solid rgba(0,229,242,.25);border-radius:50%;animation:portalRing 8s linear infinite}.portal-rings i:nth-child(2){width:65%;animation-direction:reverse;animation-duration:11s;border-style:dashed}.portal-rings i:nth-child(3){width:42%;animation-duration:6s;box-shadow:0 0 55px rgba(0,229,242,.18)}.portal-rings i:after{content:"";position:absolute;width:11px;height:11px;background:var(--cyan);border-radius:50%;left:50%;top:-6px;box-shadow:0 0 25px var(--cyan)}.portal-monogram{position:absolute;font:800 clamp(150px,19vw,330px)/1 'Manrope';letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);z-index:-1;animation:monogramBreath 6s ease-in-out infinite}.project-deck{position:absolute;inset:0;transform-style:preserve-3d}.deck-page{position:absolute;left:10%;top:8%;width:82%;height:78%;margin:0;background:#edf2ef;border:1px solid rgba(255,255,255,.75);box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden;opacity:0;transform-origin:center bottom;animation:deckCycle 16s cubic-bezier(.65,0,.35,1) infinite}.deck-page img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top;animation:portalPageTour 8s ease-in-out infinite alternate}.deck-page figcaption{position:absolute;right:10px;bottom:9px;background:var(--cyan);color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.12em;padding:8px 10px}.page-b{animation-delay:-12s}.page-c{animation-delay:-8s}.page-d{animation-delay:-4s}.page-b img{animation-delay:-2s}.page-c img{animation-delay:-4s}.page-d img{animation-delay:-6s}.portal-status{position:absolute;left:2%;bottom:3%;z-index:10;display:flex;align-items:center;gap:10px;background:#03131e;color:white;border:1px solid rgba(255,255,255,.25);padding:12px 14px;font-size:9px;font-weight:800;letter-spacing:.13em}.portal-status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:statusPulse 1.4s ease-in-out infinite}.portal-status b{font-size:20px;color:var(--cyan);margin-left:12px}.hero-scroll-cue{position:absolute;z-index:12;left:50%;bottom:24px;display:flex;align-items:center;gap:12px;color:white;font-size:9px;font-weight:800;line-height:1.25;letter-spacing:.14em}.hero-scroll-cue>i{position:relative;width:1px;height:52px;background:rgba(255,255,255,.25);overflow:hidden}.hero-scroll-cue b{position:absolute;left:0;top:0;width:1px;height:22px;background:var(--cyan);animation:scrollDrop 1.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes portalRing{to{rotate:360deg}}@keyframes monogramBreath{50%{opacity:.45;scale:1.04}}@keyframes deckCycle{0%{opacity:0;transform:translate3d(14%,42%,180px) rotateZ(8deg) scale(.72)}8%,23%{opacity:1;transform:translate3d(0,0,0) rotateZ(-1deg) scale(1)}31%,100%{opacity:0;transform:translate3d(-18%,-35%,-240px) rotateZ(-8deg) scale(.68)}}@keyframes portalPageTour{to{object-position:center 55%}}@keyframes statusPulse{50%{opacity:.3;scale:.65}}@keyframes scrollDrop{0%{translate:0 -24px}100%{translate:0 58px}}
.manifesto-kinetic{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center;pointer-events:none}.manifesto-kinetic span{font:800 clamp(130px,24vw,390px)/.8 'Manrope';letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(6,47,72,.095);white-space:nowrap;rotate:-7deg;animation:kineticDrift 7s ease-in-out infinite alternate}.manifesto-kinetic span.word-in{animation:wordChange .65s cubic-bezier(.16,1,.3,1),kineticDrift 7s .65s ease-in-out infinite alternate}.manifesto-kinetic i{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,191,210,.14);animation:kineticOrbit 13s linear infinite}.manifesto-kinetic i:nth-child(3){width:57vw;animation-duration:18s;animation-direction:reverse}.manifesto-kinetic i:nth-child(4){width:76vw;animation-duration:24s}.manifesto-kinetic i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:-4px;left:50%;box-shadow:0 0 20px var(--cyan)}.manifesto-scroll{position:absolute;bottom:35px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:.14em}.manifesto-scroll i{width:70px;height:1px;background:linear-gradient(90deg,var(--cyan) 50%,rgba(6,47,72,.15) 50%);background-size:200% 100%;animation:scrollSignal 1.7s linear infinite}@keyframes kineticDrift{to{translate:4vw -2vh;rotate:4deg}}@keyframes kineticOrbit{to{rotate:360deg}}@keyframes wordChange{from{opacity:0;scale:.78;filter:blur(16px)}to{opacity:1;scale:1;filter:blur(0)}}@keyframes scrollSignal{to{background-position:-200% 0}}
.about-engine{position:relative;height:620px;display:grid;place-items:center;isolation:isolate}.engine-radar{position:absolute;inset:5%;display:grid;place-items:center}.engine-radar i{position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(0,229,242,.24);border-radius:50%;animation:radarSpin 18s linear infinite}.engine-radar i:nth-child(2){width:64%;border-style:dashed;animation-direction:reverse;animation-duration:13s}.engine-radar i:nth-child(3){width:38%;animation-duration:8s}.engine-radar i:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}.engine-core{width:210px;aspect-ratio:1;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(0,229,242,.06),0 25px 80px rgba(0,0,0,.45);animation:engineCore 4s ease-in-out infinite}.engine-core small{font-size:9px;font-weight:800;letter-spacing:.14em}.engine-core strong{font:800 64px/.9 'Manrope';letter-spacing:-.08em}.engine-core sup{font-size:20px}.engine-core span{font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.09em;margin-top:8px}.engine-node{position:absolute;background:#f4f7f4;color:var(--ink);padding:10px 13px;font-size:9px;font-weight:800;letter-spacing:.11em;border:1px solid var(--cyan);box-shadow:7px 7px 0 rgba(0,229,242,.13)}.node-a{top:8%;left:8%;animation:nodeFloat 5s ease-in-out infinite}.node-b{top:20%;right:0;animation:nodeFloat 6s -2s ease-in-out infinite}.node-c{bottom:20%;left:0;animation:nodeFloat 6.5s -4s ease-in-out infinite}.node-d{bottom:8%;right:8%;animation:nodeFloat 5.5s -1s ease-in-out infinite}.engine-signal{position:absolute;width:50%;height:50%;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,229,242,.24),transparent 18%);animation:radarSpin 3s linear infinite;z-index:-1}@keyframes radarSpin{to{rotate:360deg}}@keyframes engineCore{50%{scale:1.045;box-shadow:0 0 0 24px rgba(0,229,242,.025),0 30px 100px rgba(0,0,0,.5)}}@keyframes nodeFloat{50%{translate:7px -12px}}
@media(max-width:820px){.hero-scroll-cue{display:none}.hero-portal{min-height:430px}.deck-page{left:8%;width:84%;height:82%}.about-engine{height:470px;max-width:520px;margin:auto}.engine-core{width:170px}.engine-radar{inset:9%}.manifesto-scroll{bottom:20px}}
@media(max-width:480px){.hero-portal{min-height:370px}.deck-page{top:5%;height:84%}.portal-status{left:0;bottom:0}.about-engine{height:390px}.engine-core{width:145px}.engine-core strong{font-size:52px}.engine-node{font-size:8px;padding:8px}.manifesto-kinetic span{font-size:31vw}}
@media(prefers-reduced-motion:reduce){.portal-rings i,.portal-monogram,.deck-page,.deck-page img,.portal-status i,.hero-scroll-cue b,.manifesto-kinetic span,.manifesto-kinetic i,.manifesto-scroll i,.engine-radar i,.engine-core,.engine-node,.engine-signal{animation:none!important}.deck-page{opacity:0}.deck-page:first-child{opacity:1;transform:none}}

/* V14 — simultaneous project orbit */
.hero-portal .project-deck{inset:-2% -3% 4%;perspective:1100px}.hero-portal .deck-page{left:16%;top:10%;width:68%;height:70%;animation:none;will-change:transform,opacity;transition:none}.hero-portal .deck-page img{animation-duration:10s}.hero-portal:after{content:"";position:absolute;inset:13% 8% 17%;border:1px solid rgba(255,255,255,.08);transform:skewY(-5deg);z-index:-1;box-shadow:inset 0 0 80px rgba(0,229,242,.04)}
@media(max-width:820px){.hero-portal .project-deck{inset:0}.hero-portal .deck-page{left:15%;top:8%;width:70%;height:74%}}
@media(max-width:480px){.hero-portal .deck-page{left:13%;width:74%;height:76%}}
@media(prefers-reduced-motion:reduce){.hero-portal .deck-page{opacity:.28!important;transform:translateX(20%) scale(.78)!important}.hero-portal .deck-page:first-child{opacity:1!important;transform:none!important}}

/* V16 — living editorial composition */
.hero-lab{display:block!important;overflow:hidden!important;background:#041a28!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 35px 100px rgba(0,0,0,.38)}.lab-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 94%)}.lab-glow{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;right:-25%;top:-18%;background:var(--cyan);filter:blur(90px);opacity:.18;animation:labGlow 6s ease-in-out infinite alternate}.lab-monogram{position:absolute;left:-.06em;bottom:-.2em;font:800 clamp(160px,18vw,300px)/1 'Manrope';letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055)}.project-stage{position:absolute;inset:5% 4% 12%;z-index:2}.lab-page{position:absolute;margin:0;background:#edf2ef;border:1px solid rgba(255,255,255,.7);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.38);transition:left 1.15s cubic-bezier(.16,1,.3,1),top 1.15s cubic-bezier(.16,1,.3,1),width 1.15s cubic-bezier(.16,1,.3,1),height 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter 1.15s,opacity 1.15s;will-change:left,top,width,height,transform}.lab-page img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top}.lab-page figcaption{position:absolute;left:0;right:0;bottom:0;min-height:33px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,31,49,.93);color:white;font-size:8px;font-weight:800;letter-spacing:.13em}.lab-page figcaption b{color:var(--cyan);font-size:14px}.lab-page.slot-main{left:0;top:0;width:68%;height:100%;z-index:5;filter:saturate(1.05)}.lab-page.slot-main img{animation:labPageTour 8.4s 1s ease-in-out infinite alternate}.lab-page.slot-one,.lab-page.slot-two,.lab-page.slot-three{left:72%;width:28%;height:30.5%;z-index:3;filter:saturate(.7) brightness(.82)}.lab-page.slot-one{top:0}.lab-page.slot-two{top:34.75%}.lab-page.slot-three{top:69.5%}.lab-page:not(.slot-main) .showcase-top b{font-size:6px}.lab-page:not(.slot-main) figcaption{min-height:25px;font-size:6px}.lab-page:not(.slot-main):hover{filter:saturate(1) brightness(1);transform:translateX(-5px)}.lab-status{position:absolute;left:4%;right:4%;bottom:3%;z-index:5;display:flex;align-items:center;justify-content:space-between;color:#91aab5;font-size:8px;font-weight:800;letter-spacing:.14em}.lab-status span{display:flex;align-items:center;gap:8px}.lab-status i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:statusPulse 1.5s ease-in-out infinite}.lab-status>b{color:#d4e2e7}.hero-lab:after{content:"";position:absolute;z-index:6;inset:0;border:1px solid transparent;box-shadow:inset 0 0 55px rgba(0,229,242,.035);pointer-events:none}@keyframes labPageTour{15%{object-position:center top}85%,100%{object-position:center 55%}}@keyframes labGlow{to{translate:-8% 8%;scale:1.15;opacity:.28}}
@media(max-width:820px){.hero-lab{min-height:470px}.project-stage{inset:4% 3% 13%}.lab-page.slot-main{width:66%}.lab-page.slot-one,.lab-page.slot-two,.lab-page.slot-three{left:70%;width:30%}.lab-status{left:3%;right:3%}}
@media(max-width:480px){.hero-lab{min-height:430px}.lab-page.slot-main{width:64%}.lab-page.slot-one,.lab-page.slot-two,.lab-page.slot-three{left:68%;width:32%}.lab-status>b{display:none}.lab-page:not(.slot-main) .showcase-top{display:none}.lab-page:not(.slot-main) img{height:100%}}
@media(prefers-reduced-motion:reduce){.lab-glow,.lab-page.slot-main img,.lab-status i{animation:none!important}}

/* V17 — natural story flow, no scroll lock */
.story-flow{height:auto!important;min-height:0;position:relative;padding:120px clamp(22px,7vw,110px);overflow:hidden;background:linear-gradient(135deg,#edf3f0 0%,#f7faf8 55%,#d8f8f7 100%)}.story-flow:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,47,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,47,72,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent)}.story-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--line)}.story-head>p{font-size:11px;font-weight:800;letter-spacing:.13em;color:#58717d}.story-beats{position:relative}.story-beat{position:relative;min-height:72vh;padding:90px 0;display:grid;grid-template-columns:.55fr 1.4fr .85fr;gap:4vw;align-items:center;border-bottom:1px solid rgba(6,47,72,.18);transform:translateY(var(--beat-shift,0)) rotate(var(--beat-rotate,0));transition:opacity .8s,transform .3s linear}.story-beat:nth-child(even){grid-template-columns:.85fr 1.4fr .55fr}.story-beat:nth-child(even) .story-index{grid-column:3}.story-beat:nth-child(even) h2{grid-column:2;grid-row:1}.story-beat:nth-child(even) figure{grid-column:1;grid-row:1}.story-index{font-size:10px;font-weight:800;letter-spacing:.14em;align-self:start;padding-top:12px}.story-beat h2{font:700 clamp(44px,6vw,96px)/.96 'Manrope';letter-spacing:-.065em;margin:0;position:relative;z-index:2}.story-beat h2 strong{font-weight:inherit;color:var(--ink);background:var(--cyan);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .07em}.story-beat figure{position:relative;margin:0;height:48vh;min-height:360px;overflow:hidden;border:1px solid var(--ink);box-shadow:18px 18px 0 rgba(6,47,72,.08);rotate:-3deg}.story-beat:nth-child(even) figure{rotate:3deg}.story-beat figure:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);translate:-120% 0;animation:storyGlint 5.5s ease-in-out infinite}.story-beat:nth-child(2) figure:after{animation-delay:-2s}.story-beat:nth-child(3) figure:after{animation-delay:-4s}.story-beat img{width:100%;height:100%;object-fit:cover;object-position:top;animation:storyTour 10s ease-in-out infinite alternate}.story-beat:nth-child(even) img{animation-delay:-5s}.story-line{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--cyan) 25%,transparent 25%);background-size:400% 100%;animation:storyProgress 3s linear infinite}.story-beat>a{grid-column:3;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;padding:20px;font-size:11px;font-weight:800;letter-spacing:.1em}.story-beat>a b{font-size:22px;color:var(--cyan);animation:scrollNudge 1.5s ease-in-out infinite}@keyframes storyTour{to{object-position:center 60%}}@keyframes storyGlint{40%,100%{translate:120% 0}}@keyframes storyProgress{to{background-position:-400% 0}}@keyframes scrollNudge{50%{translate:0 6px}}
.live-work{overflow:hidden}.live-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px;border:0!important}.live-item{position:relative;display:block!important;padding:0!important;min-height:380px;border:1px solid rgba(255,255,255,.2)!important;overflow:hidden;background:#08283a}.live-item figure{position:absolute;inset:0;margin:0;overflow:hidden}.live-item figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,18,28,.96) 100%)}.live-item figure img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.8);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .6s}.live-item:hover{padding:0!important;background:transparent!important;color:white!important}.live-item:hover figure img{transform:scale(1.06);filter:saturate(1.15)}.live-meta{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.live-meta>span{font-size:9px;font-weight:800;letter-spacing:.13em;color:var(--cyan)}.live-meta h3{font-size:clamp(24px,2.4vw,38px)!important;line-height:.95;margin:12px 0 18px}.live-meta small{display:flex!important;justify-content:space-between;color:white!important;font-size:9px;font-weight:800;letter-spacing:.12em}.live-meta b{color:var(--cyan);font-size:18px}.live-item:nth-child(1),.live-item:nth-child(8),.live-item:nth-child(15){grid-column:span 2}.live-item:nth-child(1){min-height:520px}.live-item:nth-child(n+7){min-height:320px}
@media(max-width:900px){.story-beat,.story-beat:nth-child(even){grid-template-columns:1fr 1fr;min-height:auto}.story-index,.story-beat:nth-child(even) .story-index{grid-column:1/-1}.story-beat h2,.story-beat:nth-child(even) h2{grid-column:1;grid-row:2}.story-beat figure,.story-beat:nth-child(even) figure{grid-column:2;grid-row:2}.story-beat>a{grid-column:2}.live-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.story-flow{padding:90px 18px}.story-head>p{display:none}.story-beat,.story-beat:nth-child(even){grid-template-columns:1fr;gap:24px;padding:65px 0}.story-index,.story-beat:nth-child(even) .story-index,.story-beat h2,.story-beat:nth-child(even) h2,.story-beat figure,.story-beat:nth-child(even) figure{grid-column:1;grid-row:auto}.story-beat h2{font-size:13vw}.story-beat figure{height:52vh;min-height:340px}.story-beat>a{grid-column:1}.live-list{grid-template-columns:1fr!important}.live-item:nth-child(n){grid-column:auto;min-height:400px}.live-item:nth-child(n+13){display:none!important}.live-list.expanded .live-item{display:block!important}}
@media(prefers-reduced-motion:reduce){.story-beat,.story-beat figure,.story-beat img,.story-beat figure:after,.story-line,.story-beat>a b{animation:none!important;transform:none!important}}

/* V18 — capability spectrum + lighter motion */
.story-flow{background:#031f31;color:white;padding-bottom:130px}.story-flow:before{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}.story-head{border-color:rgba(255,255,255,.2)}.story-head>p{color:#95aeb9}.story-beats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px}.story-beat,.story-beat:nth-child(even){min-height:600px;padding:42px;display:flex;flex-direction:column;align-items:stretch;gap:20px;border:1px solid rgba(255,255,255,.22);background:#08283a;color:white;transform:translateY(var(--beat-shift,0));overflow:hidden}.story-beat:nth-child(2){background:var(--cyan);color:var(--ink)}.story-beat:nth-child(3){background:#0a5aff}.story-beat:nth-child(4){background:#eaf0ed;color:var(--ink)}.story-beat .story-index,.story-beat:nth-child(even) .story-index{grid-column:auto;align-self:auto;padding:0}.story-beat h2,.story-beat:nth-child(even) h2{grid-column:auto;grid-row:auto;font-size:clamp(38px,4.2vw,68px);line-height:.94;max-width:760px}.story-beat h2 strong{background:none;color:var(--cyan)}.story-beat:nth-child(2) h2 strong,.story-beat:nth-child(4) h2 strong{color:var(--ink);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em}.story-beat>p{font-size:16px;line-height:1.5;max-width:540px;margin:0;opacity:.78}.story-beat figure,.story-beat:nth-child(even) figure{grid-column:auto;grid-row:auto;width:58%;height:270px;min-height:0;margin-top:auto;margin-left:auto;rotate:2deg;box-shadow:12px 12px 0 rgba(0,0,0,.18);transition:width .8s cubic-bezier(.16,1,.3,1),rotate .8s}.story-beat:nth-child(even) figure{margin-left:0;margin-right:auto;rotate:-2deg}.story-beat:hover figure{width:66%;rotate:0deg}.story-beat img{animation:none;transition:object-position 4s ease}.story-beat:hover img{object-position:center 65%}.story-beat>a{grid-column:auto;align-self:flex-end;min-width:220px}.story-line{animation-duration:5s}.decision-head{grid-template-columns:.45fr 1.2fr .65fr}.decision-head h2{font-size:clamp(48px,5.7vw,88px);line-height:.86;letter-spacing:-.065em}.expertise-intro h2{font-size:clamp(48px,5.2vw,82px)}.hero-lab:before{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.055) 50%,transparent 57%);translate:-120% 0;animation:labSweep 8s ease-in-out infinite;pointer-events:none}@keyframes labSweep{35%,100%{translate:120% 0}}
.live-work{padding-bottom:95px}.live-head{margin-bottom:38px}.live-list{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;border:0;scrollbar-color:var(--cyan) rgba(255,255,255,.08)}.live-item,.live-item:nth-child(n){position:relative;flex:0 0 clamp(260px,24vw,350px);min-height:300px!important;grid-column:auto!important;scroll-snap-align:start;border-color:rgba(255,255,255,.22)!important}.live-item figure img{object-position:top}.live-item:hover figure img{transform:scale(1.035)}.live-meta{left:18px;right:18px;bottom:16px}.live-meta h3{font-size:clamp(21px,2vw,29px)!important;margin:9px 0 13px}.live-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0c3348,#041925)!important}.live-placeholder:after{background:radial-gradient(circle at 50% 30%,rgba(0,229,242,.16),transparent 50%),linear-gradient(180deg,transparent 50%,rgba(2,18,28,.96))!important}.live-placeholder>span{position:relative;z-index:2;max-width:80%;font:700 15px 'Manrope';letter-spacing:-.02em;color:white;overflow-wrap:anywhere}.live-placeholder>i{position:absolute;width:60%;height:1px;background:rgba(0,229,242,.18);rotate:-25deg}.live-placeholder>i:nth-of-type(2){rotate:25deg}.live-placeholder>i:nth-of-type(3){width:120px;height:120px;border:1px solid rgba(0,229,242,.2);border-radius:50%;background:none;animation:placeholderPulse 3s ease-in-out infinite}.toggle-live{display:none!important}@keyframes placeholderPulse{50%{scale:1.18;opacity:.35}}
@media(max-width:900px){.story-beats{grid-template-columns:1fr}.story-beat,.story-beat:nth-child(even){min-height:560px}.decision-head{grid-template-columns:1fr}.live-item,.live-item:nth-child(n){flex-basis:300px}}
@media(max-width:650px){.story-flow{padding-inline:18px}.story-beat,.story-beat:nth-child(even){padding:28px;min-height:520px}.story-beat h2,.story-beat:nth-child(even) h2{font-size:11.5vw}.story-beat figure,.story-beat:nth-child(even) figure{width:72%;height:235px}.decision-head h2{font-size:12vw}.live-item:nth-child(n+13){display:block!important}}
@media(prefers-reduced-motion:reduce){.hero-lab:before,.live-placeholder>i{animation:none!important}}

/* V19 — guided scroll journey */
.journey{height:310vh;position:relative;background:#eaf1ee;color:var(--ink)}.journey-stage{position:sticky;top:0;height:100vh;min-height:680px;padding:112px clamp(22px,6vw,95px) 44px;overflow:hidden;isolation:isolate;transition:background .9s,color .9s}.journey[data-step="1"] .journey-stage{background:#d8f8f7}.journey[data-step="2"] .journey-stage{background:#032238;color:white}.journey[data-step="3"] .journey-stage{background:#071923;color:white}.journey-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden}.journey-atmosphere span{position:absolute;left:-.04em;bottom:-.16em;font:800 clamp(150px,22vw,360px)/1 'Manrope';letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(6,47,72,.065);white-space:nowrap;transition:opacity .5s,transform .8s cubic-bezier(.16,1,.3,1)}.journey[data-step="2"] .journey-atmosphere span,.journey[data-step="3"] .journey-atmosphere span{-webkit-text-stroke-color:rgba(255,255,255,.07)}.journey-atmosphere i{position:absolute;width:42vw;aspect-ratio:1;right:-15vw;top:-17vw;border:1px solid rgba(0,191,210,.18);border-radius:50%;animation:journeyOrbit 18s linear infinite}.journey-atmosphere i:nth-child(3){width:27vw;right:-7vw;top:-9vw;animation-direction:reverse;animation-duration:12s}.journey-atmosphere i:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.journey-head{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}.journey-counter{display:flex;align-items:center;gap:10px;font:700 10px 'Manrope'}.journey-counter b{font-size:17px;color:var(--cyan)}.journey-counter i{width:110px;height:2px;background:rgba(90,120,130,.2);position:relative}.journey-counter i:after{content:"";position:absolute;inset:0;background:var(--cyan);transform-origin:left;scale:var(--journey-progress,0) 1}.journey-path{position:absolute;z-index:0;left:2%;right:2%;top:18%;width:96%;height:68%;overflow:visible}.journey-path path{fill:none;vector-effect:non-scaling-stroke}.path-base{stroke:rgba(76,112,123,.17);stroke-width:2;stroke-dasharray:6 8}.path-active{stroke:var(--cyan);stroke-width:4;pathLength:1;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 7px rgba(0,191,210,.55));transition:stroke-dashoffset .12s linear}.journey-nodes circle{fill:#eaf1ee;stroke:rgba(6,47,72,.25);stroke-width:2;transition:.5s}.journey-nodes circle.active{fill:var(--cyan);stroke:var(--ink);transform:scale(1.45);transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px var(--cyan))}.journey-scenes{position:absolute;z-index:3;inset:170px clamp(22px,7vw,110px) 75px}.journey-scene{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .72fr;gap:8vw;align-items:center;opacity:0;visibility:hidden;pointer-events:none}.journey-scene.active{opacity:1;visibility:visible;pointer-events:auto}.journey-scene>div{transform:translateY(42px);opacity:0}.journey-scene.active>div{transform:none;opacity:1;transition:opacity .75s .12s,transform .9s .12s cubic-bezier(.16,1,.3,1)}.journey-scene>div>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--cyan)}.journey-scene h2{font:700 clamp(42px,5.7vw,88px)/.92 'Manrope';letter-spacing:-.065em;margin:24px 0}.journey-scene h2 strong{font-weight:inherit;color:var(--cyan)}.journey-scene p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;max-width:620px;margin:0}.journey-scene figure{position:relative;height:min(55vh,560px);margin:0;overflow:hidden;border:1px solid currentColor;box-shadow:18px 18px 0 rgba(0,191,210,.16);clip-path:inset(0 100% 0 0);transform:rotate(3deg) translateX(45px)}.journey-scene:nth-child(even) figure{transform:rotate(-3deg) translateX(45px)}.journey-scene.active figure{clip-path:inset(0);transform:rotate(0) translateX(0);transition:clip-path 1s .2s cubic-bezier(.16,1,.3,1),transform 1s .2s cubic-bezier(.16,1,.3,1)}.journey-scene figure img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.08)}.journey-scene.active figure img{transform:scale(1);transition:transform 1.4s .2s cubic-bezier(.16,1,.3,1)}.journey-scene figcaption{position:absolute;left:12px;bottom:12px;background:var(--cyan);color:var(--ink);padding:9px 11px;font-size:9px;font-weight:800;letter-spacing:.12em}.journey-scene a{display:flex;align-items:center;justify-content:space-between;width:min(310px,100%);margin-top:28px;background:var(--cyan);color:var(--ink);padding:17px;font-size:10px;font-weight:800;letter-spacing:.1em}.journey-scene a b{font-size:18px}.journey-cue{position:absolute;z-index:4;right:clamp(22px,6vw,95px);bottom:28px;display:flex;align-items:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:.13em}.journey-cue>i{position:relative;width:80px;height:1px;background:rgba(100,130,140,.25);overflow:hidden}.journey-cue b{position:absolute;inset:0;background:var(--cyan);animation:journeyCue 1.8s linear infinite}@keyframes journeyOrbit{to{rotate:360deg}}@keyframes journeyCue{from{translate:-100% 0}to{translate:100% 0}}
@media(max-width:900px){.journey{height:290vh}.journey-stage{min-height:620px;padding-top:100px}.journey-scenes{inset:150px 25px 70px}.journey-scene{grid-template-columns:1fr .75fr;gap:4vw}.journey-scene h2{font-size:clamp(38px,7vw,62px)}.journey-scene figure{height:48vh}.journey-path{opacity:.65}}
@media(max-width:650px){.journey{height:330vh}.journey-stage{min-height:720px;padding:94px 18px 30px}.journey-head .chapter span:last-child{font-size:8px}.journey-counter i{width:55px}.journey-scenes{inset:140px 18px 65px}.journey-scene{grid-template-columns:1fr;gap:20px;align-content:center}.journey-scene h2{font-size:11.5vw;margin:17px 0}.journey-scene p{font-size:15px}.journey-scene figure{height:34vh;min-height:245px}.journey-path{top:20%;height:61%;opacity:.42}.journey-cue{right:18px;bottom:20px}.journey-cue span{display:none}}
@media(prefers-reduced-motion:reduce){.journey-atmosphere i,.journey-cue b{animation:none!important}.journey-scene.active>div,.journey-scene.active figure,.journey-scene.active figure img{transition:none!important}}

/* V20 — vertical branded route */
.route-journey{height:auto!important;min-height:3600px;position:relative;padding:115px clamp(22px,6vw,95px) 120px;background:linear-gradient(180deg,#031f31 0%,#07334a 36%,#06283a 67%,#031923 100%);color:white;overflow:hidden;isolation:isolate}.route-journey:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(#000,transparent 96%)}.route-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden}.route-atmosphere span{position:absolute;font:800 clamp(130px,20vw,320px)/1 'Manrope';letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);white-space:nowrap}.route-atmosphere span:nth-child(1){top:9%;left:-5%;rotate:-8deg}.route-atmosphere span:nth-child(2){top:34%;right:-8%;rotate:6deg}.route-atmosphere span:nth-child(3){top:59%;left:-10%;rotate:-5deg}.route-atmosphere span:nth-child(4){top:82%;right:-8%;rotate:5deg}.route-head{position:relative;z-index:5;display:grid;grid-template-columns:.55fr 1.1fr .65fr;gap:4vw;align-items:end;min-height:280px}.route-head h2{font:800 clamp(58px,7vw,108px)/.82 'Manrope';letter-spacing:-.075em;margin:0}.route-head p{font-size:17px;line-height:1.55;color:#a9c1cb;margin:0}.vertical-route{position:absolute;z-index:0;left:10%;top:390px;width:80%;height:calc(100% - 520px);overflow:visible}.vertical-route path{fill:none;vector-effect:non-scaling-stroke}.route-base{stroke:rgba(255,255,255,.12);stroke-width:3;stroke-dasharray:6 10}.route-active{stroke:var(--cyan);stroke-width:5;filter:drop-shadow(0 0 9px rgba(0,229,242,.7));transition:stroke-dashoffset .08s linear}.route-nodes circle{fill:#06283a;stroke:rgba(255,255,255,.25);stroke-width:3;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:.5s}.route-nodes circle.active{fill:var(--cyan);stroke:white;transform:scale(1.55);filter:drop-shadow(0 0 12px var(--cyan))}.route-marker{position:absolute;z-index:8;top:390px;left:50%;width:76px;height:76px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:#f4f8f6;border:4px solid var(--cyan);box-shadow:0 0 0 10px rgba(0,229,242,.1),0 0 45px rgba(0,229,242,.55);transition:left .08s linear,top .08s linear;pointer-events:none}.route-marker svg{width:48px;height:48px;fill:none;stroke:var(--ink);stroke-width:3}.route-marker svg .arrow{fill:var(--cyan);stroke:var(--cyan)}.route-marker svg .ring{stroke:var(--cyan)}.route-marker>i{position:absolute;top:62px;width:2px;height:70px;background:linear-gradient(var(--cyan),transparent);filter:drop-shadow(0 0 7px var(--cyan));animation:routeThrust 1s ease-in-out infinite}.route-stops{position:relative;z-index:2;margin-top:110px}.route-stop{position:relative;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,.92fr);gap:3vw;align-items:center;opacity:.38;filter:saturate(.55);transition:opacity .7s,filter .7s}.route-stop.active{opacity:1;filter:saturate(1)}.route-stop.stop-left .route-copy{grid-column:1}.route-stop.stop-left figure{grid-column:3}.route-stop.stop-right .route-copy{grid-column:3;grid-row:1}.route-stop.stop-right figure{grid-column:1;grid-row:1}.route-copy{transform:translateY(42px);transition:transform .8s cubic-bezier(.16,1,.3,1)}.route-stop.active .route-copy{transform:none}.route-copy>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--cyan)}.route-copy h3{font:700 clamp(40px,4.8vw,76px)/.94 'Manrope';letter-spacing:-.06em;margin:22px 0}.route-copy h3 strong{font-weight:inherit;color:var(--cyan)}.route-copy p{font-size:17px;line-height:1.55;color:#b2c7cf;max-width:590px;margin:0}.route-copy a{display:flex;align-items:center;justify-content:space-between;width:min(310px,100%);margin-top:28px;background:var(--cyan);color:var(--ink);padding:17px;font-size:10px;font-weight:800;letter-spacing:.1em}.route-copy a b{font-size:19px}.route-stop figure{position:relative;margin:0;height:510px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:20px 20px 0 rgba(0,229,242,.1);clip-path:inset(8%);transform:rotate(3deg) scale(.92);transition:clip-path .9s,transform 1s cubic-bezier(.16,1,.3,1)}.route-stop.stop-right figure{transform:rotate(-3deg) scale(.92)}.route-stop.active figure{clip-path:inset(0);transform:rotate(0) scale(1)}.route-stop figure img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 4s ease}.route-stop.active figure:hover img{object-position:center 65%}.route-stop figcaption{position:absolute;left:12px;bottom:12px;background:var(--cyan);color:var(--ink);padding:9px 11px;font-size:9px;font-weight:800;letter-spacing:.12em}.route-finish{position:relative;z-index:4;width:240px;margin:45px auto 0;text-align:center;font-size:9px;font-weight:800;letter-spacing:.14em;color:#a8bec7}.route-finish i{display:block;width:1px;height:80px;margin:16px auto 0;background:linear-gradient(var(--cyan),transparent)}@keyframes routeThrust{50%{height:45px;opacity:.4}}
@media(max-width:900px){.route-journey{min-height:3300px;padding-inline:25px}.route-head{grid-template-columns:1fr 1fr}.route-head .chapter{grid-column:1/-1}.route-head h2{font-size:clamp(52px,9vw,82px)}.vertical-route{left:5%;width:90%}.route-stop{grid-template-columns:minmax(0,1fr) 70px minmax(0,.9fr);min-height:690px}.route-copy h3{font-size:clamp(38px,6vw,60px)}.route-stop figure{height:440px}}
@media(max-width:650px){.route-journey{min-height:3500px;padding:95px 18px 100px}.route-head{display:block;min-height:330px}.route-head h2{font-size:14vw;margin:35px 0 20px}.route-head p{font-size:15px}.vertical-route{left:42%;top:430px;width:55%;height:calc(100% - 560px);opacity:.7}.route-marker{width:58px;height:58px}.route-marker svg{width:37px;height:37px}.route-marker>i{top:47px}.route-stops{margin-top:50px}.route-stop,.route-stop.stop-left,.route-stop.stop-right{min-height:740px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding-right:22%}.route-stop.stop-right{padding-right:0;padding-left:22%}.route-stop .route-copy,.route-stop.stop-left .route-copy,.route-stop.stop-right .route-copy,.route-stop figure,.route-stop.stop-left figure,.route-stop.stop-right figure{grid-column:auto;grid-row:auto}.route-copy h3{font-size:11.5vw}.route-copy p{font-size:15px}.route-stop figure{height:330px;margin-top:30px}.route-atmosphere span{font-size:32vw}}
@media(prefers-reduced-motion:reduce){.route-marker>i{animation:none!important}.route-stop,.route-copy,.route-stop figure{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}}

/* V21 — curated proof and conversion polish */
.route-marker:before,.route-marker:after{content:"";position:absolute;top:68px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:routeParticle 1.25s linear infinite}.route-marker:before{left:25px}.route-marker:after{right:25px;animation-delay:-.6s}@keyframes routeParticle{to{translate:0 70px;scale:.2;opacity:0}}.founder-direct{margin:0 calc(clamp(22px,7vw,110px) * -1);padding:34px clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.1fr auto;gap:4vw;align-items:center;background:var(--cyan);color:var(--ink)}.founder-direct span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}.founder-direct strong{font:700 clamp(22px,2.2vw,34px)/1 'Manrope'}.founder-direct p{font-size:16px;line-height:1.5;margin:0}.founder-direct a{padding:16px 18px;background:var(--ink);color:white;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.featured-cases{padding:120px clamp(22px,5vw,78px);background:#041b2a;color:white;overflow:hidden}.cases-head{display:grid;grid-template-columns:.5fr 1.2fr .65fr;gap:4vw;align-items:end;margin-bottom:65px}.cases-head h2{font:800 clamp(50px,6vw,92px)/.84 'Manrope';letter-spacing:-.07em;margin:0}.cases-head h2 em{font-style:normal;color:var(--cyan)}.cases-head>p{font-size:16px;line-height:1.55;color:#aac0c9;margin:0}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-card{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(255,255,255,.24);color:white}.case-card.case-wide{min-height:650px}.case-card figure{position:absolute;inset:0;margin:0;overflow:hidden}.case-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(2,17,27,.96) 100%)}.case-card img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s cubic-bezier(.16,1,.3,1),object-position 5s ease,filter .6s;filter:saturate(.82)}.case-card:hover img{transform:scale(1.045);object-position:center 65%;filter:saturate(1.08)}.case-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:27px}.case-copy>span{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--cyan)}.case-copy h3{font:700 clamp(38px,4.7vw,72px)/.9 'Manrope';letter-spacing:-.055em;margin:10px 0}.case-copy p{font-size:15px;line-height:1.5;max-width:560px;color:#c5d3d8;margin:0 0 20px}.case-copy b{font-size:10px;letter-spacing:.12em;color:var(--cyan)}.cases-grid .case-card:nth-child(1){grid-row:span 2}.cases-grid .case-card:nth-child(4){grid-column:1/-1;min-height:520px}.portfolio-head h2{font-size:clamp(52px,6.3vw,98px)}.project-chooser{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:45px auto 18px}.project-chooser button{border:1px solid rgba(255,255,255,.33);background:transparent;color:white;padding:12px 14px;font-size:9px;font-weight:800;letter-spacing:.09em;cursor:pointer;transition:.3s}.project-chooser button:hover,.project-chooser button.active{background:var(--cyan);border-color:var(--cyan);color:var(--ink);transform:translateY(-3px)}.live-item,.live-item:nth-child(n){flex-basis:clamp(235px,20vw,300px);min-height:245px!important}.live-meta h3{font-size:clamp(19px,1.65vw,25px)!important}.live-meta small{font-size:8px}.hero-lab .lab-page.slot-main{box-shadow:0 28px 80px rgba(0,0,0,.55)}
@media(max-width:950px){.founder-direct,.cases-head{grid-template-columns:1fr}.founder-direct a{justify-self:start}.cases-grid{grid-template-columns:1fr}.cases-grid .case-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:560px}}
@media(max-width:650px){.founder-direct{padding-block:28px}.featured-cases{padding:90px 18px}.cases-head h2{font-size:13vw}.case-card,.cases-grid .case-card:nth-child(n){min-height:480px}.case-copy{left:20px;right:20px;bottom:20px}.case-copy h3{font-size:12vw}.project-chooser{justify-content:flex-start}.project-chooser button{flex-grow:1}.route-marker:before,.route-marker:after{top:50px}}
@media(prefers-reduced-motion:reduce){.route-marker:before,.route-marker:after{animation:none!important}.case-card img{transition:none!important}}

/* V22 — clearer sequence and interactive diagnosis */
.decision-head h2{font-size:clamp(46px,5vw,78px);line-height:.9}.solution-lab{position:relative;padding:120px clamp(22px,5vw,78px);background:#071923;color:white;overflow:hidden}.solution-lab:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(0,229,242,.14),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px}.solution-head{position:relative;display:grid;grid-template-columns:.5fr 1.2fr .65fr;gap:4vw;align-items:end;margin-bottom:65px}.solution-head h2{font:800 clamp(50px,6vw,92px)/.85 'Manrope';letter-spacing:-.07em;margin:0}.solution-head h2 em{font-style:normal;color:var(--cyan)}.solution-head>p{font-size:16px;line-height:1.55;color:#abc1ca;margin:0}.solution-experience{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;min-height:650px;border:1px solid rgba(255,255,255,.22)}.solution-options{border-right:1px solid rgba(255,255,255,.2)}.solution-options button{width:100%;min-height:25%;padding:22px 26px;display:grid;grid-template-columns:45px 1fr;align-items:center;text-align:left;background:transparent;color:white;border:0;border-bottom:1px solid rgba(255,255,255,.18);cursor:pointer;transition:.4s}.solution-options button:last-child{border-bottom:0}.solution-options span{font-size:10px;color:var(--cyan)}.solution-options strong{font:700 clamp(15px,1.35vw,20px) 'Manrope';letter-spacing:.02em}.solution-options button:hover,.solution-options button.active{background:var(--cyan);color:var(--ink);padding-left:38px}.solution-options button.active span{color:var(--ink)}.solution-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#092c40,#03141f)}.solution-orbit{position:absolute;width:min(46vw,550px);aspect-ratio:1;border:1px solid rgba(0,229,242,.2);border-radius:50%;display:grid;place-items:center;animation:solutionSpin 18s linear infinite}.solution-orbit:before,.solution-orbit:after,.solution-orbit i{content:"";position:absolute;border:1px solid rgba(0,229,242,.18);border-radius:50%}.solution-orbit:before{inset:13%}.solution-orbit:after{inset:27%;border-style:dashed}.solution-orbit i:nth-child(1){width:9px;height:9px;top:-5px;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.solution-orbit i:nth-child(2){width:9px;height:9px;bottom:13%;left:15%;background:white}.solution-orbit i:nth-child(3){width:6px;height:6px;right:26%;top:25%;background:var(--cyan)}.solution-orbit>span{font:800 clamp(50px,7vw,100px) 'Manrope';letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);animation:solutionSpin 18s linear reverse infinite}.solution-result{position:relative;z-index:2;width:min(620px,82%);padding:42px;background:rgba(4,24,36,.84);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.35)}.solution-result>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--cyan)}.solution-result h3{font:700 clamp(34px,4vw,60px)/.94 'Manrope';letter-spacing:-.055em;margin:22px 0}.solution-result p{font-size:16px;line-height:1.55;color:#b8ccd4;margin:0}.solution-result>div{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.solution-result>div b{padding:8px 10px;border:1px solid rgba(255,255,255,.25);font-size:9px;letter-spacing:.1em}.solution-result>a{display:flex;justify-content:space-between;background:var(--cyan);color:var(--ink);padding:17px;font-size:10px;font-weight:800;letter-spacing:.09em}.solution-result.solution-change{animation:solutionChange .65s cubic-bezier(.16,1,.3,1)}@keyframes solutionSpin{to{rotate:360deg}}@keyframes solutionChange{from{opacity:.2;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.image-error{background:linear-gradient(145deg,#08283a,#031923)!important}.image-error img{display:none!important}.image-error:after{content:"PRÉVIA EM ATUALIZAÇÃO";position:absolute;inset:0;display:grid;place-items:center;padding:25px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.13em;text-align:center}.about-panel{content-visibility:auto}.featured-cases{display:none}
@media(max-width:950px){.solution-head{grid-template-columns:1fr}.solution-experience{grid-template-columns:1fr}.solution-options{display:grid;grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.solution-options button{min-height:100px;border-right:1px solid rgba(255,255,255,.18)}.solution-visual{min-height:580px}}
@media(max-width:650px){.solution-lab{padding:90px 18px}.solution-head h2{font-size:13vw}.solution-options{display:flex;overflow-x:auto}.solution-options button{min-width:76vw;min-height:95px}.solution-visual{min-height:560px}.solution-result{width:90%;padding:27px}.solution-result h3{font-size:10vw}.solution-orbit{width:100vw}.decision-head h2{font-size:11.2vw}}
@media(prefers-reduced-motion:reduce){.solution-orbit,.solution-orbit>span{animation:none!important}}


/* Faster rhythm, denser storytelling */
.manifesto{height:220vh;background:linear-gradient(135deg,#edf3f0 0%,#f7faf8 52%,#d8f8f7 100%)}.manifesto-pin{padding-top:115px}.manifesto-pin:after{content:"";position:absolute;width:36vw;height:36vw;right:-13vw;bottom:-17vw;border:1px solid rgba(6,47,72,.15);border-radius:50%;box-shadow:0 0 0 5vw rgba(0,191,210,.035),0 0 0 10vw rgba(0,191,210,.025)}.manifesto-copy{max-width:1320px}.manifesto-copy p{font-size:clamp(52px,7.8vw,126px);max-width:1200px}.manifesto-copy p:nth-child(even){margin-left:10vw}.manifesto-copy strong{background:var(--cyan);color:var(--ink);padding:0 .08em}
.about-panel{min-height:auto;padding-top:100px}.about-grid{grid-template-columns:.9fr .72fr .8fr;gap:4vw;margin:8vh 0 7vh;align-items:center}.about-title h2{font-size:clamp(54px,6.2vw,102px);line-height:.82}.about-title h2 em{font-style:normal;color:var(--cyan)}.about-stack{position:relative;height:620px}.about-stack figure{position:absolute;margin:0;width:78%;height:72%;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.4)}.about-stack figure:first-child{left:0;top:0;transform:rotate(-5deg)}.about-stack figure:nth-child(2){right:-6%;bottom:0;transform:rotate(5deg)}.about-stack img{width:100%;height:100%;object-fit:cover;object-position:top}.about-stack>span{position:absolute;z-index:3;left:-8%;top:45%;background:var(--cyan);color:var(--ink);padding:13px 18px;font-size:11px;font-weight:800;letter-spacing:.1em;transform:rotate(-7deg);box-shadow:8px 8px 0 #020f18}.about-copy{align-self:center}.about-copy p{font-size:clamp(16px,1.15vw,19px)}.about-skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.about-skills span{border:1px solid rgba(255,255,255,.28);padding:8px 10px;font-size:11px;font-weight:700;letter-spacing:.06em}.numbers{margin-inline:calc(clamp(22px,7vw,110px) * -1);padding-inline:clamp(22px,7vw,110px)}
.expertise{height:auto;padding:120px clamp(22px,5vw,78px);background:#dffafa}.expertise-sticky{position:relative;height:auto;display:block;overflow:visible}.expertise-intro{width:auto;min-width:0;padding:0;display:grid;grid-template-columns:.55fr 1.45fr .65fr;gap:4vw;align-items:end;border:0;margin-bottom:70px}.expertise-intro h2{font-size:clamp(55px,6vw,98px);line-height:.86}.expertise-intro>p{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:500;margin:0}.expertise-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transform:none!important}.expertise-card{width:auto;min-width:0;min-height:620px;padding:42px 42px 34px;display:grid;grid-template-columns:1fr .76fr;grid-template-rows:auto auto 1fr auto;gap:0;overflow:hidden;border:1px solid var(--ink);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}.expertise-card:hover{transform:translateY(-8px)!important;box-shadow:0 25px 55px rgba(3,31,49,.18)}.expertise-card .num{top:36px;right:38px}.expertise-card h3{font-size:clamp(48px,4.8vw,78px);line-height:.82;margin:55px 0 25px;grid-column:1/-1}.expertise-card p{font-size:16px;grid-column:1;align-self:start}.expertise-card ul{grid-column:1;margin-top:22px;align-self:end}.service-visual{position:absolute;margin:0;right:-7%;bottom:-12%;width:49%;height:54%;overflow:hidden;border:1px solid currentColor;transform:rotate(5deg);box-shadow:0 15px 50px rgba(0,0,0,.24);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.expertise-card:nth-child(even) .service-visual{transform:rotate(-5deg)}.expertise-card:hover .service-visual{transform:rotate(1deg) translate(-5%,-5%)}.service-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 3s}.expertise-card:hover .service-visual img{object-position:bottom}
.portfolio{padding-top:120px;background:#f7faf8}.portfolio-head{grid-template-columns:.6fr 1.35fr .65fr;margin-bottom:65px}.portfolio-head h2{font-size:clamp(62px,7.5vw,118px)}.portfolio-nav{top:92px;box-shadow:0 10px 35px rgba(6,47,72,.08)}.gallery.shelf-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:26px}.collection-shelf{min-width:0;background:#061f31;color:white;border:1px solid var(--ink);padding:25px;overflow:hidden}.collection-shelf:nth-child(2){background:var(--cyan);color:var(--ink)}.collection-shelf:nth-child(3){background:#e9efec;color:var(--ink)}.collection-shelf:nth-child(4){background:#0a5aff}.shelf-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.shelf-head div span{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--cyan)}.collection-shelf:nth-child(2) .shelf-head div span,.collection-shelf:nth-child(3) .shelf-head div span{color:var(--ink)}.shelf-head h3{font:700 clamp(28px,3vw,46px)/1 'Manrope';letter-spacing:-.045em;margin:5px 0 0}.shelf-head b{font:700 45px 'Manrope';opacity:.18}.shelf-rail{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--cyan) transparent}.shelf-card{position:relative;min-width:clamp(220px,19vw,300px);height:390px;background:#dce5e1;overflow:hidden;scroll-snap-align:start;cursor:pointer;border:1px solid currentColor}.shelf-card img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;display:block;transition:transform 4s cubic-bezier(.2,.7,.2,1)}.shelf-card:hover img{transform:translateY(var(--travel,0))}.shelf-card span{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(3,31,49,.92);color:white;padding:10px 11px;font-size:11px;font-weight:700;line-height:1.2;backdrop-filter:blur(8px)}.gallery.focus-mode{grid-template-columns:repeat(12,1fr);gap:14px}.gallery.focus-mode .work-card{grid-column:span 4;height:500px}.gallery.focus-mode .work-card:first-child{grid-column:span 8;height:650px}.gallery.focus-mode .work-card:nth-child(2){grid-column:span 4;height:650px}.more-projects{min-width:310px;justify-content:space-between;background:var(--ink);color:white}.more-projects:hover{color:var(--ink)}
.live-work{padding-block:110px}.live-head{margin-bottom:60px}.live-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid rgba(255,255,255,.18)}.live-item{grid-template-columns:38px 1fr 30px;padding:17px 14px;border-right:1px solid rgba(255,255,255,.18)}.live-item small{display:none}.live-item h3{font-size:clamp(17px,1.5vw,23px)}.live-item:hover{padding-left:22px}
@media(max-width:1000px){.about-grid{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1}.about-stack{height:480px}.expertise-intro{grid-template-columns:1fr}.expertise-track{grid-template-columns:1fr}.expertise-card{min-height:580px}.gallery.shelf-mode{grid-template-columns:1fr}.live-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.manifesto{height:180vh}.manifesto-copy p{font-size:43px}.manifesto-copy p:nth-child(even){margin-left:0}.about-grid{grid-template-columns:1fr}.about-stack{height:400px}.about-title h2{font-size:58px}.numbers{margin-inline:-22px;padding-inline:22px}.expertise{padding:90px 18px}.expertise-intro{margin-bottom:40px}.expertise-intro h2{font-size:48px}.expertise-card{min-height:560px;padding:32px 24px}.expertise-card h3{font-size:48px}.service-visual{width:54%;height:43%}.portfolio{padding-inline:14px}.portfolio-head h2{font-size:12.2vw}.collection-shelf{padding:18px}.shelf-card{min-width:76vw;height:420px}.gallery.focus-mode{grid-template-columns:1fr}.gallery.focus-mode .work-card:nth-child(n){grid-column:auto;height:520px}.live-list{grid-template-columns:1fr}}
.manifesto-collage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.manifesto-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(6,47,72,.35);box-shadow:0 24px 60px rgba(6,47,72,.12);opacity:.16;transition:opacity .4s}.manifesto-card img{width:100%;height:100%;object-fit:cover;object-position:top}.manifesto-card.card-a{width:25vw;height:44vh;right:5vw;top:12vh}.manifesto-card.card-b{width:19vw;height:34vh;left:3vw;bottom:6vh}.manifesto-card.card-c{width:17vw;height:30vh;right:21vw;bottom:2vh}.manifesto-copy,.manifesto-index,.manifesto-pin>.chapter{position:relative;z-index:2}.manifesto-pin:hover .manifesto-card{opacity:.23}.expertise-card h3 span{color:inherit;-webkit-text-stroke:0}
@media(max-width:650px){.manifesto-card.card-a{width:52vw;height:32vh;right:-12vw;top:12vh}.manifesto-card.card-b{width:42vw;height:28vh;left:-14vw;bottom:12vh}.manifesto-card.card-c{display:none}.manifesto-card{opacity:.12}}
.toggle-live{display:none;margin:28px auto 0;padding:15px 18px;background:var(--cyan);color:var(--ink);border:0;font-size:11px;font-weight:800;letter-spacing:.08em}.toggle-live span{font-size:19px;margin-left:35px}
@media(max-width:650px){.portfolio-head{grid-template-columns:1fr;gap:22px}.portfolio-head h2{font-size:12.8vw}.portfolio-head .chapter{margin-bottom:0}.portfolio-head>p{max-width:100%}.live-item:nth-child(n+13){display:none}.live-list.expanded .live-item{display:grid}.toggle-live{display:block}}

/* Conversion layer */
.decision{background:#021925;color:white;padding:120px clamp(22px,5vw,78px);position:relative;overflow:hidden}.decision:before{content:"";position:absolute;width:70vw;height:70vw;left:-42vw;top:5%;border-radius:50%;border:1px solid rgba(0,229,242,.17);box-shadow:0 0 0 7vw rgba(0,229,242,.025),0 0 0 14vw rgba(0,229,242,.018)}.decision-head{position:relative;display:grid;grid-template-columns:.55fr 1.4fr .65fr;gap:4vw;align-items:end;margin-bottom:70px}.decision-head h2{font:800 clamp(60px,7.2vw,116px)/.8 'Manrope';letter-spacing:-.08em;margin:0}.decision-head h2 em{font-style:normal;color:var(--cyan)}.decision-head>p{font-size:18px;line-height:1.55;color:#aec5cf;margin:0}.promise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}.promise-card{min-height:390px;padding:30px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.25);background:#08283a;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,color .45s}.promise-card:nth-child(2){background:var(--cyan);color:var(--ink)}.promise-card:nth-child(3){background:#f4f7f4;color:var(--ink)}.promise-card:nth-child(4){background:#0a5aff}.promise-card:hover{transform:translateY(-9px) rotate(-.5deg);background:white;color:var(--ink)}.promise-card>span{font:700 12px 'Manrope';letter-spacing:.12em;opacity:.6}.promise-card h3{font:700 clamp(25px,2.2vw,35px)/1.02 'Manrope';letter-spacing:-.045em;margin:auto 0 22px}.promise-card p{font-size:16px;line-height:1.5;margin:0;opacity:.78}.process-panel{position:relative;margin-top:14px;min-height:520px;padding:55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background:#f4f7f4;color:var(--ink);overflow:hidden}.process-panel:after{content:"";position:absolute;right:-7vw;top:-10vw;width:30vw;height:30vw;border-radius:50%;background:var(--cyan);filter:blur(80px);opacity:.12}.process-copy{position:relative;z-index:2}.process-copy>span{font-size:12px;font-weight:800;letter-spacing:.13em;color:#55717e}.process-copy h3{font:800 clamp(40px,4.6vw,70px)/.87 'Manrope';letter-spacing:-.065em;margin:28px 0}.process-copy h3 em{font-style:normal;color:var(--cyan);-webkit-text-stroke:1px var(--ink)}.process-copy p{font-size:18px;line-height:1.55;min-height:85px;max-width:560px}.process-steps{position:relative;z-index:2;border-top:1px solid var(--line)}.process-steps button{width:100%;min-height:72px;display:grid;grid-template-columns:60px 1fr 34px;align-items:center;text-align:left;padding:0 15px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:.3s}.process-steps button:after{content:"+";font-size:22px;justify-self:end}.process-steps button b{font-size:12px;color:#75909a}.process-steps button span{font:700 clamp(16px,1.5vw,21px) 'Manrope';letter-spacing:.04em}.process-steps button.active{background:var(--ink);color:white;padding-left:28px}.process-steps button.active:after{content:"→";color:var(--cyan)}.process-steps button.active b{color:var(--cyan)}.decision-cta{position:relative;margin-top:14px;min-height:112px;padding:22px 28px;display:grid;grid-template-columns:.7fr 1.5fr 60px;gap:25px;align-items:center;background:var(--cyan);color:var(--ink);overflow:hidden}.decision-cta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-55deg,transparent 0 18px,rgba(255,255,255,.13) 18px 20px);transform:translateX(-30%);transition:transform .8s}.decision-cta:hover:before{transform:translateX(0)}.decision-cta span{font-size:12px;font-weight:800;letter-spacing:.11em;position:relative}.decision-cta strong{font:700 clamp(20px,2.2vw,31px) 'Manrope';position:relative}.decision-cta b{width:54px;height:54px;display:grid;place-items:center;background:var(--ink);color:white;font-size:24px;position:relative;transition:.35s}.decision-cta:hover b{transform:rotate(45deg)}
.contact-notes{margin-top:55px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.contact-notes span{border:1px solid var(--ink);padding:9px 13px;font-size:11px;font-weight:800;letter-spacing:.08em}.conversion-dock{position:fixed;z-index:75;left:50%;bottom:18px;width:min(720px,calc(100vw - 32px));min-height:70px;padding:10px 10px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(3,31,49,.94);color:white;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(14px);transform:translate(-50%,calc(100% + 45px));opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s}.conversion-dock.visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.conversion-dock>div{display:flex;align-items:center;gap:14px}.conversion-dock i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(0,229,242,.1)}.conversion-dock span{display:flex;flex-direction:column}.conversion-dock small{font-size:10px;color:#8eacb9;letter-spacing:.11em}.conversion-dock strong{font-size:16px;margin-top:2px}.conversion-dock>a{height:48px;padding:0 18px;display:flex;align-items:center;background:var(--cyan);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.scroll-progress{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}.manifesto-copy p{filter:none;will-change:transform,opacity}.manifesto-copy p.active,.manifesto-copy p.exit{filter:none}.hero-showreel,.showcase,.manifesto-card,.service-visual{will-change:transform}.page-noise{opacity:.015}.about-panel,.expertise,.decision,.portfolio,.live-work{content-visibility:auto;contain-intrinsic-size:1000px}
@media(max-width:1050px){.decision-head{grid-template-columns:1fr}.promise-grid{grid-template-columns:repeat(2,1fr)}.process-panel{grid-template-columns:1fr 1fr}.decision-cta{grid-template-columns:1fr 1.3fr 55px}}
@media(max-width:650px){.decision{padding:90px 18px}.decision-head{margin-bottom:42px}.decision-head h2{font-size:13.2vw}.decision-head>p{font-size:16px}.promise-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.promise-card{min-width:82vw;min-height:380px;scroll-snap-align:start}.process-panel{min-height:auto;padding:35px 22px;grid-template-columns:1fr;gap:25px}.process-copy h3{font-size:45px}.process-copy p{font-size:16px;min-height:110px}.process-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0}.process-steps button{min-width:58vw;min-height:78px;grid-template-columns:35px 1fr 25px;border:1px solid var(--line);scroll-snap-align:start}.decision-cta{grid-template-columns:1fr 50px;padding:22px}.decision-cta span{grid-column:1/-1}.decision-cta strong{font-size:20px}.decision-cta b{grid-column:2;grid-row:2;width:48px;height:48px}.contact-notes{margin-top:35px}.conversion-dock{bottom:9px;min-height:62px;padding-left:14px}.conversion-dock small{display:none}.conversion-dock strong{font-size:13px}.conversion-dock>a{height:42px;padding:0 12px;font-size:10px}.conversion-dock i{display:none}.page-noise{display:none}}

/* Interactive solution demos */
.solution-visual{display:block;min-width:0;background:#031923}.solution-demo{--demo-x:0px;--demo-y:0px;position:relative;width:100%;height:100%;min-height:680px;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(0,229,242,.15),transparent 32%),linear-gradient(145deg,#082b3d 0%,#02141e 70%);isolation:isolate}.demo-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(105,230,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,230,239,.055) 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(59deg) translateY(23%) scale(1.4);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 73%)}.demo-beacon{position:absolute;left:10%;top:12%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.demo-beacon i{position:absolute;inset:-1px;border:1px solid var(--cyan);border-radius:50%;animation:beacon 2.4s ease-out infinite}.demo-scene{position:absolute;z-index:2;inset:7% 5% 12%;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(calc(var(--demo-x) * -1),calc(var(--demo-y) * -1),0) scale(.94);filter:blur(8px);transition:opacity .6s,transform .85s cubic-bezier(.16,1,.3,1),filter .6s,visibility .6s}.demo-scene.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(var(--demo-x),var(--demo-y),0) scale(1);filter:none}.demo-window{position:absolute;inset:4% 2% 7%;background:#eff4f1;color:var(--ink);border:1px solid rgba(255,255,255,.6);box-shadow:0 35px 90px rgba(0,0,0,.42);overflow:hidden;transform:rotate(-1.2deg);transition:transform .5s}.demo-scene:hover .demo-window{transform:rotate(0)}
.store-window>header{height:54px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--ink);font-size:9px;letter-spacing:.1em}.store-window>header span{text-align:center}.store-window>header b{text-align:right}.store-window>header i{display:inline-grid;width:22px;height:22px;place-items:center;background:var(--ink);color:var(--cyan);font-style:normal;border-radius:50%}.store-layout{height:calc(100% - 54px);display:grid;grid-template-columns:.86fr 1.14fr}.store-hero{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;background:var(--cyan);border-right:1px solid var(--ink)}.store-hero small{font-size:9px;font-weight:800;letter-spacing:.18em}.store-hero>strong{font:800 clamp(40px,5vw,78px)/.76 'Manrope';letter-spacing:-.08em;margin:auto 0}.store-hero>strong em{font-style:normal;color:white;-webkit-text-stroke:1px var(--ink)}.demo-buy{align-self:flex-start;background:var(--ink);color:white;border:0;padding:13px 15px;font-size:9px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.3s}.demo-buy:hover{background:white;color:var(--ink);transform:translateY(-3px)}.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink)}.store-products button{position:relative;padding:18px 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;background:#e7ece9;color:var(--ink);border:0;overflow:hidden;text-align:left;cursor:pointer}.store-products button:nth-child(2){background:#dbe6e3}.store-products button:nth-child(3){background:#edf0e7}.store-products button i{position:absolute;width:74%;aspect-ratio:.72;left:13%;top:14%;background:linear-gradient(145deg,#0a5aff,#052044);border-radius:50% 50% 8px 8px;box-shadow:0 18px 30px rgba(3,31,49,.24);transition:.5s cubic-bezier(.2,.8,.2,1)}.store-products button:nth-child(2) i{background:linear-gradient(145deg,#00e5f2,#038496);border-radius:8px 45% 8px 45%}.store-products button:nth-child(3) i{background:linear-gradient(145deg,#ff705b,#961a5a);border-radius:50%;aspect-ratio:1}.store-products button:hover i,.store-products button.selected i{transform:translateY(-12px) rotate(4deg) scale(1.07)}.store-products button span{font-size:9px;font-weight:800;letter-spacing:.12em}.store-products button b{font:700 15px 'Manrope'}.demo-toast{position:absolute;right:-1%;top:1%;z-index:4;padding:12px 14px;display:flex;align-items:center;gap:9px;background:#061f31;color:white;border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 35px rgba(0,0,0,.28);font-size:8px;letter-spacing:.08em}.demo-toast i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.demo-toast b{color:var(--cyan)}.demo-toast.pulse{animation:toastPulse .55s}
.dashboard-window{display:grid;grid-template-columns:58px 1fr;background:#e9efec;transform:rotate(1.2deg)}.dashboard-window aside{padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:22px;background:#061f31;color:white}.dashboard-window aside strong{font:800 20px 'Manrope';color:var(--cyan)}.dashboard-window aside i{width:18px;height:18px;border:1px solid #71909c;border-radius:4px}.dashboard-window aside i:first-of-type{background:var(--cyan);border-color:var(--cyan)}.dashboard-window aside span{margin-top:auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--ink);font-size:8px;font-weight:800}.dashboard-window main{padding:24px;min-width:0}.dashboard-window main>header{display:flex;align-items:center;justify-content:space-between}.dashboard-window main>header div{display:flex;flex-direction:column}.dashboard-window main>header small,.metric-row small{font-size:8px;font-weight:800;letter-spacing:.12em;color:#66808a}.dashboard-window main>header strong{font:700 18px 'Manrope';margin-top:3px}.dashboard-window main>header>span{font-size:7px;font-weight:800;letter-spacing:.08em}.dashboard-window main>header>span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#24c786;box-shadow:0 0 8px #24c786}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 12px}.metric-row article{position:relative;padding:17px;background:white;border:1px solid #cedad6}.metric-row b{display:block;font:700 clamp(20px,2.3vw,32px) 'Manrope';margin-top:12px}.metric-row em{position:absolute;right:12px;top:12px;color:#078b61;font-size:8px;font-style:normal;font-weight:800}.dashboard-bottom{display:grid;grid-template-columns:1.5fr .8fr;gap:10px;height:52%}.chart-panel,.activity-panel{padding:17px;background:white;border:1px solid #cedad6}.chart-panel>span,.activity-panel>span{font-size:8px;font-weight:800;letter-spacing:.12em}.chart-bars{height:83%;display:flex;align-items:flex-end;gap:5%;border-bottom:1px solid #9db2b8}.chart-bars i{flex:1;height:var(--h);background:linear-gradient(var(--cyan),#0698b3);transform-origin:bottom;animation:barGrow 2.2s cubic-bezier(.2,.8,.2,1) infinite alternate}.chart-bars i:nth-child(1){--h:24%}.chart-bars i:nth-child(2){--h:43%}.chart-bars i:nth-child(3){--h:35%}.chart-bars i:nth-child(4){--h:68%}.chart-bars i:nth-child(5){--h:51%}.chart-bars i:nth-child(6){--h:78%}.chart-bars i:nth-child(7){--h:58%}.chart-bars i:nth-child(8){--h:84%}.chart-bars i:nth-child(9){--h:72%}.chart-bars i:nth-child(10){--h:94%}.activity-panel p{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;margin:18px 0;font-size:8px}.activity-panel p i{width:6px;height:6px;border-radius:50%;background:#24c786}.activity-panel p b{font-weight:700}.activity-panel p small{color:#7b9199}
.connection-map{position:absolute;inset:0;transform:translate3d(var(--demo-x),var(--demo-y),0)}.connection-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connection-map path{fill:none;stroke:rgba(0,229,242,.4);stroke-width:1.4;stroke-dasharray:7 9;animation:dataFlow 2.4s linear infinite}.integration-core{position:absolute;left:50%;top:50%;width:145px;height:145px;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--cyan);border-radius:50%;background:#052638;color:white;box-shadow:0 0 0 17px rgba(0,229,242,.06),0 0 70px rgba(0,229,242,.18)}.integration-core:before{content:"";position:absolute;inset:-18px;border:1px dashed rgba(0,229,242,.45);border-radius:50%;animation:solutionSpin 12s linear infinite}.integration-core small{font-size:8px;letter-spacing:.15em;color:#9fbac4}.integration-core strong{font:800 43px 'Manrope';color:var(--cyan)}.integration-core span{font-size:7px;letter-spacing:.1em}.integration-core span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#24c786}.integration-node{position:absolute;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:#082d40;color:white;cursor:pointer;transition:.4s}.integration-node i{font:800 20px 'Manrope';font-style:normal;color:var(--cyan)}.integration-node span{font-size:7px;letter-spacing:.12em}.integration-node:hover{background:var(--cyan);color:var(--ink);transform:scale(1.12);box-shadow:0 0 35px rgba(0,229,242,.35)}.integration-node:hover i{color:var(--ink)}.node-crm{left:3%;top:2%}.node-erp{right:2%;top:2%}.node-whatsapp{left:2%;bottom:2%}.node-pay{right:1%;bottom:2%}.data-packet{position:absolute;padding:8px 10px;background:var(--cyan);color:var(--ink);font-size:7px;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 24px rgba(0,229,242,.25)}.packet-a{left:26%;top:28%;animation:packetA 3.2s ease-in-out infinite}.packet-b{right:25%;bottom:27%;animation:packetB 3.2s 1.1s ease-in-out infinite}
.automation-board{position:absolute;inset:5% 2% 7%;padding:25px;background:#edf3f0;color:var(--ink);border:1px solid white;box-shadow:0 35px 90px rgba(0,0,0,.42);transform:rotate(-1deg)}.automation-board>header{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--ink);font-size:9px;letter-spacing:.1em}.automation-board>header div i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#24c786}.automation-board>header>span{color:#078b61;font-weight:800}.flow-line{position:absolute;left:11%;right:11%;top:47%;height:2px;background:#8fa6ad}.flow-line i{display:block;width:28%;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:flowProgress 3.6s ease-in-out infinite}.flow-step{position:absolute;top:33%;width:19%;min-height:150px;padding:17px;display:flex;flex-direction:column;background:white;border:1px solid #aec0c3;box-shadow:0 13px 25px rgba(3,31,49,.08);transition:.35s}.flow-step:hover{transform:translateY(-10px);border-color:var(--cyan)}.flow-step small{font-size:8px;color:#799098}.flow-step span{font-size:7px;letter-spacing:.12em;margin-top:13px}.flow-step strong{font:700 clamp(13px,1.45vw,19px) 'Manrope';margin:4px 0 auto}.flow-step b{padding-top:10px;border-top:1px solid #d9e2df;color:#078b61;font-size:7px;letter-spacing:.08em}.step-one{left:3%}.step-two{left:28%}.step-three{left:53%}.step-four{left:78%}.flow-token{position:absolute;z-index:5;top:46.2%;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.token-one{animation:tokenRun 4.3s linear infinite}.token-two{animation:tokenRun 4.3s 2.15s linear infinite}.hours-saved{position:absolute;left:3%;right:3%;bottom:4%;display:flex;align-items:end;gap:14px}.hours-saved small{font-size:8px;letter-spacing:.12em}.hours-saved strong{font:800 33px 'Manrope';color:#078b61}.hours-saved span{margin-left:auto;font-size:8px;font-weight:800}
.demo-footer{position:absolute;z-index:7;left:5%;right:5%;bottom:3%;height:46px;padding:0 6px 0 15px;display:flex;align-items:center;gap:18px;background:rgba(3,20,30,.92);color:white;border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(12px)}.demo-footer>span{display:flex;align-items:center;gap:8px}.demo-footer>span i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.demo-footer b{font-size:8px;letter-spacing:.12em}.demo-footer small{margin-left:auto;color:#809ba5;font-size:7px;letter-spacing:.09em}.demo-footer a{height:34px;padding:0 13px;display:flex;align-items:center;background:var(--cyan);color:var(--ink);font-size:8px;font-weight:800;letter-spacing:.08em;transition:.3s}.demo-footer a:hover{background:white;transform:translateY(-2px)}
@keyframes beacon{to{inset:-28px;opacity:0}}@keyframes toastPulse{50%{transform:scale(1.08);background:var(--cyan);color:var(--ink)}}@keyframes barGrow{from{transform:scaleY(.3);opacity:.45}to{transform:scaleY(1);opacity:1}}@keyframes dataFlow{to{stroke-dashoffset:-32}}@keyframes packetA{0%,100%{transform:translate(-20px,15px);opacity:.2}50%{transform:translate(95px,60px);opacity:1}}@keyframes packetB{0%,100%{transform:translate(20px,-15px);opacity:.2}50%{transform:translate(-95px,-60px);opacity:1}}@keyframes flowProgress{0%{width:0}65%,100%{width:100%}}@keyframes tokenRun{0%{left:11%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:88%;opacity:0}}
@media(max-width:950px){.solution-demo{min-height:620px}.demo-scene{inset:6% 4% 13%}.store-hero>strong{font-size:7vw}.integration-node{width:95px;height:95px}.flow-step{min-height:140px;padding:12px}.demo-footer{left:4%;right:4%}}
@media(max-width:650px){.solution-demo{min-height:540px}.demo-scene{inset:5% 3% 15%}.demo-window,.automation-board{inset:3% 0 5%;transform:none}.store-window>header{grid-template-columns:1fr auto}.store-window>header span{display:none}.store-layout{grid-template-columns:1fr}.store-hero{min-height:47%;border-right:0;border-bottom:1px solid var(--ink);padding:20px}.store-hero>strong{font-size:12.5vw;margin:14px 0}.store-products{min-height:43%}.store-products button{padding:10px 7px}.store-products button i{top:7%;height:60%}.demo-toast{right:1%;top:0}.dashboard-window{grid-template-columns:42px 1fr}.dashboard-window aside{gap:15px}.dashboard-window main{padding:14px}.dashboard-window main>header>span{display:none}.metric-row{margin:15px 0 8px;gap:5px}.metric-row article{padding:10px}.metric-row b{font-size:16px}.metric-row em{display:none}.dashboard-bottom{grid-template-columns:1fr;height:58%}.activity-panel{display:none}.integration-node{width:76px;height:76px}.integration-node i{font-size:15px}.integration-core{width:110px;height:110px}.integration-core strong{font-size:33px}.node-crm{left:0}.node-erp{right:0}.node-whatsapp{left:0}.node-pay{right:0}.data-packet{display:none}.automation-board{padding:15px}.flow-step{top:30%;width:23%;min-height:155px;padding:9px}.flow-step span{font-size:6px}.flow-step strong{font-size:10px}.step-one{left:1%}.step-two{left:26%}.step-three{left:51%}.step-four{left:76%}.flow-line{left:8%;right:8%}.hours-saved strong{font-size:25px}.demo-footer{left:3%;right:3%;bottom:2%;gap:7px}.demo-footer small{display:none}.demo-footer a{margin-left:auto}.demo-footer b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.demo-beacon i,.chart-bars i,.connection-map path,.integration-core:before,.data-packet,.flow-line i,.flow-token{animation:none!important}}
.demo-scene:not(.active){transform:translate3d(0,20px,0) scale(.94)}