@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101110;--surface:#191b18;--line:#30342b;--text:#f3f3eb;--muted:#999d91;--lime:#d8fa73;--purple:#bba5ff;--blue:#9bcbdc;color-scheme:dark;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,pre:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0;background:none}svg{display:block;width:24px;height:24px}::selection{color:#101110;background:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;font-weight:500}h2{font-size:clamp(44px,5.4vw,78px);line-height:1.03;letter-spacing:-.06em}h2 span{color:var(--muted)}.read-progress{position:fixed;top:0;left:0;height:2px;background:var(--lime);width:100%;transform-origin:left;z-index:100}.skip{position:fixed;left:16px;top:-100px;background:var(--lime);padding:15px;color:var(--bg);z-index:100}.skip:focus{top:10px}.header{height:88px;position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:20;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:750;font-size:25px;letter-spacing:-1px}.brand>.wi-vector{width:39px;height:36px;color:var(--lime)}.brand-light{font-weight:400}.brand sup{font:9px 'DM Sans';vertical-align:top;display:inline-block;margin:3px 0 0 4px}.header nav{display:flex;gap:33px;font-size:13px;color:#c2c5ba}.header nav a{transition:color .2s}.header nav a:hover{color:var(--lime)}.nav-cta{display:flex;gap:25px;align-items:center;border:1px solid #ffffff33;border-radius:30px;padding:12px 19px;font-size:13px;transition:.2s}.nav-cta:hover{background:var(--lime);color:var(--bg)}.nav-cta svg{width:17px;height:17px}.menu-toggle{display:none}.hero{min-height:860px;height:100svh;max-height:1150px;position:relative;padding:145px 5% 28px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 28%,#29311d55,transparent 55%)}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.13em;display:inline-flex;gap:10px;align-items:center;line-height:1.5}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d8fa7333}.hero-location{font-size:10px;letter-spacing:.08em;color:var(--muted)}.hero-title{position:relative;margin-top:63px;flex:1;display:flex;align-items:flex-start}.hero h1{font-size:clamp(76px,9.2vw,151px);line-height:1.04;font-weight:500;letter-spacing:-.075em;position:relative;z-index:3;pointer-events:none}.hero h1 .possibilities{color:var(--lime);font-size:.9em}.hero h1 .dot{color:var(--lime)}.hero-orbit{border:1px solid #b5c19612;width:950px;height:950px;position:absolute;top:-350px;right:-280px;border-radius:50%;z-index:-1}.hero-orbit.o2{width:1300px;height:1300px;top:-525px;right:-455px}.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E")}.mascot-portal{width:clamp(245px,24vw,390px);height:clamp(245px,24vw,390px);position:absolute;right:3%;top:-38px;z-index:1;border-radius:50%;background:#f7f6f3;box-shadow:0 0 100px #d8fa7319;transform:rotate(-9deg);animation:portalFloat 7s ease-in-out infinite}.mascot-portal img{width:100%;height:100%;object-fit:cover;border-radius:50%;padding:10px}.portal-line{border:1px dashed #81906470;border-radius:50%;position:absolute;inset:-20px;animation:spin 60s linear infinite}.wi-label{position:absolute;bottom:0;right:-25px;transform:rotate(9deg);font-size:10px;font-weight:700;letter-spacing:.1em;background:var(--lime);color:var(--bg);padding:14px 17px;display:flex;gap:20px;border-radius:4px}.hero-bottom{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;margin:30px 0 65px}.hero-bottom p{font-size:17px;line-height:1.65;color:#c5c8bd}.hero-bottom p span{color:var(--muted)}.hero-actions{display:flex;gap:23px;flex-direction:column;align-items:flex-start;justify-self:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;min-height:58px;border-radius:6px;font-size:14px;font-weight:550;transition:transform .25s,background .25s,color .25s}.button svg{width:19px;height:19px}.button:hover{transform:translateY(-3px)}.primary{background:var(--lime);color:var(--bg)}.primary:hover{background:#e8ffa5}.outline{border:1px solid #555b49;background:transparent}.outline:hover{border-color:var(--lime);background:#d8fa730b}.text-link{font-size:13px;display:inline-flex;gap:24px;align-items:center;padding:0;background:none}.text-link:hover{color:var(--lime)}.text-link svg{width:17px;height:17px}.scroll-cue{font-size:9px;letter-spacing:.11em;display:flex;align-items:center;gap:15px;color:var(--muted)}.scroll-cue span{display:inline-block;border:1px solid var(--line);padding:15px 12px;border-radius:25px;color:var(--text);font-size:20px;animation:arrowFloat 2s ease-in-out infinite}.hero-footer{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;color:#939887}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#161914;padding:25px 0}.ticker>div{display:flex;width:max-content;gap:45px;align-items:center;animation:ticker 42s linear infinite}.ticker span{font-size:15px;letter-spacing:.13em;color:#b4bca8}.ticker svg{color:var(--lime);width:18px;height:18px}.section{padding:120px 5%}.section-label{font-size:10px;letter-spacing:.09em;line-height:1.6;display:flex;flex-direction:column;gap:29px;color:var(--muted)}.section-label>span:first-child{color:var(--text)}.intro{display:grid;grid-template-columns:1fr 2.5fr;gap:40px;border-bottom:1px solid var(--line)}.intro-content h2{font-size:clamp(44px,5.3vw,77px)}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px;align-items:end}.intro-bottom p{font-size:15px;color:var(--muted);line-height:1.7;max-width:390px}.signature{display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.8;justify-self:end}.signature small{color:var(--muted);font-size:10px}.signature-icon{background:#262d1f;width:46px;height:46px;border:1px solid #3f4a2e;border-radius:50%;display:flex;align-items:center;justify-content:center}.signature-icon .wi-vector{color:var(--lime);width:30px;height:30px}.work-section{height:330vh;position:relative}.work-sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;padding:75px 0 45px}.work-heading{display:flex;align-items:end;justify-content:space-between;padding:0 5%;margin-bottom:40px}.work-heading h2{font-size:clamp(46px,4.8vw,70px);margin-top:20px}.work-note{margin-bottom:5px}.work-note>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.work-note p{font-size:14px;line-height:1.5;margin:20px 0}.work-direction{display:flex;gap:50px;align-items:center}.work-direction svg{width:28px;color:var(--lime)}.work-track{display:flex;gap:25px;padding:0 5%;width:max-content;will-change:transform}.project{width:min(580px,58vw);flex-shrink:0}.project-visual{position:relative;display:block;height:min(350px,36vh);min-height:250px;border-radius:9px;overflow:hidden;background:#262b24}.visit-circle{position:absolute;top:18px;right:18px;background:#ffffffdd;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#171a15;transition:transform .3s}.project-visual:hover .visit-circle{transform:rotate(45deg)}.preview-label{position:absolute;bottom:12px;right:13px;font-size:7px;letter-spacing:.1em;padding:5px 7px;background:#0006;color:#fff;border-radius:3px}.project-meta{padding:22px 3px 0;display:flex;justify-content:space-between;gap:20px}.project-meta small{font-size:9px;color:var(--muted);letter-spacing:.06em}.project-meta h3{font-size:26px;letter-spacing:-.045em;margin:6px 0 9px}.project-meta p{color:var(--muted);font-size:12px;line-height:1.5;max-width:420px}.project-meta>span{font-size:10px;color:var(--muted);padding-top:7px}.project-art{height:100%;position:relative;overflow:hidden;transition:transform .7s}.project-visual:hover .project-art{transform:scale(1.035)}.mini-nav{display:flex;justify-content:space-between;position:relative;z-index:4;padding:24px 28px;font-size:14px;letter-spacing:-.025em;font-weight:700}.mini-nav span{font-size:7px;font-weight:400;letter-spacing:.05em}.orka-art{background:#2a2522;color:#f2e7d4}.orka-scene{position:absolute;inset:0;background:linear-gradient(#4f484a,#ab8f79 65%,#74674d)}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#e4cba4;top:45px;right:130px;box-shadow:0 0 60px #ddbc8860}.hills{position:absolute;bottom:-50px;left:-15%;width:130%;height:160px;transform:rotate(-10deg);border-radius:48%;background:#393b35}.h2{bottom:-65px;left:20%;transform:rotate(25deg);background:#282e29}.h3{bottom:-100px;left:-40%;transform:rotate(10deg);background:#17221e}.orka-word{position:relative;z-index:3;margin:35px 30px 0;font-family:Georgia,serif;font-size:clamp(32px,4vw,57px);line-height:1;letter-spacing:-.04em}.orka-word i{font-weight:400;font-size:.8em}.art-note{position:absolute;bottom:24px;left:30px;font-size:7px;letter-spacing:.1em}.film-grain{position:absolute;inset:0;z-index:2;opacity:.13;background-image:repeating-linear-gradient(90deg,transparent,#000 1px,transparent 2px);pointer-events:none}.dzr-art{background:#c7e1e5;color:#173e48}.dzr-copy{position:relative;font-size:clamp(24px,3.3vw,47px);line-height:1.05;letter-spacing:-.05em;z-index:2;margin:14px 30px}.water-lines{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(#70a9b5,#306e85);overflow:hidden}.water-lines i{position:absolute;border-top:1px solid #fff4;left:-10%;width:120%;height:30px;border-radius:50%;top:30px}.water-lines i:nth-child(2){top:60px}.water-lines i:nth-child(3){top:90px}.water-lines i:nth-child(4){top:120px}.boat{position:absolute;bottom:70px;right:50px;width:180px;height:45px;background:#fff;clip-path:polygon(0 0,100% 0,86% 100%,15% 100%);display:flex;align-items:center;justify-content:center;gap:20px;color:#183e4b;z-index:2;transform:rotate(-5deg)}.boat span{font-size:28px;color:#ee6650}.boat b{font-size:12px}.route{position:absolute;bottom:20px;left:30px;font-size:7px;letter-spacing:.1em;color:#ecf6f7;display:flex;gap:15px}.days-art{background:#dde4cc;color:#19251f}.days-art .mini-nav{font-size:18px}.countdown{position:relative;z-index:2;text-align:center;width:210px;margin:8px auto;border-top:1px solid #19251f33;padding-top:18px;display:flex;flex-direction:column}.countdown>span{font-size:6px;letter-spacing:.14em}.countdown strong{font:500 clamp(65px,7vw,105px) Manrope;letter-spacing:-.09em;line-height:1.1}.countdown i{font:italic 30px Georgia;letter-spacing:-1px}.countdown small{font-size:8px;margin-top:15px;color:#475342}.days-orbit{position:absolute;width:500px;height:500px;left:30%;top:50%;border:1px solid #65745233;border-radius:50%;box-shadow:0 0 0 60px #65745209,0 0 0 120px #65745208}.finn-art{background:#cbbef0;color:#302442}.finance-card{width:70%;margin:3px auto;background:#f4eefc;border-radius:14px;padding:24px 27px 13px;box-shadow:10px 15px 0 #b4a1de;transform:rotate(-3deg)}.finance-card>small{font-size:6px;letter-spacing:.06em;color:#776486}.finance-card h3{font-size:18px;margin:7px 0}.finance-card>strong{font:500 27px Manrope;letter-spacing:-1px}.finance-card>strong span{font-size:15px;color:#8b799e}.bars{display:flex;align-items:end;gap:7px;height:76px;margin-top:12px;overflow:hidden}.bars i{flex:1;background:#9375c5;border-radius:4px 4px 0 0;max-height:76px}.bars i:nth-child(3n){background:#bca7de}.card-footer{border-top:1px solid #a88fb544;display:flex;justify-content:space-between;font-size:7px;padding-top:9px;margin-top:5px}.hide-art{background:#181e22;color:#f5f6f3}.portrait{width:135px;height:195px;margin:0 auto;border-radius:16px;background:linear-gradient(130deg,#796c9b,#caba9b);position:relative;overflow:hidden;transform:rotate(5deg)}.portrait-head{position:absolute;width:58px;height:85px;top:26px;left:40px;border-radius:45%;background:#d2ad92}.portrait-body{position:absolute;width:145px;height:130px;bottom:-30px;left:-5px;border-radius:55% 55% 0 0;background:#30373c}.face-cover{position:absolute;top:36px;left:26px;color:var(--lime);width:83px;height:70px;transform:rotate(-8deg)}.face-cover .wi-vector{width:100%;height:100%}.focus-corner{position:absolute;width:14px;height:14px;border-color:#fff8}.tl{top:18px;left:16px;border-top:1px solid;border-left:1px solid}.tr{top:18px;right:16px;border-top:1px solid;border-right:1px solid}.bl{bottom:18px;left:16px;border-bottom:1px solid;border-left:1px solid}.br{bottom:18px;right:16px;border-bottom:1px solid;border-right:1px solid}.hide-caption{margin-top:17px;text-align:center;font-size:16px;letter-spacing:-.04em}.story-section{height:290vh;background:#181b17;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-sticky{position:sticky;top:0;min-height:100svh;padding:75px 5% 30px;display:flex;flex-direction:column;justify-content:space-between}.story-top{display:flex;justify-content:space-between}.story-top>span:last-child{font-size:9px;letter-spacing:.08em;color:var(--muted)}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:65px 0 60px;--phase:var(--lime)}.phase-1{--phase:var(--purple)}.phase-2{--phase:var(--blue)}.phase-label{font-size:10px;letter-spacing:.1em;color:var(--phase)}.story-copy h2{font-size:clamp(44px,5vw,73px);margin-top:24px;animation:fadeUp .45s ease}.story-copy p{font-size:15px;line-height:1.7;color:var(--muted);max-width:360px;margin:28px 0 30px}.story-copy .text-link{color:var(--phase)}.service-demo{min-height:370px;display:flex;align-items:center;justify-content:center;position:relative}.demo-leads{position:relative;width:100%;max-width:470px}.demo-window{border:1px solid #48583c;border-radius:12px;background:#22281f;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);overflow:hidden;box-shadow:0 20px 80px #0003;animation:demoFloat 6s ease-in-out infinite}.window-dots{display:flex;gap:5px;border-bottom:1px solid #ffffff0c;padding:15px 18px;align-items:center}.window-dots i{height:5px;width:5px;border-radius:50%;background:#879277}.window-dots span{font-size:8px;color:#8c9881;position:absolute;left:43%}.demo-browser{padding:38px 30px 42px}.mini-pill{font-size:7px;letter-spacing:.1em;color:var(--lime);background:#d8fa730c;border:1px solid #d8fa7322;border-radius:20px;padding:6px 10px}.demo-browser h3{font-size:39px;line-height:1.1;letter-spacing:-.05em;margin:20px 0}.demo-line{background:#ffffff1b;width:80%;height:4px;margin:8px 0;border-radius:5px}.demo-line.short{width:60%}.demo-browser button{margin-top:22px;background:var(--lime);color:#171b12;font-size:10px;padding:10px 12px;border-radius:3px;display:flex;align-items:center;gap:45px}.demo-browser button svg{width:12px;height:12px}.notification{position:absolute;bottom:13px;left:50px;right:-20px;display:flex;align-items:center;gap:12px;background:#f1f3e8;color:#262d20;padding:16px;border-radius:9px;box-shadow:0 10px 50px #0003;animation:notificationIn 4s ease-in-out infinite}.notification-icon{padding:10px;background:#d8fa73;border-radius:8px;font-size:18px}.notification strong{font-size:11px;display:block}.notification small{display:block;font-size:8px;margin-top:6px;color:#71815d}.notification-dot{width:7px;height:7px;background:#87ab46;border-radius:50%;margin-left:auto}.demo-tag{font-size:7px;letter-spacing:.1em;color:#7c8772;display:block;text-align:center;position:absolute;bottom:-30px;left:0;width:100%}.demo-payment{width:340px;position:relative;animation:fadeUp .4s}.payment-card{background:#29252f;border:1px solid #665575;border-radius:15px;padding:25px}.payment-card .eyebrow{font-size:8px;color:#b9a6d1}.product-thumb{width:55px;height:55px;border-radius:12px;background:#443450;display:flex;align-items:center;justify-content:center;margin:20px 0 15px}.product-thumb .wi-vector{color:var(--purple);width:40px;height:40px}.payment-card h3{font-size:25px;letter-spacing:-.04em;line-height:1.1}.pay-row{display:flex;justify-content:space-between;margin:25px 0 15px;font-size:11px;color:#bfb0ce}.bank-option{border:1px solid #a589c044;border-radius:5px;display:flex;align-items:center;gap:9px;font-size:10px;padding:12px}.bank-option>span:last-child{margin-left:auto}.radio{width:11px;height:11px;border:3px solid var(--purple);border-radius:50%}.payment-card button{width:100%;padding:13px;background:var(--purple);color:#211a2e;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:12px;border-radius:5px}.payment-card button svg{width:15px;height:15px}.payment-toast{background:#eee7f9;color:#48375b;border-radius:7px;position:absolute;bottom:-15px;left:35px;right:-20px;padding:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.04em;box-shadow:0 10px 30px #0003}.payment-toast span{color:#6a9340}.demo-payment .demo-tag{bottom:-50px}.demo-dashboard{width:100%;max-width:460px;background:#20282a;border:1px solid #557078;border-radius:13px;box-shadow:0 25px 100px #0004;position:relative;transform:rotate(2deg);animation:fadeUp .4s}.dashboard-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff12;padding:14px 18px;font-size:10px;color:#b2c8ce}.dashboard-nav .wi-vector{color:var(--blue);width:21px;height:21px}.dashboard-nav i{margin-left:auto;width:16px;height:16px;border-radius:50%;background:#728d94}.dash-body{padding:25px}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head h3{font-size:22px;letter-spacing:-.04em}.dash-head>span{font-size:6px;color:#8eabb2}.dash-stats{display:flex;gap:12px;margin:22px 0}.dash-stats>div{flex:1;background:#2a3538;padding:15px;border-radius:6px}.dash-stats small{font-size:8px;color:#9fb6bc}.dash-stats strong{font-size:35px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-top:6px}.dash-stats em{font-size:15px;color:var(--blue);font-style:normal}.dash-table>span{font-size:7px;letter-spacing:.08em;color:#9fb6bc}.dash-table>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff0c;font-size:9px}.dash-table b{font-size:7px;color:var(--blue);font-weight:400;background:#9bcbdc12;padding:3px 6px;border-radius:3px}.dash-footer{display:flex;justify-content:space-between;color:#9fb6bc;font-size:7px;margin-top:18px}.story-tabs{display:flex;border-top:1px solid #424a37}.story-tabs button{position:relative;padding:24px 0;flex:1;text-align:left;font-size:14px;display:flex;gap:35px;align-items:center;color:var(--muted)}.story-tabs button>span{font-size:9px}.story-tabs button.active{color:var(--text)}.story-tabs button i{position:absolute;top:-2px;left:0;width:100%;height:2px;background:transparent;transition:.3s}.story-tabs button.active i{background:var(--lime)}.story-tabs button:nth-child(2).active i{background:var(--purple)}.story-tabs button:nth-child(3).active i{background:var(--blue)}.pricing-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.pricing-top h2{margin-top:25px}.pricing-top p{font-size:15px;line-height:1.7;color:var(--muted);padding-bottom:5px}.goal-selector{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--line)}.goal-selector>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.goal-selector>div{display:flex;gap:8px}.goal-selector button{font-size:12px;border:1px solid var(--line);border-radius:25px;padding:12px 18px;display:flex;align-items:center;gap:20px;color:#a8afa0;transition:.25s}.goal-selector button svg{width:14px;height:14px}.goal-selector button.selected{background:var(--lime);color:var(--bg);border-color:var(--lime)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:25px;background:#181b16;border:1px solid #313729;border-radius:10px;transition:border .3s,background .3s,transform .3s;position:relative}.price-card.recommended{border-color:var(--lime);background:#242a1c;box-shadow:0 0 50px #d8fa7308}.plan-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);height:23px}.plan-badge{color:var(--lime);font-size:7px;letter-spacing:.06em;background:#d8fa7310;border-radius:20px;padding:7px 9px}.price-card h3{font-size:38px;letter-spacing:-.06em;margin-top:22px}.plan-tag{font-size:12px;color:#a3ad96;margin-top:9px;min-height:20px}.price{margin:32px 0 25px}.price>small{font-size:7px;letter-spacing:.09em;color:#a3ad96;display:block;margin-bottom:7px}.price>strong{font-family:Manrope;font-size:39px;font-weight:500;letter-spacing:-.055em;white-space:nowrap}.price>strong>span{font-size:16px;letter-spacing:-.03em}.price-card>.button{width:100%;padding:15px 18px;font-size:12px;min-height:48px}.plan-includes{margin-top:28px}.plan-includes>span{font-size:7px;letter-spacing:.08em;color:#7e8b70}.plan-includes ul{list-style:none;padding:0;margin:18px 0 23px;display:flex;flex-direction:column;gap:14px;min-height:183px}.plan-includes li{display:flex;gap:10px;font-size:11px;color:#ccd2c3;line-height:1.4}.plan-includes li>span{color:#a4bb87}.price-card details{border-top:1px solid #ffffff14;padding-top:17px}.price-card summary{cursor:pointer;font-size:10px;display:flex;justify-content:space-between;list-style:none;color:#bdc7b0}.price-card summary::-webkit-details-marker{display:none}.price-card details p{font-size:11px;color:#a3ad96;line-height:1.7;margin-top:15px}.price-card details[open] summary>span{transform:rotate(45deg)}.pricing-foot{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:30px}.pricing-foot p{font-size:9px;color:var(--muted);line-height:1.7}.pricing-foot button{font-size:11px}.comparison{margin-top:35px;overflow:auto;border:1px solid var(--line);border-radius:8px}.comparison table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;min-width:560px}.comparison caption{text-align:left;padding:20px;font-size:12px;color:var(--lime)}.comparison th,.comparison td{padding:17px 20px;border-top:1px solid var(--line)}.comparison th{font-weight:500}.comparison td{color:var(--muted)}.comparison thead{background:#1e2319}.custom-banner{display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center;padding:45px;background:#21261b;border-radius:10px;margin-top:45px;border:1px solid #3b462b}.custom-star{width:65px;height:65px;color:var(--lime);animation:spin 35s linear infinite}.custom-star svg{width:100%;height:100%}.custom-banner .eyebrow{font-size:8px;color:#bac5a9}.custom-banner h3{font-size:36px;letter-spacing:-.045em;line-height:1.1;margin:16px 0}.custom-banner p{font-size:12px;line-height:1.65;color:var(--muted)}.custom-banner>.button{font-size:12px;gap:25px}.process{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.5fr;gap:40px}.process-content>h2{margin-bottom:50px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:35px 1fr 1.15fr 25px;gap:23px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.step>span{font-size:9px;color:var(--muted);padding-top:6px}.step h3{font-size:22px;letter-spacing:-.035em;line-height:1.2}.step p{font-size:12px;line-height:1.6;color:var(--muted)}.step svg{color:#6c785a;width:19px;height:19px}.founder{padding-top:20px;padding-bottom:110px}.founder-card{display:grid;grid-template-columns:.8fr 1.2fr;border-radius:12px;overflow:hidden;background:#e1e7d5;color:#252b21}.founder-wi{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#c6d39e;padding:60px 30px;overflow:hidden}.founder-wi:before{content:'';width:430px;height:430px;border:1px solid #7e924b44;box-shadow:0 0 0 70px #7e924b0a,0 0 0 140px #7e924b09;border-radius:50%;position:absolute}.founder-wi .wi-vector{width:80%;height:auto;max-width:280px;position:relative;transform:rotate(-10deg);color:#252e1a;animation:wiSway 6s ease-in-out infinite}.founder-wi>div{font-size:9px;letter-spacing:.14em;line-height:1.7;position:absolute;bottom:35px;left:35px}.founder-copy{padding:50px}.founder-copy .eyebrow{font-size:9px;color:#697657}.founder-copy h2{font-size:clamp(33px,3.7vw,51px);margin:22px 0 30px}.founder-copy h2 span{color:#697657}.founder-copy p{font-size:13px;line-height:1.75;color:#65715a;max-width:450px;margin-bottom:18px}.founder-sign{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:9px 20px}.founder-sign strong{font-size:13px;font-weight:600}.founder-sign>span{font-size:7px;letter-spacing:.1em;color:#697657}.founder-sign a{width:100%;margin-top:5px;font-size:11px}.founder-sign a:hover{color:#465d27}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line)}.faq h2{margin-top:25px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item>button{padding:25px 0;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;font-size:13px;gap:25px}.faq-item>button>span{font-size:20px;color:var(--muted);font-weight:400}.faq-item.expanded>button{color:var(--lime)}.faq-item p{padding:0 35px 25px 0;color:var(--muted);font-size:12px;line-height:1.8;animation:fadeUp .25s}.closing{padding:120px 5% 110px;background:radial-gradient(ellipse at 75% 55%,#2c371b55,transparent 55%);position:relative;overflow:hidden;border-top:1px solid var(--line)}.closing>.eyebrow{color:#a6b494;font-size:9px}.closing h2{font-size:clamp(75px,11vw,165px);line-height:.99;letter-spacing:-.075em;margin:45px 0 40px;position:relative;max-width:1000px}.closing h2>span:not(.closing-wi){color:#79816c}.closing h2>i{font-family:Georgia,serif;font-weight:400;color:var(--lime);letter-spacing:-.08em}.closing-wi{position:absolute;right:10px;bottom:20px;width:230px;height:200px;color:var(--lime);transform:rotate(10deg);animation:wiSway 6s ease-in-out infinite}.closing-wi .wi-vector{width:100%;height:100%}.closing-cta{display:flex;gap:55px;align-items:center;font-size:18px;border-bottom:1px solid #59634a;padding:15px 0}.closing-cta svg{color:var(--lime);width:29px;height:29px;transition:transform .3s}.closing-cta:hover svg{transform:translate(4px,-4px)}.closing>p{position:absolute;right:5%;bottom:115px;font-size:12px;color:var(--muted);line-height:1.7}footer{padding:35px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}footer .brand{font-size:23px}footer .brand>.wi-vector{width:31px;height:31px}footer>span{font-size:8px;letter-spacing:.09em;color:var(--muted)}footer>div{display:flex;gap:30px;font-size:10px;color:#bdc5b2}footer>div button{padding:0;font-size:10px}footer>small{font-size:8px;color:#6d7564;grid-column:1/-1;margin-top:5px}.wi-vector{width:100%;height:100%}.wi-eyes{transform-origin:center;animation:blink 7s infinite}.quote-dialog{background:#1b1f17;color:var(--text);border:1px solid #515d3b;border-radius:14px;width:min(620px,calc(100% - 30px));max-height:90svh;padding:32px;box-shadow:0 0 100px #0009}.quote-dialog::backdrop{background:#050704cc;backdrop-filter:blur(10px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-header .eyebrow{font-size:8px;color:#a4b68d}.dialog-header>button{font-size:30px;line-height:1;padding:4px 8px;border-radius:5px}.dialog-header>button:hover{background:#ffffff10}.quote-dialog h2{font-size:45px;letter-spacing:-.06em}.quote-dialog h2 span{color:var(--lime)}.dialog-intro{font-size:11px;line-height:1.7;color:var(--muted);margin:20px 0}.quote-dialog form{display:flex;flex-direction:column;gap:16px}.quote-dialog label{font-size:10px;display:flex;flex-direction:column;gap:8px;color:#bdc9ae}.quote-dialog input,.quote-dialog textarea,.quote-dialog select{width:100%;padding:13px;border:1px solid #414b34;background:#10150e;color:#eef1e6;border-radius:5px;resize:vertical;font-size:12px}.quote-dialog input::placeholder,.quote-dialog textarea::placeholder{color:#717b64}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-dialog .button{width:100%;font-size:12px;min-height:49px;padding:15px 18px}.privacy-note{font-size:8px;color:var(--muted);text-align:center;line-height:1.5}.quote-dialog pre{white-space:pre-wrap;font:11px/1.8 'DM Sans',sans-serif;border:1px solid var(--line);background:#12180e;border-radius:6px;padding:20px;max-height:270px;overflow:auto;color:#c2cdb6}.brief-buttons{display:flex;gap:12px;margin-top:20px}.brief-success{display:flex;align-items:center;gap:15px;margin-bottom:25px;font-size:9px;letter-spacing:.08em;color:var(--lime)}.brief-success .wi-vector{width:40px;height:36px}.edit-brief{margin-top:24px;font-size:10px;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.price-card:nth-child(2){transition-delay:.08s}.price-card:nth-child(3){transition-delay:.16s}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes portalFloat{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-16px) rotate(-5deg)}}@keyframes arrowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes demoFloat{0%,100%{transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-5deg) rotateX(1deg) translateY(-7px)}}@keyframes notificationIn{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}@keyframes wiSway{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-10px)}}@keyframes blink{0%,40%,43%,77%,80%,100%{transform:scaleY(1)}41.5%,78.5%{transform:scaleY(.08)}}
@media(min-width:1550px){.hero-title{margin-top:90px}.hero h1{font-size:155px}.hero-bottom{margin-bottom:70px}.hero-title .mascot-portal{right:9%}.section,.story-sticky{padding-left:max(5%,calc((100% - 1450px)/2));padding-right:max(5%,calc((100% - 1450px)/2))}}
@media(max-height:800px) and (min-width:761px){.work-sticky{padding-top:40px}.work-heading{margin-bottom:25px}.work-heading h2{font-size:48px}.project-visual{min-height:220px;height:32vh}.project-meta h3{font-size:22px}.story-sticky{padding-top:40px}.story-layout{margin:40px 0}.story-copy h2{font-size:55px}.service-demo{min-height:320px}.demo-window{transform:scale(.9)}.story-tabs button{padding:20px 0}}
@media(max-width:1100px){.hero{min-height:800px}.hero h1{font-size:10vw}.hero-title{margin-top:85px}.mascot-portal{top:-55px;right:-2%;width:260px;height:260px}.hero-bottom{grid-template-columns:1fr 1fr}.scroll-cue{display:none}.hero-actions{justify-self:end}.intro{grid-template-columns:1fr 2fr}.intro-bottom{grid-template-columns:1fr}.signature{justify-self:start}.story-layout{gap:35px}.story-copy h2{font-size:5.6vw}.price-card{padding:22px 18px}.price>strong{font-size:34px}.plan-includes li{font-size:10px}.custom-banner{grid-template-columns:60px 1fr auto;padding:35px;gap:25px}.custom-star{width:48px;height:48px}.custom-banner>.button{gap:20px;padding:17px;font-size:11px}.process{grid-template-columns:1fr 2fr}.step{grid-template-columns:25px 1fr;gap:15px}.step p{grid-column:2}.step svg{display:none}.founder-copy{padding:40px}.faq{gap:45px}.closing-wi{width:180px;height:150px;right:5%}.closing>p{right:7%}footer{grid-template-columns:1fr auto}footer>span{display:none}}
@media(max-width:760px){:root{scroll-padding-top:30px}.header{height:75px;padding:0 6%}.brand{font-size:23px}.brand>.wi-vector{width:32px;height:32px}.nav-cta{margin-left:auto;padding:10px 15px;font-size:10px;gap:15px}.nav-cta svg{width:15px}.menu-toggle{display:block;padding:13px 0 13px 15px;font-size:10px}.header nav{display:none}.header nav.open{display:flex;position:absolute;top:74px;left:0;width:100%;background:#1b2016;border-bottom:1px solid var(--line);padding:24px 6%;justify-content:space-between;gap:15px}.hero{height:auto;min-height:830px;max-height:none;padding:112px 6% 24px;background:radial-gradient(ellipse at 90% 40%,#29311d55,transparent 75%)}.hero-location{display:none}.hero-top .eyebrow{font-size:8px}.hero-title{margin-top:37px;display:block;flex:unset;min-height:385px}.hero h1{font-size:clamp(43px,10.4vw,78px);line-height:1.09;letter-spacing:-.067em}.mascot-portal{width:200px;height:200px;top:160px;right:6%;transform:rotate(-9deg)}.wi-label{font-size:8px;padding:11px 13px;bottom:4px;right:-15px}.portal-line{inset:-13px}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin:18px 0 36px}.hero-bottom p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:row;align-items:center;gap:22px;width:100%}.hero-actions>.button{font-size:11px;gap:20px;padding:15px 17px;min-height:49px}.hero-actions>.text-link{font-size:10px;gap:10px}.hero-footer{font-size:7px;line-height:1.6;gap:30px;padding-top:20px}.hero-footer>span:last-child{display:none}.hero-orbit{width:630px;height:630px;right:-270px;top:0}.hero-orbit.o2{width:900px;height:900px;right:-405px;top:-135px}.ticker{padding:20px 0}.ticker>div{gap:30px}.ticker span{font-size:11px}.ticker svg{width:14px;height:14px}.section{padding:75px 6%}.intro{display:block}.section-label{font-size:8px;flex-direction:row;justify-content:space-between;gap:25px;margin-bottom:35px}.section-label>span:last-child{font-size:7px;text-align:right}.intro-content h2{font-size:clamp(38px,9vw,62px)}.intro-bottom{margin-top:28px;gap:26px}.intro-bottom p{font-size:13px;max-width:100%}.signature{font-size:11px}.work-section{height:auto}.work-sticky{position:static;min-height:0;padding:65px 0 55px}.work-heading{padding:0 6%;align-items:end;margin-bottom:30px;gap:25px}.work-heading h2{font-size:40px;margin-top:15px}.work-heading .eyebrow{font-size:8px}.work-note{max-width:130px}.work-note>span{font-size:6px}.work-note p{font-size:10px;margin:13px 0}.work-direction{gap:15px;font-size:6px!important}.work-direction svg{width:20px}.work-track{width:100%;padding:0 6% 20px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;will-change:auto;transform:none!important;scrollbar-width:thin;scrollbar-color:#566342 #171c13}.project{width:85vw;scroll-snap-align:center}.project-visual{height:290px;min-height:0}.project-meta{padding-top:18px}.project-meta h3{font-size:23px}.project-meta p{font-size:11px}.orka-word{font-size:46px;margin-top:40px}.dzr-copy{font-size:36px}.countdown strong{font-size:90px}.finance-card{padding:20px;max-width:290px}.mini-nav{padding:20px;font-size:12px}.story-section{height:auto}.story-sticky{position:static;min-height:0;padding:65px 6% 25px}.story-top>span:last-child{display:none}.story-top .eyebrow{font-size:8px}.story-layout{display:flex;flex-direction:column;align-items:stretch;margin:40px 0 65px;gap:35px}.story-copy h2{font-size:43px;margin-top:20px;line-height:1.06}.story-copy p{font-size:13px;margin:22px 0;max-width:100%}.phase-label{font-size:8px}.service-demo{min-height:360px;max-width:440px;width:100%;margin:auto}.demo-leads{max-width:340px;width:calc(100% - 20px)}.demo-browser{padding:30px 25px 50px}.demo-browser h3{font-size:33px}.notification{left:10px;right:-10px;padding:12px;gap:8px}.notification strong{font-size:9px}.notification small{font-size:7px}.notification-icon{padding:8px}.demo-payment{max-width:340px;width:calc(100% - 30px)}.payment-card h3{font-size:23px}.demo-dashboard{max-width:350px;width:calc(100% - 15px)}.dash-body{padding:20px}.dash-head h3{font-size:20px}.story-tabs button{gap:12px;font-size:12px;padding:22px 0}.story-tabs button>span{font-size:7px}.pricing-top{display:block;margin-bottom:30px}.pricing-top .eyebrow{font-size:8px}.pricing-top h2{font-size:48px;margin-top:18px}.pricing-top p{font-size:12px;margin-top:25px}.goal-selector{display:block;margin-bottom:25px;padding-bottom:20px}.goal-selector>span{display:block;font-size:8px;margin-bottom:13px}.goal-selector>div{gap:6px}.goal-selector button{padding:10px 9px;flex:1;font-size:9px;gap:6px;justify-content:space-between}.goal-selector button svg{width:11px;height:11px}.pricing-grid{grid-template-columns:1fr;gap:16px}.price-card{padding:25px}.price-card h3{font-size:36px}.plan-tag{font-size:12px}.price{margin:25px 0}.price>strong{font-size:42px}.price-card>.button{font-size:12px;padding:15px 18px}.plan-includes li{font-size:12px}.plan-includes ul{min-height:0;gap:13px}.plan-includes>span{font-size:8px}.plan-top{font-size:9px}.price-card summary{font-size:11px}.pricing-foot{display:block}.pricing-foot p{font-size:8px}.pricing-foot button{margin-top:20px;font-size:10px}.custom-banner{display:block;padding:30px;margin-top:35px}.custom-star{width:36px;height:36px;margin-bottom:25px}.custom-banner h3{font-size:35px}.custom-banner p{font-size:12px}.custom-banner .eyebrow{font-size:7px}.custom-banner>.button{margin-top:25px;width:100%;font-size:11px}.process{display:block}.process-content>h2{font-size:46px;margin-bottom:35px}.step{grid-template-columns:22px 1fr;gap:10px 15px;padding:25px 0}.step h3{font-size:22px}.step p{font-size:12px;max-width:290px}.founder{padding-top:0}.founder-card{grid-template-columns:1fr}.founder-wi{min-height:300px;padding:35px;max-height:360px}.founder-wi .wi-vector{width:210px}.founder-wi>div{left:25px;bottom:20px;font-size:7px}.founder-copy{padding:30px}.founder-copy h2{font-size:38px}.founder-copy p{font-size:12px}.founder-sign{gap:10px}.faq{display:block}.faq h2{font-size:45px;margin-bottom:35px}.faq .eyebrow{font-size:8px}.faq-item>button{font-size:12px;padding:22px 0;line-height:1.5}.faq-item p{font-size:11px}.closing{padding:70px 6% 70px}.closing>.eyebrow{font-size:7px;max-width:250px}.closing h2{font-size:clamp(65px,16vw,105px);margin:35px 0}.closing-wi{width:105px;height:90px;bottom:7px;right:0}.closing-cta{font-size:14px;gap:35px}.closing-cta svg{width:24px;height:24px}.closing>p{position:static;font-size:10px;margin-top:25px}footer{padding:30px 6%;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}footer .brand{font-size:21px}footer>div{gap:18px;font-size:8px}footer>div button{font-size:8px}footer>small{width:100%;font-size:8px}.quote-dialog{padding:23px}.quote-dialog h2{font-size:37px}.dialog-intro{font-size:10px}.form-pair{gap:10px}.quote-dialog label{font-size:9px}.quote-dialog input,.quote-dialog select,.quote-dialog textarea{font-size:12px;padding:12px}.brief-buttons{flex-direction:column}.brief-buttons .button{justify-content:center}.reveal{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.mascot-portal img{display:none}.mascot-portal{background:#f7f6f3 url('/assets/wi-still.png') center/cover}.work-section,.story-section{height:auto}.work-sticky,.story-sticky{position:static;min-height:0}.work-track{overflow-x:auto;width:100%;transform:none!important;will-change:auto}.story-tabs button{padding:20px 0}.story-layout{margin:55px 0}.read-progress{display:none}}
/* React Bits, tailored to Qawi Studio */
.hero-aurora{position:absolute;inset:0;z-index:-2;opacity:.2;pointer-events:none;mask-image:linear-gradient(#000,transparent 80%);-webkit-mask-image:linear-gradient(#000,transparent 80%)}
.hero-aurora:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#a7c37126,transparent 55%),radial-gradient(ellipse at 35% 5%,#bba5ff12,transparent 45%)}
.hero-aurora .aurora-container{position:absolute;inset:0}
.studio-reveal{margin:0;white-space:pre-line;line-height:1.03;font-size:clamp(44px,5.3vw,77px);font-weight:500}
.studio-reveal .scroll-reveal-text{font:inherit;line-height:inherit;letter-spacing:inherit}
.studio-reveal .word{display:inline-block}
.studio-reveal .word:nth-last-of-type(-n+4){color:var(--muted)}
.spotlight-card.price-card{border-radius:10px}
.price-card.recommended .spotlight-card__border{background:#d8fa7333}
.price-card .spotlight-card__edge{z-index:2}
.closing-magnet{z-index:1}
@media(max-width:1100px){.header .nav-magnet{margin-left:auto}.header nav{margin-left:auto;margin-right:30px}}
@media(max-width:760px){.header .nav-cta{margin-left:0}.header nav{margin:0}.hero-aurora{opacity:.65}.studio-reveal{font-size:clamp(38px,9vw,62px)}.hero-magnet{flex-shrink:0}.hero-magnet .button{font-size:11px;gap:20px;padding:15px 17px;min-height:49px}.hero-actions{gap:22px}}
@media(prefers-reduced-motion:reduce){.studio-reveal .word{opacity:1!important;filter:none!important}.nav-magnet>div,.hero-magnet>div,.closing-magnet>div{transform:none!important}.hero-aurora{opacity:.1}}
/* Requested portfolio order: Daysmark, Hidemark, Finnit, Orka Film, DZR. */
.work-track .project.days{order:1}.work-track .project.hide{order:2}.work-track .project.finn{order:3}.work-track .project.orka{order:4}.work-track .project.dzr{order:5}
/* Qawi note: React Bits TiltedCard */
.wi-label svg{width:16px;height:16px;flex-shrink:0}
.founder-card{overflow:visible;background:none;gap:24px;align-items:stretch}
.founder-tilt{min-height:480px;position:relative}
.founder-tilt .tilted-card-figure{position:absolute;inset:0}
.founder-tilt .tilted-card-img{border-radius:12px}
.founder-tilt .tilted-card-overlay{width:100%;height:100%;pointer-events:none}
.qawi-card-overlay{height:100%;padding:34px;display:flex;flex-direction:column;justify-content:space-between;color:#252e1a;position:relative}
.qawi-card-overlay>span{font-size:8px;letter-spacing:.12em}
.qawi-card-overlay>div{font-size:10px;letter-spacing:.14em;line-height:1.7}
.qawi-card-overlay>svg{position:absolute;bottom:34px;right:34px;width:25px;height:25px}
.founder-copy{background:#e1e7d5;border-radius:12px}
.launch-offer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;font-size:7px;letter-spacing:.06em}
.launch-offer>span{background:var(--lime);padding:6px 8px;border-radius:4px;color:#19210f;font-weight:650}
.launch-offer>small{font-size:8px;color:#bfcbad;letter-spacing:0}
.original-price{display:inline-block;font-size:14px;color:#849274;margin-left:12px;vertical-align:middle;text-decoration-thickness:1px}
.price-card .price{min-height:109px}
.price-card:not(:first-child) .price{padding-top:38px}
@media(max-width:1100px){.founder-tilt{min-height:490px}.qawi-card-overlay{padding:25px}.qawi-card-overlay>span{font-size:7px}}
@media(max-width:760px){.wi-label svg{width:13px;height:13px}.founder-card{gap:18px}.founder-tilt{min-height:340px}.qawi-card-overlay{padding:25px}.qawi-card-overlay>div{font-size:8px}.qawi-card-overlay>svg{bottom:25px;right:25px}.original-price{font-size:15px}.price-card .price{min-height:0}.price-card:not(:first-child) .price{padding-top:0}}
@media(prefers-reduced-motion:reduce){.founder-tilt .tilted-card-inner{transform:none!important}.founder-tilt .tilted-card-caption{display:none}}
/* Actual supplied portfolio thumbnails. */
.work-track .project.days .project-art{background:url('/assets/uiux-daysmark.png') center/cover no-repeat}
.work-track .project.hide .project-art{background:url('/assets/uiux-hidemark.png') center/cover no-repeat}
.work-track .project.finn .project-art{background:url('/assets/uiux-finnit.png') center/cover no-repeat}
.work-track .project.orka .project-art{background:url('/assets/uiux-orkafilm.png') center/cover no-repeat}
.work-track .project.dzr .project-art{background:url('/assets/uiux-dzrwater.png') center/cover no-repeat}
.work-track .project-art>*{opacity:0}
/* Section 03: one continuous product frame */
.story-section{height:auto}
.story-sticky{position:static;min-height:0;padding-top:85px;padding-bottom:45px}
.story-layout{margin:55px 0 40px;gap:55px;align-items:center}
.story-copy h2{min-height:2.12em}
.story-copy p{min-height:5.1em}
.service-demo{min-height:420px;transform:none}
.unified-preview{--accent:var(--lime);width:100%;max-width:520px;height:420px;border:1px solid #4a5242;border-radius:16px;background:#1d241a;box-shadow:0 25px 70px #0002;overflow:hidden;transition:background .4s,border-color .4s;position:relative;transform:none}
.preview-step-1{--accent:var(--purple);background:#25212c;border-color:#5e506e}
.preview-step-2{--accent:var(--blue);background:#1d272a;border-color:#4b6971}
.preview-chrome{height:39px;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid #ffffff0b;font-size:8px;color:#909b87}
.chrome-dots{display:flex;gap:5px}.chrome-dots i{width:5px;height:5px;border-radius:50%;background:#66755c}
.preview-secure{margin-left:auto;font-size:6px;letter-spacing:.07em}
.preview-brand{height:49px;display:flex;align-items:center;gap:9px;padding:0 24px;border-bottom:1px solid #ffffff0b}
.preview-brand .wi-vector{width:24px;height:24px;color:var(--accent);transition:color .4s}
.preview-brand strong{font-size:11px;font-weight:500}.preview-brand>span{font-size:8px;color:#9ea995;margin-left:auto}
.preview-stage{height:331px;position:relative;overflow:hidden}
.preview-panel{position:absolute;inset:0;padding:23px 25px;display:flex;flex-direction:column}
.preview-kicker{font-size:7px;letter-spacing:.11em;color:var(--accent)}
.preview-panel h3{font-size:28px;line-height:1.07;letter-spacing:-.045em;margin:13px 0}
.preview-panel>p{font-size:10px;line-height:1.65;color:#a8b1a0}
.lead-action{display:flex;align-items:center;gap:15px;margin-top:18px}
.lead-action button,.preview-pay{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--accent);color:#171c12;font-size:10px;border-radius:5px;padding:12px 14px}
.lead-action button svg,.preview-pay svg{width:14px;height:14px}.lead-action>span{font-size:7px;color:#91a083}
.preview-status{display:flex;align-items:center;gap:10px;margin-top:auto;background:#ffffff07;border:1px solid #ffffff10;border-radius:7px;padding:12px}
.status-mark{width:28px;height:28px;background:#ffffff0a;color:var(--accent);border-radius:6px;display:grid;place-items:center;font-size:12px}
.status-mark svg{width:15px;height:15px}.preview-status strong{font-size:9px;font-weight:500;display:block}.preview-status small{font-size:7px;color:#95a18a;display:block;margin-top:4px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}
.checkout-summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:1px 0 11px}.checkout-summary small{display:block;color:#a49aad;font-size:7px;margin-top:5px}.checkout-summary strong{font-size:13px;font-weight:500}
.checkout-method{padding:9px 11px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff18;border-radius:5px;font-size:9px}
.checkout-method svg{width:12px;height:12px;margin-left:auto}.method-radio{width:10px;height:10px;border-radius:50%;border:3px solid var(--accent)}
.preview-pay{margin-top:8px;width:100%;padding:10px 13px}
.preview-metrics{display:flex;gap:10px;margin:0 0 10px}.preview-metrics>div{flex:1;border:1px solid #ffffff0c;background:#ffffff05;border-radius:6px;padding:10px 12px}.preview-metrics small{font-size:7px;color:#9cb4bc}.preview-metrics strong{font-size:24px;display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-top:4px}.preview-metrics svg{color:var(--accent);width:15px;height:15px}
.preview-rows>div{display:flex;justify-content:space-between;align-items:center;padding:8px 1px;font-size:8px;border-bottom:1px solid #ffffff0b}.preview-rows b{font-weight:400;font-size:6px;padding:3px 6px;border-radius:3px;background:#ffffff08;color:var(--accent)}
.preview-status.compact{padding:9px 11px;margin-top:11px}.preview-status.compact .status-mark{width:22px;height:22px}
.story-tabs button{min-height:65px}.stepper-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0b;padding-top:19px}.stepper-controls>span{font-size:8px;letter-spacing:.08em;color:var(--muted)}.stepper-controls>div{display:flex;gap:10px}.stepper-controls button{display:flex;gap:10px;align-items:center;font-size:10px;padding:10px 14px;border:1px solid #4a533d;border-radius:5px}.stepper-controls button svg{width:13px;height:13px}.stepper-controls button:first-child svg{transform:rotate(180deg)}.stepper-controls button:disabled{opacity:.25;cursor:default}.stepper-controls button:not(:disabled):hover{border-color:var(--lime);color:var(--lime)}
/* Section 04: scroll-driven horizontal packages */
.pricing{padding-left:0;padding-right:0;padding-bottom:90px}
.pricing-top,.pricing-foot,.comparison,.custom-banner{margin-left:5%;margin-right:5%}
.pricing-journey{height:260vh;position:relative}
.pricing-sticky{position:sticky;top:0;min-height:100svh;padding:35px 0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.pricing-sticky .goal-selector{margin:0 5% 16px;padding-bottom:20px}
.pricing-scroll-hint{margin:0 5% 16px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.1em;color:var(--muted)}
.pricing-scroll-hint>span:last-child{display:flex;gap:15px;align-items:center}.pricing-scroll-hint svg{width:20px;height:20px;color:var(--lime)}.mobile-hint{display:none}
.pricing-window{width:90%;max-width:1100px;margin:0 auto;overflow:hidden;border-radius:12px}
.pricing-grid{display:flex;gap:24px;position:relative;width:100%;will-change:transform;transform:none}
.pricing-grid .price-card{flex:0 0 100%;width:100%;opacity:1!important;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 38px;align-items:start;min-height:410px;transition:background .3s,border-color .3s;box-shadow:none}
.price-offer .plan-top{height:23px}.price-offer h3{font-size:46px;margin-top:16px}.price-offer .plan-tag{font-size:13px}
.price-card .price{min-height:0;margin:26px 0 21px}.price-card:not(:first-child) .price{padding-top:38px}
.price-offer .price>strong{font-size:45px}.price-offer>.button{width:100%;font-size:12px;padding:15px 18px;min-height:49px}
.price-scope{padding-top:5px}.price-scope .plan-includes{margin-top:0}.price-scope .plan-includes>span{font-size:8px}.price-scope .plan-includes ul{min-height:0;gap:17px;margin:25px 0}.price-scope .plan-includes li{font-size:12px}.price-scope details{margin-top:24px}.price-scope details p{font-size:10px}
.pricing-position{display:flex;justify-content:center;gap:7px;margin-top:18px}.pricing-position i{height:3px;width:25px;border-radius:3px;background:#39432c;transition:background .3s,width .3s}.pricing-position i.active{background:var(--lime);width:55px}
.pricing-foot{margin-top:30px}.custom-banner{margin-top:45px}.comparison{margin-top:30px}
@media(max-width:1100px){.story-layout{gap:35px}.story-copy h2{font-size:5.2vw}.service-demo{min-height:420px}.preview-panel h3{font-size:25px}.preview-brand{padding:0 18px}.preview-panel{padding:22px 20px}.lead-action{gap:10px}.lead-action>span{font-size:6px}.pricing-grid .price-card{padding:28px;gap:28px}.price-offer h3{font-size:38px}.price-offer .price>strong{font-size:38px}.price-scope .plan-includes li{font-size:11px}}
@media(max-width:760px){.story-sticky{padding:65px 6% 25px}.story-layout{gap:30px;margin:35px 0 30px}.story-copy h2{font-size:40px;min-height:2.16em}.story-copy p{font-size:13px;min-height:5.1em;max-width:100%}.service-demo{min-height:420px;width:100%;max-width:520px}.unified-preview{height:420px;max-width:none}.preview-chrome{padding:0 15px;font-size:7px;gap:10px}.preview-secure{font-size:5px}.preview-brand{padding:0 17px}.preview-brand strong{font-size:10px}.preview-brand>span{font-size:7px}.preview-panel{padding:23px 18px}.preview-panel h3{font-size:27px}.preview-panel>p{font-size:10px}.lead-action{gap:12px}.lead-action button{font-size:9px;padding:12px 11px;gap:10px}.lead-action>span{font-size:6px;max-width:110px;line-height:1.5}.preview-status{padding:11px 9px;gap:8px}.preview-status strong{font-size:8px}.preview-status small{font-size:6px}.story-tabs button{gap:12px;font-size:12px;min-height:60px}.stepper-controls{padding-top:16px}.stepper-controls button{padding:10px 13px}
.pricing{padding:70px 0}.pricing-top,.pricing-foot,.comparison,.custom-banner{margin-left:6%;margin-right:6%}.pricing-top{margin-bottom:30px}.pricing-journey{height:auto}.pricing-sticky{position:static;min-height:0;padding:0;display:block;overflow:visible}.pricing-sticky .goal-selector{margin:0 6% 18px;padding-bottom:19px}.pricing-scroll-hint{margin:0 6% 16px}.desktop-hint{display:none}.mobile-hint{display:inline}.pricing-window{width:100%;max-width:none;border-radius:0;overflow:visible}.pricing-grid{width:100%;padding:0 6% 13px;gap:16px;overflow-x:auto;transform:none!important;scroll-snap-type:x mandatory;scroll-padding-left:6vw;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#596740 #171c13;will-change:auto}.pricing-grid .price-card{flex:0 0 94%;width:94%;min-width:0;display:block;padding:25px;min-height:610px;scroll-snap-align:start;border-radius:10px}.price-offer h3{font-size:36px}.price-offer .price>strong{font-size:42px}.price-offer .plan-tag{font-size:12px}.price-scope{padding-top:28px}.price-scope .plan-includes ul{gap:13px;margin:18px 0 23px}.price-scope .plan-includes li{font-size:11px}.price-scope details{margin-top:18px}.price-card:not(:first-child) .price{padding-top:38px}.price-offer .price{min-height:108px;margin:25px 0}.pricing-position{margin-top:14px}.pricing-foot{margin-top:25px}.custom-banner{margin-top:35px}}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.pricing-journey{height:auto}.pricing-sticky{position:static;min-height:0}.pricing-grid{overflow-x:auto;transform:none!important;scroll-snap-type:x mandatory}.pricing-grid .price-card{scroll-snap-align:start}.pricing-scroll-hint .desktop-hint{display:none}.pricing-scroll-hint .mobile-hint{display:inline}}
/* Wi: flat accessory characters and a gentle, tap-first greeting. */
.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}
.hero{background:var(--bg)}.hero-noise{display:none}.mascot-portal.wi-playground{animation:none;transform:none;box-shadow:none;background:#f7f6f3;z-index:5;isolation:isolate}.wi-playground .portal-line{animation:none;border-color:#74796b55;pointer-events:none}.wi-main{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;padding:17%;display:grid;place-items:center;background:transparent;z-index:2;touch-action:manipulation}.wi-character{width:100%;height:100%;overflow:visible;display:block}.wi-idle{display:block;width:100%;height:100%;animation:wi-idle 4.8s ease-in-out infinite}.wi-idle>span{display:block;width:100%;height:100%}.wi-blink{transform-box:fill-box;transform-origin:center;animation:wi-blink 5.7s infinite}.wi-boop{animation:wi-boop .65s ease-in-out}.wi-label{transform:none;pointer-events:none;bottom:4px;right:-20px;gap:10px;background:#d8fa73}.wi-label>span{font-size:18px}.wi-friends{position:absolute;inset:0;z-index:3;pointer-events:none}.wi-friend{--x:0%;--y:0%;position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;border-radius:50%;padding:6%;background:#f0f0e8;border:1px solid #d9dbd0;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.25) rotate(0);transition:transform .55s cubic-bezier(.2,.8,.2,1.25),opacity .25s,visibility .25s;pointer-events:none;touch-action:manipulation}.wi-open .wi-friend{opacity:1;visibility:visible;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--angle));transition-delay:var(--delay);pointer-events:auto}.wi-friend-float{width:100%;height:100%;display:block}.wi-open .wi-friend-float{animation:wi-friend-float 3.3s ease-in-out infinite;animation-delay:var(--delay)}.wi-friend:hover,.wi-friend.selected{border-color:#a4ac90;background:#e7eddb}.wi-friend:hover .wi-friend-float{animation-play-state:paused}.wi-friend .wi-character{pointer-events:none}.wi-friend{padding:3%}
@keyframes wi-idle{0%,100%{transform:translateY(2%) rotate(-3deg)}50%{transform:translateY(-3%) rotate(3deg)}}
@keyframes wi-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}
@keyframes wi-boop{0%,100%{transform:scale(1)}25%{transform:translateY(5%) scale(1.08,.88)}55%{transform:translateY(-9%) scale(.94,1.08)}80%{transform:translateY(1%) scale(1.03,.97)}}
@keyframes wi-friend-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5%) rotate(2deg)}}
@media(min-width:761px){.hero-title .wi-playground{top:85px;right:9%;width:clamp(210px,20vw,310px);height:clamp(210px,20vw,310px)}.hero-title{min-height:400px}.hero h1{z-index:6}}
@media(max-width:760px){.hero{background:var(--bg)}.hero-title{min-height:440px}.hero-title .wi-playground{width:180px;height:180px;top:210px;right:calc(50% - 90px)}.wi-label{font-size:7px;right:-15px;bottom:-8px;padding:9px 10px}.wi-friend{width:29%;padding:3%}.wi-open .wi-friend{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--angle))}}
@media(prefers-reduced-motion:reduce){.mascot-portal.wi-playground{background:#f7f6f3}.wi-playground *, .wi-playground *:before{animation:none!important;transition:none!important}}

@media(min-width:761px){.hero{min-height:1060px;max-height:none;height:auto}.hero-title{min-height:550px}.hero-title .wi-playground{top:290px;width:230px;height:230px;right:13%}}
/* A balanced hero and a colourful cast representing the studio team. */
.wi-main{padding:10%}.wi-friend{width:34%;padding:1%;background:transparent;border:0}.wi-friend:hover,.wi-friend.selected{background:transparent;border:0}.wi-reaction{display:block;width:100%;height:100%}.wi-open .wi-friend-float{animation-duration:var(--duration);animation-delay:var(--delay)}.wi-label{font-size:8px;letter-spacing:.065em;bottom:-7px;right:-12px;padding:12px 14px}.wi-label>span{font-size:16px}
@media(min-width:761px){.hero{min-height:860px;height:100svh;max-height:1150px}.hero-title{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:6%;min-height:470px;margin-top:25px;padding:70px 0}.hero h1{font-size:clamp(64px,7vw,112px);z-index:3}.hero-title .wi-playground{position:relative;top:auto;right:auto;width:clamp(230px,23vw,340px);height:clamp(230px,23vw,340px);justify-self:center}.hero-bottom{margin-top:15px;margin-bottom:40px}}
@media(min-width:761px) and (max-width:1000px){.hero h1{font-size:6.9vw}.hero-title{gap:4%;grid-template-columns:1.4fr 1fr}.hero-title .wi-playground{width:220px;height:220px}}
@media(max-width:760px){.hero-title{min-height:470px}.hero-title .wi-playground{width:200px;height:200px;top:225px;right:calc(50% - 100px)}.wi-friend{width:34%;padding:1%}.wi-label{font-size:7px;padding:10px 12px;right:-12px;bottom:-8px}}
@media(max-width:360px){.hero-title .wi-playground{width:175px;height:175px;right:calc(50% - 87.5px)}.hero-title{min-height:450px}}
/* Compact mascot tag: SVG icons remain consistent on mobile. */
.wi-playground .wi-label{left:50%;right:auto;bottom:-13px;transform:translateX(-50%);width:max-content;max-width:125%;white-space:nowrap;background:#e8eddd;color:#171817;border:1px solid #d5dbc8;border-radius:100px;padding:11px 15px;font-size:8px;line-height:1.4;gap:12px;letter-spacing:.06em;align-items:center}.wi-label svg{width:16px;height:16px;flex:none}.hero-location{display:flex;gap:7px;align-items:center}.hero-location svg{width:12px;height:12px}footer>div a{display:flex;gap:6px;align-items:center}footer>div a svg{width:12px;height:12px}
/* React Bits Bubble Menu, adapted to the Qawi Studio section map. */
.studio-menu-toggle{position:fixed;z-index:70;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));width:58px;height:58px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;background:#1c1e1bd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f3f3eb;transition:background .25s,color .25s,transform .25s}.studio-menu-toggle:hover,.studio-menu-toggle:focus-visible{background:var(--lime);color:var(--bg);transform:scale(1.05)}.studio-menu-toggle svg{width:30px;height:30px;transition:transform .35s}.studio-menu-toggle svg.is-cross{transform:rotate(45deg)}.studio-menu-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;color:var(--text);background:#101110f2;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.studio-menu-dialog::backdrop{background:#0009}.bubble-menu-content{width:min(1380px,100%);min-height:100%;margin:auto;padding:clamp(24px,5vw,64px) clamp(22px,5vw,72px) 112px;display:flex;flex-direction:column}.bubble-menu-brand{display:flex;align-items:center;gap:8px;width:max-content;color:var(--text);font:700 19px Manrope,sans-serif;letter-spacing:-.055em}.bubble-menu-brand>span:nth-child(2)>span{font-weight:400}.bubble-brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#101110;font-size:20px}.bubble-menu-brand small{margin-left:14px;padding-left:17px;border-left:1px solid #ffffff30;color:var(--muted);font:8px 'DM Sans',sans-serif;letter-spacing:.12em}.bubble-menu-grid{width:100%;max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,24px);align-content:center}.bubble-menu-link{position:relative;min-height:clamp(112px,14vw,190px);border-radius:999px;background:#f3f2ed;color:#151614;display:flex;align-items:center;justify-content:center;padding:18px 18px;text-decoration:none;overflow:hidden;box-shadow:0 4px 18px #0002;transform:rotate(var(--bubble-rotation));transition:background-color .28s,color .28s,transform .3s cubic-bezier(.2,.8,.2,1.3),box-shadow .28s;will-change:transform}.bubble-menu-link:hover,.bubble-menu-link:focus-visible,.bubble-menu-link[aria-current="location"]{background:var(--bubble-hover);color:#151614;transform:rotate(0deg) scale(1.045);box-shadow:0 10px 35px #0004;outline:none}.bubble-menu-label{display:flex;align-items:baseline;gap:10px;font:500 clamp(20px,3vw,38px)/1 Manrope,sans-serif;letter-spacing:-.065em;white-space:nowrap;transition:transform .3s}.bubble-menu-label small{font:500 9px 'DM Sans',sans-serif;letter-spacing:.04em;opacity:.55}.bubble-menu-link>svg{position:absolute;right:22px;top:20px;width:17px;height:17px;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.bubble-menu-link:hover>svg,.bubble-menu-link:focus-visible>svg,.bubble-menu-link[aria-current="location"]>svg{opacity:.8;transform:none}.bubble-menu-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff25;padding-top:18px;color:#a9ac9f;font-size:8px;letter-spacing:.1em}.studio-menu-close{z-index:1}.studio-menu-close:hover,.studio-menu-close:focus-visible{background:var(--lime);color:#111}.studio-menu-dialog[open] .bubble-menu-link{animation:bubble-menu-enter .52s both;animation-delay:var(--bubble-delay)}.studio-menu-toggle.menu-is-open{visibility:hidden}
@keyframes bubble-menu-enter{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@media(max-width:760px){.studio-menu-toggle{width:52px;height:52px;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.bubble-menu-content{padding:25px 18px 95px}.bubble-menu-brand{font-size:16px}.bubble-brand-mark{width:27px;height:27px}.bubble-menu-brand small{font-size:7px;margin-left:7px;padding-left:9px}.bubble-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:35px auto 28px}.bubble-menu-link{min-height:clamp(76px,22vw,118px);padding:13px 10px;transform:rotate(0)}.bubble-menu-label{font-size:clamp(18px,5.8vw,28px);gap:7px}.bubble-menu-label small{font-size:8px}.bubble-menu-link>svg{right:13px;top:12px;width:14px;height:14px}.bubble-menu-footer{font-size:7px;letter-spacing:.07em;line-height:1.5}.bubble-menu-footer span:last-child{display:none}.studio-menu-close{right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.bubble-menu-content{padding-inline:13px}.bubble-menu-grid{gap:9px}.bubble-menu-link{min-height:78px}.bubble-menu-label{font-size:18px;gap:5px}.bubble-menu-label small{font-size:7px}}
@media(hover:none){.bubble-menu-link:active{background:var(--bubble-hover);transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.studio-menu-dialog[open] .bubble-menu-link{animation:none}.bubble-menu-link,.studio-menu-toggle svg{transition:none}}

/* Refined Bubble Menu: a soft glass veil with compact, playfully layered pills. */
.studio-menu-dialog{background:transparent;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.studio-menu-dialog::backdrop{background:rgba(8,9,8,.45);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}.bubble-menu-content{position:relative;width:min(980px,100%);height:100dvh;min-height:0;margin:auto;padding:clamp(25px,5vh,58px) clamp(20px,5vw,62px) calc(100px + env(safe-area-inset-bottom));background:transparent}.bubble-menu-brand{position:absolute;left:clamp(20px,5vw,62px);top:clamp(22px,4vh,46px);gap:7px;font-size:16px}.bubble-brand-mark{width:27px;height:27px;font-size:18px}.bubble-menu-brand small{font-size:7px;letter-spacing:.1em;margin-left:9px;padding-left:11px}.bubble-menu-grid{width:min(760px,100%);max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:auto;align-content:center}.bubble-menu-link{width:calc(100% + 16px);min-height:clamp(72px,10vh,104px);margin-bottom:-10px;padding:12px 15px;border:1px solid rgba(25,25,22,.1);box-shadow:0 9px 25px rgba(0,0,0,.16);transform:translate(var(--bubble-x,0),var(--bubble-y,0)) rotate(var(--bubble-rotation));transition:background-color .36s,color .36s,transform .4s cubic-bezier(.2,.8,.25,1.18),box-shadow .36s;z-index:1}.bubble-menu-link:nth-child(3n+1){--bubble-x:5px;--bubble-y:3px}.bubble-menu-link:nth-child(3n+2){--bubble-x:-6px;--bubble-y:-3px}.bubble-menu-link:nth-child(3n){--bubble-x:1px;--bubble-y:6px}.bubble-menu-link:nth-child(4n){--bubble-rotation:-5deg}.bubble-menu-link:nth-child(4n+1){--bubble-rotation:3deg}.bubble-menu-link:nth-child(4n+2){--bubble-rotation:-2deg}.bubble-menu-link:nth-child(4n+3){--bubble-rotation:5deg}.bubble-menu-link:nth-child(7){grid-column:1/2;transform:translate(52%,var(--bubble-y,0)) rotate(var(--bubble-rotation))}.bubble-menu-link:nth-child(8){grid-column:2/3;transform:translate(42%,var(--bubble-y,0)) rotate(var(--bubble-rotation))}.bubble-menu-link:hover,.bubble-menu-link:focus-visible,.bubble-menu-link[aria-current="location"]{transform:translate(var(--bubble-x,0),calc(var(--bubble-y,0) - 3px)) rotate(0) scale(1.06);box-shadow:0 15px 34px rgba(0,0,0,.24);z-index:3}.bubble-menu-link:nth-child(7):hover,.bubble-menu-link:nth-child(7):focus-visible,.bubble-menu-link:nth-child(7)[aria-current="location"]{transform:translate(52%,calc(var(--bubble-y,0) - 3px)) scale(1.06)}.bubble-menu-link:nth-child(8):hover,.bubble-menu-link:nth-child(8):focus-visible,.bubble-menu-link:nth-child(8)[aria-current="location"]{transform:translate(42%,calc(var(--bubble-y,0) - 3px)) scale(1.06)}.bubble-menu-label{gap:9px;font:550 clamp(19px,2.3vw,30px)/1.05 Manrope,sans-serif;letter-spacing:-.065em}.bubble-menu-label small{font-size:8px;opacity:.48}.bubble-menu-link>svg{right:17px;top:15px;width:15px;height:15px}.bubble-menu-footer{position:absolute;bottom:clamp(26px,5vh,52px);left:clamp(20px,5vw,62px);right:clamp(20px,5vw,62px);padding-top:13px;font-size:7px;letter-spacing:.11em}.studio-menu-dialog[open] .bubble-menu-link{animation:none}.studio-menu-close{z-index:5}.studio-menu-toggle.menu-is-open{visibility:hidden}
@media(max-width:760px){.bubble-menu-content{width:100%;padding:86px 17px calc(88px + env(safe-area-inset-bottom));}.bubble-menu-brand{left:19px;top:20px;font-size:14px}.bubble-brand-mark{width:24px;height:24px;font-size:16px}.bubble-menu-brand small{font-size:6px;margin-left:6px;padding-left:8px}.bubble-menu-grid{width:min(490px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:auto}.bubble-menu-link{width:calc(100% + 10px);min-height:clamp(61px,10vh,78px);margin-bottom:-8px;padding:10px 11px}.bubble-menu-link:nth-child(2n+1){--bubble-x:4px;--bubble-y:2px}.bubble-menu-link:nth-child(2n){--bubble-x:-5px;--bubble-y:-3px}.bubble-menu-link:nth-child(4n+1){--bubble-rotation:3deg}.bubble-menu-link:nth-child(4n+2){--bubble-rotation:-3deg}.bubble-menu-link:nth-child(4n+3){--bubble-rotation:-4deg}.bubble-menu-link:nth-child(4n){--bubble-rotation:4deg}.bubble-menu-link:nth-child(7),.bubble-menu-link:nth-child(8){grid-column:auto;transform:translate(var(--bubble-x,0),var(--bubble-y,0)) rotate(var(--bubble-rotation))}.bubble-menu-link:nth-child(7):hover,.bubble-menu-link:nth-child(7):focus-visible,.bubble-menu-link:nth-child(7)[aria-current="location"],.bubble-menu-link:nth-child(8):hover,.bubble-menu-link:nth-child(8):focus-visible,.bubble-menu-link:nth-child(8)[aria-current="location"]{transform:translate(var(--bubble-x,0),calc(var(--bubble-y,0) - 3px)) scale(1.04)}.bubble-menu-label{font-size:clamp(16px,5vw,22px);gap:6px}.bubble-menu-label small{font-size:7px}.bubble-menu-link>svg{right:12px;top:11px;width:13px;height:13px}.bubble-menu-footer{left:19px;right:19px;bottom:calc(19px + env(safe-area-inset-bottom));font-size:6px;letter-spacing:.07em}.studio-menu-close{right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.bubble-menu-content{padding-left:12px;padding-right:12px}.bubble-menu-link{min-height:60px;padding:8px 8px}.bubble-menu-label{font-size:15px;gap:5px}.bubble-menu-label small{font-size:6px}.bubble-menu-grid{width:min(360px,100%)}}
@media(prefers-reduced-motion:reduce){.bubble-menu-link{transition:none!important}.studio-menu-dialog[open] .bubble-menu-link{animation:none}}
/* Keep the pills compact enough to read as a playful cluster. */
.bubble-menu-link{width:calc(100% + 6px);max-width:238px;min-height:clamp(82px,9vh,100px);margin-bottom:-17px;justify-self:center}
@media(max-width:760px){.bubble-menu-link{width:calc(100% + 4px);max-width:218px;min-height:clamp(60px,9vh,74px);margin-bottom:-12px}}
@media(max-width:360px){.bubble-menu-link{width:100%;min-height:58px;margin-bottom:-9px}}

/* Match the menu lockup to Qawi Studio’s main wordmark and mascot. */
.bubble-menu-brand{font-size:25px;gap:10px;letter-spacing:-1px}.bubble-brand-mark{width:39px;height:36px;flex:none;border-radius:0;background:transparent;color:var(--lime);font-size:0}.bubble-brand-mark .wi-character{width:100%;height:100%;color:var(--lime)}.bubble-menu-brand .bubble-wordmark{font-weight:750}.bubble-menu-brand .bubble-wordmark .brand-light{font-weight:400}.bubble-menu-brand sup{font:9px 'DM Sans',sans-serif;vertical-align:top;display:inline-block;margin:3px 0 0 3px}
@media(max-width:760px){.bubble-menu-brand{font-size:23px;gap:9px}.bubble-brand-mark{width:35px;height:33px}.bubble-menu-brand small{display:none}.wi-playground .wi-label{display:none}}