:root{--background:#f7f3ec;--surface:#fff;--text:#121212;--muted:#6f6a61;--accent:#e85d04;--accent-dark:#bf4700;--dark:#111;--border:#1212121f;--shadow:0 24px 70px #231a121c;--shadow-hover:0 26px 64px #231a1221;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--motion-fast:.18s;--motion:.36s;--motion-slow:.56s;--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}html[data-theme=dark]{--background:#0e0e0d;--surface:#191918;--text:#f7f3ec;--muted:#aaa49a;--border:#ffffff1f;--shadow:0 24px 70px #00000057;--shadow-hover:0 26px 64px #0000006b}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;transition:background-color .28s,color .28s}body.menu-open,body.quiz-modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:where(a,button){outline:none}:where(a,button):focus-visible{outline-offset:5px;outline:3px solid #e85d0442}img,svg{display:block}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.skip-link{z-index:1000;background:var(--dark);color:#fff;border-radius:8px;padding:10px 16px;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#f7f3ece0;border-bottom:1px solid #0000;width:100%;transition:background-color .28s,border-color .28s,box-shadow .28s;position:fixed;top:0;left:0}html[data-theme=dark] .site-header{background-color:#0e0e0de0}.site-header.scrolled{border-color:var(--border);box-shadow:0 6px 28px #231a120d}.header-inner{align-items:center;height:80px;display:flex}.logo{color:var(--text);letter-spacing:-.055em;transition:color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;align-items:center;gap:12px;font-family:Sora,sans-serif;font-size:18px;font-weight:700;display:inline-flex}.logo:hover{transform:translateY(-1px)}.logo-mark{width:43px;height:43px;transition:transform var(--motion) var(--ease-spring);will-change:transform;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.logo-mark img{object-fit:contain;border-radius:50%;width:100%;height:100%}.logo-mark-dark{display:none}.logo:hover .logo-mark{transform:scale(1.04)}.logo-wordmark{object-fit:contain;width:auto;height:35px}.logo-type{color:var(--text);letter-spacing:-.055em;align-items:baseline;font-family:Sora,sans-serif;font-size:21px;line-height:1;display:inline-flex}.logo-type strong{font-weight:700}.logo-type span{margin-left:4px;font-weight:500}html[data-theme=dark] .logo-mark-light{display:none}html[data-theme=dark] .logo-mark-dark{filter:invert();display:block}.desktop-nav{background:#ffffff7a;border:1px solid #12121214;border-radius:999px;align-items:center;gap:4px;margin-left:auto;margin-right:16px;padding:5px;transition:background-color .28s,border-color .28s,box-shadow .28s;display:flex;box-shadow:inset 0 1px #ffffffb8,0 12px 34px #231a120d}.desktop-nav a{color:#4e4a44;letter-spacing:-.01em;min-height:36px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, box-shadow var(--motion) ease, transform var(--motion) var(--ease-out);will-change:transform;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.desktop-nav a:hover{color:var(--text);background:#ffffffc7;transform:translateY(-1px);box-shadow:0 8px 20px #231a120f}.desktop-nav a:after{display:none}.desktop-nav a[aria-current=page]{background:var(--dark);color:#fff;box-shadow:0 10px 24px #1212121f,inset 0 1px #ffffff26}.header-preferences{align-items:center;gap:7px;margin-right:10px;display:flex}.language-trigger,.theme-toggle{border:1px solid var(--border);height:42px;color:var(--text);background:#ffffff8a;border-radius:999px;justify-content:center;align-items:center;transition:background-color .28s,border-color .28s,color .28s,box-shadow .28s;display:inline-flex;box-shadow:inset 0 1px #ffffffa3}.language-menu{position:relative}.language-trigger{cursor:pointer;gap:5px;min-width:94px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:800}.language-trigger svg,.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.language-trigger span{line-height:1}.language-trigger i{width:7px;height:7px;transition:transform var(--motion-fast) ease;border-bottom:1.8px solid;border-right:1.8px solid;margin-top:-3px;transform:rotate(45deg)}.language-menu.open .language-trigger i{margin-top:3px;transform:rotate(225deg)}.language-popover{z-index:120;opacity:0;pointer-events:none;transform-origin:top;width:218px;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #1212121a;border-radius:20px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-6px)scale(.98);box-shadow:0 26px 70px #231a1229,inset 0 1px #ffffffb8}.language-menu.open .language-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.language-option{color:#4e4a44;cursor:pointer;text-align:left;min-height:58px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;background:0 0;border:0;border-radius:14px;grid-template-columns:38px 1fr;grid-template-areas:"code native""code label";align-items:center;gap:1px 12px;padding:10px 12px;font-family:inherit;display:grid}.language-option:hover{color:var(--text);background:#f7f3ece6;transform:translateY(-1px)}.language-option[aria-selected=true]{background:var(--dark);color:#fff}.language-option span{background:#12121212;border-radius:50%;grid-area:code;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.language-option[aria-selected=true] span{background:#ffffff29}.language-option strong{grid-area:native;font-size:13px;font-weight:800;line-height:1.2}.language-option small{color:var(--muted);grid-area:label;font-size:11px;font-weight:700;line-height:1.2}.language-option[aria-selected=true] small{color:#ffffffad}.theme-toggle{cursor:pointer;width:42px;padding:0}.language-trigger:hover,.theme-toggle:hover{color:var(--accent);border-color:#e85d045c}html[data-theme=dark] .desktop-nav,html[data-theme=dark] .language-trigger,html[data-theme=dark] .theme-toggle{background:#ffffff0e;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f}html[data-theme=dark] .language-popover{background:#181817f0;border-color:#ffffff1f;box-shadow:0 26px 70px #0000005c,inset 0 1px #ffffff14}html[data-theme=dark] .language-option{color:var(--muted)}html[data-theme=dark] .language-option:hover{color:var(--text);background:#ffffff14}html[data-theme=dark] .language-option[aria-selected=true]{color:#111;background:#f7f3ec}html[data-theme=dark] .language-option span{background:#ffffff1a}html[data-theme=dark] .language-option[aria-selected=true] span{background:#12121214}html[data-theme=dark] .language-option[aria-selected=true] small{color:#12121294}html[data-theme=dark] .desktop-nav a{color:var(--muted)}html[data-theme=dark] .desktop-nav a:hover{color:var(--text);background:#ffffff14}html[data-theme=dark] .desktop-nav a[aria-current=page]{color:#111;background:#f7f3ec}.button{--button-bg:linear-gradient(180deg, #ffd4a038, transparent 46%), linear-gradient(180deg, #ff7a1a 0%, #f2600d 100%);--button-fg:#fff;--button-border:#fff4e86b;--button-border-hover:#fff7eeb8;--button-gloss:#fff3;--button-halo:#ff852647;--button-halo-soft:#ff85261f;--button-shadow:0 14px 30px #ee560940, inset 0 1px 0 #ffffff57, inset 0 -8px 16px #7a24001a;--button-shadow-hover:0 18px 42px #ee56094d, 0 0 0 6px #ff7a1a12, inset 0 1px 0 #ffffff61, inset 0 -8px 16px #7a24001a;border:1px solid var(--button-border);background:var(--button-bg);min-height:52px;color:var(--button-fg);box-shadow:var(--button-shadow);isolation:isolate;text-shadow:0 1px 10px #5c200024;transition:transform .42s var(--ease-out), border-color var(--motion-fast) ease, box-shadow .42s ease;will-change:transform;border-radius:100px;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:visible}.button:before{border-radius:inherit;background:radial-gradient(circle at center, var(--button-halo), var(--button-halo-soft) 44%, transparent 72%);content:"";opacity:0;z-index:-1;transition:none;position:absolute;inset:-8px;transform:scale(.88)}.button:after{border-radius:inherit;background:linear-gradient(180deg, var(--button-gloss), transparent 46%);content:"";opacity:.56;pointer-events:none;z-index:0;border:1px solid #ffffff29;transition:opacity .42s;position:absolute;inset:1px}.button:hover{border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover);transform:translateY(-2px)scale(1.012)}.button:hover:before{animation:button-halo-pulse .72s var(--ease-out) both}.button:hover:after{opacity:.76}.button:active{transform:translateY(-1px)scale(1.004)}.button svg{z-index:1;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px;transition:transform var(--motion) var(--ease-out);margin-left:9px;position:relative}.button:hover svg{animation:button-arrow-nudge .58s var(--ease-out) both}.button-small{min-height:44px;padding-inline:20px}.button-primary{--button-bg:linear-gradient(180deg, #ffd4a038, transparent 46%), linear-gradient(180deg, #ff7a1a 0%, #f2600d 100%);--button-fg:#fff;--button-border:#fff4e86b;--button-border-hover:#fff7eeb8;--button-halo:#ff852647;--button-halo-soft:#ff85261f;--button-shadow:0 14px 30px #ee560940, inset 0 1px 0 #ffffff57, inset 0 -8px 16px #7a24001a;--button-shadow-hover:0 18px 42px #ee56094d, 0 0 0 6px #ff7a1a12, inset 0 1px 0 #ffffff61, inset 0 -8px 16px #7a24001a}.button-primary:hover{background:var(--button-bg)}@keyframes button-halo-pulse{0%{opacity:0;transform:scale(.88)}42%{opacity:1;transform:scale(1)}to{opacity:.34;transform:scale(1.1)}}@keyframes button-arrow-nudge{0%{transform:translate(0)}45%{transform:translate(6px)}to{transform:translate(3px)}}.button-dark{--button-bg:linear-gradient(180deg, #ffffff1f, transparent 48%), linear-gradient(180deg, #1b1b1b 0%, #0f0f0f 100%);--button-fg:#fff;--button-border:#ffffff14;--button-border-hover:#fff3;--button-gloss:#ffffff1f;--button-halo:#12121238;--button-halo-soft:#1212121a;--button-shadow:0 12px 28px #1212122e, inset 0 1px 0 #ffffff24;--button-shadow-hover:0 18px 40px #1212123d, 0 0 0 6px #1212120f, inset 0 1px 0 #ffffff2e}.button-dark:hover{background:var(--button-bg)}.button-secondary{--button-bg:linear-gradient(180deg, #fffffff0, #fffcf7d1);--button-fg:var(--dark);--button-border:#1212121a;--button-border-hover:#1212122e;--button-gloss:#ffffffb3;--button-halo:transparent;--button-halo-soft:transparent;--button-shadow:0 10px 24px #231a120f, inset 0 1px 0 #ffffffb8;--button-shadow-hover:0 14px 28px #231a1217, inset 0 1px 0 #ffffffd6, inset 0 -2px 0 #12121214;text-shadow:none}.button-secondary:before{display:none}.button-secondary:after{opacity:.9;transition:background-size .48s var(--ease-out), opacity .28s ease;background:linear-gradient(90deg,#0000,#1212120e,#0000) 0 100%/0% 1px no-repeat,linear-gradient(#ffffffbd,#0000 46%);border:1px solid #1212120b;inset:2px}.button-secondary:hover{background:var(--button-bg)}.button-secondary:hover:after{opacity:1;background-size:100% 1px,auto}.button-light{--button-bg:linear-gradient(180deg, #fffffffa, #fffaf4e6);--button-fg:var(--dark);--button-border:#ffffff9e;--button-border-hover:#ffffffeb;--button-gloss:#ffffff94;--button-halo:#ffffff38;--button-halo-soft:#ffffff1a;--button-shadow:0 12px 28px #00000029, inset 0 1px 0 #ffffffd1;--button-shadow-hover:0 18px 40px #0003, 0 0 0 6px #ffffff14, inset 0 1px 0 #ffffffeb;text-shadow:none;margin-top:26px}.button-light:hover{background:var(--button-bg)}.button-full{width:100%}.menu-toggle,.mobile-nav{display:none}.hero{padding:174px 0 0;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";background:#1212120f;width:1px;height:590px;position:absolute;top:80px;left:50%}.hero-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;min-height:540px;display:grid}.eyebrow,.section-label{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.eyebrow-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #e85d041f}h1,h2,h3{letter-spacing:-.055em;margin-top:0;font-family:Sora,sans-serif;line-height:1.08}h1{max-width:650px;margin-bottom:26px;font-size:clamp(48px,5.5vw,78px);font-weight:600}h1 span{color:var(--accent)}.hero-lead{max-width:570px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{gap:12px;margin-top:34px;display:flex}.trust-line{color:var(--muted);align-items:center;gap:8px;margin:30px 0 0;font-size:12px;display:flex}.trust-line svg{fill:none;width:17px;height:17px;stroke:var(--accent);stroke-width:1.6px}.trust-line span{color:#bbb3a7}.hero-visual{min-width:0;padding:40px 18px 46px 30px;position:relative}.browser-window{box-shadow:var(--shadow);background:#fff;border:1px solid #1212121f;border-radius:14px;overflow:hidden}.hero-browser{z-index:2;transition:transform var(--motion-slow) var(--ease-out), box-shadow var(--motion) ease;position:relative;transform:rotate(1.5deg)}.hero-visual:hover .hero-browser{transform:rotate(0)translateY(-2px)}.browser-bar{background:#fafafa;border-bottom:1px solid #ece9e4;align-items:center;height:39px;padding:0 14px;display:flex;position:relative}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#d2cdc6;border-radius:50%;width:7px;height:7px}.browser-address{color:#918b83;font-size:9px;position:absolute;left:50%;transform:translate(-50%)}.demo-site{background:#d8b894 linear-gradient(130deg,#11111117,#0000 55%);min-height:425px}.demo-nav{justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.demo-logo{font-family:Sora,sans-serif;font-size:15px;font-weight:700}.demo-nav>div{gap:14px;display:flex}.demo-nav i{background:#1212128c;width:26px;height:2px;display:block}.demo-hero{padding:47px 37px}.demo-hero p{letter-spacing:.18em;margin:0 0 14px;font-size:8px;font-weight:600}.demo-hero h2{margin-bottom:25px;font-size:clamp(34px,4vw,54px)}.demo-hero span{background:var(--dark);color:#fff;border-radius:100px;align-items:center;min-height:35px;padding:0 15px;font-size:9px;font-style:normal;font-weight:600;display:inline-flex}.demo-bottom{gap:40px;padding:0 37px 25px;display:flex}.demo-bottom div{display:grid}.demo-bottom strong{font-family:Sora,sans-serif;font-size:17px}.demo-bottom small{color:#121212a3;font-size:8px}.hero-shape{background:var(--accent);border-radius:50%;position:absolute}.hero-shape-one{opacity:.15;width:180px;height:180px;top:0;right:-55px}.hero-shape-two{opacity:.8;width:80px;height:80px;bottom:0;right:40px}.floating-card{z-index:3;color:#121212;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #12121214;border-radius:13px;align-items:center;display:flex;position:absolute;box-shadow:0 16px 38px #231a1224}.floating-card-rating{gap:10px;padding:12px 17px;bottom:17px;left:0}.floating-card .star{color:var(--accent);font-size:22px}.floating-card div{line-height:1.2;display:grid}.floating-card strong{color:#121212;font-family:Sora,sans-serif;font-size:13px}.floating-card small{color:#756d63;margin-top:3px;font-size:8px}.floating-card-mobile{gap:8px;padding:11px 14px;font-size:10px;font-weight:600;top:18px;right:0}.floating-card-mobile svg{fill:none;width:16px;stroke:var(--accent);stroke-width:1.7px}html[data-theme=dark] .floating-card{color:#121212;background:#fffffff5;border-color:#ffffff29;box-shadow:0 18px 44px #00000057}html[data-theme=dark] .floating-card strong,html[data-theme=dark] .floating-card-mobile span{color:#121212}html[data-theme=dark] .floating-card small{color:#756d63}.hero-proof{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:60px;padding:28px 0;display:flex}.hero-proof p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.proof-list{align-items:center;gap:clamp(24px,4vw,56px);display:flex}.proof-list span{color:#625d55;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.page-hero{padding:170px 0 88px}.page-hero-inner{grid-template-columns:1fr .56fr;align-items:end;gap:70px;display:grid}.page-hero h1{max-width:820px;margin-bottom:0;font-size:clamp(46px,6vw,76px)}.page-hero-copy p{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.page-hero-copy .hero-actions{margin-top:30px}.section{padding:130px 0}.work-page-hero{padding:162px 0 44px;position:relative;overflow:hidden}.work-hero-copy{max-width:900px}.work-hero-copy h1{letter-spacing:-.075em;max-width:850px;margin:0;font-size:clamp(54px,7.2vw,92px);font-weight:600;line-height:.96}.work-hero-copy>p:not(.section-label){max-width:620px;color:var(--muted);margin:30px 0 0;font-size:18px;line-height:1.8}.work-page-section{padding-top:42px}.work-toolbar{border-bottom:1px solid var(--border);background:#ffffff80;border:1px solid #12121214;border-radius:26px;flex-wrap:wrap;gap:12px;margin-bottom:56px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffffad,0 18px 48px #231a120f}.work-filter-button{color:#625d55;cursor:pointer;min-height:52px;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion) ease, color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;background:#fff9;border:1px solid #12121217;border-radius:999px;align-items:center;gap:11px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.work-filter-button:hover{color:var(--text);background:#ffffffdb;border-color:#12121224;transform:translateY(-1px);box-shadow:0 12px 24px #231a1214}.work-filter-button:active{transform:translateY(0)}.work-filter-button[aria-pressed=true]{border-color:var(--dark);background:var(--dark);color:#fff;box-shadow:0 14px 30px #12121229,inset 0 1px #ffffff29}.work-filter-button small{color:currentColor;background:#12121214;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.work-filter-button[aria-pressed=true] small{background:#ffffff29}.section-heading{grid-template-columns:1fr .66fr;align-items:end;gap:70px;margin-bottom:60px;display:grid}.section-heading h1,.section-heading h2,.process-copy h2,.contact-card h2{margin:0;font-size:clamp(38px,5vw,60px);font-weight:600}.section-heading .section-label{margin-bottom:18px}.section-intro{color:var(--muted);margin:0 0 5px;font-size:16px;line-height:1.8}.website-plan-section{padding-top:20px}.plan-intro-section{padding-top:70px}.plan-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan-benefit-card{border:1px solid var(--border);min-height:220px;box-shadow:var(--shadow);background:#ffffff8f;border-radius:22px;padding:30px}.plan-benefit-card>span{width:42px;height:42px;color:var(--accent);border:1px solid #e85d043d;border-radius:50%;place-items:center;margin-bottom:38px;font-family:Sora,sans-serif;font-size:11px;font-weight:700;display:grid}.plan-benefit-card h3{margin-bottom:11px;font-size:20px}.plan-benefit-card p{color:var(--muted);margin:0;font-size:14px}.plan-open-row{justify-content:center;margin-top:36px;display:flex}.quiz-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505b8;place-items:center;padding:18px;animation:.24s both modal-fade-in;display:grid;position:fixed;inset:0}.quiz-modal{border:1px solid var(--border);background:var(--background);width:min(1420px,100%);height:min(900px,100vh - 36px);animation:modal-rise-in .34s var(--ease-out) both;border-radius:28px;grid-template-rows:auto 1fr;display:grid;overflow:hidden;box-shadow:0 36px 110px #0000006b}.quiz-modal-header{border-bottom:1px solid var(--border);background:#ffffff7a;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:10px 16px 10px 20px;display:flex}.quiz-modal-header>div{align-items:center;gap:10px;display:flex}.quiz-modal-header .logo-mark{width:36px;height:36px}.quiz-modal-header strong{font-family:Sora,sans-serif;font-size:14px}.quiz-modal-header button{border:1px solid var(--border);min-height:42px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.quiz-modal-header button:hover{color:var(--accent);border-color:#e85d0457}.quiz-modal-header button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:17px;height:17px}.quiz-modal-scroll{padding:clamp(16px,3vw,34px);overflow-y:auto}.quiz-modal .website-plan-quiz{width:min(1260px,100%);margin-inline:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.website-plan-quiz{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.quiz-sidebar,.quiz-card,.quiz-summary{box-shadow:var(--shadow);background:#ffffff94;border:1px solid #12121217;border-radius:26px}.quiz-sidebar{padding:26px;position:sticky;top:106px}.quiz-sidebar h2{letter-spacing:-.055em;margin:0;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.05}.quiz-progress{margin-top:28px}.quiz-progress div{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:18px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.quiz-progress{display:block}.quiz-progress i{background:var(--accent);height:8px;transition:width var(--motion) var(--ease-out);border-radius:999px;display:block;box-shadow:0 8px 20px #e85d0438}.quiz-progress:after{content:"";background:#12121214;border-radius:999px;width:100%;height:8px;margin-top:-8px;display:block}.quiz-step-list{gap:6px;margin:28px 0 0;padding:0;list-style:none;display:grid}.quiz-step-list button{color:#625d55;cursor:pointer;text-align:left;width:100%;min-height:42px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.quiz-step-list strong{font:inherit;flex:1}.quiz-step-list span{color:var(--accent);font-family:Sora,sans-serif;font-size:10px;font-weight:700}.quiz-step-list em{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;background:#e85d041a;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.quiz-step-list li.done button{color:var(--text);background:#ffffff8f}.quiz-step-list li.done em{display:none}.quiz-step-list li.active button{background:var(--dark);color:#fff}.quiz-step-list li.active span{color:#fff}.quiz-step-list li.active em{display:none}.quiz-main{gap:24px;display:grid}.quiz-card{padding:clamp(24px,4vw,44px)}.quiz-card-heading{max-width:760px;margin-bottom:30px}.quiz-card-heading p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.quiz-card-heading h3{letter-spacing:-.06em;margin:0;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.04}.quiz-card-heading span{max-width:620px;color:var(--muted);margin-top:16px;line-height:1.7;display:block}.quiz-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-choice{color:#4e4a44;cursor:pointer;text-align:left;min-height:58px;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion) ease, color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;background:#ffffff9e;border:1px solid #12121217;border-radius:18px;justify-content:flex-start;align-items:center;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;display:flex}.quiz-choice:hover{color:var(--text);background:#ffffffe0;border-color:#e85d0447;transform:translateY(-1px);box-shadow:0 12px 26px #231a1214}.quiz-choice[aria-pressed=true]{border-color:var(--dark);background:var(--dark);color:#fff;box-shadow:0 14px 30px #12121229}.quiz-choice-grid .quiz-choice:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,50% - 6px)}.quiz-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quiz-field{gap:8px;margin-top:18px;display:grid}.quiz-field-grid .quiz-field{margin-top:0}.quiz-field-wide{grid-column:1/-1}.quiz-field span{color:var(--text);font-size:12px;font-weight:700}.quiz-field input,.quiz-field textarea{width:100%;color:var(--text);font:inherit;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background-color var(--motion-fast) ease;background:#ffffffa8;border:1px solid #1212121a;border-radius:16px;outline:none;font-size:14px}.quiz-field input{height:52px;padding:0 16px}.quiz-field textarea{resize:vertical;min-height:132px;padding:15px 16px}.quiz-field input:focus,.quiz-field textarea:focus{background:#fff;border-color:#e85d0473;box-shadow:0 0 0 4px #e85d041a}.quiz-hint{color:var(--accent);margin:18px 0 0;font-size:13px;font-weight:700}.quiz-missing-panel{background:#e85d0412;border:1px solid #e85d0433;border-radius:18px;margin-top:18px;padding:16px}.quiz-missing-panel span{color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:800;display:block}.quiz-missing-panel div{flex-wrap:wrap;gap:8px;display:flex}.quiz-missing-panel button{min-height:34px;color:var(--accent);cursor:pointer;background:#ffffffa8;border:1px solid #e85d0438;border-radius:999px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:800}.quiz-consent{color:var(--muted);cursor:pointer;transition:border-color var(--motion) ease, background-color var(--motion) ease, box-shadow var(--motion) ease;background:linear-gradient(135deg,#ffffffad,#ffffff57),#f7f3ec8f;border:1px solid #12121217;border-radius:15px;margin-top:18px;padding:10px 12px;font-size:12px;font-weight:650;line-height:1.45;display:block;position:relative;box-shadow:inset 0 1px #ffffff94}.quiz-consent input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quiz-consent span{min-height:24px;padding-left:36px;display:block;position:relative}.quiz-consent span:before,.quiz-consent span:after{content:"";transition:transform var(--motion) var(--ease-out), opacity var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion) ease;position:absolute}.quiz-consent span:before{background:#ffffffc7;border:1px solid #12121224;border-radius:8px;width:24px;height:24px;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #231a120f}.quiz-consent span:after{opacity:0;border-bottom:2px solid #fff;border-right:2px solid #fff;width:7px;height:10px;top:50%;left:8px;transform:translateY(-58%)rotate(42deg)scale(.7)}.quiz-consent:hover{border-color:#e85d0442;box-shadow:0 10px 26px #231a120f,inset 0 1px #ffffffad}.quiz-consent:hover span:before{border-color:#e85d0473;box-shadow:0 0 0 4px #e85d0412,inset 0 1px #ffffffbd}.quiz-consent input:focus-visible+span:before{border-color:#e85d04ad;box-shadow:0 0 0 4px #e85d0421}.quiz-consent input:checked+span:before{background:linear-gradient(#ffd5a638,#0000 48%),linear-gradient(#ff8a2a 0%,#e85d04 100%);border-color:#e85d04ad;box-shadow:0 10px 24px #e85d0433,inset 0 1px #ffffff52}.quiz-consent input:checked+span:after{opacity:1;transform:translateY(-58%)rotate(42deg)scale(1)}.quiz-consent a{color:var(--accent);transition:color var(--motion-fast) ease, background-size var(--motion) var(--ease-out), background-position var(--motion) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:800;text-decoration:none}.quiz-consent a:hover{color:#ff7214;background-position:0 100%;background-size:100% 1px}.quiz-actions{justify-content:space-between;gap:12px;margin-top:34px;display:flex}.quiz-actions .button:disabled{cursor:not-allowed;opacity:.45;transform:none}.quiz-generation,.quiz-generation-error{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:26px}.quiz-generation{text-align:center;align-content:center;place-items:center;min-height:390px;padding:clamp(30px,6vw,70px);display:grid}.quiz-generation-orbit{background:#e85d0412;border:1px solid #e85d0438;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:28px;display:grid;position:relative}.quiz-generation-orbit:before,.quiz-generation-orbit:after{content:"";border:1px solid #e85d042e;border-radius:50%;animation:2.1s ease-in-out infinite quiz-orbit-pulse;position:absolute;inset:-10px}.quiz-generation-orbit:after{animation-delay:.45s;inset:-21px}.quiz-generation-orbit>span{background:conic-gradient(from 0deg, #e85d0400 0deg, #e85d0400 250deg, var(--accent) 360deg);border-radius:50%;animation:1.5s linear infinite quiz-orbit-sweep;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px))}.quiz-generation-orbit svg{fill:none;width:34px;height:34px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;animation:2.2s ease-in-out infinite quiz-orbit-twinkle}.quiz-generation h3{letter-spacing:-.055em;max-width:670px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.06}.quiz-generation-status{border:1px solid var(--border);min-height:52px;color:var(--text);background:#e85d040f;border-radius:999px;align-items:center;gap:12px;margin-top:25px;padding:0 18px;font-size:13px;font-weight:700;display:flex}.quiz-generation-status i{gap:4px;display:flex}.quiz-generation-status b{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite quiz-loading-dot}.quiz-generation-status b:nth-child(2){animation-delay:.16s}.quiz-generation-status b:nth-child(3){animation-delay:.32s}.quiz-generation-status>span{animation:quiz-stage-in .36s var(--ease-out) both}.quiz-generation-bar{background:#e85d0424;border-radius:999px;width:240px;max-width:70%;height:4px;margin-top:26px;overflow:hidden}.quiz-generation-bar i{background:var(--accent);width:40%;height:100%;animation:quiz-progress 5.8s var(--ease-out) infinite;border-radius:999px;display:block}.quiz-generation>p:last-child{max-width:560px;color:var(--muted);margin:20px 0 0;font-size:12px}.quiz-generation-error{justify-content:space-between;align-items:center;gap:28px;padding:clamp(24px,4vw,40px);display:flex}.quiz-generation-error h3{letter-spacing:-.045em;margin:0;font-size:clamp(23px,3vw,34px)}@keyframes quiz-orbit-sweep{to{transform:rotate(360deg)}}@keyframes quiz-orbit-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.65;transform:scale(.82)rotate(12deg)}}@keyframes quiz-progress{0%{width:6%}45%{width:62%}80%{width:88%}to{width:98%}}@keyframes quiz-stage-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes quiz-orbit-pulse{0%,to{opacity:.25;transform:scale(.94)}50%{opacity:.85;transform:scale(1.03)}}@keyframes quiz-loading-dot{0%,70%,to{opacity:.32;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.quiz-summary{background:var(--dark);color:#fff;padding:clamp(24px,4vw,42px)}.quiz-summary h3{color:#fff;letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(30px,4vw,50px);font-weight:600;line-height:1.05}.quiz-summary>p:not(.section-label){color:#ffffffbd;max-width:760px;margin:18px 0 0;line-height:1.8}.summary-expand{margin-top:24px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.summary-grid article{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:18px;min-height:130px;padding:18px}.summary-grid span{color:#fff;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.summary-grid p{color:#ffffffb8;margin:0;font-size:14px;line-height:1.7}.summary-sections,.summary-next-step{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;margin-top:30px;padding:22px}.summary-sections>span,.summary-next-step>span{color:#fff;margin-bottom:15px;font-size:12px;font-weight:800;display:block}.summary-sections>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-sections article{background:#ffffff0e;border-radius:15px;gap:13px;padding:14px;display:flex}.summary-sections small{color:var(--accent);font-family:Sora,sans-serif;font-size:10px;font-weight:700}.summary-sections strong{color:#fff;margin-bottom:5px;font-size:13px;display:block}.summary-sections p,.summary-next-step p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.65}.summary-contact-actions{flex-wrap:wrap;gap:11px;margin-top:30px;display:flex}.summary-contact-actions .button{min-height:48px}.summary-ai-note{align-items:center;gap:8px;display:flex;margin-top:22px!important;font-size:11px!important}.summary-ai-note svg{fill:none;width:17px;height:17px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none}.brief-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:28px;display:grid}.brief-chat,.brief-panel{box-shadow:var(--shadow);background:#ffffff8a;border:1px solid #1212121a;border-radius:24px}.brief-chat{overflow:hidden}.brief-chat-bar{background:#ffffff94;border-bottom:1px solid #12121214;align-items:center;gap:8px;height:58px;padding:0 22px;display:flex}.brief-chat-bar span{background:#1212122e;border-radius:50%;width:9px;height:9px}.brief-chat-bar strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:12px;font-weight:600}.brief-chat-body{gap:18px;padding:clamp(22px,4vw,34px);display:grid}.brief-message{max-width:86%;color:var(--text);background:#f7f3ece6;border-radius:18px;gap:12px;padding:16px 18px;display:flex}.brief-message svg{width:20px;height:20px;color:var(--accent);flex:none}.brief-message p{margin:0;font-size:14px;line-height:1.65}.brief-message.user{background:var(--dark);color:#fff;margin-left:auto}.brief-panel{padding:clamp(26px,4vw,42px)}.brief-panel h2{letter-spacing:-.06em;max-width:620px;margin:0;font-size:clamp(34px,4.6vw,56px);font-weight:600;line-height:1.02}.brief-panel>p:not(.section-label){max-width:620px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.8}.brief-question-list{gap:10px;margin:30px 0;padding:0;list-style:none;display:grid}.brief-question-list li{color:#4e4a44;background:#ffffff8f;border:1px solid #12121214;border-radius:14px;padding:14px 16px 14px 42px;font-size:14px;font-weight:600;position:relative}.brief-question-list li:before{background:var(--accent);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:18px}.project-list{gap:90px;display:grid}.work-showcase-list{gap:72px}.project-card{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:66px;display:grid}.work-section .project-card{background:linear-gradient(135deg,#ffffff9e,#ffffff57),#f7f3ecc7;border:1px solid #12121214;border-radius:30px;gap:clamp(34px,5vw,72px);padding:clamp(18px,3vw,34px);position:relative;box-shadow:0 26px 70px #231a1214}.project-card:nth-child(2n) .project-preview{order:2}.project-card:nth-child(2n){grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.project-preview{border-radius:var(--radius);transition:box-shadow var(--motion) ease, transform var(--motion) var(--ease-out);will-change:transform;padding:clamp(22px,4vw,48px);display:block;position:relative;overflow:hidden;transform:translateY(0)}.project-preview:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.project-preview:active{transform:translateY(-1px)}.project-preview-grill{background-color:#2a1b15;background-image:radial-gradient(circle at 85% 22%,#e85d043d,#0000 31%),linear-gradient(135deg,#120d0a,#442116);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.project-preview-bella{background-color:#102119;background-image:radial-gradient(circle at 84% 20%,#d4a43a42,#0000 31%),linear-gradient(135deg,#07100c,#1f3a2b);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.project-preview-aws{background-color:#74c7df;background-image:radial-gradient(circle at 82% 18%,#ffdc6085,#0000 28%),linear-gradient(135deg,#9edfec,#1f74a1);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.project-browser{transition:transform var(--motion-slow) var(--ease-out), box-shadow var(--motion) ease;will-change:transform;transform:translateY(8px)}.project-preview:hover .project-browser{transform:translateY(3px)}.project-preview:after{border-radius:inherit;content:"";pointer-events:none;transition:border-color var(--motion) ease, background-color var(--motion) ease;border:1px solid #ffffff4d;position:absolute;inset:0}.project-preview:hover:after{background:#ffffff0a;border-color:#ffffff85}.preview-link{opacity:0;transition:opacity var(--motion) ease, transform var(--motion) var(--ease-out), box-shadow var(--motion) ease;will-change:transform, opacity;background:#fff;border-radius:100px;align-items:center;padding:10px 13px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:19px;right:19px;transform:translateY(8px);box-shadow:0 12px 26px #231a121f}.project-preview:hover .preview-link{opacity:1;transform:translateY(0);box-shadow:0 16px 30px #231a1229}.preview-link svg,.text-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px;margin-left:7px}.project-screenshot{aspect-ratio:16/9;background:#120e0c;position:relative;overflow:hidden}.project-screenshot img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out), filter var(--motion) ease;will-change:transform;position:absolute;inset:0}.project-preview:hover .project-screenshot img{filter:saturate(1.05)contrast(1.02);transform:scale(1.018)}.project-info{grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}.project-number{border:1px solid var(--border);width:43px;height:43px;color:var(--accent);border-radius:50%;place-items:center;font-family:Sora,sans-serif;font-size:11px;font-weight:600;display:grid}.project-type{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:2px 0 12px;font-size:11px;font-weight:600}.project-info h3{margin-bottom:18px;font-size:clamp(28px,3vw,40px)}.project-info p:not(.project-type){color:var(--muted);margin:0;line-height:1.8}.project-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-tags span{color:#5c554b;background:#ffffff8a;border:1px solid #12121214;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.work-cta-band{background:var(--dark);color:#fff;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:80px;padding:clamp(28px,4vw,46px);display:grid;box-shadow:0 26px 70px #12121229}.work-cta-band .section-label{margin-bottom:14px}.work-cta-band h2{color:#fff;letter-spacing:-.06em;max-width:720px;margin:0;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.04}.text-link{transition:color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;align-items:center;margin-top:25px;padding-bottom:4px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.text-link:after{content:"";transform-origin:0;height:1px;transition:transform var(--motion) var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}.text-link svg{transition:transform var(--motion) var(--ease-out)}.text-link:hover{color:var(--accent);transform:translateY(-1px)}.text-link:hover:after{transform:scaleX(.74)}.text-link:hover svg{transform:translate(5px)}.text-link:active{transform:translateY(0)}.demos-section{border-top:1px solid var(--border);background:#ffffff57}.demo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-card{border:1px solid var(--border);background:var(--surface);transition:border-color var(--motion) ease, box-shadow var(--motion) ease, transform var(--motion) var(--ease-out);will-change:transform;border-radius:18px;overflow:hidden}.demo-card:hover{border-color:#e85d043d;transform:translateY(-3px);box-shadow:0 22px 52px #231a121a}.demo-card-preview{align-content:end;gap:10px;min-height:150px;padding:22px;display:grid;position:relative}.demo-card-preview:before{content:"";width:54px;height:54px;transition:transform var(--motion-slow) var(--ease-out), opacity var(--motion) ease;will-change:transform;background:#ffffff59;border-radius:50%;position:absolute;top:18px;right:18px}.demo-card:hover .demo-card-preview:before{opacity:.82;transform:scale(1.08)translate(-2px,2px)}.demo-card-preview span{z-index:1;height:9px;transition:transform var(--motion) var(--ease-out), width var(--motion) var(--ease-out), background-color var(--motion-fast) ease;background:#ffffffb8;border-radius:100px;display:block;position:relative}.demo-card:hover .demo-card-preview span{background:#ffffffdb;transform:translate(2px)}.demo-card-preview span:first-child{background:#fff;width:42%;height:12px}.demo-card-preview span:nth-child(2){width:72%}.demo-card-preview span:nth-child(3){width:55%}.demo-card-restaurant{background:linear-gradient(135deg,#18100c,#9b3f18)}.demo-card-cafe{background:linear-gradient(135deg,#513629,#d2aa7c)}.demo-card-pizzeria{background:linear-gradient(135deg,#8f2018,#e0b44b)}.demo-card-sushi{background:linear-gradient(135deg,#102a24,#70b8a1)}.demo-card-menu{background:linear-gradient(135deg,#252525,#e85d04)}.demo-card-local{background:linear-gradient(135deg,#243b55,#55a3a3)}.demo-card-body{padding:26px}.demo-card-body p{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}.demo-card-body h3{letter-spacing:-.04em;margin-bottom:18px;font-size:22px}.demo-card-body ul{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.demo-card-body li{border:1px solid var(--border);color:var(--muted);border-radius:100px;padding:7px 10px;font-size:11px;line-height:1}.demo-card-action{color:#4e4a44;min-height:36px;transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion) var(--ease-out), box-shadow var(--motion) ease;will-change:transform;background:#1212120f;border-radius:100px;align-items:center;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex}a.demo-card-action:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px #e85d0438}a.demo-card-action:active{transform:translateY(0)}.services-section{border-top:1px solid var(--border);background:#ffffff47}.section-heading-centered{text-align:center;display:block}.section-heading-centered .section-label{justify-content:center}.services-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.service-card{background:var(--surface);min-height:280px;transition:transform var(--motion) var(--ease-out), border-color var(--motion) ease, box-shadow var(--motion) ease;will-change:transform;border:1px solid #0000;border-radius:18px;padding:32px}.service-card:hover{border-color:#e85d0440;transform:translateY(-3px);box-shadow:0 22px 52px #231a1217}.service-icon{width:50px;height:50px;color:var(--accent);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, transform var(--motion) var(--ease-spring);will-change:transform;background:#e85d0417;border-radius:13px;place-items:center;margin-bottom:46px;display:grid}.service-card:hover .service-icon{background:var(--accent);color:#fff;transform:rotate(-2deg)scale(1.04)}.service-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:24px;height:24px}.service-card h3{letter-spacing:-.035em;margin-bottom:12px;font-size:19px}.service-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.process-section{background:var(--dark);color:#fff;position:relative;overflow:hidden}.process-section:before{content:"";border:1px solid #ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;left:-100px}.process-layout{grid-template-columns:.82fr 1.18fr;gap:110px;display:grid}.process-copy{align-self:start;position:sticky;top:130px}.light-label{color:#ff8136}.process-copy p:not(.section-label){color:#aaa69f;max-width:450px;margin:24px 0 0;line-height:1.8}.process-steps{margin:0;padding:0;list-style:none}.process-steps li{border-bottom:1px solid #ffffff1f;grid-template-columns:56px 1fr;gap:26px;padding:32px 0;display:grid}.process-steps li:first-child{padding-top:0}.process-steps>li>span{color:#ff8136;border:1px solid #ffffff2b;border-radius:50%;place-items:center;width:49px;height:49px;font-family:Sora,sans-serif;font-size:11px;display:grid}.process-steps h3{letter-spacing:-.035em;margin-bottom:10px;font-size:22px}.process-steps p{color:#928f89;max-width:500px;margin:0;font-size:14px;line-height:1.7}.pricing-lead{color:var(--muted);margin:22px auto 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;display:grid}.pricing-card{border:1px solid var(--border);transition:border-color var(--motion) ease, box-shadow var(--motion) ease, transform var(--motion) var(--ease-out), background-color var(--motion) ease;will-change:transform;background:#ffffffb8;border-radius:20px;flex-direction:column;padding:34px;display:flex;position:relative}.pricing-card:hover{background:#fff;border-color:#e85d0447;transform:translateY(-3px);box-shadow:0 22px 58px #231a1217}.pricing-card.featured{border-color:var(--accent);background:#fff;box-shadow:0 22px 60px #231a121a}.popular-label{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:7px 14px;font-size:9px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-name{margin:0 0 18px;font-family:Sora,sans-serif;font-size:17px;font-weight:600}.price{letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:18px;font-family:Sora,sans-serif;font-size:clamp(25px,3vw,34px);font-weight:600;line-height:1.08;display:flex}.price small{color:var(--muted);letter-spacing:0;flex-basis:100%;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.price span{color:var(--muted);letter-spacing:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.pricing-card>p:not(.pricing-name){min-height:72px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.pricing-card ul{border-top:1px solid var(--border);gap:12px;margin:22px 0 32px;padding:23px 0 0;list-style:none;display:grid}.pricing-card li{padding-left:24px;font-size:13px;position:relative}.pricing-card li:before{color:var(--accent);content:"✓";font-weight:700;position:absolute;top:2px;left:0}.pricing-card .button{margin-top:auto}.pricing-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:28px 0 0;font-size:12px;display:flex}.pricing-note svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:17px;height:17px}.contact-section{padding:20px 0 120px}.contact-card{background:var(--dark);color:#fff;text-align:center;border-radius:28px;padding:92px max(30px,10vw);position:relative;overflow:hidden}.contact-card .section-label{justify-content:center}.contact-card h2{max-width:810px;margin-inline:auto}.contact-card>p:not(.section-label,.contact-meta){color:#aaa69f;max-width:580px;margin:24px auto 0;font-size:16px}.contact-actions{justify-content:center;gap:12px;margin-top:35px;display:flex}.button-whatsapp{--button-bg:linear-gradient(180deg, #ffd4a038, transparent 46%), linear-gradient(180deg, #ff7a1a 0%, #f2600d 100%);--button-fg:#fff;--button-border:#fff4e86b;--button-border-hover:#fff7eeb8;--button-halo:#ff852647;--button-halo-soft:#ff85261f;--button-shadow:0 14px 30px #ee560940, inset 0 1px 0 #ffffff57, inset 0 -8px 16px #7a24001a;--button-shadow-hover:0 18px 42px #ee56094d, 0 0 0 6px #ff7a1a12, inset 0 1px 0 #ffffff61, inset 0 -8px 16px #7a24001a}.button-whatsapp:hover{background:var(--button-bg);color:var(--button-fg)}.button-whatsapp svg,.button-outline-light svg{width:20px;margin-left:0;margin-right:10px}.button-outline-light{--button-bg:linear-gradient(180deg, #ffffff1a, #ffffff09);--button-fg:#fff;--button-border:#ffffff38;--button-border-hover:#ffffff75;--button-gloss:#ffffff1f;--button-halo:#ffffff2e;--button-halo-soft:#ffffff14;--button-shadow:0 12px 28px #0000002e, inset 0 1px 0 #ffffff1a;--button-shadow-hover:0 18px 40px #00000038, 0 0 0 6px #ffffff0f, inset 0 1px 0 #ffffff29}.button-outline-light:hover{background:var(--button-bg);color:var(--button-fg)}.contact-meta{color:#77736e;margin:36px 0 0;font-size:11px}.contact-meta span{margin-inline:6px}.contact-decoration span{border:1px solid #ffffff0e;border-radius:50%;position:absolute}.contact-decoration span:first-child{width:500px;height:500px;top:-200px;left:-180px}.contact-decoration span:nth-child(2){width:600px;height:600px;bottom:-280px;right:-130px}.contact-decoration span:nth-child(3){background:var(--accent);border:0;width:20px;height:20px;top:42px;right:80px}.site-footer{padding:0 0 34px}.footer-inner{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:end;gap:60px;padding-top:30px;display:grid}.footer-logo{letter-spacing:-.055em;transition:color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:700;display:inline-flex}.footer-logo:hover{color:var(--accent);transform:translateY(-1px)}.footer-logo .logo-mark{width:34px;height:34px}.footer-logo .logo-wordmark{height:27px}.footer-inner>div>p{color:var(--muted);margin:5px 0 0;font-size:11px}.footer-links{gap:24px;display:flex}.footer-links a,.copyright{color:var(--muted);margin:0;font-size:11px}.footer-links a:hover{color:var(--accent)}.footer-links a{transition:color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;position:relative}.footer-links a:after{content:"";transform-origin:100%;height:1px;transition:transform var(--motion) var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.footer-links a:hover{transform:translateY(-1px)}.footer-links a:hover:after,.footer-links a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.footer-links a[aria-current=page]{color:var(--text)}.privacy-page{padding:150px 0 110px}.privacy-shell{grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);align-items:start;gap:70px;display:grid}.privacy-aside{position:sticky;top:115px}.privacy-aside h1{margin-bottom:18px;font-size:clamp(42px,5vw,66px)}.privacy-aside p{color:var(--muted)}.privacy-content{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff94;border-radius:28px;padding:clamp(28px,5vw,58px)}.privacy-content section+section{border-top:1px solid var(--border);margin-top:38px;padding-top:38px}.privacy-content h2{letter-spacing:-.04em;margin-bottom:14px;font-size:24px}.privacy-content p,.privacy-content li{color:var(--muted)}.privacy-content ul{padding-left:20px}.privacy-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.reveal{opacity:1;transform:none}.js .reveal{opacity:1;transition:transform .75s var(--ease-out);transform:translateY(18px)}.reveal-delay{transition-delay:.12s}.js .reveal.visible{opacity:1;transform:translateY(0)}html[data-theme=dark] .services-section,html[data-theme=dark] .demos-section{background:#ffffff05}html[data-theme=dark] .button-dark{--button-bg:linear-gradient(180deg, #ffd4a02e, transparent 46%), linear-gradient(180deg, #f57518 0%, #e85d04 100%);--button-fg:#fff;--button-border:#fff4e857;--button-border-hover:#fff7eead;--button-gloss:#ffffff1f;--button-halo:#e85d0440;--button-halo-soft:#e85d041a;--button-shadow:0 12px 28px #e85d0438, inset 0 1px 0 #ffffff38;--button-shadow-hover:0 18px 40px #e85d044d, 0 0 0 5px #e85d0414, inset 0 1px 0 #ffffff47}html[data-theme=dark] .button-secondary{--button-bg:#ffffff0e;--button-fg:#f7f3ec;--button-border:#ffffff29;--button-border-hover:#e85d04a6;--button-gloss:transparent;--button-shadow:0 10px 24px #0000002e;--button-shadow-hover:0 14px 30px #0000003d, 0 0 0 4px #e85d0414}html[data-theme=dark] .button-secondary:after{opacity:1;background:0 0;border-color:#ffffff0e}html[data-theme=dark] .proof-list span,html[data-theme=dark] .work-filter-button,html[data-theme=dark] .quiz-step-list button,html[data-theme=dark] .project-tags span,html[data-theme=dark] .demo-card-action{color:var(--muted)}html[data-theme=dark] .work-toolbar,html[data-theme=dark] .quiz-sidebar,html[data-theme=dark] .quiz-card,html[data-theme=dark] .plan-benefit-card,html[data-theme=dark] .privacy-content,html[data-theme=dark] .pricing-card,html[data-theme=dark] .demo-card,html[data-theme=dark] .project-tags span{border-color:var(--border);box-shadow:var(--shadow);background:#ffffff0b}html[data-theme=dark] .work-section .project-card{background:radial-gradient(circle at 14% 12%,#e85d041a,#0000 32%),linear-gradient(135deg,#ffffff12,#ffffff07),#141413f0;border-color:#ffffff1a;box-shadow:0 28px 78px #0000005c}html[data-theme=dark] .project-info h3{color:#f7f3ec}html[data-theme=dark] .project-info p:not(.project-type){color:#b9b1a7}html[data-theme=dark] .project-number{background:#ffffff09;border-color:#ffffff24}html[data-theme=dark] .project-tags span{color:#d8d0c6;box-shadow:none;background:#ffffff13;border-color:#ffffff1f}html[data-theme=dark] .text-link{color:#f7f3ec}html[data-theme=dark] .pricing-card:hover,html[data-theme=dark] .pricing-card.featured,html[data-theme=dark] .quiz-step-list li.done button{background:#ffffff13}html[data-theme=dark] .quiz-choice{color:var(--text);background:#ffffff0e;border-color:#ffffff21}html[data-theme=dark] .quiz-choice:hover{color:var(--text);background:#e85d041a;border-color:#e85d0480;box-shadow:0 12px 28px #00000038}html[data-theme=dark] .quiz-consent{background:linear-gradient(135deg,#ffffff0f,#ffffff06),#ffffff09;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0e}html[data-theme=dark] .quiz-consent:hover{border-color:#e85d046b;box-shadow:0 10px 24px #00000029,inset 0 1px #ffffff12}html[data-theme=dark] .quiz-consent span:before{background:#ffffff0e;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff14}html[data-theme=dark] .quiz-consent:hover span:before,html[data-theme=dark] .quiz-consent input:focus-visible+span:before{border-color:#e85d049e;box-shadow:0 0 0 4px #e85d041f}html[data-theme=dark] .quiz-consent input:checked+span:before{background:linear-gradient(#ffd5a633,#0000 48%),linear-gradient(#ff8a2a 0%,#e85d04 100%);border-color:#ff9040b8;box-shadow:0 10px 24px #e85d043d,inset 0 1px #ffffff4d}html[data-theme=dark] .work-filter-button{border-color:var(--border);background:#ffffff0b}html[data-theme=dark] .work-filter-button:hover{background:#ffffff14}html[data-theme=dark] .work-filter-button[aria-pressed=true]{color:#111;background:#f7f3ec;border-color:#f7f3ec}html[data-theme=dark] .quiz-step-list li.active button{color:var(--text);background:#e85d0424;box-shadow:inset 0 0 0 1px #e85d0438}html[data-theme=dark] .quiz-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 14px 30px #e85d043d}html[data-theme=dark] .quiz-step-list li.active span{color:var(--accent)}html[data-theme=dark] .quiz-field input,html[data-theme=dark] .quiz-field textarea,html[data-theme=dark] .quiz-missing-panel button{border-color:var(--border);background:#ffffff0e}html[data-theme=dark] .quiz-field input:focus,html[data-theme=dark] .quiz-field textarea:focus{background:#ffffff14}html[data-theme=dark] .quiz-modal-header{background:#ffffff09}html[data-theme=dark] .quiz-progress:after{background:#ffffff1a}html[data-theme=dark] .quiz-field input::placeholder,html[data-theme=dark] .quiz-field textarea::placeholder{color:#f7f3ec6b}html[data-theme=dark] .quiz-summary{background:radial-gradient(circle at 90% 0,#e85d0424,#0000 34%),#151514;border-color:#e85d042e}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.button:before,.desktop-nav a:after,.footer-links a:after,.text-link:after{transition:none!important}.button:hover:before{animation-duration:.72s!important;animation-iteration-count:1!important}.button:hover svg{animation-duration:.58s!important;animation-iteration-count:1!important}:where(.logo,.desktop-nav a,.menu-toggle,.mobile-nav a,.project-preview,.demo-card,.service-card,.pricing-card,.text-link,.footer-logo,.footer-links a):hover,:where(.project-preview,.text-link,.demo-card-action,.menu-toggle,.mobile-nav a):active{transform:none!important}}@media (max-width:1020px){.desktop-nav{gap:3px;margin-right:14px;padding:4px}.desktop-nav a{min-height:34px;padding:0 11px;font-size:12px}.hero-grid{gap:34px}.hero-visual{padding-left:10px}.floating-card-rating{left:-10px}.project-card{gap:36px}.project-preview{padding:30px}.demo-grid,.services-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.process-layout{gap:55px}}@media (max-width:820px){.desktop-nav,.desktop-cta{display:none}.header-preferences{margin-left:auto;margin-right:0}.menu-toggle{border:1px solid var(--border);cursor:pointer;width:44px;height:44px;transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion) ease, transform var(--motion) var(--ease-out);will-change:transform;background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-left:8px;padding:0;display:flex}.menu-toggle:hover{background:#ffffffb8;border-color:#e85d0461;transform:translateY(-1px);box-shadow:0 12px 28px #231a1214}.menu-toggle:active{transform:translateY(0)}.menu-toggle span{background:var(--text);width:17px;height:1.5px;transition:background-color var(--motion-fast) ease, transform var(--motion) var(--ease-out)}.menu-toggle:hover span{background:var(--accent)}.menu-toggle.active span:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.mobile-nav{z-index:99;background:var(--background);opacity:0;pointer-events:none;visibility:hidden;height:calc(100vh - 80px);transition:opacity var(--motion) ease, transform var(--motion) var(--ease-out), visibility 0s linear var(--motion);flex-direction:column;align-items:center;gap:6px;padding-top:55px;display:flex;position:fixed;top:80px;left:0;right:0;transform:translateY(-10px)}.mobile-nav.open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)}.mobile-nav a{letter-spacing:-.04em;transition:color var(--motion-fast) ease, transform var(--motion) var(--ease-out);will-change:transform;padding:11px;font-family:Sora,sans-serif;font-size:25px;font-weight:600}.mobile-nav a:hover{color:var(--accent);transform:translate(2px)}.mobile-nav a:active{transform:translate(1px)}.mobile-nav a[aria-current=page]{color:var(--accent)}.hero{padding-top:140px}.hero:before{display:none}.hero-grid{display:block}.hero-copy{max-width:680px}.hero-visual{max-width:680px;margin:48px auto 0}.hero-proof{flex-direction:column;align-items:flex-start;gap:20px}.proof-list{flex-wrap:wrap;gap:15px 28px}.section{padding:100px 0}.page-hero{padding:140px 0 78px}.work-page-hero{padding:140px 0 34px}.work-page-section{padding-top:34px}.page-hero-inner{grid-template-columns:1fr;gap:32px}.section-heading{display:block}.section-intro{max-width:600px;margin-top:25px}.brief-layout,.website-plan-quiz,.plan-benefit-grid{grid-template-columns:1fr}.plan-benefit-card{min-height:auto}.quiz-sidebar{position:static}.quiz-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;gap:32px}.project-card:nth-child(2n) .project-preview{order:initial}.project-info{max-width:620px}.work-cta-band{grid-template-columns:1fr;align-items:start}.process-layout{grid-template-columns:1fr;gap:70px}.process-copy{position:static}.privacy-shell{grid-template-columns:1fr;gap:36px}.privacy-aside{position:static}}@media (max-width:620px){.container{width:min(calc(100% - 28px), var(--container))}.header-inner{height:72px}.logo{gap:9px}.logo-mark{width:36px;height:36px}.logo-type{font-size:18px}.logo-wordmark{height:29px}.header-preferences{gap:5px}.language-trigger,.theme-toggle{height:38px}.language-trigger{min-width:62px;padding-inline:8px 6px}.language-trigger svg{display:none}.language-popover{width:min(210px,100vw - 28px)}.theme-toggle{width:38px}.menu-toggle{width:40px;height:40px;margin-left:6px}.mobile-nav{height:calc(100vh - 72px);top:72px}.hero{padding-top:122px}.eyebrow{max-width:300px;font-size:10px}h1{font-size:clamp(42px,13vw,58px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.trust-line{flex-wrap:wrap;align-items:flex-start;line-height:1.5}.trust-line span{display:none}.hero-visual{margin-top:33px;padding:20px 5px 33px 10px}.hero-browser{transform:none}.demo-site{min-height:300px}.demo-nav{padding:18px}.demo-nav i{width:15px}.demo-hero{padding:28px 22px}.demo-hero h2{font-size:34px}.demo-bottom{padding:0 22px 18px}.floating-card-mobile{top:0}.floating-card-rating{bottom:0;left:0}.hero-shape-one{width:100px;height:100px}.hero-shape-two{width:55px;height:55px}.hero-proof{margin-top:45px}.page-hero{padding:122px 0 58px}.work-page-hero{padding:122px 0 28px}.work-hero-copy h1{font-size:clamp(44px,13vw,62px)}.work-hero-copy>p:not(.section-label){margin-top:22px;font-size:16px}.work-page-section{padding-top:28px}.page-hero h1{font-size:clamp(40px,12vw,56px)}.page-hero-copy .hero-actions{flex-direction:column;align-items:stretch}.page-hero-copy .hero-actions .button{width:100%}.brief-message{max-width:100%}.brief-chat-bar strong{font-size:10px}.brief-panel h2{font-size:34px}.quiz-card,.quiz-sidebar,.quiz-summary{border-radius:22px}.quiz-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-choice-grid,.quiz-field-grid,.summary-grid,.summary-sections>div{grid-template-columns:1fr}.quiz-choice-grid .quiz-choice:last-child:nth-child(odd){width:100%}.quiz-actions{flex-direction:column-reverse;align-items:stretch}.quiz-actions .button{width:100%}.quiz-generation{min-height:350px;padding-inline:22px}.quiz-generation-status{border-radius:18px;justify-content:center;width:100%}.quiz-generation-error{flex-direction:column;align-items:stretch}.summary-contact-actions{flex-direction:column}.summary-contact-actions .button{width:100%}.quiz-modal-backdrop{padding:0}.quiz-modal{border:0;border-radius:0;width:100%;height:100dvh}.quiz-modal-header{min-height:62px;padding-inline:14px}.quiz-modal-header button span{display:none}.quiz-modal-header button{justify-content:center;width:40px;min-height:40px;padding:0}.quiz-modal-scroll{padding:12px}.privacy-page{padding:120px 0 72px}.privacy-content{border-radius:20px;padding:24px 20px}.section{padding:78px 0}.section-heading{margin-bottom:38px}.section-heading h1,.section-heading h2,.process-copy h2,.contact-card h2{font-size:36px}.project-list{gap:68px}.work-showcase-list{gap:34px}.work-section .project-card{border-radius:22px;padding:14px}.project-preview{border-radius:17px;padding:13px}.browser-bar{height:30px}.browser-address{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.preview-link{display:none}.project-info{grid-template-columns:1fr;gap:15px}.project-number{width:38px;height:38px}.work-toolbar{border-radius:22px;gap:8px;margin-bottom:34px;padding:10px}.work-filter-button{min-height:44px;padding:0 13px;font-size:12px}.work-filter-button small{min-width:22px;height:22px;font-size:10px}.work-cta-band{border-radius:22px;margin-top:42px}.demo-grid,.services-grid,.pricing-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:26px}.service-icon{margin-bottom:32px}.pricing-card{padding:30px 25px}.pricing-card:last-child{grid-column:auto;width:auto}.pricing-card>p:not(.pricing-name){min-height:auto}.pricing-note{text-align:left;align-items:flex-start}.process-steps li{grid-template-columns:45px 1fr;gap:17px}.process-steps>li>span{width:42px;height:42px}.contact-section{padding-bottom:70px}.contact-card{border-radius:20px;padding:65px 22px}.contact-actions{flex-direction:column}.contact-actions .button{width:100%}.contact-meta span{display:none}.footer-inner{grid-template-columns:1fr;align-items:start;gap:24px}.footer-links{flex-wrap:wrap}}@media (max-width:420px){.logo-type>span{display:none}}
