@font-face{font-family:Outfit;src:url('../outfit-400.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:Outfit;src:url('../outfit-600.ttf') format('truetype');font-weight:500 700;font-display:swap} @font-face{font-family:Outfit;src:url('../outfit-900.ttf') format('truetype');font-weight:800 900;font-display:swap} :root{--bg:#090a0d;--surface:#111216;--surface-raised:#17181e;--text:#f5f4f8;--muted:#a4a3ad;--border:#25262e;--pink:#e82778;--orange:#ff5946;--violet:#b796ff;--cyan:#70dfdb;--brand-gradient:linear-gradient(105deg,var(--orange),#ff4770 44%,var(--pink));--container:1240px;--gutter:36px;--section-space:108px;--radius:5px;--font:Outfit,'Segoe UI',sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--pink);color:white}.container{width:min(var(--container),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--section-space)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px 20px;background:var(--pink)}.skip-link:focus{top:10px} .eyebrow{font-size:12px;letter-spacing:.19em;font-weight:600;text-transform:uppercase;color:var(--muted)}.gradient-text,.brand-color{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.violet-text{color:var(--violet)}.cyan-text{color:var(--cyan)}h1,h2{font-weight:900;letter-spacing:-.04em;line-height:1.08}h2{font-size:clamp(34px,3.6vw,52px)}h3{font-size:23px;letter-spacing:-.02em;line-height:1.3}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:#fff;font-size:16px;font-weight:600;min-height:51px;padding:12px 29px;border-radius:var(--radius);box-shadow:0 7px 30px #e8277818;transition:box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e827783a}.button-small{font-size:14px;min-height:41px;padding:8px 21px}.text-link{font-size:15px;font-weight:600;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:13px}.section-number{color:var(--pink);margin-right:8px}.section-description{font-size:15px;line-height:1.7;color:var(--muted);max-width:365px;padding-bottom:3px} .site-header{background:#0c0d11;border-bottom:1px solid #ffffff0c;position:sticky;top:0;z-index:20}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:23px;line-height:1;font-weight:900;letter-spacing:-.025em}.brand img{width:46px;flex-shrink:0}.header-inner nav{display:flex;gap:34px;margin-left:auto;margin-right:42px}.header-inner nav a{font-size:15px;color:#c5c4cd;font-weight:600}.header-inner nav a:hover{color:#fff}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(730px,56.25vw);display:grid;align-items:center}.hero-image{position:absolute;inset:0 0 auto;width:100%;height:auto;z-index:-3}.hero-shade{position:absolute;inset:0 0 auto;aspect-ratio:16/9;z-index:-2;background:linear-gradient(180deg,#090a0d3d 0%,#090a0d93 38%,#090a0ddb 78%,var(--bg) 100%),linear-gradient(90deg,#090a0d52,transparent 24%,transparent 76%,#090a0d52)}.hero-content{text-align:center;padding:60px 0 100px}.hero-eyebrow{color:#f7dae6;margin-bottom:26px;font-size:13px;letter-spacing:.18em}.hero h1{font-size:clamp(56px,6.5vw,94px);line-height:1.02;text-shadow:0 5px 40px #0005}.hero .gradient-text{filter:drop-shadow(0 3px 20px #0005)}.hero-description{font-size:19px;color:#e1dfe5;margin-top:26px;line-height:1.65}.hero-stats{display:flex;justify-content:center;margin:36px auto 30px;width:min(660px,100%)}.stat{width:33.33%;padding:0 30px}.stat+.stat{border-left:1px solid #ffffff22}.stat strong{display:block;font-weight:900;font-size:48px;line-height:1.15;letter-spacing:-.03em}.stat span{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#bebbc7;margin-top:7px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;color:#777783;font-size:10px;letter-spacing:.14em;font-weight:600}.hero-bottom a span{font-size:19px;margin-left:12px}.specialties{border-block:1px solid #22232b;background:#0e0f13}.specialties-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#aaa8b2}.specialties-inner>span:first-child{font-weight:600;color:#ece9f0;font-size:17px}.specialties i{width:4px;height:4px;background:var(--pink);border-radius:50%} .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.project-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.project-card:hover{border-color:var(--accent);box-shadow:0 10px 35px #0005}.project-image{position:relative}.project-image img{width:100%;height:auto}.project-category{position:absolute;right:12px;top:12px;background:#090a0ddb;padding:5px 9px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#f6f4fa;border:1px solid #ffffff20}.project-content{padding:23px 24px 25px}.project-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-title h3{color:var(--accent);font-size:25px}.project-index{color:#6b6a77;font-size:9px;font-weight:600;letter-spacing:.12em}.project-content>p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:12px;min-height:75px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.project-tags li{font-size:11px;font-weight:600;padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent)} .studio{background:linear-gradient(105deg,#19101a 0%,#0d0e12 65%);border-block:1px solid var(--border)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.studio-copy .eyebrow{margin-bottom:21px}.studio-copy h2{font-size:46px;line-height:1.12}.studio-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:500px;margin-top:24px}.studio-copy>p:not(.eyebrow)+p{margin-top:16px}.studio-tag{display:inline-block;color:#cc7b9d;font-size:11px;font-weight:600;letter-spacing:.16em;border-left:2px solid var(--pink);padding-left:14px;margin-top:29px}.values{padding-top:9px}.value{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--border)}.value:first-child{padding-top:0}.value:last-child{border-bottom:0;padding-bottom:0}.value-number{font-weight:900;font-size:25px;line-height:1.3;color:var(--accent);min-width:34px}.value h3{font-size:22px}.value p{color:var(--muted);font-size:15px;margin-top:10px;line-height:1.75}.journey .section-number{color:var(--violet)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:53px;position:relative}.timeline:before{content:'';position:absolute;top:22px;left:22px;right:22px;height:1px;background:linear-gradient(90deg,#553b88,var(--violet),#553b88)}.milestone{position:relative}.timeline-node{display:grid;place-items:center;background:#16121f;width:44px;height:44px;border:1px solid #5d427e;color:var(--violet);font-size:13px;font-weight:600;border-radius:50%;position:relative;z-index:1;margin-bottom:25px;box-shadow:0 0 0 8px var(--bg)}.milestone .eyebrow{font-size:10px;letter-spacing:.12em;color:#a990d0;margin-bottom:11px}.milestone h3{font-size:21px;max-width:210px}.milestone>p:last-child{color:var(--muted);font-size:15px;margin-top:12px;max-width:250px} .together{padding-top:20px}.together .section-number{color:var(--cyan)}.showcase{border:1px solid var(--border);border-top:3px solid var(--cyan);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.showcase img{width:100%;height:auto}.showcase figcaption{display:flex;align-items:center;justify-content:space-between;padding:20px 25px}.showcase figcaption span:first-child{font-size:22px;font-weight:600}.showcase figcaption span:last-child{font-size:10px;letter-spacing:.12em;color:var(--cyan);font-weight:600}.contact{text-align:center;padding-top:32px}.contact .eyebrow{color:#c788a4;margin-bottom:23px}.contact h2{font-size:clamp(40px,5vw,69px);max-width:920px;margin-inline:auto}.contact>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.7;margin-top:25px}.contact-rule{height:1px;background:linear-gradient(90deg,transparent,#812b50,#e82778,#812b50,transparent);margin-top:50px}.contact-bottom{display:flex;justify-content:space-between;margin-top:23px;font-size:14px;color:#a19ca7}.contact-bottom>span{font-size:14px}.site-footer{border-top:1px solid var(--border);background:#0b0c10}.footer-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner .brand{font-size:19px}.footer-inner .brand img{width:40px}.footer-inner p{font-size:13px;color:#777480}.footer-inner>a:last-child{font-size:13px;color:#b4aebb} @media(min-width:1700px){.hero-content{padding-top:90px}} @media(max-width:1050px){:root{--gutter:28px;--section-space:80px}.hero{min-height:710px}.hero-image{top:30px}.header-inner nav{gap:23px;margin-right:15px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{gap:45px}.studio-copy h2{font-size:38px}.section-description{max-width:280px}.timeline{gap:20px}.milestone h3{font-size:19px}.specialties-inner{gap:14px;font-size:12px}.specialties-inner>span:first-child{font-size:14px}} @media(max-width:700px){:root{--gutter:20px;--section-space:65px}.header-inner{height:73px;gap:12px}.brand{font-size:18px;gap:9px}.brand img{width:38px}.header-inner nav{display:none}.button-small{font-size:12px;min-height:37px;padding:8px 14px}.hero{min-height:690px}.hero-image{top:0;width:100%;height:auto}.hero-shade{background:linear-gradient(180deg,#090a0d38 0%,#090a0d85 10%,#090a0df0 35%,var(--bg) 80%)}.hero-content{padding:100px 0 80px}.hero-eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:.1em}.hero h1{font-size:53px;letter-spacing:-.045em}.hero-description{font-size:16px;margin-top:24px}.desktop-break{display:none}.hero-stats{margin:30px 0}.stat{padding:0 10px}.stat strong{font-size:38px}.stat span{font-size:9px;letter-spacing:.055em}.hero-actions{gap:22px}.hero-actions .button{font-size:14px;padding:12px 19px}.hero-actions .text-link{font-size:13px}.hero-bottom{bottom:22px;font-size:8px;gap:16px}.hero-bottom a span{margin-left:5px}.specialties-inner{padding-block:19px;min-height:75px;justify-content:center;flex-wrap:wrap;gap:8px 17px;font-size:12px}.specialties-inner>span:first-child{width:100%;text-align:center;font-size:15px}.specialties-inner>span:last-child,.specialties i:last-of-type{display:none}.section-heading{display:block;margin-bottom:30px}.section-description{margin-top:20px;max-width:100%;font-size:14px}.project-grid{grid-template-columns:1fr;gap:23px}.project-content{padding:20px}.project-content>p{min-height:0}.project-index{font-size:10px}.project-tags li{font-size:12px}.project-category{font-size:10px}.studio-grid{grid-template-columns:1fr;gap:40px}.studio-copy h2{font-size:36px}.studio-copy>p:not(.eyebrow){font-size:16px}.value{gap:18px}.timeline{grid-template-columns:1fr;gap:30px;margin-top:36px}.timeline:before{top:18px;bottom:70px;left:20px;width:1px;height:auto;background:#654790}.milestone{padding-left:69px;min-height:140px}.timeline-node{position:absolute;left:0;top:0;width:41px;height:41px;margin:0}.milestone h3,.milestone>p:last-child{max-width:100%}.milestone .eyebrow{padding-top:4px}.showcase figcaption{padding:15px 16px;gap:16px}.showcase figcaption span:first-child{font-size:17px}.showcase figcaption span:last-child{font-size:8px;text-align:right;max-width:110px}.together{padding-top:0}.contact h2{font-size:42px}.contact>p:not(.eyebrow){font-size:16px}.contact-bottom{display:block;margin-top:20px}.contact-bottom .text-link{display:block;margin-top:12px;font-size:13px}.footer-inner{flex-direction:column;align-items:center;gap:18px;padding-block:32px;text-align:center}.footer-inner p{font-size:12px}} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{transition:none!important}}html.motion-disabled{scroll-behavior:auto}html.motion-disabled *,html.motion-disabled *::before,html.motion-disabled *::after{transition:none!important} :root{--store-blue:#2259ca;--discord-purple:#6440ca;--vip-gold:#edbd62;--audience-color:#d92777} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} button{font-family:inherit;border:0;cursor:pointer}button:focus-visible,.clients-marquee:focus-visible{outline:2px solid var(--cyan);outline-offset:5px} .announcement{height:34px;overflow:hidden;background:#382034;color:#ffcedd;border-bottom:1px solid #ff759a24;font-size:11px;font-weight:600;letter-spacing:.055em} .marquee-track{display:flex;width:max-content;animation:marquee-scroll 65s linear infinite}.marquee-group{display:flex;align-items:center;flex-shrink:0;gap:32px;padding-right:32px}.announcement .marquee-group{height:34px}.announcement i{font-style:normal;color:#ff647f;font-size:11px} .site-header{--header-alpha:.97;background:linear-gradient(108deg,rgba(59,37,66,var(--header-alpha)),rgba(27,39,62,var(--header-alpha)) 65%,rgba(25,39,57,var(--header-alpha)));border-bottom:1px solid #9894bf26;box-shadow:0 8px 30px #0002;backdrop-filter:blur(18px) saturate(145%);transition:box-shadow .25s}.site-header::after{content:'';position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,#f34a85aa,#aa88fa55 45%,#6ac9e833 72%,#ffd34499);pointer-events:none}.header-scrolled{box-shadow:0 8px 24px #0003}.header-inner{gap:24px}.header-inner nav{gap:25px;margin-right:8px}.header-actions{display:flex;gap:10px;align-items:center}.header-actions .button{white-space:nowrap}.button-case-study{gap:10px;padding-inline:16px;background:#9d83ef12;border:1px solid #bba5f83d;box-shadow:none;color:#d8c9ff}.button-case-study span{color:#c4a2ff;font-size:18px;line-height:1}.button-case-study:hover{background:#9d83ef2e;box-shadow:none}.button-store{background:#4267c426;border:1px solid #889ce26b;box-shadow:none;color:#d9e4ff}.button-store:hover{background:#4267c459;box-shadow:none}.button-order{gap:13px;padding-inline:25px;background:linear-gradient(110deg,#ffe371,#ffd344);color:#30260d;box-shadow:0 3px 24px #ffd34424;border:1px solid #ffe99755}.button-order span{font-size:19px;line-height:1}.button-order:hover{background:linear-gradient(110deg,#ffec9c,#ffdd63);box-shadow:0 6px 26px #ffd34442} .hero-content{padding-top:65px;padding-bottom:93px}.hero h1{font-size:clamp(55px,6.3vw,88px);max-width:1060px;margin-inline:auto;letter-spacing:-.047em;line-height:1.04}.hero-eyebrow{font-size:12px;letter-spacing:.17em}.hero-stats{width:min(480px,100%);margin-top:30px;margin-bottom:26px}.stat{width:50%;padding-inline:30px}.stat strong{font-variant-numeric:tabular-nums;min-height:56px}.hero-notes{display:flex;justify-content:center;gap:12px;margin-top:26px}.hero-notes span{font-size:11px;line-height:1.2;letter-spacing:.05em;border:1px solid #ffffff28;padding:7px 12px;border-radius:3px;background:#090a0d55;color:#c5bfcd}.hero-notes span:nth-child(2){border-color:#eb47774d;color:#f4a4be} .audience-section{display:flex;align-items:center;justify-content:center;gap:58px;padding-block:58px;transition:opacity .65s,transform .65s}.audience-copy .eyebrow{margin-bottom:10px;font-size:11px}.audience-copy h2{font-size:45px;letter-spacing:-.035em}.audience-window{position:relative;display:grid;place-items:center;min-width:430px;height:138px;overflow:hidden;background:var(--audience-color);padding:20px 34px 30px;transition:background-color .6s;box-shadow:inset 0 1px 0 #fff2}.audience-word{font-size:58px;font-weight:900;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}.audience-marker{position:absolute;bottom:13px;right:17px;color:#fff9;font-size:9px;letter-spacing:.16em;font-weight:600}.specialties-inner{min-height:73px} .clients-section{padding-top:62px;padding-bottom:0;overflow:hidden}.clients-heading{text-align:center;margin-bottom:31px}.clients-heading .eyebrow{color:#8c7faa;font-size:10px;margin-bottom:11px}.clients-heading h2{font-size:23px;font-weight:600;letter-spacing:-.02em}.clients-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding-block:19px;background:#101017;border-block:1px solid #22212f}.clients-marquee .marquee-group{gap:55px;padding-right:55px}.clients-marquee li{font-size:29px;line-height:1.2;font-weight:900;letter-spacing:-.025em;color:#b6afc7;white-space:nowrap}.clients-marquee li:nth-child(4n+2){color:#dbd7e4}.clients-marquee:hover .marquee-track,.clients-marquee:focus-within .marquee-track{animation-play-state:paused} .promo-section{padding-bottom:98px}.promo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:47px;border-radius:3px;position:relative;overflow:hidden;transition:opacity .65s,transform .65s}.promo-store{background:var(--store-blue)}.promo-copy .eyebrow{color:#ffffffb5;font-size:11px;margin-bottom:20px}.promo-copy h2{font-size:45px;line-height:1.12;letter-spacing:-.035em}.promo-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#ffffffde;max-width:470px;margin-top:23px}.promo-copy .button{margin-top:28px}.button-light{background:#fff;color:#25356d;box-shadow:0 4px 20px #0002;border-radius:3px}.button-light:hover{box-shadow:0 6px 25px #0004}.promo-art{background:#0002;padding:15px;border:1px solid #ffffff20;box-shadow:0 10px 30px #0002;transition:transform .3s}.promo-art img{width:100%;height:auto}.promo-art>span{display:block;font-size:9px;letter-spacing:.13em;font-weight:600;color:#fff9;padding:14px 4px 1px}.promo:hover .promo-art{transform:translateY(-4px)} .vip-section{padding-top:95px;padding-bottom:0}.promo-vip{background:var(--vip-gold);color:#251c12}.promo-vip .eyebrow{color:#745225}.promo-vip .promo-copy>p:not(.eyebrow){color:#594124}.button-dark{background:#302719;color:#ffe9bd;box-shadow:none}.button-dark:hover{box-shadow:0 5px 20px #35230630}.vip-details{display:grid;gap:13px}.vip-details>div{position:relative;padding:25px 26px 25px 76px;background:#79532215;border:1px solid #5c411323}.vip-number{position:absolute;left:23px;top:26px;font-weight:900;font-size:23px;color:#815d26}.vip-details h3{font-size:21px;color:#352716}.vip-details p{font-size:14px;color:#705229;margin-top:8px}.vip-caption{font-size:10px;font-weight:600;letter-spacing:.14em;color:#775527;text-align:right;margin-top:10px} .timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.timeline-node{font-size:11px;width:50px;height:50px;box-shadow:0 0 0 8px var(--bg)}.timeline:before{top:25px}.milestone h3{font-size:20px}.milestone>p:last-child{font-size:14px}.milestone{transition:opacity .6s,transform .6s} .promo-discord{background:var(--discord-purple)}.promo-discord .button-light{color:#5b30b5}.promo-discord .promo-copy h2{font-size:43px}.discord-section{padding-top:0;padding-bottom:93px}.contact-button{margin-top:28px}.contact{padding-top:0} .section-heading,.project-card,.studio-copy,.value,.contact{transition:opacity .65s,transform .65s,box-shadow .2s,border-color .2s}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-pending:focus-within{opacity:1;transform:none}.project-card:hover{transform:translateY(-4px)}.hero-eyebrow{animation:hero-enter .75s both}.hero h1{animation:hero-enter .9s .1s both}.hero-description{animation:hero-enter .9s .2s both}.hero-actions,.hero-notes{animation:hero-enter .9s .3s both}.hero-bottom a span{display:inline-block;animation:scroll-hint 2s ease-in-out infinite} @keyframes marquee-scroll{to{transform:translateX(-50%)}}@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}} .capture-mode *{animation:none!important;transition:none!important;scroll-behavior:auto!important} @media(max-width:1050px){.header-inner nav{gap:20px;margin-right:0}.header-inner{gap:20px}.promo{gap:25px;padding:32px}.promo-copy h2,.promo-discord .promo-copy h2{font-size:36px}.promo-copy>p:not(.eyebrow){font-size:15px}.audience-section{gap:34px}.audience-copy h2{font-size:37px}.audience-window{min-width:360px}.audience-word{font-size:49px}.timeline{gap:17px}.milestone h3{font-size:18px}.milestone>p:last-child{font-size:13px}} @media(max-width:800px){.header-inner nav{display:none}.header-actions{margin-left:auto}.hero h1{font-size:clamp(48px,7.5vw,65px)}.timeline{grid-template-columns:1fr}.timeline:before{left:23px;top:20px;bottom:80px;height:auto;width:1px}.milestone{padding-left:77px;min-height:125px}.timeline-node{position:absolute;left:0;top:0;width:48px;height:48px}.milestone h3{font-size:21px;max-width:none}.milestone>p:last-child{font-size:15px;max-width:none;margin-top:12px}} @media(max-width:700px){.announcement,.announcement .marquee-group{height:29px}.announcement{font-size:9px}.announcement .marquee-group{gap:20px;padding-right:20px}.header-inner{height:73px;gap:8px}.header-actions{gap:7px}.header-inner .brand{font-size:15px;gap:7px}.header-inner .brand img{width:33px}.header-actions .button{font-size:12px;min-height:36px;padding:7px 12px}.hero-content{padding-top:88px;padding-bottom:75px}.hero{min-height:680px}.hero-eyebrow{font-size:9px;letter-spacing:.1em;max-width:300px;margin-inline:auto;margin-bottom:23px}.hero h1{font-size:clamp(41px,10.4vw,65px);letter-spacing:-.045em}.hero-description{font-size:16px;max-width:440px;margin-inline:auto}.hero-stats{margin:29px auto;width:min(420px,100%)}.stat{padding-inline:10px}.stat strong{min-height:44px;font-size:40px}.stat span{font-size:10px;letter-spacing:.07em}.hero-actions{gap:20px}.hero-notes{gap:8px;margin-top:23px}.hero-notes span{font-size:10px;padding:6px 9px}.audience-section{flex-direction:column;gap:23px;padding-block:40px;text-align:center}.audience-copy h2{font-size:36px}.audience-copy .eyebrow{font-size:9px}.audience-window{min-width:0;width:100%;max-width:430px;height:118px;padding:15px 20px 30px}.audience-word{font-size:clamp(37px,11vw,51px)}.specialties-inner{gap:8px 16px}.specialties-inner>span:last-child{display:block}.specialties-inner i:last-of-type{display:block}.specialties-inner>span:not(:first-child){font-size:11px}.clients-section{padding-top:42px}.clients-heading{margin-bottom:20px}.clients-heading h2{font-size:21px}.clients-marquee li{font-size:25px}.clients-marquee .marquee-group{gap:37px;padding-right:37px}.promo-section{padding-bottom:65px}.promo{grid-template-columns:1fr;padding:28px;gap:30px}.promo-copy h2,.promo-discord .promo-copy h2{font-size:34px}.promo-copy .eyebrow{font-size:9px;margin-bottom:17px}.promo-copy>p:not(.eyebrow){font-size:16px;margin-top:19px}.promo-copy .button{margin-top:22px;font-size:14px;padding-inline:20px}.promo-art{padding:11px}.promo-art>span{font-size:8px}.vip-section{padding-top:65px;padding-bottom:0}.vip-details>div{padding:20px 17px 20px 58px}.vip-number{left:16px;top:21px;font-size:20px}.vip-details h3{font-size:20px}.vip-details p{font-size:14px}.discord-section{padding-top:0}.contact h2{font-size:40px}.contact-button{font-size:14px}.contact .contact-bottom>span{font-size:13px}} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:not(.motion-enabled) .reveal-pending{opacity:1;transform:none}html:not(.motion-enabled) .clients-marquee{overflow:auto;mask-image:none}html:not(.motion-enabled) .marquee-track>.marquee-group:nth-child(2){display:none}html:not(.motion-enabled) .announcement .marquee-track{width:100%}html:not(.motion-enabled) .announcement .marquee-group{padding:0;justify-content:center;width:100%;gap:10px}html:not(.motion-enabled) .announcement .marquee-group> :nth-child(n+4){display:none}html:not(.motion-enabled) .audience-word{font-size:26px;white-space:normal;line-height:1.4}html:not(.motion-enabled) .audience-window{height:auto;min-height:138px}html:not(.motion-enabled) .project-card:hover,html:not(.motion-enabled) .promo:hover .promo-art{transform:none}}html.motion-disabled *,html.motion-disabled *::before,html.motion-disabled *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-disabled .reveal-pending{opacity:1;transform:none}html.motion-disabled .clients-marquee{overflow:auto;mask-image:none}html.motion-disabled .marquee-track>.marquee-group:nth-child(2){display:none}html.motion-disabled .announcement .marquee-track{width:100%}html.motion-disabled .announcement .marquee-group{padding:0;justify-content:center;width:100%;gap:10px}html.motion-disabled .announcement .marquee-group> :nth-child(n+4){display:none}html.motion-disabled .audience-word{font-size:26px;white-space:normal;line-height:1.4}html.motion-disabled .audience-window{height:auto;min-height:138px}html.motion-disabled .project-card:hover,html.motion-disabled .promo:hover .promo-art{transform:none} .portfolio{padding-bottom:72px}.clients-section{padding-top:0;padding-bottom:36px}.specialties{margin-bottom:98px}.audience-window{transition:background-color .35s} .footer-legal{text-align:center}.footer-legal p{font-size:12px;line-height:1.65;color:#9c97aa}.footer-legal p+p{margin-top:7px;color:#75717f;font-size:11px} .header-inner{gap:20px}.header-inner nav{gap:22px;margin-right:0}.header-actions{gap:10px}.button-case-study{background:transparent;border-color:transparent;box-shadow:none;padding-inline:9px;color:#d6cce7}.button-case-study:hover{background:#b19bea12}.button-store{background:#4772cb20;border-color:#8aa9ee55}.language-switch{display:flex;align-items:center;gap:5px;padding-left:15px;border-left:1px solid #bab1da26;flex-shrink:0}.language-switch button{display:grid;place-items:center;padding:7px 5px;min-width:36px;min-height:34px;background:transparent;border:1px solid transparent;border-radius:4px;opacity:.65;transition:opacity .2s,background .2s,border-color .2s}.language-switch svg{display:block;width:24px;height:16px;border-radius:1px;box-shadow:0 0 0 1px #ffffff26}.language-switch button[aria-pressed="true"]{opacity:1;border-color:#e9b5d24d;background:#ffffff0a}.language-switch button:hover{opacity:1;background:#ffffff12} @media(max-width:980px){.header-inner nav{display:none}.header-actions{margin-left:auto}} @media(max-width:700px){.header-inner{display:grid;grid-template-columns:1fr auto;height:auto;min-height:107px;gap:11px 12px;padding-block:12px}.header-inner .brand{grid-column:1;grid-row:1}.language-switch{grid-column:2;grid-row:1;justify-self:end}.header-actions{display:flex;grid-column:1/-1;grid-row:2;margin-left:0;gap:8px}.header-actions .button{flex:1;padding-inline:10px}.header-actions .button-order{padding-inline:13px}.portfolio{padding-bottom:46px}.clients-section{padding-top:0;padding-bottom:26px}.specialties{margin-bottom:65px}.footer-legal p{font-size:11px}.footer-legal p+p{font-size:10px}html{scroll-padding-top:125px}} .promo-store{transition:background-color .8s ease,opacity .65s,transform .65s} .store-slides{position:relative;aspect-ratio:1198/676;background:#0c276322;overflow:hidden} .store-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .55s ease;pointer-events:none} .store-slide.is-active{opacity:1} .store-slide img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain} .promo-vip{background:linear-gradient(115deg,#f4c66b 0%,#ffe9ac 35%,#f5d083 65%,#fff1c7 100%);background-size:240% 240%;border:1px solid #ffe9ad80;box-shadow:0 0 30px #efbd492b,inset 0 1px 0 #fff7;animation:vip-gold-flow 9s ease-in-out infinite} .promo-vip .promo-copy,.promo-vip .vip-details{position:relative;z-index:1} @keyframes vip-gold-flow{0%,100%{background-position:0% 50%;box-shadow:0 0 26px #efbd4926,inset 0 1px 0 #fff7}50%{background-position:100% 50%;box-shadow:0 0 42px #efbd4940,inset 0 1px 0 #fff9}} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .promo-vip{animation:none}html:not(.motion-enabled) .promo-store,html:not(.motion-enabled) .store-slide{transition:none}}html.motion-disabled .promo-vip{animation:none}html.motion-disabled .promo-store,html.motion-disabled .store-slide{transition:none} .hero-stats{width:min(680px,100%)} .stat{min-width:0}.stat strong{white-space:nowrap} @media(max-width:700px){.hero-stats{width:min(460px,100%)}.stat{padding-inline:8px}.stat strong{font-size:clamp(28px,8.8vw,40px)}} .hero-content{padding-top:65px;padding-bottom:69.75px} .audience-section{padding-block:43.5px} .portfolio{padding-top:calc(var(--section-space) * .75)} @media(max-width:700px){.hero-content{padding-top:88px;padding-bottom:56.25px}.hero-bottom{align-items:center}.hero-bottom a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hero-bottom a span{font-size:16px;line-height:1;margin-left:0}.audience-section{padding-block:30px}} .hero-bottom{justify-content:flex-end} .timeline{grid-template-columns:repeat(6,minmax(0,1fr))} .project-title h3{min-width:0} @media(max-width:800px){.timeline{grid-template-columns:1fr}} @media(max-width:700px){.stat:nth-child(2) strong{font-size:clamp(24px,7.8vw,40px)}} .promo-store{isolation:isolate} .promo-store .promo-copy,.promo-store .promo-art{position:relative;z-index:1} .promo-store::after{content:'';position:absolute;inset:-80% auto -80% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:translateX(0) skewX(-20deg);pointer-events:none;animation:store-gleam 8s ease-in-out infinite;animation-play-state:paused} .promo-store.gleam-active::after{animation-play-state:running} @keyframes store-gleam{0%,12%{transform:translateX(0) skewX(-20deg);opacity:0}16%{opacity:1}38%{transform:translateX(530%) skewX(-20deg);opacity:0}100%{transform:translateX(530%) skewX(-20deg);opacity:0}} .capture-mode .promo-store::after{display:none} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .promo-store::after{display:none}}html.motion-disabled .promo-store::after{display:none} .promo-vip{isolation:isolate} .promo-vip::after{content:'';position:absolute;inset:-80% auto -80% -70%;width:48%;background:linear-gradient(90deg,transparent,#fff8 36%,#fffdf0cc 50%,#fff8 64%,transparent);pointer-events:none;animation:vip-gleam 4s cubic-bezier(.4,0,.2,1) infinite;transform:translateX(0) skewX(-24deg)} @keyframes vip-gleam{0%,8%{transform:translateX(0) skewX(-24deg);opacity:0}15%{opacity:1}66%{transform:translateX(410%) skewX(-24deg);opacity:1}72%,100%{transform:translateX(410%) skewX(-24deg);opacity:0}} .capture-mode .promo-vip::after{display:none} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .promo-vip::after{display:none}}html.motion-disabled .promo-vip::after{display:none} .audience-section{flex-wrap:wrap;row-gap:22px} .audience-note{flex-basis:100%;width:100%;text-align:center;color:#aaa5b5;font-size:14px;line-height:1.75} .audience-note a{color:#f4a4be;font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .2s} .audience-note a:hover{color:#ffd2e1} @media(max-width:700px){.audience-note{flex-basis:auto;font-size:13px;line-height:1.65}} .site-header{width:min(1320px,calc(100% - 48px));margin:16px auto 0;top:14px;background:none;border:0;box-shadow:none;backdrop-filter:none} .site-header::after{display:none} .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;height:76px;padding:0 22px;gap:24px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(115deg,rgba(35,28,43,var(--header-alpha)),rgba(17,25,37,var(--header-alpha)));backdrop-filter:blur(24px) saturate(140%);box-shadow:0 12px 38px #00000032,inset 0 1px 0 #ffffff09;transition:border-color .3s,box-shadow .3s} .header-scrolled .header-inner{border-color:#ffffff2b;box-shadow:0 12px 38px #0006,inset 0 1px 0 #ffffff0a} .header-inner .brand{justify-self:start;gap:11px;font-size:21px;flex-shrink:0;white-space:nowrap} .header-controls{display:flex;align-items:center;justify-self:end;gap:24px} .header-inner .brand img{width:39px;height:39px;border-radius:7px;box-shadow:0 0 22px #f33f791c} .header-inner nav{display:flex;align-items:center;justify-self:center;gap:26px;margin:0;padding:0;border:0;border-radius:0;background:none} .header-inner nav a{position:relative;padding:12px 0;color:#c2becb;font-size:13px;line-height:18px;white-space:nowrap;border-radius:0} .header-inner nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;width:auto;height:2px;border-radius:2px;background:var(--brand-gradient);opacity:1;transform:scaleX(0);transform-origin:left;transition:transform .2s} .header-inner nav a:hover,.header-inner nav a:focus-visible{color:#fff;background:none} .header-inner nav a:hover::after,.header-inner nav a:focus-visible::after{transform:scaleX(1)} .header-inner nav .nav-store{display:none} .header-actions{display:flex;align-items:center;gap:9px;margin:0;flex-shrink:0} .header-actions .button{min-height:42px;padding:10px 16px;font-size:13px;line-height:18px;border-radius:8px;gap:9px;flex:none} .header-actions .button-store{padding-inline:20px;background:#ffffff05;border-color:#ffffff20;color:#eeeaf4;box-shadow:none} .header-actions .button-store:hover{background:#ffffff10;border-color:#ffffff40;box-shadow:none} .header-actions .button-order{gap:13px;padding:7px 9px 7px 18px;background:linear-gradient(110deg,#ffe794,#ffd343);border-color:#ffe798;color:#30260d;box-shadow:0 3px 18px #ffd34416} .header-actions .button-order:hover{background:linear-gradient(110deg,#fff0b0,#ffdc69);box-shadow:0 5px 22px #ffd34433} .button-order span{display:grid;place-items:center;width:26px;height:26px;background:#251c13;color:#ffdf6f;border-radius:6px;font-size:17px;line-height:1;transition:transform .2s} .button-order:hover span{transform:translate(1px,-1px)} .header-actions .button-order{position:relative;overflow:hidden;isolation:isolate} .header-actions .button-order::before{content:'';position:absolute;inset:-80% auto -80% -65%;width:45%;background:linear-gradient(90deg,transparent,#ffffff9c,transparent);transform:translateX(0) skewX(-20deg);pointer-events:none;animation:order-gleam 7s ease-in-out 1s infinite} @keyframes order-gleam{0%,12%{transform:translateX(0) skewX(-20deg);opacity:0}16%{opacity:1}34%{transform:translateX(480%) skewX(-20deg);opacity:0}100%{transform:translateX(480%) skewX(-20deg);opacity:0}} .capture-mode .header-actions .button-order::before{display:none} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .header-actions .button-order::before{display:none}}html.motion-disabled .header-actions .button-order::before{display:none} .language-switch{display:flex;gap:3px;padding:3px;margin:0 0 0 2px;border:1px solid #ffffff12;border-radius:8px;background:#08090f38;flex-shrink:0} .language-switch button{min-width:33px;min-height:32px;padding:5px;border-radius:5px;border-color:transparent;opacity:.68} .language-switch button[aria-pressed="true"]{opacity:1;background:#ffffff12;border-color:#ffffff18;box-shadow:none} .language-switch button:hover{opacity:1;background:#ffffff18} .language-switch button:focus-visible{outline:2px solid #ffbfdd;outline-offset:3px} .language-switch svg{display:block;width:23px;height:16px;border-radius:1px;box-shadow:0 0 0 1px #ffffff1a} .language-switch button::after{content:none} @media(max-width:1150px){ .header-inner{gap:18px;padding-inline:18px}.header-inner nav{gap:21px}.header-inner .brand{font-size:19px} .header-controls{gap:18px} } @media(max-width:1000px){ .site-header{width:calc(100% - 32px)}.header-inner{gap:13px;padding-inline:16px}.header-inner .brand{font-size:17px;gap:8px}.header-inner .brand img{width:34px;height:34px} .header-controls{gap:13px} .header-inner nav{gap:15px}.header-inner nav a{font-size:12px}.header-actions .button-store{display:none}.header-inner nav .nav-store{display:block} .header-actions .button-order{padding-left:13px;gap:10px} } @media(max-width:800px){ html{scroll-padding-top:140px}.site-header{top:10px;width:calc(100% - 24px);margin-top:10px} .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:96px;padding:10px 12px 0;gap:8px 10px;border-radius:13px} .header-inner .brand{grid-column:1;grid-row:1;font-size:16px;gap:7px}.header-inner .brand img{width:29px;height:29px;border-radius:5px} .header-inner nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;width:100%;gap:clamp(14px,4vw,26px);margin:0;border-top:1px solid #ffffff10} .header-inner nav a{font-size:11px;padding:9px 0 10px}.header-inner nav a::after{bottom:3px} .header-actions{display:contents}.header-actions .button-store{display:none} .header-controls{display:contents} .header-actions .button-order{grid-column:2;grid-row:1;min-height:34px;gap:7px;padding:5px 6px 5px 10px;font-size:11px;border-radius:7px;flex:none} .button-order span{width:21px;height:21px;border-radius:4px;font-size:14px} .language-switch{grid-column:3;grid-row:1;justify-self:end;margin:0;gap:2px;padding:2px}.language-switch button{min-width:29px;min-height:30px;padding:4px}.language-switch svg{width:21px;height:14px} } @media(max-width:380px){ .header-inner{padding-inline:10px;column-gap:6px}.header-inner .brand{font-size:12px;gap:5px}.header-inner .brand img{width:25px;height:25px} .header-actions .button-order{padding:5px 5px 5px 7px;gap:4px;font-size:10px}.button-order span{width:19px;height:19px}.header-inner nav{gap:7px}.header-inner nav a{font-size:10px} .language-switch button{min-width:26px;padding:3px}.language-switch svg{width:18px;height:12px} } .hero { margin-top: -92px; } .hero-content { padding-top: 157px; } .hero h1 { animation: none; } .hero-title-line { display: block; overflow: hidden; padding: 0 .05em .12em; margin-bottom: -.12em; perspective: 800px; } .hero-title-line > span { display: inline-block; padding-bottom: .16em; margin-bottom: -.16em; } .hero-image { top: 0; transform-origin: 50% 40%; } .hero-actions .button { position: relative; overflow: hidden; } .hero-actions .button::before { content: ''; position: absolute; inset: -50% auto -50% -60%; width: 40%; background: linear-gradient(90deg, transparent, #ffffff35, transparent); transform: skewX(-20deg); pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .header-inner { animation: bf-header-arrive .85s .08s cubic-bezier(.16,1,.3,1) backwards; } .hero-image { animation: bf-scene-arrive 2.2s cubic-bezier(.16,1,.3,1) both; } .hero-eyebrow { animation: bf-copy-arrive .8s .15s cubic-bezier(.16,1,.3,1) backwards; } .hero-title-line > span { animation: bf-title-arrive 1.15s .24s cubic-bezier(.16,1,.3,1) backwards; } .hero-title-line:nth-child(2) > span { animation-delay: .38s; } .hero-description { animation: bf-copy-arrive .9s .48s cubic-bezier(.16,1,.3,1) backwards; } .hero-stats { animation: bf-copy-arrive .9s .58s cubic-bezier(.16,1,.3,1) backwards; } .hero-actions { animation: bf-copy-arrive .9s .7s cubic-bezier(.16,1,.3,1) backwards; } .hero-notes, .hero-bottom { animation: bf-copy-arrive .9s .8s cubic-bezier(.16,1,.3,1) backwards; } .hero-actions .button::before { animation: bf-button-gleam 1.1s 1.25s ease-out both; } }html.motion-enabled .header-inner{ animation: bf-header-arrive .85s .08s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-image{ animation: bf-scene-arrive 2.2s cubic-bezier(.16,1,.3,1) both; }html.motion-enabled .hero-eyebrow{ animation: bf-copy-arrive .8s .15s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-title-line > span{ animation: bf-title-arrive 1.15s .24s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-title-line:nth-child(2) > span{ animation-delay: .38s; }html.motion-enabled .hero-description{ animation: bf-copy-arrive .9s .48s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-stats{ animation: bf-copy-arrive .9s .58s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-actions{ animation: bf-copy-arrive .9s .7s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-notes,html.motion-enabled .hero-bottom{ animation: bf-copy-arrive .9s .8s cubic-bezier(.16,1,.3,1) backwards; }html.motion-enabled .hero-actions .button::before{ animation: bf-button-gleam 1.1s 1.25s ease-out both; } @keyframes bf-header-arrive { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: none; } } @keyframes bf-scene-arrive { from { transform: scale(1.12); filter: brightness(.72); } to { transform: scale(1); filter: brightness(1); } } @keyframes bf-title-arrive { from { opacity: 0; transform: translateY(105%) rotateX(12deg); } to { opacity: 1; transform: none; } } @keyframes bf-copy-arrive { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } @keyframes bf-button-gleam { from { left: -60%; } to { left: 140%; } } @media (max-width: 800px) { .hero { margin-top: -106px; } .hero-content { padding-top: 166px; } .hero-image { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% 40%; } .hero-shade { inset: 0; aspect-ratio: auto; background: linear-gradient(180deg, #090a0d65 0%, #090a0d4d 20%, #090a0d91 47%, #090a0dce 73%, var(--bg) 100%); } } @media (max-width: 700px) { .hero h1 { font-size: clamp(32px, 10.4vw, 65px); } } @media (prefers-reduced-motion: reduce) {html:not(.motion-enabled) .hero-image,html:not(.motion-enabled) .hero-title-line > span{ transform: none; filter: none; } }html.motion-disabled .hero-image,html.motion-disabled .hero-title-line > span{ transform: none; filter: none; } .capture-mode .hero-image, .capture-mode .hero-title-line > span { transform: none; filter: none; } .capture-mode .hero-actions .button::before { display: none; } .timeline{--roadmap-progress:0;--roadmap-start:25px;--roadmap-axis:25px;--roadmap-length:0px} .timeline::before,.timeline::after{content:'';position:absolute;left:var(--roadmap-start);top:var(--roadmap-axis);right:auto;bottom:auto;height:2px;border-radius:2px;pointer-events:none} .timeline::before{width:var(--roadmap-length);background:#b98aef24} .timeline::after{width:calc(var(--roadmap-length) * var(--roadmap-progress));background:linear-gradient(90deg,#7045b4,#c29aff 78%,#ffe5fc);box-shadow:0 0 9px #b78aff99,0 0 25px #ca7aff44;z-index:0} .milestone{transition:none} .timeline-node{transition:background .5s,border-color .5s,color .5s,box-shadow .5s,transform .5s;transform:scale(.94);color:#9482ac;border-color:#584268;background:#131018;font-variant-numeric:tabular-nums} .roadmap-ready .milestone h3,.roadmap-ready .milestone>p{opacity:0;transform:translateY(18px);transition:none} .roadmap-ready .milestone.is-reached h3,.roadmap-ready .milestone.is-reached>p{opacity:1;transform:none;transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1)} .roadmap-ready .milestone.is-reached h3{transition-delay:.08s} .roadmap-ready .milestone.is-reached>p{transition-delay:.18s} .milestone.is-reached .timeline-node{transform:scale(1);color:#f4e7ff;border-color:#ca9aff;background:linear-gradient(145deg,#493067,#201429);box-shadow:0 0 0 8px var(--bg),0 0 24px #b471ff38,inset 0 1px 0 #fff2} .timeline-node::after{content:'';position:absolute;inset:-7px;border:1px solid #d3a4ff;border-radius:50%;opacity:0;pointer-events:none} .roadmap-ready .milestone.is-reached .timeline-node::after{animation:bf-roadmap-ring 1s ease-out both} .roadmap-complete .milestone:last-child .timeline-node{color:#fff5df;border-color:#efd59c;background:linear-gradient(145deg,#6c4b6b,#2b1b36);box-shadow:0 0 0 8px var(--bg),0 0 30px #dba1ff55,inset 0 1px 0 #fff3} .roadmap-ready.roadmap-complete.roadmap-visible .milestone:last-child .timeline-node{animation:bf-roadmap-breathe 3.5s ease-in-out infinite} .milestone:hover .timeline-node{border-color:#ffe1fc;box-shadow:0 0 0 8px var(--bg),0 0 32px #b471ff55,inset 0 1px 0 #fff2} @keyframes bf-roadmap-ring{0%{opacity:.7;transform:scale(.82)}100%{opacity:0;transform:scale(1.5)}} @keyframes bf-roadmap-breathe{0%,100%{box-shadow:0 0 0 8px var(--bg),0 0 24px #dba1ff40,inset 0 1px 0 #fff3}50%{box-shadow:0 0 0 8px var(--bg),0 0 38px #dba1ff70,inset 0 1px 0 #fff4}} @media(max-width:800px){ .timeline::before,.timeline::after{left:var(--roadmap-axis);top:var(--roadmap-start);width:2px;height:var(--roadmap-length)} .timeline::after{height:calc(var(--roadmap-length) * var(--roadmap-progress));background:linear-gradient(180deg,#7045b4,#c29aff 78%,#ffe5fc)} } .capture-mode .timeline-node,.capture-mode .timeline-node::after{animation:none!important} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .timeline-node,html:not(.motion-enabled) .timeline-node::after{animation:none!important}html:not(.motion-enabled) .roadmap-ready .milestone h3,html:not(.motion-enabled) .roadmap-ready .milestone>p{opacity:1;transform:none}}html.motion-disabled .timeline-node,html.motion-disabled .timeline-node::after{animation:none!important}html.motion-disabled .roadmap-ready .milestone h3,html.motion-disabled .roadmap-ready .milestone>p{opacity:1;transform:none} .budget-section{padding-bottom:32px} .promo-budget{grid-template-columns:minmax(0,1.8fr) minmax(235px,.85fr);padding:32px 42px;gap:38px;background:linear-gradient(115deg,#087550,#159566);border:1px solid #b8ffcf30;isolation:isolate} .promo-budget .promo-copy,.budget-art{position:relative;z-index:1} .promo-budget .eyebrow{font-size:10px;margin-bottom:13px;color:#beffda} .promo-budget .promo-copy h2{font-size:clamp(30px,3.3vw,40px);line-height:1.08} .promo-budget .promo-copy>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.65;margin-top:16px;color:#effff4e8} .budget-art{width:100%;max-width:320px;justify-self:end;text-align:center;padding:15px 13px 12px;border:1px solid #c5ffdc25;border-radius:3px;background:#064a3420} .budget-art-labels{display:flex;justify-content:space-between;gap:12px;color:#c3ffdc;font-size:9px;font-weight:600;letter-spacing:.11em} .budget-illustration{display:block;width:100%;height:auto;overflow:visible} .budget-art-caption{display:block;color:#ddffe9;font-size:12px;margin-top:2px} .budget-coin,.budget-block{transform-box:fill-box;transform-origin:center;animation:bf-budget-float 4s ease-in-out infinite;animation-play-state:paused} .coin-back{animation-delay:-1.3s}.coin-small{animation-delay:-2.5s}.budget-block{animation-duration:5s;animation-delay:-.6s} .budget-route{animation:bf-budget-route 2s linear infinite;animation-play-state:paused} .budget-sparkles{animation:bf-budget-sparkle 3s ease-in-out infinite;animation-play-state:paused} .budget-active .budget-coin,.budget-active .budget-block,.budget-active .budget-route,.budget-active .budget-sparkles{animation-play-state:running} .promo-budget::after{content:'';position:absolute;inset:-80% auto -80% -70%;width:38%;background:linear-gradient(90deg,transparent,#d8ffe91a,transparent);pointer-events:none;transform:translateX(0) skewX(-20deg);animation:bf-budget-gleam 8s ease-in-out infinite;animation-play-state:paused} .budget-active::after{animation-play-state:running} @keyframes bf-budget-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-6px)}} @keyframes bf-budget-route{to{stroke-dashoffset:-24}} @keyframes bf-budget-sparkle{0%,100%{opacity:.35}50%{opacity:1}} @keyframes bf-budget-gleam{0%,12%{transform:translateX(0) skewX(-20deg);opacity:0}18%{opacity:1}40%,100%{transform:translateX(500%) skewX(-20deg);opacity:0}} @media(max-width:800px){.promo-budget{grid-template-columns:minmax(0,1fr) 210px;padding:28px;gap:24px}.promo-budget .promo-copy h2{font-size:32px}.promo-budget .promo-copy>p:not(.eyebrow){font-size:15px}} @media(max-width:700px){.budget-section{padding-bottom:24px}.promo-budget{grid-template-columns:1fr;padding:25px;gap:19px}.promo-budget .promo-copy h2{font-size:30px}.promo-budget .promo-copy>p:not(.eyebrow){line-height:1.55;margin-top:14px}.budget-art{max-width:280px;justify-self:center;padding:10px 12px 8px}.budget-illustration{height:108px}.budget-art-labels{font-size:8px}.budget-art-caption{font-size:11px}} .capture-mode .budget-coin,.capture-mode .budget-block,.capture-mode .budget-route,.capture-mode .budget-sparkles{animation:none!important;transform:none} .capture-mode .promo-budget::after{display:none} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .budget-coin,html:not(.motion-enabled) .budget-block,html:not(.motion-enabled) .budget-route,html:not(.motion-enabled) .budget-sparkles{animation:none!important;transform:none}html:not(.motion-enabled) .promo-budget::after{display:none}}html.motion-disabled .budget-coin,html.motion-disabled .budget-block,html.motion-disabled .budget-route,html.motion-disabled .budget-sparkles{animation:none!important;transform:none}html.motion-disabled .promo-budget::after{display:none} .studio{position:relative;isolation:isolate;overflow:hidden} .studio .studio-grid{position:relative;z-index:1} .studio::before{content:'';position:absolute;inset:-55% auto -55% -30%;width:75%;background:radial-gradient(ellipse,#ec36751a,transparent 67%);pointer-events:none;animation:bf-studio-glow 14s ease-in-out infinite;animation-play-state:paused} .studio #studio-title .gradient-text{background-size:200% 100%;animation:bf-studio-gradient 6s ease-in-out infinite;animation-play-state:paused} .studio-active::before,.studio-active #studio-title .gradient-text{animation-play-state:running} .studio .value{position:relative;isolation:isolate} .studio .value::before{content:'';position:absolute;inset:8px -14px;border-radius:4px;background:var(--accent);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1} .studio .value::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--accent),transparent 90%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none} .studio .value:first-child::before{top:-11px} .studio .value.is-spotlit::before{opacity:.055} .studio .value.is-spotlit::after{transform:scaleX(1)} .studio .value-number{transition:filter .25s,transform .25s} .studio .value.is-spotlit .value-number{filter:drop-shadow(0 0 9px var(--accent));transform:translateY(-2px)} .studio .value:nth-child(2){transition-delay:.12s}.studio .value:nth-child(3){transition-delay:.24s} @keyframes bf-studio-glow{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(70%);opacity:1}} @keyframes bf-studio-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}} .capture-mode .studio::before{animation:none!important} .capture-mode #studio-title .gradient-text{animation:none!important} @media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .studio::before,html:not(.motion-enabled) #studio-title .gradient-text{animation:none!important}html:not(.motion-enabled) .studio .value-number{transform:none;filter:none}}html.motion-disabled .studio::before,html.motion-disabled #studio-title .gradient-text{animation:none!important}html.motion-disabled .studio .value-number{transform:none;filter:none} :root{--header-alpha:.97} .motion-toggle{display:block;min-height:44px;margin:10px auto 0;padding:6px 14px;border:0;background:transparent;color:#aaa5b5;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer} .motion-toggle[hidden]{display:none} .motion-toggle:hover{color:#fff} .motion-toggle:focus-visible{outline:2px solid #f0558f;outline-offset:2px;border-radius:5px} .hero-picture{display:contents} .project-image picture,.promo-art picture{display:block} .project-image img{width:100%;height:auto} .language-switch a{display:grid;place-items:center;min-width:33px;min-height:32px;padding:5px;border:1px solid transparent;border-radius:5px;opacity:.68;transition:opacity .2s,background .2s,border-color .2s} .language-switch a[aria-current="page"]{opacity:1;background:#ffffff12;border-color:#ffffff18} .language-switch a:hover{opacity:1;background:#ffffff18} .language-switch a:focus-visible{outline:2px solid #ffbfdd;outline-offset:3px} .language-switch a::after{content:none} .promo-vip,.promo-vip::after{animation-play-state:paused} .promo-vip.motion-visible,.promo-vip.motion-visible::after{animation-play-state:running} .timeline:not(.roadmap-ready){--roadmap-progress:1;--roadmap-start:25px;--roadmap-axis:25px;--roadmap-length:calc(100% - 50px)} .timeline:not(.roadmap-ready)::after{display:none} @media(max-width:800px){.language-switch a{min-width:29px;min-height:30px;padding:4px}.timeline:not(.roadmap-ready){--roadmap-start:20px;--roadmap-axis:20px;--roadmap-length:calc(100% - 80px)}} @media(max-width:380px){.language-switch a{min-width:26px;padding:3px}}