@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#103743;--muted:#59747c;--deep:#082e38;--mint:#35e5b4;--line:#dce8e9;scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fbfdfc;font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1aa992;outline-offset:5px}h1,h2,h3,.brand,.price{font-family:Manrope,Arial,sans-serif;line-height:1.12;margin:0;letter-spacing:-.045em}p{margin:0}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}.header{background:#082e38;color:#eefdfb;border-bottom:1px solid #ffffff18}.nav{display:flex;align-items:center;gap:32px;min-height:84px}.brand{display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand img{margin-right:9px;object-fit:contain}.brand span{color:#13c6b6}.navlinks{display:flex;gap:28px;margin-left:auto;font-size:14px;color:#c9e3e3}.navlinks a:hover{color:#55eed1}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;background:#46edc1;color:#07392f;font-weight:700;font-size:15px;border-radius:7px;border:1px solid #46edc1;transition:background .15s,transform .15s}.button:hover{background:#80f9d6;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:13px}.hero{overflow:hidden;background:radial-gradient(ellipse at 80% 65%,#076e7955,transparent 45%),linear-gradient(125deg,transparent 57%,#26e8b507 57%,transparent 78%),#082e38;color:#f5fffc}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding-top:80px;padding-bottom:82px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:24px;color:#078d80}.hero .eyebrow{color:#7be7cd;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:#3ef1b5;display:inline-block;border-radius:50%}h1{font-size:clamp(42px,5vw,66px);font-weight:800;line-height:1.08}h1 span{background:linear-gradient(100deg,#72f6c7,#1bd8c0 58%,#67b9f4);background-clip:text;color:transparent}.lead{font-size:17px;color:#b8d3d7;max-width:530px;margin:27px 0 30px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid #86b2b6;padding:7px 0}.availability{font-size:12px;color:#91b1b8;margin-top:20px}.hero-art{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;padding-bottom:38px}.hero-crystal{position:relative;z-index:1;width:280px;height:auto;filter:drop-shadow(0 25px 30px #001f2b77)}.halo{position:absolute;inset:0;border:1px solid #68d9d31a;border-radius:50%;transform:scale(.92)}.halo:before,.halo:after{content:'';position:absolute;inset:40px;border:1px solid #68d9d31a;border-radius:50%}.halo:after{inset:85px}.orbit{position:absolute;font-size:10px;letter-spacing:2px;color:#a4cece;border:1px solid #3b7e874d;border-radius:4px;background:#0b3d46;padding:7px 10px;z-index:2}.one{top:65px;left:5px}.two{top:145px;right:-5px}.three{bottom:90px;left:15px}.art-caption{position:absolute;bottom:0;color:#86aeb7;font-size:12px;letter-spacing:.2px}.capabilities{background:#f0f7f5;border-bottom:1px solid var(--line)}.capability-row{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:23px;font-size:13px;font-weight:600}.capability-row span:before{content:'✓';margin-right:10px;color:#059b81}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:42px}h2{font-size:clamp(30px,3.8vw,43px);font-weight:800}h3{font-size:22px;font-weight:700}.section-heading>p{color:var(--muted);max-width:390px}.section-heading .eyebrow{margin-bottom:17px}.showcase{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 20px 55px #0a4e4a07}.feature-tabs{padding:12px;background:#f4f8f7;display:flex;flex-direction:column;gap:5px}.feature-tabs button{position:relative;display:grid;grid-template-columns:24px 1fr;column-gap:10px;text-align:left;border:0;background:transparent;color:var(--ink);padding:18px 13px;border-radius:9px;line-height:1.4}.feature-tabs button>span{font-size:11px;color:#7f999e;padding-top:3px}.feature-tabs b{font-size:14px}.feature-tabs small{grid-column:2;font-size:12px;color:var(--muted);margin-top:5px}.feature-tabs button[aria-selected=true]{background:#0d424b;color:#fff;box-shadow:0 3px 10px #10374316}.feature-tabs button[aria-selected=true] small{color:#b7d6d5}.feature-tabs button[aria-selected=true]>span{color:#3fe9b9}.feature-view{display:flex;flex-direction:column;justify-content:center;padding:24px;min-width:0}.screenshot-button{display:block;padding:0;background:white;border:1px solid #e0eaeb;border-radius:8px;overflow:hidden;position:relative;width:100%}.screenshot-button img{width:100%;height:auto}.screenshot-button span{position:absolute;bottom:9px;right:9px;font-size:11px;padding:4px 9px;border-radius:5px;background:#103743e6;color:white}.feature-view>p{font-size:14px;color:var(--muted);margin-top:19px}.data-note{font-size:11px;color:#6f868d;margin-top:15px}.method{background:#edf5f2;padding:85px 0}.method .eyebrow{margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:0;list-style:none;margin:45px 0}.steps li{border-top:1px solid #b6d5cd;padding-top:20px}.steps li>span{color:#008d7d;font-size:13px;font-weight:700}.steps h3{margin:16px 0;font-size:20px}.steps p{color:var(--muted);font-size:14px}.installation{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px;background:#fff;border:1px solid #cfdfdb;border-radius:10px}.installation h3{font-size:19px}.installation p{font-size:13px;color:var(--muted);margin-top:7px}.pending{white-space:nowrap;font-size:11px;border-radius:30px;padding:8px 13px;background:#eaf3f0;color:#386b5d}.pricing-heading{text-align:center}.pricing-heading .eyebrow{margin-bottom:16px}.pricing-heading>p:last-child{margin-top:22px;color:var(--muted)}.release-notice{max-width:850px;margin:30px auto 22px;border-left:3px solid #c69237;background:#fff8e9;padding:13px 17px;font-size:12px;color:#735722}.pricing-grid{max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:auto}.price-card{padding:35px;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative}.plan-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#0b927f;margin-bottom:18px}.price-card h3{font-size:20px;letter-spacing:-.5px}.price{font-size:43px;font-weight:800;margin-top:25px}.price span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:6px}.billing{font-size:12px;color:var(--muted);margin-top:9px;min-height:40px}.price-card ul{list-style:none;padding:20px 0 25px;margin:13px 0;border-top:1px solid var(--line);font-size:13px}.price-card li{margin:11px 0}.price-card li:before{content:'✓';color:#00a582;margin-right:9px}.price-card .button{width:100%;padding:14px 10px;font-size:13px}.outline{background:#fff;border-color:#95c3ba;color:#0b5b4e}.featured{background:#0a3540;color:#fff;border-color:#0c5c60;box-shadow:0 18px 45px #0b5c5915}.featured .plan-label{color:#65f5ce}.featured .billing,.featured .price span{color:#a3c6ce}.featured ul{border-color:#ffffff22}.value-tag{position:absolute;top:-12px;right:23px;padding:5px 12px;background:#46edc1;border-radius:4px;color:#064432;font-size:9px;font-weight:700;letter-spacing:1px}.pricing-note{text-align:center;color:var(--muted);font-size:11px;margin:20px auto 0;max-width:740px}.faq-section{padding:85px 0;background:#f0f6f4;border-block:1px solid #e2ebe7}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-intro{color:var(--muted);font-size:14px;margin-top:22px;max-width:260px}.faq-list details{border-bottom:1px solid #cdded8;padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#078576;font-size:19px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:14px;padding:15px 22px 0 0}.closing{text-align:center;padding-top:75px;padding-bottom:80px}.closing img{margin:0 auto 20px}.closing h2{font-size:36px}.closing .button{margin-top:28px}footer{background:#082e38;color:#b0ced1;padding:35px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row p,.footer-row>a:last-child{font-size:12px}.footer-row .brand{font-size:23px;color:white}.copyright{margin-top:25px;border-top:1px solid #ffffff17;padding-top:18px;font-size:10px;color:#7fa4ac}dialog{border:0;border-radius:12px;padding:50px 10px 10px;max-width:min(1200px,95vw);max-height:95vh;background:#fff}dialog::backdrop{background:#001c2bdd}dialog img{max-height:80vh;object-fit:contain}#close-dialog{position:absolute;right:12px;top:10px;padding:6px 13px;border:1px solid #b9d0d5;background:#edf6f3;border-radius:5px;color:var(--ink);font-size:13px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero-grid{gap:15px}.hero-crystal{width:220px}.hero-art{min-height:360px}.orbit{display:none}.section-heading{gap:30px}.showcase{grid-template-columns:255px 1fr}.feature-tabs button{padding:14px 9px}.feature-view{padding:14px}.faq-grid{gap:35px}.price-card{padding:28px}.hero-actions{gap:14px}.text-link{font-size:12px}}
@media(max-width:650px){.nav{min-height:72px;gap:10px;justify-content:space-between}.navlinks{display:none}.brand{font-size:24px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px;gap:15px}.hero h1{font-size:46px}.lead{font-size:16px;margin:22px 0}.hero-art{min-height:290px;padding-bottom:20px}.hero-crystal{width:190px}.halo{inset:0 30px}.art-caption{font-size:10px}.capability-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px}.section{padding-block:60px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}h2{font-size:32px}.showcase{grid-template-columns:1fr}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.feature-tabs button{grid-template-columns:1fr;padding:12px}.feature-tabs button>span,.feature-tabs small{display:none}.feature-tabs b{font-size:12px}.feature-tabs button:last-child{grid-column:span 2}.feature-view{padding:12px}.steps{grid-template-columns:1fr;gap:24px;margin-block:30px}.steps h3{margin:10px 0}.method{padding-block:55px}.installation{align-items:flex-start;flex-direction:column;padding:22px}.pricing-grid{grid-template-columns:1fr;gap:28px}.price-card{padding:28px}.pricing-heading>p:last-child{font-size:14px}.faq-section{padding-block:55px}.faq-grid{grid-template-columns:1fr;gap:35px}.faq-intro{max-width:none}.closing h2{font-size:30px}.closing{padding-block:55px}.footer-row{flex-wrap:wrap}.footer-row p{order:3;flex-basis:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.availability{font-size:10px}.button{font-size:13px;padding:14px 18px}.wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
.theme-toggle{border:1px solid #ffffff33;background:transparent;color:#d6efec;padding:9px 13px;border-radius:7px;font-size:13px;margin-left:8px}.theme-toggle:hover{border-color:#55eed1;color:#55eed1}
.features{display:grid;gap:72px}.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.feature:nth-child(even){grid-template-columns:1.2fr .8fr}.feature:nth-child(even) .feature-text{order:2}.feature .num{font-size:12px;font-weight:700;letter-spacing:2px;color:#078d80}.feature h3{font-size:28px;margin:12px 0 14px}.feature-text p{color:var(--muted);font-size:15px}
.shot{display:block;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;background:#fff;width:100%;box-shadow:0 20px 55px #0a4e4a12}.shot img{width:100%;height:auto}.shot span{position:absolute;bottom:9px;right:9px;font-size:11px;padding:4px 9px;border-radius:5px;background:#103743e6;color:#fff}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.js .reveal.in{opacity:1;transform:none}
.footer-row a:not(.brand){font-size:12px}
.legal{max-width:760px;margin:0 auto;padding:64px 0 90px}.legal h1{font-size:clamp(32px,5vw,46px)}.legal .updated{color:var(--muted);font-size:13px;margin:12px 0 36px}.legal h2{font-size:22px;margin:38px 0 12px;letter-spacing:-.02em}.legal p,.legal li{color:var(--muted);font-size:15px;margin:10px 0}.legal ul{padding-left:20px}.legal a{color:#078d80;text-decoration:underline}
@media(max-width:900px){.feature,.feature:nth-child(even){grid-template-columns:1fr;gap:22px}.feature:nth-child(even) .feature-text{order:0}.features{gap:56px}.feature h3{font-size:24px}}
@media(max-width:650px){.theme-toggle{padding:8px 10px;font-size:12px;margin-left:0}.nav .button.small{display:none}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
html[data-theme=dark]{--ink:#e7f5f3;--muted:#9bbcc2;--line:#1d4955;color-scheme:dark}
html[data-theme=dark] body{background:#061c24}html[data-theme=dark] .capabilities,html[data-theme=dark] .method,html[data-theme=dark] .faq-section{background:#0a2832;border-color:#143a46}
html[data-theme=dark] .installation,html[data-theme=dark] .price-card,html[data-theme=dark] dialog{background:#0d3039;border-color:#1d4955;color:var(--ink)}
html[data-theme=dark] .featured{background:#0b4650;border-color:#1b8a86}html[data-theme=dark] .pending{background:#12434a;color:#8fe9cf}html[data-theme=dark] .release-notice{background:#2b2512;color:#e8c677}
html[data-theme=dark] .outline{background:transparent;color:#7cf0d3;border-color:#2f8f87}html[data-theme=dark] .steps li,html[data-theme=dark] .faq-list details{border-color:#25505a}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .plan-label,html[data-theme=dark] .steps li>span,html[data-theme=dark] .faq-list summary:after,html[data-theme=dark] .feature .num,html[data-theme=dark] .legal a{color:#4fe3c6}
html[data-theme=dark] #close-dialog{background:#12434a;color:var(--ink);border-color:#25505a}html[data-theme=dark] .shot{background:#0d3039;box-shadow:none}html[data-theme=dark] .data-note{color:var(--muted)}
