:root { color-scheme:dark; --bg:#090b10; --surface:#12151d; --line:#292f3d; --text:#f7f8fc; --muted:#b0b7c6; --accent:#8caeff; --green:#55d6ad; }
    * { box-sizing:border-box; }
    html { scroll-padding-top:28px; }
    body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.7; overflow-wrap:anywhere; }
    a { color:inherit; text-underline-offset:.25em; }
    a:hover { color:var(--accent); }
    a:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:6px; border-radius:3px; }
    .wrap { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
    .skip { position:absolute; top:10px; left:12px; padding:10px 18px; background:var(--text); color:var(--bg); transform:translateY(-180%); z-index:2; }
    .skip:focus { transform:none; }
    header { border-bottom:1px solid var(--line); }
    .nav { min-height:90px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px 28px; padding-block:20px; }
    .logo { display:inline-flex; align-items:center; gap:12px; font-size:1rem; font-weight:650; text-decoration:none; letter-spacing:-.03em; }
    .logo-mark { display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:10px; background:linear-gradient(135deg,#6e9aff,#a987ff); font-size:.8125rem; color:#090b10; font-weight:800; }
    .nav-links { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:.875rem; color:var(--muted); }
    .nav-links a { text-decoration:none; padding-block:6px; }
    .nav-links [aria-current] { color:var(--text); }
    .hero { padding:48px 0 76px; background:radial-gradient(ellipse at 15% 15%,rgba(110,154,255,.09),transparent 65%); }
    .breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0 0 56px; color:var(--muted); font-size:.8125rem; }
    .breadcrumbs li + li::before { content:'/'; padding-right:8px; color:#78859b; }
    .eyebrow { display:block; font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color:var(--accent); font-weight:600; margin-bottom:18px; }
    h1,h2,h3,p { margin:0; }
    h1 { font-size:clamp(2.65rem,6.4vw,5.3rem); line-height:1.06; letter-spacing:-.045em; font-weight:600; max-width:1000px; }
    h1 em { color:var(--accent); font-family:"Instrument Serif",Georgia,serif; font-weight:400; }
    .lead { color:var(--muted); max-width:770px; font-size:clamp(1rem,1.8vw,1.1875rem); margin-top:28px; }
    .lead strong { color:var(--text); font-weight:500; }
    .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:100px; border:1px solid var(--line); text-decoration:none; font-size:.9rem; font-weight:600; text-align:center; }
    .btn-primary { color:var(--bg); background:var(--text); }
    .btn-primary:hover { background:var(--accent); color:var(--bg); }
    .tags { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:34px 0 0; list-style:none; color:var(--muted); font-size:.8rem; }
    .tags li { border:1px solid var(--line); border-radius:30px; padding:7px 14px; }
    .section { padding:76px 0; border-top:1px solid var(--line); }
    h2 { font-size:clamp(1.75rem,3.3vw,2.75rem); line-height:1.18; letter-spacing:-.035em; font-weight:600; }
    h3 { font-size:1.1875rem; line-height:1.4; letter-spacing:-.02em; font-weight:600; }
    .section-intro { color:var(--muted); max-width:760px; margin-top:18px; }
    .cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:36px; }
    .card { border:1px solid var(--line); border-radius:20px; padding:30px; background:var(--surface); min-width:0; }
    .card .number { color:var(--accent); font-size:.8125rem; display:block; margin-bottom:22px; font-variant-numeric:tabular-nums; }
    .card p { color:var(--muted); margin-top:12px; font-size:.9375rem; }
    .card a { display:inline-block; color:var(--accent); margin-top:22px; font-size:.875rem; }
    .split { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; }
    .split > * { min-width:0; }
    .steps { list-style:none; margin:0; padding:0; counter-reset:step; }
    .steps li { counter-increment:step; padding:0 0 26px 42px; margin-bottom:26px; border-bottom:1px solid var(--line); position:relative; }
    .steps li::before { content:'0' counter(step); position:absolute; left:0; top:1px; font-size:.8rem; color:var(--accent); }
    .steps li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
    .steps p { margin-top:8px; color:var(--muted); font-size:.9375rem; }
    .product-note { color:var(--green); font-size:.75rem; margin-bottom:16px; display:block; letter-spacing:.07em; text-transform:uppercase; }
    .faq { margin-top:34px; }
    details { padding:23px 0; border-top:1px solid var(--line); }
    details:last-child { border-bottom:1px solid var(--line); }
    summary { cursor:pointer; font-size:1.0625rem; font-weight:500; padding-right:10px; }
    details p { max-width:800px; margin:16px 0 0; color:var(--muted); }
    .brief { padding:38px; border:1px solid #3d4e72; border-radius:24px; background:linear-gradient(135deg,rgba(110,154,255,.09),rgba(169,135,255,.04)); }
    .brief p { margin-top:18px; color:var(--muted); max-width:760px; }
    .brief ul { color:var(--muted); padding-left:22px; margin:22px 0 0; }
    .brief li { padding-bottom:6px; }
    footer { padding:32px 0; border-top:1px solid var(--line); color:var(--muted); font-size:.8125rem; }
    .footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px 30px; }
    .footer-links { display:flex; flex-wrap:wrap; gap:12px 22px; }
    @media (max-width:720px) { .wrap { width:calc(100% - 36px); } .hero { padding-block:30px 52px; } .breadcrumbs { margin-bottom:36px; } .section { padding:52px 0; } .cards,.split { grid-template-columns:minmax(0,1fr); } .split { gap:32px; } .card { padding:24px; } .brief { padding:26px; } .nav { gap:12px; } .nav-links { gap:8px 20px; } }
    @media print { :root { color-scheme:light; --bg:#fff; --text:#111; --muted:#333; --accent:#222; --surface:#fff; --line:#ccc; --green:#333; } header,.actions,.tags,.skip { display:none; } .wrap { width:100%; } .hero,.section { padding:24px 0; background:none; } h1 { font-size:30pt; } h2 { font-size:20pt; } .split,.cards { display:block; } .card { margin-top:16px; } h2,h3 { break-after:avoid; } .brief { background:none; } }