:root{--green: #00CA89;--green-dark: #00B474;--green-deep: #0a5f45;--green-pale: #B7EEDB;--teal-pale: #E7F7F8;--navy: #142337;--navy-deep: #091729;--navy-line: #1F3F64;--code-bg: #0d1826;--grey-text: #4a5a6b;--grey-mid: #92A6B5;--grey-border: #BCC9D2;--line: #DCE3E8;--surface: #F5F5F5;--white: #ffffff;--font: "Poppins", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 5px;--r-md: 6px;--r-lg: 10px;--r-xl: 12px;--max: 1200px;--gutter: 40px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased}a{color:var(--green-dark);text-decoration:none}a:hover{color:var(--navy)}::-moz-selection{background:var(--green-pale)}::selection{background:var(--green-pale)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header .container{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--navy)}.brand:hover{color:var(--navy)}.brand .dot-outer{width:26px;height:26px;border-radius:7px;background:var(--green);display:flex;align-items:center;justify-content:center}.brand .dot-inner{width:9px;height:9px;border-radius:50%;background:var(--white)}.brand .tld{color:var(--green)}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:9px 13px;border-radius:var(--r-md);font-size:14px;font-weight:500;white-space:nowrap;color:var(--navy);transition:.15s}.nav a:hover{background:var(--surface)}.nav a[aria-current=page]{background:var(--teal-pale);color:var(--green-dark)}.header-actions{display:flex;align-items:center;gap:12px}.btn{font-family:var(--font);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:1px solid transparent;transition:.2s}.btn-lg{height:52px;padding:0 28px;font-size:15px;gap:10px}.btn-xl{height:54px;padding:0 32px;font-size:15px;gap:10px}.btn-primary{background:var(--green);border-color:var(--green);color:var(--white)}.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark);color:var(--white)}.btn-outline{background:var(--white);border-color:var(--grey-border);color:var(--navy)}.btn-outline:hover{border-color:var(--navy);color:var(--navy)}.btn-outline-green{background:var(--white);border-color:var(--green-dark);color:var(--green-dark);height:48px;padding:0 24px}.btn-outline-green:hover{background:var(--teal-pale);color:var(--green-dark)}.btn-dark{background:var(--navy);color:var(--white)}.btn-dark:hover{background:var(--navy-deep);color:var(--white)}.btn-text{background:transparent;border:none;padding:9px 8px;color:var(--navy)}.btn-text:hover{color:var(--green-dark)}.section{padding:88px 0}.section-grey{background:var(--surface)}.eyebrow{font-size:12px;font-weight:500;color:var(--green-dark);text-transform:uppercase;letter-spacing:.08em}.page-head{padding:88px 0 56px}.page-head h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.03em;margin:16px 0 20px;max-width:700px;text-wrap:balance}.page-head p{font-size:19px;line-height:1.6;color:var(--grey-text);max-width:620px;text-wrap:pretty}.hero{padding:96px 0 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 10px;border-radius:100px;background:var(--green-pale);margin-bottom:28px}.badge .pip{width:7px;height:7px;border-radius:50%;background:var(--green-dark)}.badge span:last-child{font-size:12px;font-weight:500;color:var(--green-deep);letter-spacing:.01em}.hero h1{font-size:clamp(38px,4.6vw,62px);line-height:1.06;letter-spacing:-.03em;margin-bottom:24px;text-wrap:balance}.hero h1 em{font-style:normal;color:var(--green)}.hero .lead{font-size:19px;line-height:1.6;color:var(--grey-text);max-width:470px;margin-bottom:36px;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:24px}.hero .note{font-size:13px;color:var(--grey-mid)}.frame{border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 24px 48px #1423371a}.frame-bar{height:38px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px}.frame-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.placeholder{background:repeating-linear-gradient(135deg,var(--surface) 0px,var(--surface) 10px,var(--white) 10px,var(--white) 20px);display:flex;align-items:center;justify-content:center}.placeholder span{font-family:var(--mono);font-size:12px;color:var(--grey-mid);background:var(--white);padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--line)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .container{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;gap:40px}.strip h2{font-size:12px;font-weight:500;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.strip ul{list-style:none;display:flex;gap:14px;flex-wrap:wrap}.strip li{font-family:var(--mono);font-size:12px;color:var(--grey-text);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 13px}.section-intro h2{font-size:38px;margin-bottom:14px}.section-intro p{font-size:17px;color:var(--grey-text);max-width:560px;margin-bottom:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px 32px;transition:.2s}.card:hover{border-color:var(--green);transform:translateY(-2px)}.card .mark{width:38px;height:38px;border-radius:9px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-family:var(--mono);font-size:14px;font-weight:500;color:var(--green-deep)}.card h3{font-size:17px;margin-bottom:10px;letter-spacing:0}.card p{font-size:14px;line-height:1.65;color:var(--grey-text);text-wrap:pretty}.install{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.install h2{font-size:38px;margin:14px 0 18px}.install p{font-size:17px;line-height:1.65;color:var(--grey-text);margin-bottom:28px;text-wrap:pretty}.code{border-radius:var(--r-xl);overflow:hidden;background:var(--navy)}.code-tabs{display:flex;gap:2px;padding:12px 14px 0}.code-tabs button{font-family:var(--mono);font-size:12px;cursor:pointer;border:none;background:transparent;color:var(--grey-mid);padding:9px 16px;border-radius:var(--r-md) var(--r-md) 0 0}.code-tabs button[aria-selected=true]{background:var(--code-bg);color:var(--green)}.code pre{margin:0;padding:26px 24px 30px;background:var(--code-bg);font-family:var(--mono);font-size:13px;line-height:1.85;color:var(--green-pale);overflow-x:auto}.code pre[hidden]{display:none}.cta-band{background:var(--green)}.cta-band .container{padding-top:80px;padding-bottom:80px;display:flex;align-items:center;justify-content:space-between;gap:48px}.cta-band h2{font-size:36px;color:var(--white);margin-bottom:12px}.cta-band p{font-size:17px;color:#ffffffe0;max-width:520px}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:88px 1fr 1fr;gap:40px;align-items:start;padding:36px 0;border-top:1px solid var(--line)}.step .n{font-family:var(--mono);font-size:13px;color:var(--green-dark);padding-top:4px}.step h3{font-size:24px;letter-spacing:-.01em;text-wrap:balance}.step p{font-size:15px;line-height:1.7;color:var(--grey-text);text-wrap:pretty}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.list-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:var(--r-lg);padding:30px 28px}.list-card.muted{border-top-color:var(--grey-border)}.list-card h3{font-size:16px;margin-bottom:20px;letter-spacing:0}.list-card ul{list-style:none;display:flex;flex-direction:column;gap:13px}.list-card li{display:flex;gap:12px;align-items:baseline;font-size:14.5px;line-height:1.5;color:var(--navy)}.list-card li:before{content:"●";color:var(--green);font-size:13px}.list-card.muted li{color:var(--grey-text)}.list-card.muted li:before{content:"○";color:var(--grey-border)}.legal{font-size:13px;line-height:1.7;color:var(--grey-mid);margin-top:28px;max-width:720px}.api{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.api-row{display:grid;grid-template-columns:74px 1fr 1.2fr;gap:24px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--white)}.api-row:last-child{border-bottom:none}.api-row:hover{background:var(--surface)}.api-row .method{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--green-deep);background:var(--green-pale);border-radius:4px;padding:4px 8px;text-align:center}.api-row .path{font-family:var(--mono);font-size:13px;color:var(--navy)}.api-row .desc{font-size:13.5px;color:var(--grey-text)}.cases{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case{border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:var(--white)}.case .placeholder{height:150px;border-bottom:1px solid var(--line)}.case .body{padding:30px 30px 34px}.case h3{font-size:20px;margin-bottom:12px;letter-spacing:-.01em}.case p{font-size:15px;line-height:1.7;color:var(--grey-text);text-wrap:pretty}.faq{max-width:860px;margin:0 auto;padding:88px var(--gutter) 96px}.faq h1{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.03em;margin:16px 0 44px;text-wrap:balance}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:17px;font-weight:500;color:var(--navy)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:20px;color:var(--green);line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:15.5px;line-height:1.75;color:var(--grey-text);padding:0 60px 26px 0;text-wrap:pretty}.site-footer{background:var(--navy);color:var(--white)}.site-footer .container{padding-top:72px;padding-bottom:40px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px}.site-footer .brand{color:var(--white);margin-bottom:16px;font-size:17px}.site-footer .brand .dot-outer{width:24px;height:24px}.site-footer .brand .dot-inner{width:8px;height:8px;background:var(--navy)}.site-footer .about{font-size:14px;line-height:1.65;color:var(--grey-mid);max-width:260px}.footer-grid h4{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--grey-mid);margin-bottom:18px}.footer-grid ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-grid ul a{font-size:14px;color:var(--line)}.footer-grid ul a:hover{color:var(--green)}.footer-base{border-top:1px solid var(--navy-line);padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--grey-mid)}@media(max-width:1080px){.hero,.install{grid-template-columns:1fr;gap:48px}.cards{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:56px 1fr}.step p{grid-column:2}}@media(max-width:820px){:root{--gutter: 24px}.nav{display:none}.cards,.two-col,.cases{grid-template-columns:1fr}.cta-band .container,.strip .container{flex-direction:column;align-items:flex-start;gap:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.api-row{grid-template-columns:74px 1fr;gap:12px}.api-row .desc{grid-column:2}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-medium.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-semibold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-medium.woff2) format("woff2")}