:root{--color-background:#f9fafb;--color-surface:#ffffff;--color-surface-elevated:#f3f6fb;--color-text:#0f172a;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-primary:#2563eb;--color-primary-soft:#dbeafe;--color-primary-strong:#1d4ed8;--color-accent:#10b981;--color-accent-soft:#d1fae5;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#ef4444;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2933;--color-neutral-900:#111827;--gradient-hero:linear-gradient(135deg,#e0f2fe,#e0fbea);--gradient-card:linear-gradient(145deg,#ffffff,#f3f6fb);--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 2px 6px rgba(15,23,42,0.06);--shadow-md:0 8px 20px rgba(15,23,42,0.08);--shadow-lg:0 16px 40px rgba(15,23,42,0.12);--transition-fast:120ms ease-out;--transition-base:180ms ease-out;--transition-slow:260ms ease-out;--header-height:4rem}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img{height:auto}picture{display:block}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}input,textarea,button,select,a{outline:none}body{padding:0;margin:0}main{display:block}p{margin-bottom:var(--space-4);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-0.02em;color:var(--color-text)}h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-2);text-transform:uppercase;color:var(--color-text-muted)}a{color:var(--color-primary);transition:color var(--transition-base)}a:hover{color:var(--color-primary-strong)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}body{background-image:radial-gradient(circle at top left,rgba(59,130,246,0.12),transparent 55%),radial-gradient(circle at top right,rgba(45,212,191,0.12),transparent 55%)}.container{width:100%;max-width:1120px;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.layout-shell{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1 0 auto}.layout-footer{flex-shrink:0}.flex{display:flex}.inline-flex{display:inline-flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.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}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0.75rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);line-height:1;border:1px solid transparent;background:var(--color-primary);color:#ffffff;box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-base),color var(--transition-base)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary-soft)}.btn-primary:hover{background:var(--color-primary-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary-soft);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--color-primary-soft)}.btn-playstore{background:linear-gradient(135deg,#22c55e,#0ea5e9);border-color:transparent;color:#ffffff;box-shadow:var(--shadow-md)}.btn-playstore:hover{filter:brightness(1.05);box-shadow:var(--shadow-lg)}.btn-sm{padding:0.5rem 0.9rem;font-size:var(--font-size-xs)}.btn-lg{padding:0.9rem 1.6rem;font-size:var(--font-size-base)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.btn-icon{padding:0.5rem;width:2.25rem;height:2.25rem;border-radius:var(--radius-full)}.input{width:100%;padding:0.7rem 0.9rem;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px rgba(37,99,235,0.15)}.input[aria-invalid="true"],.input.error{border-color:var(--color-danger)}textarea.input{min-height:120px;resize:vertical}.field{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:var(--space-4)}.field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-neutral-700)}.field-helper{font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{font-size:var(--font-size-xs);color:var(--color-danger)}.card{position:relative;border-radius:var(--radius-lg);background:var(--gradient-card);box-shadow:var(--shadow-sm);padding:var(--space-4);border:1px solid rgba(148,163,184,0.15);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-slow)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,0.25)}.card-header{margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card-title{font-size:var(--font-size-lg);font-weight:600}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-body{font-size:var(--font-size-sm);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.15rem 0.55rem;border-radius:999px;font-size:0.7rem;font-weight:500;text-transform:uppercase;letter-spacing:0.04em;background:var(--color-primary-soft);color:var(--color-primary-strong)}.badge-success{background:var(--color-accent-soft);color:var(--color-success)}.badge-warning{background:rgba(251,191,36,0.15);color:var(--color-warning)}.badge-danger{background:rgba(248,113,113,0.15);color:var(--color-danger)}.pill{border-radius:var(--radius-full);background-color:rgba(15,23,42,0.04);padding:0.25rem 0.65rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.stats-strip{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.stat-pill{flex:1 1 140px;min-width:0;padding:0.6rem 0.8rem;border-radius:var(--radius-full);background-color:rgba(15,23,42,0.03);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.stat-pill-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em}.stat-pill-value{font-weight:600;color:var(--color-text)}.hero{padding-top:var(--space-12);padding-bottom:var(--space-12)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-8);align-items:center}.hero-eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.12em;color:var(--color-primary-strong);margin-bottom:var(--space-2)}.hero-title{font-size:clamp(2.4rem,4vw,3rem);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.hero-lead{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-4)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero-meta-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hero-card-scene{position:relative;aspect-ratio:4/5;max-width:360px;margin-left:auto;margin-right:auto;border-radius:var(--radius-xl);background:radial-gradient(circle at 10% 0,rgba(59,130,246,0.32),transparent 55%),radial-gradient(circle at 90% 20%,rgba(45,212,191,0.32),transparent 55%),var(--color-surface);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-stack{position:relative;width:80%;height:80%}.card-orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.card-orbit-item{position:absolute;width:52%;aspect-ratio:3/4;border-radius:1rem;background:linear-gradient(145deg,#ffffff,#dbeafe);box-shadow:0 18px 35px rgba(15,23,42,0.28);border:1px solid rgba(148,163,184,0.4);transform-origin:50% 120%;transition:transform 420ms cubic-bezier(0.22,0.61,0.36,1),box-shadow 260ms ease-out,filter 260ms ease-out;backface-visibility:hidden}.card-orbit-item:nth-child(1){transform:rotate(-18deg) translateY(6%)}.card-orbit-item:nth-child(2){transform:rotate(0deg) translateY(-2%)}.card-orbit-item:nth-child(3){transform:rotate(18deg) translateY(6%)}.hero-card-scene:hover .card-orbit-item:nth-child(1){transform:rotate(-24deg) translateY(-4%)}.hero-card-scene:hover .card-orbit-item:nth-child(2){transform:rotate(0deg) translateY(-8%)}.hero-card-scene:hover .card-orbit-item:nth-child(3){transform:rotate(24deg) translateY(-4%)}.card-orbit-glow{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,rgba(59,130,246,0.28),transparent 65%);pointer-events:none;mix-blend-mode:screen;opacity:0.85}.chip{border-radius:999px;background-color:rgba(15,23,42,0.06);padding:0.2rem 0.55rem;font-size:0.68rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted)}.focus-visible:focus-visible,[data-focus-visible-added]{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:rgba(37,99,235,0.15)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.6);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,0.9)}.sticky-cta-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:0.625rem 0;background:linear-gradient(to top,rgba(15,23,42,0.9),rgba(15,23,42,0.3));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e5e7eb;transform:translateY(100%);transition:transform var(--transition-base)}.sticky-cta-bar.is-visible{transform:translateY(0)}.sticky-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sticky-cta-text{font-size:var(--font-size-sm);max-width:18rem}.sticky-cta-title{font-weight:600}.sticky-cta-actions{display:flex;align-items:center;gap:var(--space-2)}.section{padding-top:var(--space-10);padding-bottom:var(--space-10)}.section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.14em;color:var(--color-primary-strong);margin-bottom:var(--space-2)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.section-intro{max-width:36rem;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--font-size-xs)}.tag{padding:0.3rem 0.7rem;border-radius:999px;background-color:rgba(15,23,42,0.03);color:var(--color-text-muted)}header.site-header{position:sticky;top:0;z-index:50;background:rgba(249,250,251,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,0.18)}.site-header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:0.6rem;font-weight:700;font-size:var(--font-size-base);color:var(--color-neutral-900)}.brand-mark{width:1.9rem;height:1.9rem;border-radius:0.9rem;background:conic-gradient(from 220deg,#0ea5e9,#22c55e,#6366f1,#0ea5e9);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(56,189,248,0.55);color:#ffffff;font-size:0.85rem;font-weight:800}.brand-sub{font-size:0.7rem;font-weight:500;color:var(--color-text-muted)}.nav-primary{display:flex;align-items:center;gap:0.75rem;font-size:var(--font-size-sm)}.nav-link{padding:0.35rem 0.7rem;border-radius:999px;color:var(--color-text-muted);transition:color var(--transition-base),background-color var(--transition-base),transform var(--transition-fast)}.nav-link:hover{color:var(--color-neutral-900);background-color:rgba(148,163,184,0.12);transform:translateY(-0.5px)}.nav-link.is-active{color:var(--color-neutral-900);background-color:#e0f2fe}.nav-cta{display:flex;align-items:center;gap:0.75rem}.pill-light{padding:0.2rem 0.6rem;border-radius:999px;background-color:rgba(59,130,246,0.08);color:var(--color-primary-strong);font-size:var(--font-size-xs);font-weight:500}.site-footer{border-top:1px solid rgba(148,163,184,0.25);background:radial-gradient(circle at top,rgba(226,232,240,0.8),transparent 55%),#f9fafb;padding-top:var(--space-10);padding-bottom:var(--space-6);font-size:var(--font-size-sm)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:var(--space-6)}.footer-brand-title{font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.footer-col-title{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-3);color:var(--color-neutral-800)}.footer-link{display:block;margin-bottom:0.4rem;color:var(--color-text-muted);transition:color var(--transition-base),transform var(--transition-fast)}.footer-link:hover{color:var(--color-primary-strong);transform:translateX(2px)}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(148,163,184,0.25);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs)}.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-legal a{color:inherit}.badge-legal{padding:0.2rem 0.55rem;border-radius:999px;background-color:rgba(22,163,74,0.07);color:var(--color-success);font-weight:500;font-size:var(--font-size-2xs,0.7rem)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-snap-type:none!important}.hero-card-scene,.card,.btn,.sticky-cta-bar{transition:none}}@media (max-width:1024px){.hero-grid{grid-template-columns:1.2fr 1fr}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){body{font-size:15px}.site-header-inner{height:auto;padding-top:0.6rem;padding-bottom:0.6rem;flex-wrap:wrap;align-items:flex-start}.nav-primary{display:none}.nav-primary.is-open{display:flex;flex-wrap:wrap;width:100%;margin-top:0.4rem}.nav-cta{margin-left:auto}.hero{padding-top:var(--space-8);padding-bottom:var(--space-10)}.hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.hero-title{font-size:2.1rem}.hero-actions{flex-direction:column;align-items:flex-start}.sticky-cta-inner{flex-direction:column;align-items:flex-start}.sticky-cta-text{max-width:none}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.hero-title{font-size:1.9rem}.hero-lead{font-size:var(--font-size-base)}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.footer-grid{grid-template-columns:1.4fr 1fr}.card{padding:var(--space-3)}.btn-lg{width:100%;justify-content:center}}