.dot-doc{background:var(--glass-page-bg);min-height:100dvh;color:var(--c-text)}.dot-doc-nav{justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;padding:22px 24px;display:flex}.dot-doc-nav a{color:var(--c-text);text-decoration:none}.dot-article{max-width:720px;font-family:var(--font-lexend);color:rgba(var(--c-text-rgb), .86);margin:0 auto;padding:24px 24px 96px;font-size:18px;line-height:1.7}.dot-article .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--glass-eyebrow);margin:8px 0 14px;font-size:12px;font-weight:600}.dot-article h1{font-family:var(--font-outfit);letter-spacing:-1.2px;color:var(--c-text);margin:0 0 18px;font-size:clamp(30px,4.6vw,46px);font-weight:600;line-height:1.08}.dot-article .lede{color:rgba(var(--c-text-rgb), .66);margin:0 0 10px;font-size:20px;line-height:1.6}.dot-article .meta{color:rgba(var(--c-text-rgb), .45);margin:0 0 36px;font-size:13px}.dot-article h2{font-family:var(--font-outfit);letter-spacing:-.5px;color:var(--c-text);margin:44px 0 12px;font-size:26px;font-weight:600}.dot-article h3{font-family:var(--font-outfit);color:var(--c-text);margin:30px 0 8px;font-size:20px;font-weight:600}.dot-article p{margin:0 0 18px}.dot-article ul{margin:0 0 18px;padding-left:22px}.dot-article li{margin:0 0 8px}.dot-article a{color:var(--glass-accent-deep);text-underline-offset:2px;text-decoration:underline}.dot-article .stat{border-left:3px solid var(--glass-accent);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);border-radius:0 var(--radius-chip) var(--radius-chip) 0;margin:26px 0;padding:20px 22px}.dot-article .stat-figure{font-family:var(--font-outfit);letter-spacing:-.5px;color:var(--c-text);font-size:30px;font-weight:700}.dot-article .stat figcaption{color:rgba(var(--c-text-rgb), .6);margin-top:4px;font-size:14px}.dot-article .stat cite{font-style:normal}.dot-faq{border-top:1px solid var(--glass-border);margin-top:48px;padding-top:28px}.dot-faq .q{font-family:var(--font-outfit);color:var(--c-text);margin:20px 0 6px;font-size:18px;font-weight:600}.dot-faq .a{margin:0}.dot-related{flex-direction:column;gap:10px;margin-top:44px;display:flex}.dot-related a{color:var(--glass-accent-deep)}.dot-cta{text-align:center;background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);margin-top:48px;padding:32px}.dot-cta a{background:var(--glass-accent);color:var(--glass-on-accent);font-family:var(--font-lexend);border-radius:var(--radius-button);margin-top:14px;padding:13px 26px;font-weight:600;text-decoration:none;display:inline-block}.dot-wrap{max-width:1120px;margin:0 auto;padding-left:32px;padding-right:32px}.dot-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;display:grid}.dot-navlink{font-family:var(--font-lexend);color:rgba(var(--c-text-rgb), .72);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none}.dot-navlink:hover{color:var(--c-text)}@media (width<=620px){.dot-navlink:not(.dot-linkbtn){display:none}}.dot-steps{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=860px){.dot-hero{grid-template-columns:1fr;gap:56px}.dot-mock{order:-1}.dot-steps{grid-template-columns:1fr}}.dot-shell{width:100%;min-height:100vh;display:flex}.dot-shell-scene{flex:0 0 46%;max-width:46%}.dot-shell-content{flex:1;justify-content:center;align-items:center;padding:56px;display:flex}.dot-shell-inner{width:100%;max-width:440px}@media (width<=900px){.dot-shell-scene{display:none}.dot-shell-content{align-items:stretch;padding:0}.dot-shell-inner{max-width:480px;margin:0 auto}}.tg-root{background:var(--glass-page-bg);min-height:100dvh;position:relative;overflow:hidden}.tg-bloom{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.tg-bloom-apricot{background:var(--bloom-apricot);width:420px;height:420px;top:-120px;right:-60px}.tg-bloom-lavender{background:var(--bloom-lavender);width:360px;height:360px;bottom:-120px;left:-60px}.tg-frame{box-sizing:border-box;flex-direction:column;max-width:1040px;min-height:100dvh;margin:0 auto;padding:20px 32px 96px;display:flex;position:relative}.tg-header{flex:none;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tg-pill{font-family:var(--font-lexend);color:rgba(var(--c-text-rgb), .7);background:var(--glass-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.tg-panes{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.tg-companion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.tg-title{font-family:var(--font-outfit);letter-spacing:-.5px;color:var(--c-text);margin:0;font-size:clamp(23px,2.2vw,30px);font-weight:600}.tg-greeting{font-family:var(--font-lexend);color:rgba(var(--c-text-rgb), .55);margin:0;font-size:13px;font-weight:400}.tg-halo{margin-top:8px}.tg-content{width:100%;max-width:360px;margin:0 auto}@media (width<=900px){.tg-frame{max-width:480px;padding:20px 18px 96px}.tg-panes{grid-template-columns:1fr;align-items:stretch;gap:0}.tg-title{font-size:23px}.tg-companion{margin-bottom:6px}.tg-halo{transform-origin:50%;margin:-20px 0 -14px;transform:scale(.57)}.tg-content{max-width:none}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}:root{--c-bg:#faf6ee;--c-surface:#f4ecdc;--c-hairline:#ede4d4;--c-accent-soft:#fde8d8;--c-text:#3d2c20;--c-text-rgb:61, 44, 32;--c-on-accent:#faf6ee;--c-accent:#f0956a;--c-warn:#b5714d;--font-outfit:"Schibsted Grotesk", sans-serif;--font-lexend:"Schibsted Grotesk", sans-serif;--glass-page-bg:linear-gradient(135deg, #fbefe2 0%, #faf6ee 42%, #f6efe6 100%);--glass-surface:#ffffff75;--glass-border:#ffffffa6;--glass-blur:blur(22px) saturate(145%);--glass-shadow:0 16px 40px #78503226;--glass-accent:#f0956a;--glass-accent-deep:#d6743f;--glass-on-accent:#faf6ee;--glass-eyebrow:#c97846;--glass-highlight:#fbc59e;--halo-glow:0 8px 30px #f0956a59;--bloom-apricot:#f0956a80;--bloom-butter:#f4d08080;--bloom-lavender:#b8a4d866;--accent-sage:#7bbfaa;--accent-lavender:#b8a4d8;--radius-card:22px;--radius-nav:18px;--radius-button:12px;--radius-chip:18px;--band-height:4px}:root[data-theme=night]{--c-bg:#1e1622;--c-surface:#2a1f2e;--c-hairline:#faf6ee24;--c-accent-soft:#f0956a2e;--c-text:#faf6ee;--c-text-rgb:250, 246, 238;--c-on-accent:#faf6ee;--c-accent:#f0956a;--c-warn:#d89a6e;--glass-page-bg:linear-gradient(160deg, #241a28 0%, #1c1620 55%, #191319 100%);--glass-surface:#ffffff12;--glass-border:#ffffff21;--glass-blur:blur(24px) saturate(150%);--glass-shadow:0 14px 36px #0006;--glass-accent:#f5a87d;--glass-on-accent:#2a1710;--glass-highlight:#fccda6;--halo-glow:0 0 24px #f5a87d80;--bloom-apricot:#f0956a57;--bloom-butter:#f4d08047;--bloom-lavender:#b8a4d847}body{margin:0}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}
