/* Button layout and focus treatment adapted from shadcn/ui (MIT). See third-party-notices.txt. */
:root{color-scheme:dark;--bg:#08090b;--surface:#101216;--line:#272a30;--text:#f4f5f7;--muted:#a1a5ae;--blue:#82b5ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:6px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.09;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(3.2rem,6.6vw,5.6rem);max-width:1000px}h1 span,h2 span{color:var(--muted)}h2{font-size:clamp(2.15rem,4.1vw,3.7rem)}h3{font-size:1.38rem;letter-spacing:-.025em;line-height:1.25}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #191c21}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-1.2px;line-height:1}.brand img{border-radius:9px}.brand-dot{color:var(--muted)}.site-header nav{display:flex;gap:34px;font-size:14px;color:#c5c7cd}.site-header nav a{padding:12px 0}.button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:14px 24px;border-radius:100px;background:var(--text);color:#16181c;font-size:15px;font-weight:600;white-space:nowrap;transition:background .18s,color .18s,transform .18s;outline-offset:5px}.button:hover{background:#dce9fc;color:#08090b;transform:translateY(-2px)}.button-secondary{background:#1a1d23;color:var(--text)}.button-secondary:hover{background:#292e37;color:#fff}.button-small{font-size:13px;min-height:42px;padding:10px 20px;gap:18px}.text-link{font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:14px;min-height:44px}.text-link:hover span{transform:translate(2px,-2px)}.text-link span{transition:transform .18s}.hero{padding-top:104px;padding-bottom:86px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;line-height:1.5;color:#aeb7c6;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;flex:none;display:inline-block;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #82b5ff12}.hero h1{margin-top:28px}.hero-copy{font-size:19px;line-height:1.65;max-width:580px;margin-top:28px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}.availability-note{font-size:12px;margin-top:20px}.product-preview{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;border-bottom:1px solid var(--line)}.preview-heading h2{font-size:15px;letter-spacing:-.015em;line-height:1.4}.preview-heading>span{font-size:9px;letter-spacing:.12em;color:#9199a8}.device-stage{display:grid;grid-template-columns:1fr 24%;gap:28px;align-items:center;padding:48px 38px 32px;background:radial-gradient(ellipse at 70% 95%,#13223e70,transparent 75%)}.mac-preview{min-width:0}.mac-preview>img{border:1px solid #353840;border-top:none;border-radius:0 0 10px 10px;width:100%;box-shadow:0 24px 60px #0005}.window-chrome{height:30px;background:#27292e;border:1px solid #3c3e44;border-bottom:0;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:5px;padding:0 12px}.window-chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#6e7178}.window-chrome i:first-child{background:#ee6b60}.window-chrome i:nth-child(2){background:#e8b84c}.window-chrome i:nth-child(3){background:#5cba69}.window-chrome span{margin-left:auto;font-size:9px;color:#c5c7cc}.phone-shell{border:5px solid #45484d;border-radius:32px;overflow:hidden;box-shadow:0 20px 50px #0006;background:#eceff5}.phone-shell img{width:100%}figcaption{text-align:center;font-size:10px;color:#9a9fa9;margin-top:20px}.section{padding-block:112px;scroll-margin-top:24px}.section-intro{max-width:780px}.section-intro h2,.privacy-copy h2,.faq-section h2{margin-top:22px}.section-intro>p:last-child{font-size:17px;max-width:540px;margin-top:26px}.section-note{font-size:12px;max-width:700px;margin-top:24px}.privacy-section{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-block:48px 112px;border-bottom:1px solid var(--line)}.privacy-copy p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:24px;max-width:490px}.privacy-copy .text-link{margin-top:24px}.privacy-diagram{border:1px solid var(--line);border-radius:24px;background:var(--surface);min-height:360px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:34px}.cloud-symbol{font-size:62px;color:var(--blue);line-height:1.3}.privacy-diagram strong{font-size:15px;font-weight:500}.diagram-rule{height:35px;width:1px;background:#485b7a;margin-top:20px;position:relative}.diagram-rule:after{content:"";position:absolute;width:180px;height:14px;top:35px;left:-90px;border:1px solid #485b7a;border-bottom:0;border-radius:6px 6px 0 0}.diagram-devices{display:flex;gap:106px;margin-top:18px}.diagram-devices>div{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;color:#c0c6d1}.device-icon{display:block;border:1.5px solid #929eaf;position:relative}.small-phone{width:22px;height:37px;border-radius:5px}.small-phone:after{content:"";position:absolute;width:7px;height:2px;background:#929eaf;bottom:3px;left:6px}.small-mac{width:44px;height:30px;border-radius:4px;margin-top:7px}.small-mac:after{content:"";position:absolute;width:52px;height:2px;background:#929eaf;bottom:-5px;left:-5px;border-radius:2px}.privacy-diagram>p{font-size:10px;margin-top:28px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-section h2{font-size:clamp(2rem,3.2vw,3rem)}.faq-section .text-link{margin-top:26px}details{border-bottom:1px solid var(--line);padding:0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;padding:24px 35px 24px 0;position:relative;list-style:none;font-size:15px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:3px;top:22px;color:var(--muted);font-size:21px;font-weight:300}details[open]>summary:after{content:"−"}details p{font-size:14px;line-height:1.8;padding:0 30px 24px 0}details a{text-decoration:underline}.availability{padding:76px 32px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-bottom:100px;display:flex;align-items:center;flex-direction:column}.availability>img{border-radius:18px;margin-bottom:30px}.availability h2{margin-top:18px}.availability>p:not(.eyebrow){margin-top:20px}.release-status{border:1px solid #343b49;border-radius:100px;padding:11px 20px;font-size:12px;color:#cad4e6;display:inline-flex;align-items:center;gap:12px;margin-top:28px}.availability .text-link{font-size:12px;color:var(--muted);margin-top:14px}.site-footer{border-top:1px solid var(--line);padding:40px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top .brand{gap:0}.footer-top p{font-size:12px;margin-top:14px}.footer-top nav{display:flex;gap:28px;align-items:start;font-size:12px;color:#c5c7cd}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:56px;color:#9298a4;font-size:10px}.skip{position:absolute;top:-100px;left:20px;padding:10px 18px;background:white;color:black;border-radius:8px;z-index:10}.skip:focus{top:14px}.document{display:grid;grid-template-columns:200px minmax(0,760px);justify-content:space-between;gap:64px;padding-block:76px 110px}.document-aside{align-self:start;position:sticky;top:32px}.back-link{font-size:12px;color:var(--muted);display:inline-block;padding:8px 0}.document-aside nav{margin-top:64px;display:flex;flex-direction:column;gap:14px}.document-aside nav a{font-size:12px;color:var(--muted);line-height:1.5}.document-aside nav a:hover{color:var(--text)}.document-aside nav .eyebrow{font-size:9px;margin-bottom:8px}.document-body{min-width:0}.document h1{font-size:clamp(2.8rem,5vw,4.7rem);margin-top:20px}.document .intro{margin-top:26px;font-size:18px;max-width:620px}.document .muted{font-size:12px;margin-top:18px}.card{padding-block:32px;border-top:1px solid var(--line);margin-top:0}.card:first-of-type{margin-top:48px}.card h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;scroll-margin-top:32px}.card p{font-size:15px;margin-top:16px;line-height:1.85}.card a{color:#cbdfff;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.card details:first-of-type{margin-top:22px}.card details p{margin-top:0}.card .muted{font-size:13px}.not-found{padding-block:120px 170px}.not-found h1{margin-top:24px}.not-found p:not(.eyebrow){margin-top:24px}
@media(min-width:1600px){.hero{padding-top:120px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{padding-top:80px}.device-stage{padding:32px 24px;gap:20px;grid-template-columns:1fr 26%}.phone-shell{border-radius:24px;border-width:4px}.privacy-section,.faq-section{gap:40px}.document{grid-template-columns:170px minmax(0,1fr);gap:40px}.diagram-devices{gap:86px}.diagram-rule:after{width:160px;left:-80px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:90px;gap:18px;flex-wrap:wrap;padding:22px 0}.site-header .brand{font-size:25px}.site-header .brand img{width:30px;height:30px;border-radius:8px}.site-header nav{gap:20px;font-size:12px;margin-left:auto}.header-cta{display:none}.hero{padding-top:64px;padding-bottom:56px}.hero h1{font-size:clamp(2.9rem,9.8vw,4.4rem);margin-top:24px;letter-spacing:-.048em}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero-copy{font-size:16px;margin-top:24px}.button{font-size:13px;min-height:48px;padding:12px 20px;gap:16px}.availability-note{font-size:10px;line-height:1.7}.preview-heading{padding:20px;display:block}.preview-heading>span{display:block;margin-top:8px;font-size:8px}.device-stage{grid-template-columns:1fr;gap:36px;padding:30px 20px}.phone-preview{grid-row:1;width:min(220px,80%);justify-self:center}.phone-shell{border-radius:29px;border-width:5px}.mac-preview{width:100%}.window-chrome{height:24px}.window-chrome span{font-size:8px}figcaption{font-size:10px;margin-top:16px}.section{padding-block:76px}.section-intro h2{font-size:clamp(2rem,6.6vw,3rem)}.section-intro>p:last-child{font-size:15px;margin-top:24px}.section-note{font-size:11px}.privacy-section{grid-template-columns:1fr;gap:36px;padding-block:0 76px}.privacy-copy p:not(.eyebrow){font-size:15px}.privacy-diagram{min-height:320px}.faq-section{grid-template-columns:1fr;gap:32px}.faq-section .text-link{margin-top:18px}.availability{padding:52px 22px;margin-bottom:64px}.availability h2{font-size:2.5rem}.availability>p:not(.eyebrow){font-size:14px}.footer-top{display:block}.footer-top nav{margin-top:30px;gap:26px;flex-wrap:wrap}.footer-bottom{margin-top:40px;font-size:9px}.document{display:block;padding-block:32px 64px}.document-aside{position:static;margin-bottom:36px}.document-aside nav{display:none}.document h1{font-size:clamp(2.7rem,10vw,4rem)}.document .intro{font-size:16px}.card:first-of-type{margin-top:36px}.card{padding-block:28px}.card h2{font-size:21px}.card p{font-size:14px}.not-found{padding-block:80px 100px}}
@media(max-width:375px){.site-header nav{gap:14px}.site-header .brand{gap:7px;font-size:23px}.site-header .brand img{width:26px;height:26px}.hero .eyebrow{font-size:8px}.hero h1{font-size:2.75rem}.actions{gap:8px}.button{padding:12px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{:root{color-scheme:light;background:white;color:black}.site-header,.site-footer,.document-aside,.skip{display:none}.wrap{width:100%}.document{display:block;padding:0}.document p,.document h1 span{color:#333}.card{break-inside:avoid}.card a{color:#000}.document h1{font-size:32pt}.card h2{font-size:18pt}}

.promise{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;padding:0 0 112px}.promise>.eyebrow{grid-column:1/-1;margin-bottom:22px}.promise>div{align-self:center}.promise>div p{font-size:16px;line-height:1.8}.promise>div p+p{margin-top:20px}@media(max-width:720px){.promise{grid-template-columns:1fr;gap:0;padding-bottom:76px}.promise>div{margin-top:26px}.promise>div p{font-size:15px}}
/* Visual cards adapt shadcn/ui Card's bordered flex-column composition. */
.ui-icon{width:22px;height:22px;display:block;flex:none}.hero-benefits{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.hero-benefits>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#b1b9c6}.hero-benefits .ui-icon{width:15px;height:15px;color:var(--blue)}.hero .availability-note{margin-top:14px}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:46px}.visual-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:30px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.visual-top{display:flex;justify-content:space-between;align-items:center;color:#8c9bad;gap:20px}.visual-top>span{font-size:9px;letter-spacing:.12em}.visual-top>.ui-icon{color:var(--blue);width:21px}.visual-card h3{font-size:24px;margin-top:28px}.visual-card>p,.portfolio-description>p{font-size:13px;line-height:1.75;margin-top:12px;max-width:390px}.payment-example,.year-example{border:1px solid #303742;border-radius:16px;background:#191e27;margin-top:28px;padding:24px;box-shadow:0 12px 30px #0002;min-height:284px}.example-property{display:flex;align-items:center;gap:12px}.icon-tile{display:flex;align-items:center;justify-content:center;border-radius:11px;width:42px;height:42px;flex:none;background:#273d5b80;color:#8cbcff}.example-property strong{display:block;font-size:13px;font-weight:500}.example-property>div>span{display:block;font-size:10px;color:#97a3b5;margin-top:2px}.sample-tag{font-size:8px;letter-spacing:.1em;color:#9ba9bc;border:1px solid #3b4657;border-radius:4px;padding:3px 6px;display:inline-block;white-space:nowrap}.example-property>.sample-tag{margin-left:auto}.payment-amount{display:flex;flex-direction:column;margin-top:24px;gap:4px}.payment-amount>span,.year-heading>div>span{font-size:11px;color:#a3afc0}.payment-amount strong{font-size:39px;letter-spacing:-1.6px;line-height:1.3;font-weight:500}.payment-amount strong>span{color:#9ba9bc}.payment-meta{display:flex;justify-content:space-between;font-size:10px;color:#a5b2c4;margin-top:12px}.recorded-status{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#9be6bc;background:#22392f;border:1px solid #325442;border-radius:8px;padding:10px;margin-top:22px}.recorded-status .ui-icon{width:16px;height:16px}.year-example{background:#141e2d}.year-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.year-heading>div{display:flex;flex-direction:column;gap:4px}.year-heading strong{font-size:35px;letter-spacing:-1px;line-height:1.4;font-weight:500}.bar-chart{display:flex;align-items:end;gap:7px;height:123px;margin-top:17px;border-bottom:1px solid #40516b;padding-bottom:10px}.bar-chart>div{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0}.bar-chart>div>span{height:82px;width:100%;background:#487ab9;border-radius:4px 4px 1px 1px}.bar-chart>div:nth-last-child(-n+3)>span{background:#90bfff}.bar-chart small{font-size:8px;color:#9eafc7}.report-chip{display:flex;align-items:center;gap:8px;color:#b9cbe7;font-size:10px;margin-top:18px}.report-chip .ui-icon{width:15px;height:15px}.portfolio-visual{grid-column:1/-1;flex-direction:row;align-items:center;gap:50px;padding-block:36px}.portfolio-description{width:38%}.portfolio-description h3{font-size:32px;line-height:1.13}.portfolio-description>.sample-tag{margin-top:22px}.portfolio-example{flex:1;display:flex;flex-direction:column;gap:10px}.portfolio-row{display:flex;align-items:center;gap:14px;padding:17px;background:#191c22;border:1px solid #2b303a;border-radius:12px}.portfolio-row>div{flex:1;min-width:0}.portfolio-row strong{font-size:13px;display:block;font-weight:500}.portfolio-row>div>span{display:block;font-size:10px;color:#9da7b6;margin-top:3px}.portfolio-row>span:last-child{font-size:10px;display:flex;align-items:center;gap:5px;border-radius:20px;padding:4px 9px}.portfolio-row>span:last-child .ui-icon{width:12px;height:12px}.paid{color:#a0e2bb;background:#23382b}.partial{color:#f1d49a;background:#3a3225}.due{color:#bac6da;background:#2a313e}.comparison{padding-bottom:112px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.compare-column{padding:32px;background:#11151b}.compare-column h3{font-size:20px;margin-bottom:24px}.compare-column>div{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid #2b313b;font-size:14px;color:#dce3ee}.compare-column>div>.ui-icon{color:var(--blue);width:19px;height:19px}.compare-check{margin-left:auto;color:#96c9ac}.skip-column{background:#0d0f12;border-left:1px solid var(--line)}.skip-column h3{color:#a1a5ae}.skip-column>div{color:#a1a5ae}.skip-column>div>.ui-icon{color:#676f7b}.promise-line{display:flex;align-items:center;gap:20px;margin-top:28px;padding:26px 0;border-bottom:1px solid var(--line)}.promise-line h3{font-size:16px;letter-spacing:-.02em}.promise-line p{font-size:12px;margin-top:6px;max-width:590px}.by-labs{font-size:8px;letter-spacing:.13em;color:#929baa;margin-left:auto;white-space:nowrap}.cloud-symbol .ui-icon{width:66px;height:66px;margin-bottom:12px;stroke-width:1}.privacy-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.privacy-pills>span{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;color:#bdc7d6}.privacy-pills .ui-icon{width:14px;height:14px;color:var(--blue)}.footer-top .maker{font-size:11px;margin-top:22px;color:#c3cad4}.maker>span{font-size:10px;color:#8f98a7}
@media(max-width:1000px){.visual-card{padding:24px}.payment-example,.year-example{padding:18px}.portfolio-visual{gap:30px}.portfolio-row{padding:14px;gap:10px}.portfolio-row>span:last-child{padding:4px 7px}.compare-column{padding:26px}.by-labs{display:none}}
@media(max-width:720px){.hero-benefits{gap:12px 18px;margin-top:24px}.hero-benefits>span{font-size:10px}.visual-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.visual-card{padding:22px}.visual-card h3{font-size:23px;margin-top:24px}.payment-example,.year-example{padding:20px;margin-top:22px}.portfolio-visual{grid-column:auto;flex-direction:column;align-items:stretch;gap:24px}.portfolio-description{width:100%}.portfolio-description h3{font-size:28px}.portfolio-description h3 br{display:none}.portfolio-description>.sample-tag{margin-top:16px}.portfolio-row{padding:12px;gap:10px}.portfolio-row .icon-tile{width:34px;height:34px}.portfolio-row strong{font-size:12px}.portfolio-row>div>span{font-size:9px}.portfolio-row>span:last-child{font-size:9px}.comparison{padding-bottom:76px}.comparison h2{font-size:clamp(2rem,6.6vw,3rem)}.compare-grid{grid-template-columns:1fr;margin-top:30px}.compare-column{padding:24px}.compare-column>div{font-size:13px;padding:17px 0}.skip-column{border-left:0;border-top:1px solid var(--line)}.promise-line{align-items:start;gap:14px}.promise-line .icon-tile{width:34px;height:34px}.promise-line h3{font-size:15px}.promise-line p{font-size:12px}.footer-bottom{flex-wrap:wrap}}

/* Product hero: actual app screen, minimal copy, clear visual hierarchy. */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-top:64px;padding-bottom:76px}.hero h1{font-size:clamp(3.2rem,5.7vw,5.2rem);line-height:1.04;letter-spacing:-.052em;margin-top:25px}.hero-copy{font-size:17px;line-height:1.7;max-width:430px;margin-top:25px}.hero .actions{gap:24px;margin-top:28px}.hero-support{display:inline-flex;align-items:center;gap:12px;font-size:13px;min-height:44px;color:#c2c7d0}.hero-art{height:590px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#20467a75,transparent 68%);isolation:isolate}.hero-art:before{content:"";position:absolute;inset:30px 0 40px;border-radius:44px;background:linear-gradient(0deg,#192b4912,#192b4912),linear-gradient(90deg,#8bbdff06 1px,transparent 1px),linear-gradient(#8bbdff06 1px,transparent 1px);background-size:auto,36px 36px,36px 36px;mask-image:radial-gradient(ellipse,#000 15%,transparent 72%);z-index:-1}.hero-orbit{position:absolute;left:50%;top:50%;width:390px;height:390px;border:1px solid #7fa8e018;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:490px;height:490px;border-color:#7fa8e00d}.hero-phone{width:228px;transform:rotate(-6deg);position:relative;margin-top:-4px}.hero-phone .phone-shell{border:5px solid #606875;border-radius:34px;box-shadow:18px 24px 70px #0009,0 0 0 1px #15253e}.hero-platform{position:absolute;top:16px;right:5px;display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #354560;border-radius:30px;background:#111b2a;color:#bbd1ef;font-size:11px;transform:rotate(4deg);z-index:2}.hero-platform>.ui-icon{width:19px;height:19px;color:#8cbcff}.hero-payment{position:absolute;left:-8px;bottom:42px;width:300px;background:#1b2636f5;border:1px solid #4b6383;border-radius:17px;box-shadow:0 14px 50px #0005;display:flex;align-items:center;gap:12px;padding:18px 20px;transform:rotate(3deg);z-index:3}.payment-tick{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#294a3c;border:1px solid #416b55;border-radius:50%;color:#a1edbf;font-size:18px}.hero-payment>div>span{display:block;font-size:10px;color:#b2bfd1}.hero-payment strong{display:block;font-size:17px;letter-spacing:-.4px;font-weight:500;margin-top:1px}.hero-payment-value{font-size:20px;letter-spacing:-.8px;margin-left:auto}.hero-art-caption{position:absolute;bottom:0;right:12px;color:#8997ac;font-size:8px;letter-spacing:.13em}.device-stage{grid-template-columns:1fr;padding:36px 38px 28px}.mac-preview{max-width:1000px;width:100%;margin-inline:auto}.product-preview .mac-preview img{width:100%}.product-preview figcaption{margin-top:18px}.hero .hero-benefits{gap:18px}.hero .hero-benefits>span{font-size:10px}
@media(min-width:1600px){.hero{padding-top:80px}}
@media(max-width:1000px){.hero{gap:20px;padding-top:48px}.hero-art{height:540px}.hero-phone{width:207px}.hero-payment{width:265px;left:-8px;bottom:35px;padding:15px}.hero-payment-value{font-size:18px}.hero-platform{right:0;font-size:9px}.hero-orbit{width:300px;height:300px}.orbit-two{width:370px;height:370px}.hero-art-caption{font-size:7px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:40px;gap:22px}.hero h1{font-size:clamp(3.15rem,11.8vw,4.7rem);line-height:1.04}.hero-copy{font-size:15px;max-width:410px;margin-top:22px}.hero-art{height:520px;width:min(420px,100%);justify-self:center}.hero-phone{width:205px;margin-top:-6px}.hero-platform{top:4px;right:4px;font-size:10px}.hero-payment{width:265px;left:0;bottom:31px}.hero-art-caption{bottom:0;right:4px}.hero-orbit{width:290px;height:290px}.orbit-two{width:350px;height:350px}.hero .actions{margin-top:24px}.hero .hero-benefits{margin-top:22px}.hero .availability-note{font-size:10px}.device-stage{padding:20px 14px}.preview-heading h2{font-size:14px}}
@media(max-width:375px){.hero h1{font-size:2.95rem}.hero-art{height:490px}.hero-phone{width:192px}.hero-payment{left:0;width:250px;padding:14px}.hero-platform{font-size:9px;padding:9px 11px}.orbit-two{width:290px;height:290px}}
@media(max-width:720px){.hero-art{overflow:clip}}
/* A short, replayable payment story. Motion settles after 4.8 seconds. */
.hero h1>span{background:linear-gradient(110deg,#b5c7e2 0%,#85b9ff 50%,#c2baff 100%);color:#a4c6f5;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-art:after{content:"";position:absolute;width:340px;height:430px;top:70px;left:calc(50% - 170px);background:radial-gradient(ellipse at 25% 30%,#397bdb5c,transparent 65%),radial-gradient(ellipse at 80% 65%,#715be14f,transparent 65%);filter:blur(32px);z-index:-1;pointer-events:none}
.hero-phone{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.hero-art:hover .hero-phone{transform:translateY(-8px) rotate(-3deg)}.replay-hero:hover{color:#fff;background:#202e43}}
.hero-payment{width:330px;display:block;left:-16px;bottom:38px;padding:20px;transform:rotate(2deg);background:linear-gradient(135deg,#202f43fa,#121b29fa);border-color:#57789c;box-shadow:0 18px 65px #0008,inset 0 1px 0 #ffffff16;backdrop-filter:blur(16px)}
.hero-payment-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.08em;color:#c8d6e9}.hero-payment .payment-tick{width:22px;height:22px;font-size:12px;flex-shrink:0}.hero-recorded{margin-left:auto;color:#a3e8bd;font-size:8px;letter-spacing:0;background:#244235;border-radius:4px;padding:3px 6px}
.hero-payment .hero-payment-body{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.hero-payment-body>div>span{font-size:10px;color:#a8bad0}.hero-payment-body strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1.2px;line-height:1.3}.hero-payment-body .amount-cents{font-size:20px;color:#8395ad}.hero-payment-body .hero-due{padding-left:18px;border-left:1px solid #44546a}.hero-due strong{color:#a1e4bb;font-size:25px;min-width:37px}.hero-payment-footer{position:relative;margin-top:16px;padding-top:13px;border-top:1px solid #35465e;min-height:30px;font-size:10px}.hero-payment .hero-payment-footer>span{font-size:10px}.payment-after{color:#bdcde1!important}.payment-after>span{color:#a1e4bb;margin-right:5px}.payment-before{position:absolute;opacity:0}
.hero-demo-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8997ac;font-size:7px;letter-spacing:.1em}.replay-hero{font:inherit;font-size:10px;letter-spacing:0;color:#a7bcd8;border:1px solid #2d3e55;background:#131c29;border-radius:20px;min-height:32px;padding:5px 11px;cursor:pointer}.replay-hero[hidden]{display:none}.replay-hero:focus-visible{outline:3px solid #82b5ff;outline-offset:4px}.replay-hero>span{font-size:15px;margin-right:3px}
.hero-art.is-playing .hero-phone{animation:phone-arrive 1.3s cubic-bezier(.2,.8,.2,1) both}.hero-art.is-playing:after{animation:hero-glow 4.8s ease-in-out both}.hero-art.is-playing .hero-platform{animation:platform-arrive 1.2s .25s both}.hero-art.is-playing .hero-payment{animation:payment-arrive 4.8s cubic-bezier(.2,.8,.2,1) both}.hero-art.is-playing .hero-recorded,.hero-art.is-playing .payment-after,.hero-art.is-playing .payment-tick{animation:payment-confirm 4.8s both}.hero-art.is-playing .payment-before{animation:payment-pending 4.8s both}.hero-art.is-playing .orbit-one{animation:orbit-expand 4.8s ease-out both}.hero-art.is-playing .orbit-two{animation:orbit-expand 4.8s .1s ease-out both}
@keyframes phone-arrive{from{opacity:0;transform:translateY(35px) rotate(2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}}
@keyframes platform-arrive{from{opacity:0;transform:translateY(-16px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(4deg)}}
@keyframes payment-arrive{0%,12%{opacity:0;transform:translate(28px,24px) rotate(-3deg) scale(.94)}28%,63%{opacity:1;transform:translate(0,0) rotate(2deg) scale(1)}72%{transform:translate(0,-5px) rotate(2deg) scale(1.025)}90%,100%{opacity:1;transform:translate(0,0) rotate(2deg) scale(1)}}
@keyframes payment-confirm{0%,62%{opacity:0}75%,100%{opacity:1}}
@keyframes payment-pending{0%,25%{opacity:0}30%,58%{opacity:1}66%,100%{opacity:0}}
@keyframes hero-glow{0%{opacity:.2;transform:scale(.8) rotate(-15deg)}60%{opacity:1;transform:scale(1.15) rotate(8deg)}100%{opacity:.8;transform:scale(1) rotate(0)}}
@keyframes orbit-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}50%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1000px){.hero-payment{width:290px;left:-4px;padding:17px}.hero-payment-body strong{font-size:28px}.hero-payment-top{font-size:7px}}
@media(max-width:720px){.hero-payment{width:min(310px,100%);left:0;bottom:43px;padding:18px}.hero-demo-caption{font-size:6px}.hero-art:after{width:280px;left:calc(50% - 140px)}.hero-payment-body strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-art *, .hero-art:after{animation:none!important;transition:none!important}.hero-art:hover .hero-phone{transform:rotate(-6deg)}.replay-hero{display:none}.hero h1>span{-webkit-text-fill-color:#a4c6f5}}