:root{--navy: #0b2c74;--navy-deep: #071d4f;--blue: #1f6bff;--teal: #2bbfae;--ink: #0f1b33;--muted: #5a6782;--line: #e3e9f4;--bg: #ffffff;--bg-soft: #f4f7fd;--radius: 14px;--shadow: 0 10px 30px rgba(11, 44, 116, .08);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;color:var(--navy)}h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;color:var(--navy)}h3{font-size:1.15rem;font-weight:700}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}.container{width:min(1160px,100% - 32px);margin-inline:auto}.narrow{width:min(780px,100% - 32px)}.center{text-align:center}.eyebrow{color:var(--blue);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6em}.eyebrow.light{color:var(--teal)}.accent{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:700;border:2px solid transparent;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:9px 16px;font-size:.92rem}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1f6bff47}.btn-primary:hover{background:#1557d6}.btn-ghost{background:transparent;color:var(--navy);border-color:var(--line)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-light{background:#fff;color:var(--navy)}.btn-outline-light{color:#fff;border-color:#ffffff8c}.btn-outline-light:hover{border-color:#fff}.nav{position:sticky;top:0;z-index:20;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1.6rem;color:var(--navy);letter-spacing:-.03em}.brand svg{height:30px;width:auto}.brand-light{color:#fff}.nav-links{display:flex;align-items:center;gap:28px;font-weight:600;color:var(--muted)}.nav-links a:not(.btn):hover{color:var(--navy)}.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}.hero{position:relative;overflow:hidden;background:#fff}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);padding:48px 0}.hero-copy{max-width:560px}.lead{font-size:1.15rem;color:var(--muted);max-width:34em}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-weight:600;font-size:.95rem}.hero-points li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:8px;vertical-align:middle}.hero-art{position:absolute;inset:0 0 0 auto;width:58%;display:flex;align-items:center;justify-content:flex-end}.hero-art img{width:auto;height:auto;max-width:100%;max-height:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}.section{padding:88px 0}.section.alt{background:var(--bg-soft)}.section>.container>h2{max-width:20em;margin-inline:auto;margin-bottom:48px}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:var(--shadow)}.method p{color:var(--muted)}.method-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;margin-bottom:18px}.method-icon svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.method:first-child .method-icon svg{fill:var(--blue);stroke:none}.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{padding:5px 12px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--navy)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid var(--line)}.feature h3{color:var(--navy)}.feature h3:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--teal));margin-bottom:18px}.feature p{color:var(--muted);margin:0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step}.steps li{position:relative;padding:28px;border-radius:var(--radius);border:1px solid var(--line)}.steps p{color:var(--muted);margin:0}.step-no{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;margin-bottom:16px}.section.dark{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#dfe7fb}.section.dark h2{color:#fff}.dev{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}.dev-points{padding-left:1.2em;margin:0}.dev-points li{margin-bottom:6px}.code-card{background:#0a1430;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 40px #0000004d;min-width:0}.code-tabs{display:flex;gap:4px;padding:10px 10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.code-tabs button{background:none;border:0;color:#8ea0c9;font:inherit;font-weight:600;font-size:.88rem;padding:8px 14px;border-radius:8px 8px 0 0;cursor:pointer}.code-tabs button[aria-selected=true]{color:#fff;background:#ffffff12}.code-card pre{margin:0;padding:20px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.7;color:#d6def5}.code-card .c{color:#6f82ad}.code-card .k{color:#7cc4ff}.code-card .s{color:#8fe3c9}.code-card .n{color:#ffcf7a}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:12px 0 0}.section.cta{background:linear-gradient(120deg,var(--blue) 0%,var(--navy) 70%);color:#e8efff;text-align:center}.section.cta h2{color:#fff}.cta-inner p{max-width:34em;margin-inline:auto}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.footer{background:var(--navy-deep);color:#9fb0d6;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer p{margin:0;font-size:.9rem}.wa-float{position:fixed;right:20px;bottom:20px;z-index:30;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#25d366;color:#fff;font-weight:700;box-shadow:0 10px 24px #25d36661;transition:transform .15s ease,box-shadow .15s ease}.wa-float:hover{transform:translateY(-2px);box-shadow:0 14px 28px #25d36673}.wa-float svg{width:26px;height:26px;fill:currentColor;flex-shrink:0}@media(max-width:960px){.dev{grid-template-columns:1fr}.hero-inner{min-height:0;padding:40px 0 16px;text-align:center;justify-content:center}.hero-copy{max-width:none}.lead{margin-inline:auto}.hero-cta,.hero-points{justify-content:center}.hero-art{position:static;width:100%}.hero-art img{width:100%;max-width:560px;max-height:none;margin-inline:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}.methods,.features,.steps{grid-template-columns:1fr 1fr}}@media(max-width:760px){.nav-toggle{display:block}.nav-links{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 16px 16px;display:none}.nav-links.open{display:flex}.nav-links a:not(.btn){padding:12px 0;border-bottom:1px solid var(--line)}.nav-links .btn{margin-top:12px}.section{padding:64px 0}.methods,.features,.steps{grid-template-columns:1fr}.footer-inner{justify-content:center;text-align:center}.wa-float{width:56px;padding:0;justify-content:center;right:16px;bottom:16px}.wa-float span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth;scroll-padding-top:80px}