:root{--bg:#0b0d12;--surface:#121620;--surface-2:#181e2b;--border:rgba(255,255,255,.12);--text:#f8fafc;--muted:#aeb7c7;--dim:#7f899b;--accent:#818cf8;--accent-2:#5e9fe8;--green:#72bc8f;--orange:#de9255;--red:#e97366;--max:1120px;--r:12px;--shadow:0 24px 70px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav{height:68px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:760}.brand img{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{color:var(--muted);font-size:15px}.nav-links a:hover{color:var(--text)}.menu-button{display:none;margin-left:auto;background:none;color:var(--text);border:1px solid var(--border);border-radius:8px;width:44px;height:44px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:9px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:#6267df;color:white}.button.primary:hover{background:#7378ed}.button.secondary{border-color:var(--border);background:rgba(255,255,255,.03)}.button.small{min-height:40px;padding:0 16px;font-size:14px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#bfc4ff;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.hero{padding:88px 0 64px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:720px;height:500px;left:50%;top:-270px;transform:translateX(-50%);background:radial-gradient(circle,rgba(99,102,241,.26),transparent 66%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 22px}.hero-copy{font-size:19px;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.proof-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--dim);font-size:14px}.proof-row span:before{content:"✓";color:var(--green);margin-right:7px}.product-window{background:#0d1119;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.window-bar{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 14px}.window-bar i{width:9px;height:9px;border-radius:50%;background:#394154}.window-bar span{font-size:12px;color:var(--dim);margin-left:5px}.demo-inner{padding:18px}.demo-search{display:flex;gap:8px}.demo-search input{width:100%;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:0 13px;outline:none}.demo-search input:focus{border-color:var(--accent)}.demo-tabs{display:flex;gap:8px;overflow:auto;margin:14px 0}.demo-tab{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:8px 11px;white-space:nowrap;cursor:pointer}.demo-tab.active{color:white;background:rgba(129,140,248,.15);border-color:rgba(129,140,248,.55)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.photo{aspect-ratio:4/3;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--a),var(--b))}.photo:before{content:"";position:absolute;inset:20% 15% 0;border-radius:50% 50% 0 0;background:rgba(255,255,255,.14)}.photo span{position:absolute;left:7px;bottom:7px;font-size:10px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.66)}.photo.hidden{display:none}.section{padding:80px 0}.section.alt{background:var(--surface);border-block:1px solid var(--border)}.section-head{max-width:720px;margin-bottom:40px}.section-head.center{text-align:center;margin-inline:auto}.section h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}.lead{font-size:18px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.alt .card{background:var(--surface-2)}.card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(129,140,248,.12);color:#c7d2fe;margin-bottom:18px}.card h3{font-size:19px;margin:0 0 9px}.card p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.metric{padding:24px;background:var(--surface);text-align:center}.metric strong{display:block;font-size:28px}.metric span{color:var(--muted);font-size:14px}.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.compare-panel{padding:32px}.compare-panel.before{background:#10131a}.compare-panel.after{background:linear-gradient(145deg,rgba(99,102,241,.16),rgba(114,188,143,.08))}.folder-tree{font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.folder-tree b{color:var(--text)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:26px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.step-number{color:#c7d2fe;font-weight:800}.trust{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.privacy-diagram{padding:28px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.flow{display:flex;align-items:center;gap:10px}.flow-item{flex:1;text-align:center;padding:18px 10px;border:1px solid var(--border);border-radius:9px}.flow-arrow{color:var(--accent)}.note{margin-top:14px;color:var(--muted);font-size:14px}.faq{max-width:780px;margin:auto}.faq details{border-top:1px solid var(--border)}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:700;display:flex;gap:20px}.faq summary:after{content:"+";margin-left:auto;color:var(--accent)}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);margin:0 0 22px}.cta-band{padding:70px 32px;text-align:center;background:linear-gradient(145deg,rgba(99,102,241,.18),rgba(94,159,232,.08));border:1px solid rgba(129,140,248,.35);border-radius:16px}.cta-band h2{margin-top:0}.site-footer{padding:48px 0;border-top:1px solid var(--border);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-col strong{display:block;color:var(--text);margin-bottom:12px}.footer-col a{display:block;padding:5px 0}.footer-col a:hover{color:var(--text)}.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid var(--border);font-size:14px}.reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.reveal.in{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(129,140,248,.7);outline-offset:3px}
/* tutorial */.tutorial-hero{padding:72px 0 42px;text-align:center}.tutorial-hero h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.045em;line-height:1.05;margin:16px auto;max-width:850px}.goal-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.goal{min-height:116px;text-align:left;padding:18px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r);cursor:pointer}.goal:hover,.goal.active{border-color:var(--accent);background:rgba(129,140,248,.1)}.goal strong{display:block;margin-bottom:6px}.goal span{color:var(--muted);font-size:14px}.course-layout{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}.course-nav{position:sticky;top:92px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.progress{height:7px;background:#252c3a;border-radius:5px;overflow:hidden;margin:10px 0 16px}.progress i{display:block;height:100%;width:0;background:var(--green);transition:.3s}.course-link{width:100%;display:flex;text-align:left;gap:10px;padding:11px;border:0;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer}.course-link.active{color:var(--text);background:var(--surface-2)}.course-link.done:before{content:"✓";color:var(--green)}.lesson-panel{display:none;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.lesson-panel.active{display:block}.lesson-panel h2{margin-top:0}.lesson-panel p,.lesson-panel li{color:var(--muted)}.lesson-panel li{margin:10px 0}.mock-action{padding:22px;background:#0e121a;border:1px solid var(--border);border-radius:10px;margin:24px 0}.mock-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--border)}.mock-row:last-child{border:0}.status{font-size:13px;padding:4px 8px;border-radius:6px;background:rgba(114,188,143,.12);color:#a8dbbc}.lesson-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.result-box{padding:20px;background:rgba(114,188,143,.09);border:1px solid rgba(114,188,143,.35);border-radius:10px}.search-help{width:100%;height:48px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:0 15px;border-radius:9px;margin:18px 0 24px}
@media(max-width:900px){.hero-grid,.trust{grid-template-columns:1fr}.hero-copy{max-width:none}.cards,.steps{grid-template-columns:1fr 1fr}.goal-picker{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.course-layout{grid-template-columns:1fr}.course-nav{position:static}.course-links{display:flex;overflow:auto}.course-link{min-width:170px}}
@media(max-width:720px){.container{width:min(100% - 32px,var(--max))}.course-layout>*{min-width:0}.course-nav{max-width:100%;overflow:hidden}.course-links{max-width:100%}.mock-row{align-items:flex-start;flex-direction:column}.mock-row strong{overflow-wrap:anywhere}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:9px}.menu-button{display:block}.hero{padding-top:58px}.hero h1{font-size:42px}.cards,.steps,.compare,.footer-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.section{padding:60px 0}.goal-picker{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}.flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.lesson-panel{padding:22px}.lesson-actions{flex-direction:column}.lesson-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* purposeful motion: disabled for reduced-motion users */
@media(prefers-reduced-motion:no-preference){.hero:before{animation:ambientGlow 9s ease-in-out infinite alternate}.product-window{position:relative;animation:windowEnter .8s cubic-bezier(.2,.8,.2,1) both}.product-window:after{content:"";position:absolute;inset:-40% auto -40% -35%;width:22%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:glassSweep 8s ease-in-out infinite;pointer-events:none}.photo{transition:transform .28s ease,opacity .28s ease,filter .28s ease}.photo:hover{transform:translateY(-4px) scale(1.02);filter:saturate(1.15)}.photo:not(.hidden){animation:photoIn .38s ease both}.photo:nth-child(2){animation-delay:.05s}.photo:nth-child(3){animation-delay:.1s}.photo:nth-child(4){animation-delay:.15s}.photo:nth-child(5){animation-delay:.2s}.photo:nth-child(6){animation-delay:.25s}.cards .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.06s}.cards .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.12s}.cards .reveal:nth-child(4){transition-delay:.18s}.cards .reveal:nth-child(5){transition-delay:.24s}.cards .reveal:nth-child(6){transition-delay:.3s}.button.primary{position:relative;overflow:hidden}.button.primary:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .65s}.button.primary:hover:after{transform:translateX(120%)}.goal{transition:transform .2s,border-color .2s,background .2s}.goal:hover{transform:translateY(-3px)}.progress i{position:relative;overflow:hidden}.progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:progressShine 2.2s linear infinite}.searching .photo{animation:searchPulse .55s ease both}.page-intro h1,.tutorial-hero h1{animation:titleEnter .65s cubic-bezier(.2,.8,.2,1) both}@keyframes ambientGlow{to{transform:translateX(-50%) scale(1.14);opacity:.72}}@keyframes windowEnter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes glassSweep{0%,68%{left:-35%}90%,100%{left:125%}}@keyframes photoIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes progressShine{to{transform:translateX(100%)}}@keyframes searchPulse{0%{opacity:.45;transform:scale(.97)}100%{opacity:1;transform:none}}@keyframes titleEnter{from{opacity:0;transform:translateY(16px);letter-spacing:-.065em}to{opacity:1;transform:none}}}

.demo-search .button{min-width:86px}.hero-grid>*{min-width:0}.product-window,.demo-search input{min-width:0}body{overflow-x:hidden}.consent{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;max-width:820px;margin:auto;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#171a21;border:1px solid #343b49;border-radius:12px;box-shadow:0 20px 60px #0009}.consent span{color:#b8c0ce}.consent a{color:#a5b4fc}.consent-actions{display:flex;gap:9px;flex:0 0 auto}@media(max-width:640px){.consent{align-items:stretch;flex-direction:column}.consent-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.consent-actions .button{width:100%;min-width:0;padding-inline:10px}}