*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg:oklch(98.5% 0.002 240);--surface:oklch(100% 0 0);--fg:oklch(15% 0.012 250);--fg2:oklch(35% 0.01 250);--muted:oklch(52% 0.01 250);--border:oklch(90% 0.005 250);--accent:oklch(58% 0.18 145);--accent-dim:oklch(48% 0.12 145);--accent-bg:oklch(94% 0.03 145);--section-alt:oklch(97% 0.003 245);--hero-bg:oklch(12% 0.01 250);--hero-frame-border:rgba(0,0,0,0.06);--card-shadow:none;--toggle-icon:"🌙"}[data-theme=dark]{--bg:oklch(12% 0.008 250);--surface:oklch(17% 0.01 250);--fg:oklch(92% 0.005 250);--fg2:oklch(64% 0.01 250);--muted:oklch(48% 0.008 250);--border:oklch(24% 0.008 250);--accent:oklch(62% 0.2 145);--accent-dim:oklch(52% 0.14 145);--accent-bg:oklch(20% 0.06 145);--section-alt:oklch(14% 0.008 250);--hero-bg:oklch(8% 0.005 250);--hero-frame-border:rgba(255,255,255,0.06);--card-shadow:0 1px 3px rgba(0,0,0,0.3);--toggle-icon:"☀️"}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:oklch(12% 0.008 250);--surface:oklch(17% 0.01 250);--fg:oklch(92% 0.005 250);--fg2:oklch(64% 0.01 250);--muted:oklch(48% 0.008 250);--border:oklch(24% 0.008 250);--accent:oklch(62% 0.2 145);--accent-dim:oklch(52% 0.14 145);--accent-bg:oklch(20% 0.06 145);--section-alt:oklch(14% 0.008 250);--hero-bg:oklch(8% 0.005 250);--hero-frame-border:rgba(255,255,255,0.06);--card-shadow:0 1px 3px rgba(0,0,0,0.3);--toggle-icon:"☀️"}}html{background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;transition:background .3s,color .3s}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block}.wrap{max-width:1160px;margin:0 auto;padding:0 32px}nav{justify-content:space-between;padding:20px 32px;max-width:1224px;margin:0 auto}nav,nav .logo{display:flex;align-items:center}nav .logo{gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--fg)}nav .logo svg{flex-shrink:0}nav .nav-links{display:flex;align-items:center;gap:24px}nav .nav-links a{font-size:14px;font-weight:500;color:var(--fg2);transition:color .15s}nav .nav-links a:hover{color:var(--fg);text-decoration:none}nav .btn{font-size:13px;font-weight:600;padding:9px 20px;border-radius:8px;background:var(--accent);color:#fff;transition:background .15s;text-decoration:none}nav .btn:hover{background:var(--accent-dim)}.theme-btn{background:none;border:1px solid var(--border);border-radius:8px;width:36px;height:36px;cursor:pointer;font-size:16px;display:grid;place-items:center;color:var(--fg2);transition:all .15s;padding:0}.theme-btn:hover{border-color:var(--fg2);color:var(--fg)}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center;padding:80px 0 100px}.hero-text h1{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;font-size:clamp(36px,5vw,52px);font-weight:750;letter-spacing:-.025em;line-height:1.15;color:var(--fg)}.hero-text h1 em{font-style:normal;color:var(--accent)}.hero-text p{font-size:clamp(16px,1.2vw,19px);color:var(--fg2);margin-top:18px;max-width:480px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.hero-actions .btn-primary{font-size:15px;font-weight:600;padding:14px 28px;border-radius:10px;background:var(--fg);color:var(--bg);border:0;cursor:pointer;transition:opacity .15s;text-decoration:none}.hero-actions .btn-primary:hover{opacity:.85}.hero-actions .btn-ghost{font-size:14px;font-weight:500;padding:14px 24px;border-radius:10px;border:1px solid var(--border);color:var(--fg2);background:transparent;cursor:pointer;transition:all .15s;text-decoration:none}.hero-actions .btn-ghost:hover{border-color:var(--fg2);color:var(--fg)}.hero-visual{display:grid;place-items:center}.hero-phone{width:320px;height:auto;border-radius:32px;box-shadow:0 0 0 1px var(--hero-frame-border),0 24px 80px rgba(0,0,0,.1);overflow:hidden;background:var(--hero-bg);aspect-ratio:390/844}.hero-phone iframe{width:100%;height:100%;border:0;display:block}.desktop-section{padding:100px 0}.desktop-inner{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:64px;gap:64px;align-items:center}.desktop-headline{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dh-line1{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-size:clamp(13px,1.1vw,15px);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.dh-line2{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:750;letter-spacing:-.025em;line-height:1.12;color:var(--fg)}.dh-line2 .highlight{color:var(--accent)}.desktop-text .sub{font-size:17px;color:var(--fg2);line-height:1.65;max-width:480px}.desktop-points{list-style:none;margin-top:32px;display:flex;flex-direction:column;gap:16px}.desktop-points li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:var(--fg);padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);transition:background .3s,border .3s}.desktop-points li svg{flex-shrink:0}.desktop-frame{width:100%;aspect-ratio:16/11;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 12px 48px rgba(0,0,0,.08);background:var(--hero-bg);transition:border .3s,background .3s}.desktop-frame iframe{width:100%;height:100%;border:0;display:block}.features{padding:100px 0}.section-label{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.features h2{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;font-size:clamp(28px,3.5vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:48px;color:var(--fg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:background .3s,border .3s}.feature-card{background:var(--surface);padding:40px 32px;display:flex;flex-direction:column;gap:12px;transition:background .3s}.feature-card .icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--accent-bg);color:var(--accent);flex-shrink:0;transition:background .3s}.feature-card h3{font-size:18px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}.feature-card p{font-size:14px;color:var(--fg2);line-height:1.6}.how-it-works{padding:100px 0;background:var(--section-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .3s,border .3s}.how-it-works h2{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;font-size:clamp(28px,3.5vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:48px;text-align:center;color:var(--fg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;counter-reset:step}.step{counter-increment:step 1;display:flex;flex-direction:column;gap:14px}.step:before{content:"0" counter(step);font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,monospace;font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.05em}.step h3{font-size:20px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}.step p{font-size:14px;color:var(--fg2);line-height:1.6}.step-illus{width:100%;aspect-ratio:390/360;border-radius:14px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;margin-top:4px;transition:background .3s,border .3s}.step-illus svg{width:160px;height:auto;color:var(--accent)}.app-section{padding:100px 0}.app-section h2{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,system-ui,sans-serif;font-size:clamp(28px,3.5vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px;color:var(--fg)}.app-section>p{font-size:16px;color:var(--fg2);max-width:560px;margin-bottom:48px}.app-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:background .3s,border .3s}.app-card .preview{width:100%;height:440px;background:var(--hero-bg)}.app-card .preview iframe{width:100%;height:100%;border:0;display:block}.app-card .meta{padding:20px 24px}.app-card .meta h3{font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}.app-card .meta p{font-size:13px;color:var(--fg2);margin-top:4px}.alt-bg{background:var(--section-alt);border-bottom:1px solid var(--border);transition:background .3s,border .3s}.alt-bg,footer{border-top:1px solid var(--border)}footer{padding:32px 0;margin-top:20px;transition:border .3s}footer .inner{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}footer .inner a{color:var(--fg2);font-weight:500}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:48px;padding:48px 0 64px;text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-phone{width:240px}.desktop-inner{grid-template-columns:1fr;gap:40px;text-align:center}.desktop-text>p{margin:0 auto}.desktop-points{align-items:stretch}.desktop-visual{order:-1}.feature-grid,.steps{grid-template-columns:1fr}.steps{max-width:500px;margin:0 auto}.app-grid{grid-template-columns:1fr}}@media(max-width:600px){nav .nav-links a:not(.btn){display:none}.hero{padding:32px 0 48px;gap:36px}.hero-phone{width:200px}.hero-actions{flex-direction:column;gap:8px}.app-section,.features,.how-it-works{padding:64px 0}footer .inner{flex-direction:column;gap:8px;text-align:center}}