:root{--bg:#f5f7fc;--text:#202735;--muted:#667087;--line:#25375722;--yellow:#f5df32}body{background:var(--bg);color:var(--text)}em{color:#6350cb}.header{background:#ffffffed;border-color:#25375718;backdrop-filter:blur(20px)}.brand{gap:10px}.brand-mark{width:43px;height:43px;color:#f5df32;flex-shrink:0}.brand-word{color:#202735;line-height:1;font-size:28px;letter-spacing:-1.5px}.brand-word>span{color:#6c54ce}.brand-word small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:7px}.desktop-nav a,.header-phone{color:#354056}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#7050dc}.header-cta{background:#f5df32;color:#202735}.services-nav{position:relative}.services-trigger{display:flex;align-items:center;gap:4px}.services-toggle{border:0;background:transparent;color:inherit;padding:10px;cursor:pointer;font-size:18px}.services-dropdown{position:absolute;top:calc(100% + 14px);left:-80px;width:650px;padding:24px;background:#fff;border:1px solid #e3e5f0;border-radius:18px;box-shadow:0 20px 70px #23305730;display:grid;grid-template-columns:1fr 1fr;gap:20px}.services-dropdown[hidden]{display:none}.services-dropdown:before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}.dropdown-label{font-size:9px;letter-spacing:1px;color:#765bd0}.services-dropdown>div>a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding:13px 8px;border-radius:8px}.services-dropdown a:hover{background:#f2efff}.services-dropdown small{white-space:nowrap;color:#6f7585;font-size:10px}.dropdown-all{grid-column:1/-1;border-top:1px solid #e9eaf2;padding-top:16px;display:flex;justify-content:space-between}.mobile-nav{background:#fff;color:#202735;max-height:calc(100dvh - 76px);overflow:auto}.mobile-nav a{color:#202735}.mobile-services summary{padding:18px 0}.mobile-services>div a{display:flex;justify-content:space-between;font-size:14px;padding:12px 0}.mobile-services small{font-size:10px;color:#667087}.menu-toggle{border-color:#20273533}
.hero.wrap{width:100%;padding-inline:max(40px,calc((100vw - 1360px)/2));background:radial-gradient(ellipse at 85% 20%,#684fc488,transparent 55%),radial-gradient(ellipse at 15% 95%,#1584ad55,transparent 55%),#182342;color:#f9faff;position:relative}.hero:before{content:'';position:absolute;width:600px;height:600px;right:0;top:0;background:radial-gradient(circle,#9165fa55,transparent 65%);filter:blur(25px);animation:aurora 14s ease-in-out infinite alternate;pointer-events:none}.hero em{color:#e2d7ff}.hero .mono,.hero-description,.hero-stats p,.hero .eyebrow{color:#c6cbe3}.hero-stats{border-color:#ffffff25}.hero-stats>div{border-color:#ffffff25}.hero .text-link{color:#fff}.hero .hero-lead{color:#fff}.hero-browser{animation:screenfloat 7s ease-in-out infinite;box-shadow:0 35px 70px #090d4155,0 0 70px #a083ff22}.hero .browser-bar,.screen-bottom{background:#f5f5ff;color:#343d60}.floating-note{background:#ffffffec;color:#25324d;border-color:#ffffff77;box-shadow:0 15px 45px #0a133b33}.floating-note .mono{color:#696985}.note-top{animation:screenfloat 6s ease-in-out infinite reverse}.note-bottom{animation:screenfloat 8s ease-in-out infinite}.stage-orbit{border-color:#b9a2ff55}.orbit-one{box-shadow:0 0 35px #b8a6ff11;animation:orbittilt 18s linear infinite}.orbit-two{border-style:dashed;border-color:#67dce566;animation:orbittilt 28s linear infinite reverse}.marquee{background:#f5df32;color:#202735;border:0}.marquee b{color:#7050dc}.service-card,.feature-card,.plan,.contact-option{background:#fff;border-color:#dce1ef;box-shadow:0 10px 28px #2b3a6906}.service-card:hover,.feature-card:hover{border-color:#ad9be9;box-shadow:0 18px 40px #6546b414;transform:translateY(-5px)}.service-card h3,.feature-card h3,.plan h3,.contact-option h2{color:#202735}.service-card p,.feature-card p,.process-grid p,.project-card>p,.section-note,.service-foot,.page-lead,.fineprint{color:#667087}.service-symbol,.card-arrow{color:#7050dc}.service-group-heading{display:flex;align-items:center;gap:25px;margin:35px 0 22px;padding:20px 24px;background:#e8e6ff;border-radius:12px}.service-group-heading span{font-size:10px;color:#6b58b4;letter-spacing:1px}.service-group-heading h3{font-size:24px;margin:0;letter-spacing:-.7px}.marketing-heading{margin-top:40px;background:#e2f2f1}.marketing-heading span{color:#297c79}.marketing-heading+.service-grid .service-symbol{color:#22948d}.flagship{background:linear-gradient(120deg,#253666,#6452a5);border-color:#ffffff22;color:#fff}.flagship p{color:#e5e5f4}.flagship h3,.flagship h3 span{color:#fff}.flagship .tags span{color:#f5efff;border-color:#ffffff44}.project-info h3{color:#202735}.project-platform{color:#6852ad;background:#eeeafb;border-color:#dcd4f0}.project-type{color:#fff}.manifesto{background:#ede7ff;color:#28233d}.manifesto h2 em{color:#7652ce}.manifesto-items p{color:#686075}.manifesto-items article{border-color:#74638133}.studio-strip,.case-result{background:linear-gradient(110deg,#e7efff,#eee5ff);border-color:#d5dcef;color:#202735}.studio-strip p,.case-result>p{color:#667087}.contact-cta{background:#f4df46;color:#242734;border:0}.contact-cta em{color:#6350ad}.contact-line p,.contact-cta .eyebrow{color:#53512d}.contact-line a{color:#242734}.circle-cta{background:#202735;color:#fff}.footer{border-color:#20273522}.footer a,.footer-contact p,.footer-top p,.footer-bottom{color:#566078}.price-disclaimer{font-size:12px;line-height:1.8;max-width:1000px;color:#71798a;margin:0 0 24px}.cookie-settings{font:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;text-decoration:underline;text-underline-offset:4px}.footer-bottom{gap:20px;flex-wrap:wrap}.cookie-settings.button{padding:18px 24px;background:#f5df32;color:#202735;text-decoration:none}.breadcrumbs,.breadcrumbs a{color:#788198}.inner-hero{background:radial-gradient(ellipse at 90% 50%,#b8abff22,transparent 65%)}.service-panel{background:linear-gradient(140deg,#e4e6ff,#d7f3f0);border-color:#c9d3ef;color:#202735}.service-panel .mono,.panel-bottom{color:#576884}.service-panel-icon{color:#715dd1;opacity:.15}.plan.featured{background:#eeebff;border-color:#aa96e3}.plan li,.large-copy,.service-editorial p{color:#49576b}.button.secondary{color:#202735;border-color:#bcc6dc;background:#fff}.filter-bar button{color:#5b657c;border-color:#ccd2e2;background:#fff}.filter-bar button[aria-pressed=true]{background:#f5df32;color:#202735}.case-architecture{background:#e9edfa}.arch-root,.arch-branches>div{background:#fff;color:#202735;border-color:#c8cfe6}.founder-monogram{background:linear-gradient(145deg,#6653ac,#243965);color:#fff}.compare th,.compare td{border-color:#ccd3e1}.privacy-content{max-width:900px;padding-bottom:80px}.privacy-content section{margin:35px 0}.privacy-content h2{font-size:25px;letter-spacing:-.6px;margin-bottom:15px}.privacy-content p{line-height:1.85;color:#5a6578}.privacy-content a{color:#6850ba;text-decoration:underline}.policy-date{font-size:12px}.floating-call{position:fixed;right:28px;bottom:28px;z-index:75;display:flex;align-items:center;gap:12px;background:#7056d9;color:white;padding:18px;border-radius:50px;box-shadow:0 8px 30px #7056d944;animation:callpulse 4s infinite}.floating-call svg{width:24px;height:24px}.floating-call span{font-size:12px;font-weight:600}.cookie-banner{position:fixed;bottom:22px;left:22px;width:min(590px,calc(100% - 44px));z-index:100;background:#fff;border:1px solid #d8ddef;border-radius:18px;box-shadow:0 14px 60px #20273530;padding:25px}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:23px;letter-spacing:-.6px;margin:8px 0}.cookie-kicker{font-size:8px;letter-spacing:1.4px;color:#7056d9}.cookie-banner p{font-size:12px;color:#687185;line-height:1.65;margin:8px 0}.cookie-banner a{color:#7056d9;text-decoration:underline}.cookie-actions{display:flex;gap:12px;margin-top:16px}.cookie-actions button{border:1px solid #dce0ed;background:#f3f4fa;color:#303a51;border-radius:8px;padding:13px 17px;font:inherit;font-size:12px;cursor:pointer}.cookie-actions button:first-child{background:#7056d9;color:#fff;border-color:#7056d9}.nojs-privacy{padding:20px;font-size:12px}.cookie-visible .floating-call{bottom:auto;top:100px}.spotlight:before{opacity:.2}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9878ec;outline-offset:5px}
@keyframes screenfloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes aurora{to{translate:-220px 170px;scale:1.4}}@keyframes orbittilt{to{rotate:360deg}}@keyframes callpulse{0%,70%,100%{box-shadow:0 8px 30px #7056d944}85%{box-shadow:0 0 0 10px #7056d912,0 8px 30px #7056d944}}
@media(max-width:1100px){.services-dropdown{left:-180px;width:590px}.brand-word{font-size:24px}.brand-mark{width:37px;height:37px}}@media(max-width:760px){.hero.wrap{padding-inline:20px}.brand-word{font-size:25px}.service-group-heading{display:block;padding:20px}.service-group-heading h3{font-size:23px;margin-top:10px}.floating-call{right:18px;bottom:18px;padding:16px}.floating-call span{display:none}.cookie-banner{left:12px;bottom:12px;width:calc(100% - 24px);padding:18px}.cookie-banner h2{font-size:20px}.cookie-banner p{font-size:11px}.cookie-actions{gap:8px}.cookie-actions button{padding:12px 10px;font-size:11px;flex:1}.privacy-content h2{font-size:22px}.privacy-content p{font-size:14px}.footer-bottom{line-height:1.8}.cookie-visible .floating-call{top:88px}.service-group-heading span{font-size:9px}.brand-word small{font-size:5px}.hero .hero-grid{inset-inline:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.hero h1 em{color:#e2d7ff}.note-top strong,.note-cross,.note-flow b{color:#7154cc}.hero-stats strong{color:#fff}.hero .scroll-cue{color:#c9cce2}.service-panel .panel-price{color:#202735}
.button,.skip,.project-open,.header-cta:hover{color:#202735}.service-panel>p{color:#435572}.plan-featured{background:#eeebff;border-color:#b6a3e9}.step-num,summary span,.audience-list span,.feature-card>.mono,.plan-label>span+span,.plan li:before,.compare tbody th,.contact-option b{color:#7354bd}.step-num{border-color:#d4dbea}.text-link:hover,.contact-line a:hover,.footer nav a:hover,.breadcrumbs a:hover{color:#7354bd}::selection{color:#202735}
.services-toggle{display:grid;place-items:center;width:32px;height:32px;padding:8px;border-radius:8px;color:#667087;transition:background .2s,color .2s}.services-toggle:hover,.services-toggle[aria-expanded=true]{background:#eee9ff;color:#7056d9}.services-toggle svg{display:block;transition:transform .22s ease}.services-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
