@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 1000;font-display:swap;src:url('assets/dm-sans-latin.woff2') format('woff2')}
:root{--bg:#faf8f3;--ink:#111;--muted:#64645e;--line:#deded5;--panel:#f0f0e8;--purple:#9d82ce;--green:#427b4b;--card:#fffefa;--lavender:#eae4f2;--sage:#e8eddf;--peach:#f3e6db;--sky:#e1eaf0;--yellow:#f1ca47;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7460b0;outline-offset:6px}::selection{background:#d9c5f0;color:#111}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mini-logo{font-size:47px;letter-spacing:-5px;font-weight:900;line-height:1}.mini-logo span{color:var(--purple);font-size:15px;letter-spacing:0;margin-left:5px}.nav-note,.tiny-label{font-size:10px;font-weight:650;letter-spacing:1.8px}.nav-note{padding-left:100px;color:var(--muted)}.nav-actions{display:flex;gap:25px;align-items:center}.nav-github{font-size:13px;font-weight:650}.nav-github span{margin-left:12px}.theme-toggle{width:37px;height:37px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%}.theme-toggle .icon{width:17px;height:17px}.hero{position:relative}.hero-brand{position:relative;text-align:center;padding-top:35px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;margin:0 0 20px;line-height:1.5}.introducing{text-transform:none;font-size:12px;letter-spacing:1px;margin-bottom:0;display:flex;gap:8px;justify-content:center;align-items:center}.introducing>span{width:6px;height:6px;border-radius:50%;background:var(--purple)}.hero h1{font-weight:1000;font-size:clamp(110px,18.2vw,244px);letter-spacing:-.083em;line-height:1.06;margin:-1px 0 0;padding-right:.09em}.wordmark-dot{color:var(--purple)}.accent{position:absolute;pointer-events:none}.circle{border:1.5px solid #a58bcf;width:66px;height:66px;border-radius:50%;top:81px;left:2%}.sparkle{color:#ecc442;font-size:76px;right:1%;top:10px;line-height:1}.hero-lower{display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:start;position:relative;min-height:470px;margin-top:5px}.hero-copy{text-align:center;padding-top:49px;position:relative;z-index:2}.pill{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px}.green-dot{height:6px;width:6px;border-radius:50%;background:#638260;display:inline-block;flex-shrink:0}.hero h2{font-size:clamp(30px,3.5vw,48px);font-weight:650;line-height:1.14;letter-spacing:-2px;margin:23px -35px 17px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-copy>p{max-width:360px;margin:0 auto 25px;font-size:13px;line-height:1.8;color:var(--muted)}.hero-copy em{font-weight:600;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;border-radius:8px;padding:13px 21px;font-size:12px;font-weight:650;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.primary{background:var(--ink);color:var(--bg)}.button .icon{width:17px;height:17px}.button>span{margin-left:12px}.how-link{display:block;font-size:12px;margin-top:20px;font-weight:550}.how-link span{margin-left:8px}.hero-fineprint{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;color:var(--muted);font-size:9px}.hero-fineprint i{width:3px;height:3px;background:var(--muted);border-radius:50%}.hero-phone{position:relative;max-width:222px;width:100%;padding-top:12px}.hero-phone-left{transform:rotate(-9deg);justify-self:start;margin-left:10px}.hero-phone-right{transform:rotate(10deg);justify-self:end;margin-right:10px;padding-top:30px}.phone{position:relative;background:#161617;padding:7px;border-radius:37px;border:1px solid #686969;box-shadow:0 24px 30px -12px #171a2538,0 2px 3px #0004;isolation:isolate}.phone:before,.phone:after{content:'';position:absolute;background:#656569;width:2px;border-radius:2px;left:-3px;top:90px;height:25px}.phone:after{top:125px;height:40px}.phone img{display:block;width:100%;height:auto;border-radius:29px}.island{position:absolute;width:29%;height:15px;top:15px;left:35.5%;background:#08090b;border-radius:20px}.phone-note{display:block;transform:rotate(9deg);font-family:Georgia,serif;font-style:italic;font-size:13px;text-align:center;margin-top:23px;white-space:nowrap;color:var(--muted)}.phone-note svg{position:absolute;width:65px;height:30px;left:140px;top:-8px;transform:rotate(-45deg);fill:none;stroke:var(--muted);stroke-width:1.2}.plus{color:#588c56;font-size:56px;font-weight:400;bottom:-25px;left:-45px;transform:rotate(-10deg)}.dotted-arc{position:absolute;width:110px;right:-35px;bottom:30px;transform:rotate(65deg);z-index:-1}.dotted-arc path{fill:none;stroke:#6f98c5;stroke-width:3;stroke-dasharray:1 10;stroke-linecap:round}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-top:37px;padding:0 0 25px;color:var(--muted)}.scroll-cue{font-size:23px}.section{padding-block:100px}.section-heading{position:relative;margin-bottom:40px}.section-heading h2,.open-copy h2{font-size:43px;font-weight:600;letter-spacing:-1.9px;line-height:1.12;margin:0}.section-heading>p:last-child{font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0 0}.numbers .section-heading>p:last-child{position:absolute;right:0;bottom:0}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.score-card{border:1px solid #dce2d1;border-radius:25px;padding:27px 30px 0;overflow:hidden}.recovery-card{background:var(--sage)}.charge-card{background:#eeebe5;border-color:#e2ded6}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top .pill{font-size:8px;font-weight:600;letter-spacing:1px;border-color:#c7cebe;padding:7px 10px}.heart{font-size:29px;line-height:1}.bolt{font-size:35px;line-height:1}.score-visual{height:210px;display:flex;align-items:center;justify-content:center;gap:38px}.recovery-ring{width:150px;height:150px;border-radius:50%;background:conic-gradient(#6b8657 0 72%,#d2dac7 72%);padding:10px;transform:rotate(-18deg);flex-shrink:0}.recovery-ring>div{background:var(--sage);height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(18deg)}.recovery-ring strong{font-size:53px;letter-spacing:-3px;font-weight:550;line-height:1.1}.recovery-ring span{font-size:9px;color:#4f6541;margin-top:3px}.ring-side{font-size:14px;line-height:1.7;letter-spacing:-.2px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#638451}.ring-side .status-dot{display:block;margin-bottom:9px}.score-card h3{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:4px 0 11px;display:flex;align-items:center;gap:13px}.score-card h3>span{font-size:10px;letter-spacing:0;color:var(--muted);border:1px solid #c5c9bf;border-radius:4px;padding:3px 5px;font-weight:450}.score-card>p{color:#535a4e;font-size:12px;line-height:1.85;max-width:410px;margin:0 0 23px;min-height:66px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d0d5c7;padding:17px 0;font-size:10px;color:#50564b}.card-foot>span{font-size:17px}.charge-visual{display:block;padding-top:42px}.charge-number{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.charge-number strong{font-size:61px;letter-spacing:-3px;line-height:1}.charge-number>span{display:flex;gap:7px;align-items:center;font-size:10px;color:#5c6151}.charge-bar{height:15px;border-radius:20px;background:#d7d7cb;overflow:hidden}.charge-bar i{display:block;width:80%;height:100%;border-radius:20px;background:linear-gradient(90deg,#dc6259,#e6b44c 45%,#94b969)}.bar-labels{display:flex;justify-content:space-between;font-size:8px;margin-top:10px;color:#66675d}.example-note{font-size:10px;color:var(--muted);text-align:center;margin-top:18px}.centered{text-align:center}.features{padding-top:20px}.features .section-heading{margin-bottom:50px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:45px;row-gap:40px}.features-grid article{padding:0 0 28px;border-bottom:1px solid var(--line)}.feature-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;margin-bottom:22px;color:#373744}.lavender{background:var(--lavender)}.yellow{background:#f3e9be}.blue{background:var(--sky)}.green{background:var(--sage)}.features h3{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:0 0 11px}.features article p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.feature-tag{display:inline-block;font-size:7px;font-weight:650;letter-spacing:1px;color:var(--muted);margin-top:20px}.how-section{background:var(--panel)}.how-sparkle{position:absolute;right:7%;top:0;font-size:105px;line-height:1;color:#a58acb}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:15px 0 0;margin:0}.step-number{display:block;border-top:1px solid #cccec2;padding-top:18px;margin-bottom:26px;font-size:12px;color:var(--muted)}.steps h3{font-size:19px;font-weight:600;letter-spacing:-.6px;margin:0 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;max-width:270px}.how-foot{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:47px}.how-foot .icon{width:13px;height:13px}.gallery-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.gallery-header .section-heading{margin:0}.carousel-controls{display:flex;gap:9px}.circle-button{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;transition:background .2s}.circle-button:hover{background:var(--panel)}.circle-button:disabled{opacity:.35;cursor:default}.carousel-prev .icon{transform:rotate(180deg)}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:28%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}.carousel::-webkit-scrollbar{display:none}.carousel figure{margin:0;scroll-snap-align:start;min-width:0}.gallery-back{padding:30px 20px 0;border-radius:20px;height:355px;overflow:hidden}.gallery-back.sage{background:var(--sage)}.gallery-back.peach{background:var(--peach)}.gallery-back.sky{background:var(--sky)}.gallery-back .phone{max-width:220px;margin:auto;transform:translateY(8px);border-radius:30px;padding:5px;transition:transform .4s}.gallery-back:hover .phone{transform:translateY(0)}.gallery-back .phone img{border-radius:24px}.gallery-back .island{top:12px;height:12px}figcaption{font-size:11px;font-weight:550;margin-top:18px;display:flex;gap:13px;align-items:center}figcaption>span{color:var(--muted);font-size:9px}.opensource{padding-top:0}.open-panel{background:var(--lavender);padding:54px;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.open-copy h2{font-size:35px}.open-copy>p:not(.eyebrow){font-size:12px;color:#5a5364;line-height:1.9;margin:19px 0 24px;max-width:340px}.code-window{border-radius:14px;background:#202329;color:#e5e6e9;overflow:hidden;box-shadow:0 12px 22px #21202d18;transform:rotate(2deg)}.code-toolbar{padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;font-size:9px;color:#a8aab2}.code-toolbar>span:first-child{display:flex;gap:4px}.code-toolbar i{width:6px;height:6px;border-radius:50%;background:#6c6a72}.code-toolbar i:first-child{background:#e8a393}.code-toolbar i:nth-child(2){background:#d9c784}.code-toolbar i:nth-child(3){background:#9dba95}.code-toolbar .icon{width:13px;height:13px}.code-window pre{font-family:monospace;font-size:11px;line-height:2.3;padding:15px 21px;margin:0;overflow-x:auto}.code-comment{color:#9b9eaa}.code-purple{color:#ccacf3}.code-green{color:#bad6af}.code-yellow{color:#e7ce94}.code-bottom{border-top:1px solid #ffffff15;font-size:9px;padding:15px 20px;display:flex;align-items:center;gap:8px;color:#c0c4c0}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.faq h2{font-size:36px}.text-link{font-size:11px;display:inline-block;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:5px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:550;padding:23px 0;cursor:pointer;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;font-weight:400;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 30px 23px 0}details a{text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid var(--line);padding-block:35px 25px}.footer-top{display:flex;align-items:center;gap:35px;margin-bottom:35px}.footer-wordmark{font-size:44px;font-weight:900;letter-spacing:-3px;line-height:1}.footer-wordmark>span{color:var(--purple)}.footer-top>p{font-size:11px;color:var(--muted)}.footer-top>div{display:flex;gap:25px;margin-left:auto;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px}.footer-bottom p{max-width:660px;font-size:9px;line-height:1.8;color:var(--muted);margin:0}.footer-bottom>span{font-size:7px;letter-spacing:1.1px;color:var(--muted);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);background:var(--ink);color:var(--bg);padding:12px;z-index:99;border-radius:5px}.skip-link:focus{transform:none}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}
[data-theme=dark]{--bg:#111823;--ink:#f4f2eb;--muted:#b2b5bc;--line:#343c48;--panel:#19222e;--card:#1c2632;--lavender:#312c41;--sage:#293628;--peach:#3a2d29;--sky:#253445;color-scheme:dark}[data-theme=dark] .charge-card{background:#343228;border-color:#454439}[data-theme=dark] .score-card{border-color:#46503e}[data-theme=dark] .score-card>p,[data-theme=dark] .card-foot,[data-theme=dark] .ring-side,[data-theme=dark] .charge-number>span,[data-theme=dark] .bar-labels,[data-theme=dark] .recovery-ring span,[data-theme=dark] .open-copy>p:not(.eyebrow){color:#c2cbb9}[data-theme=dark] .feature-icon{color:#e4e5ed}[data-theme=dark] .yellow{background:#484029}[data-theme=dark] .card-top .pill,[data-theme=dark] .card-foot,[data-theme=dark] .step-number{border-color:#535b4f}[data-theme=dark] .recovery-ring{background:conic-gradient(#a7c58e 0 72%,#48513f 72%)}[data-theme=dark] .charge-bar{background:#565747}
@media(min-width:1450px){.hero-lower{margin-top:14px}.hero-copy{padding-top:55px}.hero-phone{max-width:240px}.hero-lower{min-height:525px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-phone{max-width:195px}.hero h2{font-size:37px}.hero-lower{grid-template-columns:1fr 1.7fr 1fr;min-height:445px}.hero-copy>p{max-width:300px;font-size:12px}.hero-copy{padding-top:35px}.hero-phone-left{margin-left:0}.hero-phone-right{margin-right:0}.phone-note{font-size:10px}.section{padding-block:80px}.features{padding-top:0}.section-heading h2{font-size:38px}.score-card{padding-inline:24px}.score-visual{gap:20px}.recovery-ring{width:130px;height:130px}.gallery-back{height:300px;padding:25px 13px 0}.open-panel{padding:38px;gap:30px}.open-copy h2{font-size:30px}.code-window pre{font-size:9px;padding-inline:14px}.opensource,.faq{padding-top:0}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:79px}.nav-note{font-size:8px;padding-left:20px}.hero-brand{padding-top:30px}.hero h1{font-size:21vw}.circle{width:40px;height:40px;top:65px;left:0}.sparkle{font-size:50px;right:0;top:15px}.hero-lower{grid-template-columns:1fr 1.7fr 1fr;min-height:390px}.hero h2{font-size:30px;letter-spacing:-1.3px;margin-inline:-35px}.hero-copy{padding-top:32px}.hero-copy>.pill{font-size:8px;padding:6px 8px}.hero-copy>p{font-size:11px;line-height:1.7;max-width:260px;margin-inline:-7px}.hero-phone{padding-top:40px;max-width:155px}.hero-phone-right{padding-top:59px}.phone{border-radius:28px;padding:5px}.phone img{border-radius:22px}.island{height:11px;top:11px}.hero .button{font-size:10px;padding:12px 15px;min-height:43px;gap:7px}.hero .button>span{margin-left:2px}.hero-fineprint{font-size:8px;gap:7px;margin-top:20px}.hero-bottom{margin-top:15px}.tiny-label{font-size:7px;letter-spacing:1px}.phone-note{display:none}.plus{font-size:40px;left:-18px}.dotted-arc{width:70px;right:-15px}.score-visual{height:190px}.ring-side{font-size:12px}.recovery-ring{width:110px;height:110px;padding:8px}.recovery-ring strong{font-size:40px}.score-card{padding-inline:21px}.score-card h3{font-size:21px}.score-card>p{min-height:90px}.score-card .pill{font-size:7px}.charge-number strong{font-size:52px}.charge-number>span{font-size:8px}.features-grid{gap:28px}.features h3{font-size:15px}.features article p{font-size:11px}.steps{gap:30px}.steps h3{font-size:17px}.carousel{grid-auto-columns:calc((100% - 36px)/3)}.gallery-back{height:325px}.open-panel{grid-template-columns:1fr;gap:30px}.open-copy>p:not(.eyebrow){max-width:500px}.code-window{width:100%;max-width:450px;justify-self:center;transform:rotate(1deg)}.code-window pre{font-size:12px}.faq{gap:35px}.faq h2{font-size:30px}.footer-top{gap:20px}.footer-wordmark{font-size:35px}.footer-top>p{font-size:10px}.footer-top>div{gap:17px;font-size:10px}.footer-bottom{gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav-note{display:none}.nav-actions{gap:21px}.site-header{height:73px}.mini-logo{font-size:39px}.theme-toggle{width:33px;height:33px}.hero-brand{padding-top:27px}.introducing{font-size:10px}.hero h1{font-size:21.5vw;margin-top:7px}.circle{height:29px;width:29px;top:35px;left:1px}.sparkle{font-size:40px;top:17px}.hero-lower{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:15px;min-height:0}.hero-copy{grid-row:1;grid-column:1/-1;padding:12px 8px 0}.hero h2{font-size:38px;margin:20px -10px 16px;letter-spacing:-1.7px}.hero-copy>.pill{font-size:9px}.hero-copy>p{font-size:12px;max-width:300px;margin:0 auto 22px}.hero .button{font-size:12px;gap:10px;min-height:47px;padding-inline:21px}.hero .button>span{margin-left:12px}.how-link{font-size:11px;margin-top:18px}.hero-fineprint{margin-top:18px;font-size:9px}.hero-phone{grid-row:2;max-width:180px;padding-top:0;justify-self:center;width:100%;margin-top:43px}.hero-phone-left{margin-left:10px;transform:rotate(-7deg)}.hero-phone-right{margin-right:10px;transform:rotate(8deg);margin-top:62px}.hero-phone .phone{border-radius:29px;padding:5px}.hero-phone .phone img{border-radius:23px}.hero-phone .island{top:12px}.plus{font-size:42px;bottom:22px;left:-35px}.dotted-arc{right:-15px;bottom:50px}.hero-bottom{margin-top:35px;padding-bottom:20px}.tiny-label{font-size:6px;letter-spacing:.8px;max-width:115px;line-height:1.6}.tiny-label:last-child{text-align:right}.section{padding-block:65px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:33px;letter-spacing:-1.5px}.eyebrow{font-size:8px;margin-bottom:17px}.numbers .section-heading>p:last-child{position:static;margin-top:18px;font-size:12px}.score-grid{grid-template-columns:1fr;gap:18px}.score-card{padding-inline:25px;border-radius:24px}.score-card .pill{font-size:8px}.score-visual{height:195px;gap:35px}.recovery-ring{width:135px;height:135px}.recovery-ring strong{font-size:48px}.ring-side{font-size:14px}.score-card>p{font-size:12px;min-height:0}.score-card h3{font-size:23px}.charge-visual{padding-top:35px}.charge-number strong{font-size:60px}.charge-number>span{font-size:10px}.charge-bar{height:17px}.bar-labels{font-size:9px}.card-foot{font-size:10px}.example-note{font-size:9px;line-height:1.6}.features{padding-top:0}.features .section-heading{margin-bottom:34px}.centered{text-align:left}.features-grid{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:28px}.feature-icon{margin-bottom:17px;width:39px;height:39px}.features h3{font-size:15px;line-height:1.35}.features article p{font-size:11px;line-height:1.85}.feature-tag{font-size:6px;letter-spacing:.5px;line-height:1.7}.features-grid article{padding-bottom:22px}.how-sparkle{font-size:60px;right:0;top:26px}.steps{grid-template-columns:1fr;gap:25px;padding-top:5px}.steps li{position:relative;padding:20px 0 0 48px;border-top:1px solid var(--line)}.step-number{position:absolute;left:0;top:23px;padding:0;margin:0;border:0;font-size:12px}.steps h3{font-size:18px}.steps p{max-width:100%;font-size:12px;margin-bottom:0}.how-foot{font-size:9px;margin-top:33px;line-height:1.6}.gallery-header{margin-bottom:30px;gap:15px}.carousel-controls{gap:7px}.circle-button{width:34px;height:34px}.circle-button .icon{width:17px;height:17px}.carousel{grid-auto-columns:76%;gap:16px;margin-right:-20px;padding-right:20px}.gallery-back{height:425px;padding:30px 30px 0}.gallery-back .phone{max-width:225px}.gallery-back .island{height:15px}.screenshots .example-note{text-align:left}.opensource{padding-top:0}.open-panel{padding:29px 22px;gap:32px;border-radius:23px}.open-copy h2{font-size:29px;letter-spacing:-1.3px}.open-copy>p:not(.eyebrow){font-size:12px}.code-window pre{font-size:clamp(8px,2.6vw,11px);padding:14px 12px}.code-toolbar{padding:12px}.code-bottom{font-size:8px;padding:13px}.faq{padding-top:0;grid-template-columns:1fr;gap:8px}.faq h2{font-size:33px}.faq .text-link{margin-top:20px}.faq-list{margin-top:0}summary{font-size:12px;padding:21px 0}footer{padding-top:28px}.footer-top{flex-wrap:wrap;gap:18px;margin-bottom:25px}.footer-wordmark{font-size:38px}.footer-top>p{margin-left:auto}.footer-top>div{width:100%;margin-left:0;gap:23px;font-size:10px}.footer-bottom{display:block}.footer-bottom p{font-size:8px}.footer-bottom>span{display:block;font-size:6px;margin-top:20px}.footer-top>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.carousel{scroll-behavior:auto}}

/* Entrance motion and hover motion use separate elements; renders stay visible. */
@keyframes phone-arrive {
  0% { transform: translateY(24px) rotate(-1.5deg); }
  70% { transform: translateY(-4px) rotate(.3deg); }
  100% { transform: translateY(0) rotate(0); }
}
.motion-ready .screenshots { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .hero-phone-left > .phone {
    animation: phone-arrive 1.4s cubic-bezier(.2,.65,.3,1);
  }
  .hero-phone-right > .phone {
    animation: phone-arrive 1.4s .12s cubic-bezier(.2,.65,.3,1) backwards;
  }
  .motion-ready .carousel figure {
    transform: translateY(16px);
    transition: transform .8s cubic-bezier(.2,.7,.2,1);
  }
  .motion-ready .carousel figure.render-visible { transform: translateY(0); }
  .gallery-back .phone {
    transition: transform .45s cubic-bezier(.2,.7,.2,1);
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .gallery-back:hover .phone {
    transform: translateY(-4px) rotate(-1.5deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ready .carousel figure { transform: none; }
}

.why-section { padding-top: 0; }
.why-panel { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: center; border-block: 1px solid var(--line); padding-block: 48px; }
.why-copy h2 { font-size: 39px; font-weight: 600; letter-spacing: -1.7px; line-height: 1.15; margin: 0 0 24px; }
.why-copy > p:not(.eyebrow) { max-width: 510px; font-size: 13px; line-height: 1.9; color: var(--muted); margin: 14px 0 0; }
.sensor-note { padding: 30px; border-radius: 25px; background: var(--panel); }
.sensor-note .feature-icon { margin-bottom: 20px; }
.sensor-note .eyebrow { color: var(--muted); font-size: 8px; margin-bottom: 12px; }
.sensor-note h3 { font-size: 26px; font-weight: 600; letter-spacing: -.8px; line-height: 1.15; margin: 0 0 18px; }
.sensor-note > p:not(.eyebrow) { font-size: 12px; line-height: 1.85; color: var(--muted); margin: 12px 0 0; }
.sensor-note strong { font-weight: 600; color: var(--ink); }
.sensor-note .text-link { font-size: 10px; margin-top: 20px; }
.sensor-note > .sensor-footnote { font-size: 9px !important; margin-top: 19px !important; }
@media (max-width: 800px) {
  .why-panel { gap: 30px; }
  .why-copy h2 { font-size: 32px; }
  .sensor-note { padding: 24px; }
}
@media (max-width: 600px) {
  .why-section { padding-top: 0; }
  .why-panel { grid-template-columns: 1fr; gap: 28px; padding-block: 35px; }
  .why-copy h2 { font-size: 33px; letter-spacing: -1.5px; }
  .why-copy > p:not(.eyebrow) { font-size: 12px; }
  .sensor-note h3 { font-size: 25px; }
}