:root{--white:#fff;--paper:#f4f3ef;--black:#0a0a0a;--charcoal:#1c1c1e;--line:#2a2a2d;--gray:#8a8a8e;--body-font:"Inter","Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);font-family:var(--body-font);font-size:16px;color:var(--white);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#aaa;color:var(--black)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}.container{width:calc(100% - 112px);max-width:1328px;margin:0 auto}.section{padding:106px 0 116px}.dark{background:linear-gradient(125deg,#0a0a0a 38%,#151516 100%);color:var(--white)}.light{background:linear-gradient(125deg,#f4f3ef 30%,#fff 100%);color:var(--black)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.eyebrow,.section-caption,.section-index,.card-number,.badge,.payment-option,.frame-label,.frame-bottom{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.6;font-weight:500}.section-caption{display:flex;justify-content:space-between;gap:24px;color:#a0a0a4;padding-bottom:23px;border-bottom:1px solid #ffffff26;margin-bottom:60px}.section-index{color:var(--white)}.light .section-caption{color:#6b6b6e;border-color:#0a0a0a26}.light .section-index{color:var(--black)}h2{font-size:clamp(44px,5.3vw,76px);line-height:1.03;letter-spacing:-3.8px}.period{color:var(--gray)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:54px}.section-heading>p{color:#a7a7aa;font-size:14px;line-height:1.7;max-width:300px;padding-bottom:5px}.light .section-heading>p{color:#626265}.grain{position:relative;isolation:isolate}.grain::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:56px;border:1px solid transparent;padding:0 26px;border-radius:40px;font-size:13px;font-weight:500;line-height:1.3;transition:background .25s,color .25s,transform .3s var(--ease),border-color .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button .icon{width:17px;height:17px}.button-white{background:var(--white);color:var(--black)}.button-white:hover{background:#ddd}.button-outline{border-color:#5a5a5c;background:transparent;color:var(--white)}.button-outline:hover{background:#fff;color:var(--black);border-color:#fff}.button-small{min-height:39px;padding:0 19px;gap:21px;font-size:11px}.button-small .icon{width:14px;height:14px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px}.circle-arrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;transition:background .25s,color .25s,transform .3s}.circle-arrow .icon{width:15px;height:15px}.text-link:hover .circle-arrow{color:var(--black);background:var(--white);transform:translateY(3px)}.skip-link{position:fixed;top:-70px;left:20px;padding:16px 24px;background:#fff;color:#0a0a0a;z-index:200}.skip-link:focus{top:12px}
/* Navigation */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ae6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14}.nav-wrap{height:82px;max-width:1440px;margin:0 auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.logo-dot{color:#8a8a8e}.node-symbol{flex-shrink:0}.nav-right{display:flex;align-items:center;gap:48px}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a{font-size:11px;color:#a5a5a8;transition:color .25s;position:relative;padding:11px 0}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a::after{content:"";position:absolute;height:1px;bottom:3px;left:0;width:0;background:#fff;transition:width .3s}.desktop-nav a.active::after,.desktop-nav a:hover::after{width:100%}.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#ddd;transform-origin:left;transform:scaleX(0)}.menu-toggle{display:none;width:36px;height:36px;border:0;background:transparent;color:#fff;position:relative;padding:9px 3px}.menu-toggle span{display:block;height:1px;background:currentColor;width:25px;position:absolute;left:5px;top:13px;transition:transform .3s,top .3s}.menu-toggle span+span{top:22px}.menu-toggle[aria-expanded="true"] span{top:18px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span+span{transform:rotate(-45deg)}.mobile-nav{display:none}
/* Opening frame */
.hero{min-height:850px;min-height:max(850px,100svh);overflow:hidden;background:linear-gradient(110deg,#0a0a0a 45%,#171719 100%)}.hero-ambient{position:absolute;right:-15%;top:13%;width:850px;height:850px;background:radial-gradient(ellipse,#38383b47 0%,transparent 65%);pointer-events:none;z-index:-1}.hero-inner{position:relative;min-height:inherit;display:flex;flex-direction:column;padding-top:130px}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#a5a5a8}.hero-topline .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px}.status-dot{width:5px;height:5px;background:#d6d6d7;border-radius:50%;box-shadow:0 0 12px #ffffff70}.hero-content{position:relative;z-index:2;padding:67px 0 42px;width:82%;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(62px,6.5vw,98px);letter-spacing:-5.4px;line-height:1.055;font-weight:500}.hero h1 .denk{white-space:nowrap}.muted-title{color:#8a8a8e}.hero-description{font-size:14px;line-height:1.85;color:#aaaab0;max-width:480px;margin-top:28px}.hero-explore{margin-top:29px;color:#dbdbdd;gap:20px}.hero-art{position:absolute;top:184px;right:-10px;width:38%;height:470px;z-index:1}.viewfinder{height:100%;position:relative}.viewfinder i{position:absolute;width:14px;height:14px;border-color:#ffffff38;border-style:solid;z-index:2}.viewfinder i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.viewfinder i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.viewfinder img{height:112%;width:112%;max-width:none;object-fit:contain;position:absolute;top:-6%;left:-6%;opacity:.83;animation:portal-float 10s ease-in-out infinite}.frame-label{position:absolute;top:22px;right:23px;font-size:7px;letter-spacing:1.7px;color:#9a9a9e}.frame-bottom{position:absolute;bottom:19px;left:23px;font-size:7px;letter-spacing:1.8px;color:#9a9a9e}.frame-cross{position:absolute;right:22px;bottom:14px;font-size:22px;color:#8a8a8e;font-weight:300}.project-specs{margin-top:auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:25px;border-top:1px solid #ffffff30;padding:27px 0 30px;z-index:2}.project-specs>div:not(:first-child){border-left:1px solid #ffffff20;padding-left:32px}.project-specs dt{font-size:8px;text-transform:uppercase;letter-spacing:1.6px;color:#8a8a8e;margin-bottom:8px}.project-specs dd{font-size:12px;line-height:1.4}.hero-topline,.hero-content,.project-specs{animation:hero-in 1.15s var(--ease) both}.hero-content{animation-delay:.12s}.project-specs{animation-delay:.28s}
/* The starting point */
.context-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.context-copy>p:first-child{font-size:29px;line-height:1.36;letter-spacing:-.9px;max-width:570px}.context-copy>p+p{font-size:15px;line-height:1.9;color:#626265;margin-top:24px;max-width:550px}.project-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:77px;padding-top:30px;border-top:1px solid #0a0a0a26}.project-numbers>div{display:flex;align-items:center;gap:25px}.stat-number{font-size:64px;line-height:1;font-weight:400;letter-spacing:-4px;min-width:76px;font-variant-numeric:tabular-nums}.project-numbers .eyebrow{font-size:8px;line-height:1.8;letter-spacing:1.3px;color:#6a6a6d}
/* Project scope */
.scope{background:radial-gradient(ellipse at 5% 0%,#1c1c1e88,transparent 45%),linear-gradient(135deg,#0a0a0a,#131314)}.deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.deliverable{border:1px solid #ffffff20;background:linear-gradient(135deg,#ffffff03,#ffffff01);padding:28px 29px 32px;min-height:242px;transition:border-color .35s,background .35s,transform .4s var(--ease)}.deliverable:hover{border-color:#ffffff55;background:#ffffff05;transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:39px}.service-icon{width:27px;height:27px;fill:none;stroke:#d3d3d5;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.card-number{color:#98989d;font-size:9px;letter-spacing:1.7px}.deliverable h3{font-size:20px;letter-spacing:-.5px;margin-bottom:12px}.deliverable>p,.bonus-copy>p{font-size:12px;line-height:1.8;color:#a5a5ab;max-width:330px}.bonus{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:31px 40px;min-height:188px;border-color:#ffffff50;background:linear-gradient(110deg,#20202288,#ffffff02);overflow:hidden}.bonus-header{display:flex;gap:24px;align-items:center;margin-bottom:20px}.bonus .card-number{color:#b3b3b8}.badge{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:4px 10px;font-size:7px;line-height:1;letter-spacing:1.1px;white-space:nowrap}.bonus h3{font-size:27px;letter-spacing:-1px;margin-bottom:9px}.bonus-copy>p{max-width:470px}.shirt-art{width:300px;flex-shrink:0;height:150px}.shirt-art svg{width:100%;height:100%;transition:transform .5s var(--ease)}.bonus:hover .shirt-art svg{transform:scale(1.045)}
/* Production schedule */
.schedule-tag{display:flex;align-items:center;gap:18px;padding-bottom:5px}.schedule-tag .eyebrow{font-size:9px;letter-spacing:1.3px;line-height:1.7}.tiny-cross{font-weight:200;font-size:60px;line-height:1;color:#8a8a8e}.timeline{list-style:none;padding:0;margin:68px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.timeline-step{padding-right:38px;position:relative}.timeline-top{border-top:1px solid #0a0a0a40;position:relative;padding-top:22px}.step-dot{position:absolute;top:-5px;left:0;width:9px;height:9px;border:1px solid #0a0a0a;border-radius:50%;background:var(--paper)}.timeline-step:first-child .step-dot{background:var(--black)}.timeline-step .eyebrow{font-size:8px;letter-spacing:1.5px;color:#77777b}.timeline-days{font-size:11px;letter-spacing:-.1px;margin-top:28px;margin-bottom:14px;color:#626265}.timeline-step h3{font-size:24px;letter-spacing:-.9px;line-height:1.2;min-height:58px}.timeline-step>p:last-child{font-size:12px;color:#626265;line-height:1.85;margin-top:14px;max-width:240px}.schedule-note{display:flex;align-items:flex-start;gap:13px;font-size:11px;line-height:1.85;color:#68686c;border-top:1px solid #0a0a0a26;margin-top:54px;padding-top:22px;max-width:100%}.schedule-note>span{font-size:22px;color:#0a0a0a;line-height:1.2}
/* Investment */
.investment{background:radial-gradient(ellipse at 50% 50%,#2a2a2d66,transparent 65%),linear-gradient(140deg,#0a0a0a,#111112);padding-bottom:0}.investment-inner{text-align:center;padding:23px 0 69px}.investment-inner>.eyebrow{color:#909095;font-size:8px}.investment h2{font-size:26px;letter-spacing:-.8px;margin-top:24px}.investment-price{display:flex;gap:18px;align-items:baseline;justify-content:center;font-size:clamp(110px,13.6vw,196px);line-height:1;letter-spacing:-12px;margin:27px 0 25px;font-weight:500;font-variant-numeric:tabular-nums}.currency{font-size:.27em;letter-spacing:-2px;font-weight:400}.investment-description{font-size:14px;color:#a7a7ad;line-height:1.75}.investment .text-link{margin-top:31px;font-size:11px;color:#ccc}.investment .circle-arrow{width:30px;height:30px}.investment-bottom{display:flex;justify-content:center;gap:58px;border-top:1px solid #ffffff20;padding:27px 0;font-size:8px;color:#a5a5aa;letter-spacing:1.8px;text-transform:uppercase}.investment-bottom>span+span{position:relative}.investment-bottom>span+span::before{content:"+";position:absolute;left:-32px;color:#666}
/* Payment conditions */
.payment{background:linear-gradient(130deg,#1c1c1e,#181819);color:var(--white)}.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.payment-card{border:1px solid #ffffff28;padding:24px 23px 28px;min-width:0;display:flex;flex-direction:column;transition:border-color .3s,transform .4s var(--ease)}.payment-card:hover{transform:translateY(-4px);border-color:#ffffff66}.payment-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px;min-height:19px}.payment-card-top>.icon{width:15px;height:15px;color:#84848a;opacity:.8}.payment-option{font-size:8px;letter-spacing:1.4px;color:#9d9da2}.payment-card h3{font-size:17px;letter-spacing:-.4px;margin-bottom:8px}.payment-subtitle{font-size:10px;color:#9d9da2;line-height:1.5}.payment-feature{font-size:40px;letter-spacing:-1.8px;line-height:1.2;margin-top:25px;margin-bottom:26px;white-space:nowrap}.feature-small{font-size:28px}.payment-ratio{font-size:36px;letter-spacing:-2px}.payment-ratio>span{color:#6b6b70;font-weight:300}.thirds{font-size:30px;letter-spacing:-1.6px;padding-top:7px}.payment-detail{margin-top:auto;font-size:10px;line-height:1.9;color:#a4a4aa}.detail-line{display:block;width:100%;height:1px;background:#ffffff26;margin-bottom:18px}.payment-detail ul{list-style:none;padding:0;margin:0}.payment-detail li+li{margin-top:9px}.payment-detail strong{font-weight:500;color:#eee}.best{background:linear-gradient(120deg,#fff,#f4f3ef);color:var(--black);border-color:#fff}.best:hover{border-color:#fff}.best .badge{font-size:6px;letter-spacing:.7px;padding:5px 6px}.best .payment-option,.best .payment-subtitle,.best .payment-detail{color:#626265}.best .detail-line{background:#0a0a0a26}
/* The practical details */
.third-party{padding:74px 0 0}.third-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;padding-bottom:71px;border-bottom:1px solid #0a0a0a26}.third-grid h2{font-size:27px;letter-spacing:-1px;line-height:1.2;margin-top:17px}.third-grid>p{font-size:14px;line-height:1.9;color:#626265;padding-top:4px;max-width:550px}.next-steps{padding-top:76px}.next-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px}.next-list{margin:0;padding:0;list-style:none}.next-list li{display:flex;align-items:center;gap:25px;border-bottom:1px solid #0a0a0a26;padding:25px 0}.next-list li:first-child{padding-top:5px}.next-number{font-size:9px;letter-spacing:1px;color:#77777b;align-self:flex-start;padding-top:6px}.next-list p{font-size:21px;letter-spacing:-.5px;line-height:1.5}.next-list .icon{margin-left:auto;width:18px;height:18px;color:#626265}
/* Closing frame */
.closing{min-height:800px;min-height:100svh;display:flex;background:radial-gradient(ellipse at 80% 45%,#2a2a2d55,transparent 50%),linear-gradient(130deg,#0a0a0a,#141415);overflow:hidden}.closing-inner{display:flex;flex-direction:column;padding-top:60px}.closing .section-caption{margin-bottom:0}.closing-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px 0 90px}.closing-main>.eyebrow{color:#99999f;font-size:9px;margin-bottom:28px}.closing h2{font-size:clamp(64px,8.6vw,124px);line-height:1.02;letter-spacing:-6.8px;position:relative;width:fit-content}.closing h2>span{color:#8a8a8e}.closing-arrow{width:80px;height:80px;fill:none;stroke:#e5e5e7;stroke-width:1.5;position:absolute;right:-160px;top:15px}.closing-actions{display:flex;gap:14px;margin-top:40px}.closing-validity{font-size:10px;color:#8a8a8e;margin-top:23px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff26;padding:27px 0}.site-footer .wordmark{font-size:18px;gap:8px}.site-footer>p{font-size:9px;color:#8a8a8e;letter-spacing:.2px}.back-top{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #ffffff30;border-radius:50%;transition:background .3s,color .3s}.back-top .icon{width:14px;height:14px}.back-top:hover{background:#fff;color:#0a0a0a}
/* Motion is progressive: content stays visible when JavaScript is unavailable. */
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-ready .deliverable.reveal.is-visible:hover,.motion-ready .payment-card.reveal.is-visible:hover{transform:translateY(-4px)}
@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
/* Laptops and tablets */
@media(min-width:1650px){.hero-content{padding-top:90px}.hero-art{top:210px;height:510px}.hero-description{margin-top:34px}.hero-inner{padding-top:145px}}
@media(max-width:1150px){.container{width:calc(100% - 80px)}.nav-wrap{padding:0 40px}.nav-right{gap:29px}.desktop-nav{gap:23px}.hero{min-height:max(800px,100svh)}.hero h1{font-size:6.6vw;letter-spacing:-4.2px}.hero-content{padding-top:75px;width:85%}.hero-art{width:36%;top:210px;height:400px;right:-5px}.hero-description{max-width:450px}.hero-edition{display:none!important}.section{padding:88px 0 96px}.context-grid,.third-grid,.next-grid{gap:55px}.context-copy>p:first-child{font-size:25px}.project-numbers{gap:25px}.project-numbers>div{gap:18px}.stat-number{font-size:57px;min-width:69px}.deliverable{padding:25px 24px;min-height:240px}.payment-grid{gap:10px}.payment-card{padding:22px 17px}.payment-card h3{font-size:15px}.payment-feature{font-size:35px}.payment-ratio{font-size:31px}.thirds{font-size:25px}.best .badge{font-size:5.5px;padding:4px 5px}.timeline-step{padding-right:25px}.timeline-step h3{font-size:21px}.investment{padding-bottom:0}.closing-arrow{width:65px;height:65px;right:-130px}.closing h2{font-size:9vw;letter-spacing:-5px}}
@media(max-width:900px){.hero{min-height:810px}.hero h1{font-size:7.2vw;letter-spacing:-3.5px}.hero-content{width:94%;padding-top:76px}.hero-art{width:41%;right:-10%;top:210px;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.hero-description{max-width:420px}.frame-label,.frame-bottom,.frame-cross,.viewfinder i{display:none}.context-grid,.next-grid{grid-template-columns:1fr 1.15fr;gap:40px}h2{font-size:49px;letter-spacing:-2.7px}.context-copy>p:first-child{font-size:23px}.context-copy>p+p{font-size:13px}.deliverables{gap:10px}.deliverable{padding:25px 20px;min-height:250px}.deliverable h3{font-size:18px}.deliverable>p{font-size:11px}.bonus{padding:29px}.bonus h3{font-size:24px}.shirt-art{width:240px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:45px}.timeline-step{padding-right:35px}.timeline-step h3{min-height:0}.timeline-step>p:last-child{max-width:275px}.timeline-step:nth-child(2) .timeline-top{margin-right:0}.schedule-tag{display:none}.project-numbers>div{align-items:flex-start;flex-direction:column;gap:14px}.project-numbers{margin-top:55px}.stat-number{font-size:60px}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payment-card{padding:27px;min-height:340px}.payment-card h3{font-size:20px}.payment-feature{font-size:43px}.payment-ratio{font-size:40px}.thirds{font-size:34px}.best .badge{font-size:7px;padding:5px 8px}.third-grid{grid-template-columns:1fr 1.15fr;gap:40px}.third-grid h2{font-size:23px}.third-grid>p{font-size:13px}.next-list p{font-size:18px}.next-list li{gap:18px}.closing h2{font-size:9.4vw;letter-spacing:-4px}.closing-arrow{right:-103px;width:57px;height:57px;top:7px}.closing{min-height:760px}.closing-main{padding:100px 0}}
/* Mobile */
@media(max-width:700px){html{scroll-padding-top:87px}.container{width:calc(100% - 44px)}.section{padding:68px 0 75px}.nav-wrap{padding:0 22px;height:72px}.wordmark{font-size:19px;gap:8px}.node-symbol{width:24px;height:24px}.desktop-nav{display:none}.nav-right{gap:14px}.nav-approve{min-height:35px;padding:0 14px;gap:11px;font-size:10px}.nav-approve .icon{width:12px;height:12px}.menu-toggle{display:block}.mobile-nav{display:flex;position:fixed;inset:72px 0 auto;background:#101011fa;backdrop-filter:blur(20px);padding:22px 24px 30px;flex-direction:column;border-bottom:1px solid #ffffff26;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}.mobile-nav.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav a{padding:17px 0;border-bottom:1px solid #ffffff20;font-size:24px;letter-spacing:-.6px;display:flex;align-items:center;justify-content:space-between}.mobile-nav a>span{font-size:9px;color:#8a8a8e;letter-spacing:1.5px}.hero{min-height:850px;min-height:max(850px,100svh)}.hero-inner{padding-top:112px}.hero-topline .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-content{padding:46px 0 47px;width:100%}.hero h1{font-size:clamp(42px,9vw,62px);letter-spacing:-2.8px;line-height:1.085;max-width:580px}.desktop-break{display:none}.hero h1 .denk{white-space:normal}.hero-description{font-size:12px;line-height:1.85;max-width:350px;margin-top:23px}.hero-explore{font-size:10px;gap:15px;margin-top:25px}.circle-arrow{width:30px;height:30px}.hero-art{width:63%;height:320px;top:328px;right:-28%;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%)}.viewfinder img{animation-duration:13s}.project-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;padding:22px 0 25px}.project-specs>div:not(:first-child){padding-left:0;border-left:0}.project-specs>div:nth-child(even){padding-left:22px;border-left:1px solid #ffffff20}.project-specs dt{font-size:7px;letter-spacing:1.4px;margin-bottom:7px}.project-specs dd{font-size:11px}.section-caption{font-size:8px;letter-spacing:1px;padding-bottom:18px;margin-bottom:38px;gap:10px}.section-index{font-size:8px;letter-spacing:1.3px}.section-caption>span:last-child:not(:first-child){max-width:135px;text-align:right;font-size:7px;line-height:1.6;letter-spacing:.8px}h2{font-size:46px;letter-spacing:-2.4px;line-height:1.05}.context-grid,.next-grid{grid-template-columns:1fr;gap:33px}.context h2 br{display:none}.context-copy>p:first-child{font-size:24px;letter-spacing:-.7px;line-height:1.4;max-width:500px}.context-copy>p+p{font-size:13px;line-height:1.85;margin-top:19px}.project-numbers{margin-top:42px;gap:15px;padding-top:23px}.stat-number{font-size:48px;letter-spacing:-3px;min-width:0}.project-numbers>div{gap:12px}.project-numbers .eyebrow{font-size:6px;letter-spacing:.8px;line-height:1.7}.section-heading{align-items:flex-start;gap:25px;margin-bottom:33px;flex-direction:column}.section-heading>p{font-size:12px;line-height:1.7}.section-heading>p br{display:none}.deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deliverable{padding:20px 17px 24px;min-height:246px}.card-top{margin-bottom:29px}.service-icon{width:24px;height:24px}.card-number{font-size:8px}.deliverable h3{font-size:17px;line-height:1.2;letter-spacing:-.4px;margin-bottom:10px}.deliverable>p{font-size:10px;line-height:1.85}.deliverable:nth-child(9){grid-column:1/-1;min-height:175px}.deliverable:nth-child(9) .card-top{margin-bottom:22px}.deliverable:nth-child(9)>p{max-width:100%}.bonus{display:flex;grid-column:1/-1;min-height:0;gap:16px;padding:25px 21px;flex-direction:column;align-items:flex-start}.bonus-header{gap:15px;margin-bottom:20px}.bonus h3{font-size:23px}.bonus-copy>p{font-size:11px;line-height:1.8}.shirt-art{width:220px;height:115px;align-self:flex-end;margin:6px -5px -5px 0}.schedule h2{max-width:350px}.timeline{grid-template-columns:1fr;margin-top:43px;gap:0}.timeline-step{padding:0 0 36px 33px;border-left:1px solid #0a0a0a35;margin-left:4px}.timeline-step:last-child{border-left-color:transparent;padding-bottom:0}.timeline-top{border:0;padding-top:0}.step-dot{left:-38px;top:4px}.timeline-step .eyebrow{font-size:7px}.timeline-days{margin:13px 0 10px;font-size:10px}.timeline-step h3{font-size:24px;letter-spacing:-.8px}.timeline-step h3 br{display:none}.timeline-step>p:last-child{font-size:12px;line-height:1.8;margin-top:11px;max-width:100%}.schedule-note{font-size:10px;gap:9px;margin-top:36px;padding-top:22px}.schedule-note>span{font-size:20px}.investment{padding-bottom:0}.investment-inner{padding:18px 0 52px}.investment-inner>.eyebrow{font-size:7px;letter-spacing:1.2px}.investment h2{font-size:24px;margin-top:21px}.investment-price{font-size:clamp(88px,20vw,136px);letter-spacing:-6px;gap:11px;margin:25px 0 24px}.currency{letter-spacing:-1px}.investment-description{font-size:12px;max-width:260px;margin:0 auto}.investment .text-link{font-size:10px;gap:13px;margin-top:26px}.investment-bottom{gap:26px;padding:22px 0;font-size:6px;letter-spacing:.8px;flex-wrap:wrap}.investment-bottom>span+span::before{left:-15px}.payment-grid{grid-template-columns:1fr;gap:14px}.payment-card{padding:28px;min-height:0}.payment-card-top{margin-bottom:29px}.payment-card h3{font-size:23px}.payment-subtitle{font-size:12px}.payment-feature{font-size:49px;margin:25px 0 29px;letter-spacing:-2.4px}.payment-ratio{font-size:44px}.thirds{font-size:39px;padding-top:0}.payment-detail{font-size:12px;line-height:1.85}.payment-detail li+li{margin-top:9px}.payment-detail br{display:none}.best .badge{font-size:7px;padding:6px 9px}.payment-option{font-size:9px}.third-party{padding:58px 0 0}.third-grid{grid-template-columns:1fr;gap:23px;padding-bottom:48px}.third-grid h2{font-size:28px;margin-top:14px}.third-grid>p{font-size:12px;line-height:1.9;padding:0}.next-steps{padding-top:52px}.next-grid{gap:36px}.next-list li{padding:22px 0;gap:19px}.next-list li:first-child{padding-top:0}.next-list p{font-size:20px;line-height:1.4;letter-spacing:-.5px}.next-number{font-size:8px}.next-list .icon{width:16px;height:16px}.closing{min-height:max(740px,100svh)}.closing-inner{padding-top:40px}.closing-main{padding:70px 0;justify-content:center}.closing-main>.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:23px}.closing h2{font-size:clamp(44px,10vw,66px);letter-spacing:-2.6px;line-height:1.04}.closing-arrow{position:static;display:inline-block;width:36px;height:36px;margin-left:18px;vertical-align:baseline;stroke-width:2.5}.closing-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}.closing-actions .button{min-height:53px;padding:0 24px;gap:28px;font-size:11px;min-width:249px;justify-content:space-between}.closing-validity{font-size:9px;margin-top:22px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:18px;padding:25px 0}.site-footer .wordmark{font-size:17px}.site-footer .node-symbol{width:21px;height:21px}.site-footer>p{grid-row:2;grid-column:1/-1;font-size:7px;letter-spacing:0}.back-top{grid-column:2;grid-row:1}.motion-ready .reveal{transform:translateY(16px)}}
@media(max-width:370px){.container{width:calc(100% - 36px)}.nav-wrap{padding:0 18px}.wordmark{font-size:17px}.node-symbol{width:21px;height:21px}.nav-right{gap:8px}.hero h1{font-size:40px;letter-spacing:-2.5px}.hero-description{font-size:11px}.deliverables{grid-template-columns:1fr}.deliverable{min-height:0;padding:24px}.deliverable h3{font-size:21px}.deliverable>p{font-size:12px}.card-top{margin-bottom:25px}.section-caption>span:last-child:not(:first-child){max-width:112px;font-size:6px}.investment-price{font-size:80px;letter-spacing:-5px}.investment-bottom{gap:20px;font-size:5.5px}.investment-bottom>span+span::before{left:-12px}.closing h2{font-size:39px}.closing-arrow{width:29px;height:29px;margin-left:10px}}
.payment-detail{font-size:12px}.payment-subtitle{font-size:12px}.best .badge{font-size:8px;letter-spacing:.65px}.project-numbers .eyebrow{font-size:9px}.project-specs dt{font-size:9px}
@media(min-width:901px) and (max-width:1150px){.best .badge{font-size:7px}.payment-detail{font-size:11px}.payment-subtitle{font-size:11px}}
@media(max-width:900px){.deliverable>p{font-size:12px}}
@media(max-width:700px){.hero-topline .eyebrow{font-size:9px}.project-specs dt{font-size:8px;letter-spacing:1.1px}.project-numbers .eyebrow{font-size:8px;letter-spacing:.7px}.deliverable{min-height:272px}.deliverable>p{font-size:12px;line-height:1.7}.deliverable h3{font-size:18px}.bonus-copy>p{font-size:12px}.bonus{min-height:0}.investment-bottom{font-size:8px;letter-spacing:.3px;gap:24px}.best .badge{font-size:8px}.closing-main>.eyebrow{font-size:9px}.site-footer>p{font-size:8px}}
@media(max-width:370px){.deliverable{min-height:0}.investment-bottom{font-size:7px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media print{.site-header,.hero-art,.hero-explore,.closing-actions,.back-top{display:none}.container{width:90%}.hero{min-height:0;padding-bottom:20px}.hero-inner{padding-top:40px}.hero-content{width:100%;padding:35px 0}.hero h1{font-size:45px;letter-spacing:-2px}.hero-description{max-width:80%}.section{padding:40px 0}.section-caption{margin-bottom:30px}.reveal,.motion-ready .reveal{opacity:1;transform:none}.dark,.payment,.closing{background:#fff;color:#0a0a0a}.dark .section-index{color:#0a0a0a}.deliverable,.payment-card{break-inside:avoid;border-color:#aaa}.deliverable p,.payment-detail,.payment-subtitle{color:#444}.service-icon{stroke:#444}.closing{min-height:0}.closing-main{padding:40px 0}.closing h2{font-size:55px;letter-spacing:-2px}.closing-arrow{display:none}.site-footer{color:#0a0a0a}.investment-inner{padding:20px 0}.investment-price{font-size:110px}}

/* Identidade oficial do Estúdio Hiro, preservada na proporção original. */
.brand-logo{display:block;width:104px;height:auto;flex-shrink:0}.site-footer .brand-logo{width:116px}@media(max-width:700px){.brand-logo{width:88px}.site-footer .brand-logo{width:104px}}

/* A linha avança com a rolagem, sem esconder as informações das etapas. */
.timeline-enhanced .timeline-top::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#0a0a0a;transform:scaleX(var(--step-progress,0));transform-origin:left;transition:transform .25s linear;pointer-events:none}
.timeline-enhanced .timeline-step .step-dot{background:#f4f3ef;transition:background-color .3s,box-shadow .3s,transform .3s;z-index:1}
.timeline-enhanced .timeline-step.is-reached .step-dot{background:#0a0a0a}
.timeline-enhanced .timeline-step.is-current .step-dot{box-shadow:0 0 0 5px #0a0a0a10;transform:scale(1.15)}
.timeline-enhanced .timeline-step.is-current .timeline-days{color:#0a0a0a}
@media(max-width:700px){
  .context h2{letter-spacing:-1.6px;word-spacing:normal}
  .timeline-enhanced .timeline-top::after{display:none}
  .timeline-enhanced .timeline-step:not(:last-child)::before{content:"";position:absolute;left:-1px;top:8px;bottom:-8px;width:1px;background:#0a0a0a;transform:scaleY(var(--step-progress,0));transform-origin:top;transition:transform .25s linear;pointer-events:none}
}

/* Abertura curta, com saída para cima e um limite de segurança no HTML. */
.preloader{display:grid;position:fixed;inset:0;z-index:1000;place-items:center;transform:translate3d(0,0,0);will-change:transform;background:radial-gradient(ellipse at 50% 45%,#2a2a2d55,transparent 65%),#0a0a0a}
.preloading body{overflow:hidden}
.preloading .preloader{display:grid}
.preloading:not(.preloader-exiting) .hero-topline,.preloading:not(.preloader-exiting) .hero-content,.preloading:not(.preloader-exiting) .project-specs{animation-play-state:paused}
.preloader.is-leaving{transform:translate3d(0,-100%,0);transition:transform .7s cubic-bezier(.76,0,.24,1);pointer-events:none}
.loader-content{width:min(600px,calc(100% - 56px))}
.loader-eyebrow{color:#8a8a8e;font-size:8px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px;text-align:center;animation:loader-text-in .55s var(--ease) .05s both}
.loader-title{display:flex;justify-content:center;align-items:baseline;gap:15px;font-size:clamp(21px,3.5vw,40px);line-height:1.25;letter-spacing:-1.1px;white-space:nowrap;font-weight:500}
.loader-title>span{display:inline-block;animation:loader-text-in .65s var(--ease) .12s both}
.loader-title>.loader-x{font-size:.65em;color:#8a8a8e;animation-delay:.22s}
.loader-title>span:last-child{animation-delay:.32s}
.loader-track{height:2px;background:#ffffff20;overflow:hidden;margin-top:40px}
.loader-fill{height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;will-change:transform}
.loader-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#8a8a8e;font-size:8px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase}
.loader-percent{font-size:11px;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}
@keyframes loader-text-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.loader-content{width:calc(100% - 48px)}.loader-title{font-size:clamp(20px,5.4vw,29px);letter-spacing:-.6px;gap:10px}.loader-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:22px}.loader-track{margin-top:30px}}
@media print{.preloader,.preloading .preloader{display:none!important}.preloading body{overflow:visible}}

/* O preload aparece desde o primeiro frame e funciona sem o script da página. */
.preloader{animation:preloader-safety .01s linear 6s forwards!important}
@keyframes preloader-safety{to{visibility:hidden;opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.preloader.is-leaving{transform:none;opacity:0;transition:opacity .12s linear!important}}