*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#09090b;--bg-surface:#131316;--bg-elevated:#1a1a1f;--bg-muted:#222228;--bg-subtle:#2a2a32;--bg-overlay:rgba(9,9,11,.75);--bg-overlay-solid:rgba(9,9,11,.92);--text-primary:#f0ede8;--text-secondary:#9e9a93;--text-muted:#6b6862;--text-inverse:#09090b;--accent:#8b6cc1;--accent-hover:#9e82d0;--accent-dim:#6b4fa5;--accent-muted:rgba(139,108,193,.12);--accent-glow:rgba(139,108,193,.18);--gold:#c9963a;--gold-dim:#a67b1a;--gold-muted:rgba(201,150,58,.12);--success:#3dbcad;--success-muted:rgba(61,188,173,.12);--error:#e05c6c;--error-muted:rgba(224,92,108,.12);--border-subtle:hsla(38,21%,93%,.06);--border-default:hsla(38,21%,93%,.1);--border-strong:hsla(38,21%,93%,.18);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.35);--shadow-lg:0 12px 36px rgba(0,0,0,.4);--shadow-xl:0 24px 56px rgba(0,0,0,.5);--shadow-glow:0 0 24px var(--accent-glow);--font-display:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--heading-xl:clamp(2.25rem,5vw + 1rem,4rem);--heading-lg:clamp(1.5rem,3.5vw,2.5rem);--heading-md:clamp(1.25rem,2.5vw,1.75rem);--body-lg:clamp(1rem,1.5vw,1.25rem);--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:5rem;--space-12:6rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:18px;--radius-3xl:24px;--radius-full:9999px;--container-sm:640px;--container-md:900px;--container-lg:1140px;--container-xl:1320px;--section-py:clamp(var(--space-10),6vw,var(--space-12));--section-px:clamp(var(--space-4),4vw,var(--space-9));--duration-fast:.15s;--duration-base:.2s;--duration-slow:.35s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-above:10;--z-sticky:100;--z-header:1000;--z-overlay:1100;--z-modal:1200;--btn-min-height:44px;--header-height:56px}:root[data-theme=light]{--bg-base:#f8f7f4;--bg-surface:#fff;--bg-elevated:#f0ede8;--bg-muted:#e8e4dd;--bg-subtle:#ddd8d0;--bg-overlay:hsla(45,22%,96%,.8);--bg-overlay-solid:hsla(45,22%,96%,.95);--text-primary:#1a1a1f;--text-secondary:#5a5650;--text-muted:#8a857e;--text-inverse:#f0ede8;--accent:#7052a8;--accent-hover:#5e3f96;--accent-dim:#8b6cc1;--accent-muted:rgba(112,82,168,.08);--accent-glow:rgba(112,82,168,.12);--gold:#a67b1a;--gold-dim:#8b6610;--gold-muted:rgba(166,123,26,.08);--success:#2a9d8f;--success-muted:rgba(42,157,143,.08);--error:#c84b5a;--error-muted:rgba(200,75,90,.08);--border-subtle:rgba(26,26,31,.06);--border-default:rgba(26,26,31,.1);--border-strong:rgba(26,26,31,.18);--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 14px rgba(0,0,0,.08);--shadow-lg:0 12px 36px rgba(0,0,0,.1);--shadow-xl:0 24px 56px rgba(0,0,0,.12);--shadow-glow:0 0 24px var(--accent-glow)}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-semibold);letter-spacing:-.025em;line-height:var(--leading-tight)}.section-padding{padding:var(--section-py) var(--section-px)}.text-center{text-align:center}.sr-only{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.btn,.sr-only{overflow:hidden;white-space:nowrap}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-height:var(--btn-min-height);padding:var(--space-3) var(--space-7);position:relative;text-decoration:none;transition:all var(--duration-base) var(--ease-out)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background:var(--accent-muted);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--accent-muted);color:var(--text-primary)}.btn-sm{font-size:var(--text-sm);min-height:36px;padding:var(--space-2) var(--space-5)}.btn-block{width:100%}.btn-primary:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:after{left:100%}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-base);border-color:var(--accent);outline:none}.form-textarea{min-height:100px;resize:vertical}.form-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.mockup-base{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);margin:0 auto;width:-moz-fit-content;width:fit-content}.phone-mockup{border-radius:var(--radius-3xl);max-width:400px;padding:10px;width:100%}.phone-screen{aspect-ratio:9/19;background:var(--bg-elevated);overflow:hidden}.phone-screen,.phone-screen img{border-radius:20px;display:block;width:100%}.phone-screen img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.desktop-mockup{border-radius:var(--radius-xl);max-width:90vw;padding:var(--space-2)}@media(min-width:480px){.desktop-mockup{max-width:450px}}@media(min-width:769px){.desktop-mockup{max-width:600px}}@media(min-width:1025px){.desktop-mockup{max-width:800px}}@media(min-width:1401px){.desktop-mockup{max-width:1000px}}.desktop-screen{background:var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden}.desktop-screen img{display:block;height:auto;max-width:100%}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}[data-animate].visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-16.66667%)}}.form-message{border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4);padding:var(--space-4);text-align:center}.form-message.success{background:var(--success-muted);border:1px solid var(--success);color:var(--success)}.form-message.error{background:var(--error-muted);border:1px solid var(--error);color:var(--error)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate]{opacity:1;transform:none}}@media(max-width:768px){::-webkit-scrollbar{background:transparent;width:0}*{-webkit-tap-highlight-color:var(--accent-muted)}.phone-mockup{max-width:380px}}@media(max-width:480px){.phone-mockup{max-width:340px}}