:root{--bg:#12241b;--deep:#0e1b14;--surface:#1c3427;--surface-light:#223e2f;--ink:#f1f4e8;--muted:#b6c4b8;--accent:#c3da9c;--border:#36503e;--max:1200px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(3rem,5.7vw,5.2rem);font-weight:650;margin-bottom:28px}h2{font-size:clamp(2rem,3.6vw,3.3rem);font-weight:600;margin-bottom:22px}h3{font-size:1.4rem;font-weight:600;line-height:1.25;margin-bottom:14px}em{font-style:normal;color:var(--accent)}.muted,.muted-heading{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.lead{max-width:530px;font-size:1.15rem;line-height:1.75;color:var(--muted);margin-bottom:32px}.section{padding:96px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-intro{max-width:355px;color:var(--muted);margin-bottom:3px}
.skip{position:fixed;top:-120px;left:16px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f0c875;outline-offset:5px}a,button,summary{-webkit-tap-highlight-color:transparent}.site-header{position:sticky;top:0;z-index:20;background:#12241bf5;border-bottom:1px solid #314a38;backdrop-filter:blur(14px)}.navigation{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:1.45rem;letter-spacing:-.04em;font-weight:650}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:var(--bg)}.brand-mark svg{width:23px;height:23px}.version{font-size:.67rem;font-weight:500;border:1px solid var(--border);padding:3px 8px;border-radius:6px;color:var(--muted);letter-spacing:0;margin-left:2px}.navigation nav{display:flex;gap:30px}.navigation nav a{font-size:.86rem;color:var(--muted);text-decoration:none}.navigation nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:16px 22px;border-radius:12px;background:var(--accent);color:#14241a;font-size:.92rem;font-weight:650;line-height:1.3;text-decoration:none;transition:background .18s,transform .18s;text-align:center}.button:hover{background:#d4e8b1;transform:translateY(-2px)}.button-small{min-height:43px;padding:10px 16px;font-size:.8rem}.button-small svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:500;font-size:.9rem;min-height:44px}.text-link svg{width:19px;height:19px}
.hero{overflow:clip;background:radial-gradient(ellipse at 77% 47%,#345f3947,transparent 48%)}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding-top:65px;padding-bottom:65px}.hero-copy{padding-bottom:8px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.download-meta{margin:16px 0 30px;font-size:.76rem;color:var(--muted)}.promises{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 20px;color:#d5e1cf;font-size:.8rem}.promises li:before{content:'✓';color:var(--accent);margin-right:7px}.hero-preview{position:relative;display:flex;flex-direction:column;align-items:center;isolation:isolate}.phone{display:block;width:100%;max-width:284px;border:6px solid #476149;border-radius:29px;overflow:hidden;background:var(--deep);box-shadow:0 24px 50px #020d0659;text-decoration:none;position:relative}.phone img{width:100%;height:auto;object-fit:contain}.hero-phone{max-width:300px;border-width:7px;box-shadow:0 32px 80px #010b0770}.hero-preview figcaption{text-align:center;font-size:.7rem;color:#d1ddca;margin-top:22px;line-height:1.8}.hero-preview figcaption>span:last-child{color:#9eaf9f}.hero-preview figcaption .status-dot{width:5px;height:5px;margin-right:5px}.orbit{position:absolute;top:45%;left:50%;width:460px;height:460px;border:1px solid #7c9f6133;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{width:600px;height:600px;border-color:#7c9f6117}
.features-section{border-top:1px solid var(--border)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--surface);display:flex;flex-direction:column}.feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:38px;background:#345339;border-radius:14px;color:var(--accent)}.feature-icon.amber{color:#edc375;background:#493f29}.feature-icon.lavender{color:#c8b8e3;background:#3a3945}.feature p{color:var(--muted);font-size:.92rem;margin-bottom:28px}.feature-label{margin-top:auto;font-size:.69rem;border-top:1px solid var(--border);padding-top:20px;color:#cfdbc7}
.showcase{background:var(--deep);border-block:1px solid var(--border)}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-card{padding:28px 22px 20px;background:var(--surface);border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column;align-items:center;min-width:0}.screen-copy{width:100%;min-height:174px}.number{display:block;font-size:.64rem;letter-spacing:.1em;color:var(--accent);margin-bottom:16px}.screen-copy h3{font-size:1.22rem;letter-spacing:-.025em}.screen-copy p{font-size:.85rem;color:var(--muted);margin-bottom:25px}.screen-card .phone{border-width:4px;border-radius:22px;margin-top:auto;max-width:270px}.zoomable{cursor:zoom-in;transition:border-color .2s}.zoomable:hover{border-color:var(--accent)}.zoom-hint{font-size:.7rem;margin-top:18px;color:var(--muted)}.screen-note{max-width:720px;margin:26px auto 0;text-align:center;font-size:.74rem;color:var(--muted)}
.widget-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;padding:64px 72px;background:linear-gradient(135deg,#254330,#1a3123);border:1px solid var(--border);border-radius:30px}.widget-copy h2{font-size:clamp(2.3rem,4vw,3.6rem)}.widget-copy .lead{font-size:1rem}.widget-sizes{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.widget-sizes>span{padding:9px 14px;border:1px solid #65815975;border-radius:9px;font-size:.8rem}.widget-sizes strong{margin-left:8px;color:var(--accent)}.widget-copy .muted{font-size:.88rem;margin-bottom:24px}.widget-preview{display:flex;flex-direction:column;align-items:center}.widget-preview .phone{max-width:270px;border-width:5px}.widget-preview figcaption{color:var(--muted);font-size:.7rem;text-align:center;margin-top:18px}
.release-section{padding-top:0}.release-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--border);padding-top:64px}.release-version{display:inline-block;background:var(--accent);color:var(--bg);padding:5px 10px;border-radius:5px;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-bottom:24px}.release-panel h2{font-size:2rem;line-height:1.25}.release-panel p{color:var(--muted);font-size:.84rem}.release-list{list-style:none;margin:0;padding:0}.release-list li{display:grid;gap:8px;padding:0 0 24px 25px;border-left:1px solid var(--border);position:relative}.release-list li:before{content:'';position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;left:-4px;top:10px}.release-list li:last-child{padding-bottom:0}.release-list strong{font-size:.95rem;font-weight:550}.release-list span{color:var(--muted);font-size:.87rem}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.steps li{border-top:1px solid var(--border);padding-top:26px}.step-number{display:grid;place-items:center;background:var(--surface-light);border:1px solid var(--border);border-radius:50%;width:37px;height:37px;color:var(--accent);margin-bottom:25px}.steps h3{font-size:1.2rem}.steps p{color:var(--muted);font-size:.88rem}.steps strong{color:var(--ink);font-weight:500;overflow-wrap:anywhere}.update-note{margin:34px 0 0;padding:20px 24px;border-radius:12px;background:var(--surface);color:var(--muted);font-size:.85rem}
.faq-section{background:var(--deep);border-block:1px solid var(--border)}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-layout h2{font-size:2.4rem}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:.94rem;font-weight:500;padding:23px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.4rem;font-weight:400;color:var(--accent)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:.88rem;padding-right:24px;line-height:1.8;margin:0 0 24px}.faq-list a{color:var(--accent);text-underline-offset:3px}
.download-section{padding:96px 0}.download-panel{display:flex;flex-wrap:wrap;align-items:center;gap:32px 48px}.download-panel p:not(.eyebrow){color:var(--muted);font-size:.94rem;margin-bottom:0}.download-action{flex:1 1 20rem;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.download-action .button{width:100%;min-height:62px}.download-action p:not(.eyebrow){font-size:.72rem;margin:16px 0 10px}.checksum-link{font-size:.68rem;color:var(--muted);text-underline-offset:4px}footer{border-top:1px solid var(--border);padding:40px 0}.footer-layout{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-layout p{color:var(--muted);font-size:.73rem;margin:18px 0 0}.footer-layout nav{display:flex;gap:24px;flex-wrap:wrap}.footer-layout nav a{font-size:.76rem;color:var(--muted);text-decoration:none}.footer-layout nav a:hover{text-decoration:underline}
dialog{border:1px solid #607558;border-radius:18px;padding:18px;background:var(--bg);color:var(--ink);max-width:min(94vw,640px);max-height:94dvh;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#050c08e8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading p{margin:0;font-size:.83rem}.dialog-heading button{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 12px;font-size:.8rem;cursor:pointer;flex-shrink:0;min-height:44px}.dialog-heading button span{margin-left:8px}#shot-image{max-height:calc(94dvh - 135px);width:auto;max-width:100%;object-fit:contain;margin:auto;border-radius:10px}.dialog-note{text-align:center;font-size:.7rem;color:var(--muted);margin:12px 0 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1450px){.hero-layout{padding-block:82px}.hero-phone{max-width:320px}}
@media(max-width:1050px){.navigation nav{gap:18px}.hero-layout{gap:35px}.hero-phone{max-width:270px}.hero-actions{gap:10px}.section{padding-block:76px}.feature{padding:24px}.screen-grid{gap:14px}.screen-card{padding:24px 16px 18px}.screen-copy{min-height:190px}.widget-panel{gap:40px;padding:45px}.release-section{padding-top:0}.faq-layout{gap:40px}}
@media(max-width:800px){.navigation nav{display:none}.hero-layout{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:3.2rem}.hero .lead{font-size:1rem}.hero .eyebrow{font-size:.65rem;letter-spacing:.07em}.hero-phone{max-width:245px}.hero-actions .button{font-size:.8rem;padding-inline:16px}.hero-actions .text-link{font-size:.78rem}.promises{gap:8px 12px;font-size:.72rem}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:48px 1fr;column-gap:22px}.feature-icon{grid-row:1/4;margin:0}.feature h3,.feature p,.feature-label{grid-column:2}.feature p{margin-bottom:20px}.section-heading{align-items:flex-start;gap:24px;flex-direction:column}.section-intro{max-width:580px}.screen-grid{grid-template-columns:repeat(3,minmax(250px,1fr));overflow-x:auto;padding:3px 3px 20px;scroll-snap-type:x mandatory;scrollbar-color:var(--accent) var(--surface);scrollbar-width:thin}.screen-card{scroll-snap-align:center}.screen-copy{min-height:172px}.widget-panel{gap:30px;padding:32px}.widget-copy h2{font-size:2.4rem}.widget-copy .lead{font-size:.92rem}.release-panel{gap:32px}.steps{gap:25px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout .muted br{display:none}.footer-layout{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.navigation{min-height:70px;gap:12px}.brand{font-size:1.25rem;gap:8px}.brand-mark{width:31px;height:31px}.version{font-size:.6rem;padding:2px 5px;margin:0}.button-small{font-size:.72rem;padding:10px 12px;min-height:44px;gap:7px}.button-small svg{width:16px;height:16px}.hero-layout{grid-template-columns:1fr;padding:46px 0 48px;gap:38px}.hero h1{font-size:clamp(3.1rem,11.6vw,4.1rem);margin-bottom:24px}.hero .eyebrow{font-size:.66rem;letter-spacing:.08em}.hero .lead{font-size:1rem;max-width:480px;margin-bottom:26px}.hero-actions{gap:12px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:.88rem;min-height:54px}.hero-actions .text-link{font-size:.85rem;min-height:40px}.download-meta{font-size:.72rem;margin:10px 0 22px}.promises{font-size:.74rem;gap:10px 16px}.hero-phone{max-width:270px}.orbit-one{width:330px;height:330px}.orbit-two{width:430px;height:430px}.hero-preview figcaption{font-size:.67rem}.section{padding-block:58px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2.05rem}.section-intro{font-size:.92rem}.eyebrow{font-size:.67rem;margin-bottom:17px}.feature{padding:24px 20px;grid-template-columns:40px 1fr;column-gap:17px}.feature-icon{width:40px;height:40px;border-radius:11px}.feature h3{font-size:1.15rem}.feature p{font-size:.86rem}.feature-label{font-size:.64rem;padding-top:15px}.feature-grid{gap:14px}.screen-grid{grid-template-columns:repeat(3,minmax(260px,84%));gap:16px}.screen-card{padding:26px 20px 18px}.screen-copy{min-height:170px}.screen-card .phone{max-width:260px}.screen-note{text-align:left;font-size:.71rem;margin-top:20px}.widget-panel{grid-template-columns:1fr;padding:30px 24px;gap:35px;border-radius:22px}.widget-copy h2{font-size:2.45rem}.widget-copy .lead{font-size:.95rem;margin-bottom:20px}.widget-preview .phone{max-width:260px}.release-section{padding-top:0}.release-panel{grid-template-columns:1fr;gap:25px;padding-top:44px}.release-panel h2{font-size:1.9rem}.release-panel p{font-size:.8rem}.release-list li{padding-bottom:24px}.steps{grid-template-columns:1fr;gap:24px}.steps li{display:grid;grid-template-columns:37px 1fr;column-gap:18px;padding-top:24px}.step-number{grid-row:1/3;margin:0}.steps h3{margin-bottom:10px;font-size:1.1rem}.steps p{grid-column:2;margin-bottom:0;font-size:.86rem}.update-note{padding:18px;font-size:.81rem;margin-top:28px}.faq-layout h2{font-size:2.1rem}.faq-list summary{font-size:.91rem;padding-block:20px}.faq-list details p{font-size:.86rem;padding-right:0}.download-section{padding-block:58px}.download-panel p:not(.eyebrow){font-size:.88rem}.download-action p:not(.eyebrow){font-size:.72rem}.footer-layout{gap:26px}.footer-layout nav{gap:20px}footer{padding-block:32px}.dialog-heading{gap:10px}.dialog-heading p{font-size:.72rem}.dialog-heading button{font-size:.72rem}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.version{display:none}.hero h1{font-size:2.9rem}.hero .eyebrow{font-size:.6rem}.promises{font-size:.68rem;gap:10px}.feature{grid-template-columns:1fr}.feature-icon{grid-row:auto;margin-bottom:20px}.feature h3,.feature p,.feature-label{grid-column:1}.widget-panel{padding:27px 20px}.screen-grid{grid-template-columns:repeat(3,minmax(250px,92%))}.button{padding-inline:18px}}
/* Preserve reflow when the browser's text size is increased independently of the viewport. */
.hero-layout>*,.section-heading>*,.widget-panel>*,.release-panel>*,.faq-layout>*,.download-panel>*,.footer-layout>*{min-width:0;max-width:100%}
h1,h2,h3,.lead,.section-intro,.eyebrow{overflow-wrap:anywhere}.button,.text-link{max-width:100%}
@media(max-width:600px){.navigation{flex-wrap:wrap;padding-block:12px}.widget-panel,.release-panel,.faq-layout{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Android and iPhone installation, October 2026. */
.button-secondary{background:transparent;color:var(--accent);border:1px solid #849e6d}.button-secondary:hover{background:#263f2c;color:var(--ink)}.hero-actions{gap:12px}.hero-actions .button{font-size:.85rem;padding-inline:16px}.hero .download-meta{margin-bottom:8px}
.theme-preview-controls{display:inline-flex;gap:4px;margin-top:22px;background:var(--deep);padding:5px;border:1px solid var(--border);border-radius:30px}.theme-preview-controls button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 18px;border:0;background:transparent;color:var(--muted);border-radius:24px;font-size:.78rem;cursor:pointer}.theme-preview-controls button[aria-pressed="true"]{background:var(--surface-light);color:var(--ink)}.theme-swatch{width:13px;height:13px;border-radius:50%;border:1px solid #7e9471}.swatch-light{background:#eef5e9}.swatch-dark{background:#14251e}.hero-preview figcaption{margin-top:15px}.detail-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-top:28px}.detail-links .text-link{color:var(--accent);font-size:.8rem}
.platform-label{display:inline-flex;align-items:center;width:fit-content;border:1px solid #718b5e;padding:4px 9px;border-radius:6px;color:var(--accent);font-size:.65rem;font-weight:650;letter-spacing:.09em}.widget-copy .eyebrow{flex-wrap:wrap;font-size:.65rem;letter-spacing:.07em}.install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.install-card{min-width:0;border:1px solid var(--border);border-radius:24px;padding:36px;background:var(--surface);display:flex;flex-direction:column}.install-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:28px}.install-card-heading p{font-size:.73rem;color:var(--muted);margin:0}.install-card h3{font-size:1.7rem;letter-spacing:-.035em}.install-description{font-size:.92rem;color:var(--muted);margin-bottom:28px}.platform-steps{list-style:none;counter-reset:install;padding:0;margin:0 0 30px;display:grid;gap:26px;flex:1}.platform-steps li{counter-increment:install;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:15px;row-gap:6px}.platform-steps li:before{content:counter(install);grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border:1px solid #617950;border-radius:50%;font-size:.75rem;color:var(--accent)}.platform-steps strong{font-size:.92rem;font-weight:550}.platform-steps span{grid-column:2;font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}.install-card .button{width:100%}.install-footnote{font-size:.74rem;color:var(--muted);margin:18px 0 0;min-height:3.2em}.iphone-install{background:linear-gradient(135deg,#243e2c,#1c3427)}.download-platforms{display:grid;gap:12px;width:min(100%,360px)}
@media(max-width:1050px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:.84rem}.install-card{padding:28px}}
@media(max-width:700px){.install-grid{grid-template-columns:minmax(0,1fr);gap:20px}.install-card{padding:28px 24px}.install-footnote{min-height:0}.hero-actions .button{font-size:.86rem}}
@media(max-width:600px){.hero-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:360px}.hero-actions .button{min-height:54px;width:100%}.download-action{min-width:0}.download-platforms .button{width:100%}.theme-preview-controls button{padding-inline:15px}.detail-links{justify-content:flex-start;gap:8px 22px}.install-card h3{font-size:1.55rem}.install-card-heading{margin-bottom:22px}.platform-steps{gap:24px}.hero .download-meta{font-size:.7rem}}

/* Approved Svitlo Guru mascot: separate transparent artwork, no UI overlap. */
.mascot{object-fit:contain;filter:drop-shadow(0 16px 22px #07150d55);pointer-events:none;user-select:none}.hero-stage{width:100%;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);align-items:end;gap:8px;position:relative}.hero-stage:before{content:'';position:absolute;left:-3%;bottom:14%;width:58%;height:45%;border-radius:50%;background:radial-gradient(ellipse,#71974932,transparent 68%);z-index:-1}.hero-stage .hero-phone{width:100%;max-width:270px;border-width:5px;border-radius:25px;justify-self:end}.mascot-hero{width:100%;max-width:270px;margin-bottom:52px;transform:rotate(-2deg)}.hero-preview .orbit-one{width:430px;height:430px}.hero-preview .orbit-two{width:550px;height:550px}.mascot-release{width:min(240px,70%);margin-top:26px;display:block}.release-intro{min-width:0}.download-copy{flex:1 1 30rem;display:grid;grid-template-columns:clamp(110px,13vw,160px) minmax(0,1fr);align-items:center;gap:24px}.mascot-install{width:100%;max-width:160px}.download-copy h2{font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.15;overflow-wrap:normal;text-wrap:balance}
@media(min-width:1450px){.hero-layout{grid-template-columns:1.05fr 1fr;gap:54px}}
@media(max-width:1050px){.hero-layout{grid-template-columns:1.05fr 1fr;gap:30px}.mascot-hero{margin-bottom:38px}.mascot-release{width:210px}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr 1fr;gap:22px}.hero-stage .hero-phone{border-width:4px;border-radius:18px}.mascot-hero{margin-bottom:25px}.mascot-release{width:180px}}
@media(max-width:600px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:34px}.hero-stage{max-width:400px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:6px}.hero-stage .hero-phone{border-radius:20px}.mascot-hero{margin-bottom:36px}.hero-preview .orbit-one{width:290px;height:290px}.hero-preview .orbit-two{width:380px;height:380px}.mascot-release{width:160px;margin-top:18px}.release-intro{display:grid;grid-template-columns:minmax(0,1fr) 108px;column-gap:12px;align-items:center}.release-intro>.release-version,.release-intro>p{grid-column:1/-1}.release-intro>h2{grid-column:1;font-size:1.8rem}.release-intro>.mascot-release{grid-column:2;grid-row:2;width:108px;margin:0}.download-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mascot-install{width:125px}.download-copy h2{font-size:clamp(1.8rem,5.2vw,2.4rem)}}
@media(max-width:360px){.release-intro{display:block}.release-intro>.mascot-release{width:130px;margin-block:12px}.mascot-hero{margin-bottom:25px}}
/* The hand at 97% of the PNG width meets the phone bezel; the bolt stays outside. */
.hero-stage{isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;gap:0}
.hero-stage .hero-phone{grid-column:2;grid-row:1;position:relative;z-index:1}
.mascot-hero{position:relative;grid-column:1;grid-row:1;left:auto;top:auto;width:100%;max-width:100%;margin:0 0 18px;transform:translateX(3%);z-index:3;filter:drop-shadow(2px 5px 4px #06130b66) drop-shadow(0 14px 20px #07150d33)}
.hero-stage:before{z-index:0}
@media(max-width:600px){.mascot-hero{margin:0 0 12px}}

/* Mobile gallery: explicit choice and one full preview, with a stacked no-JS fallback. */
.screen-tabs[hidden],.screen-card[hidden]{display:none}
.screen-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:5px;margin:0 auto 18px;width:min(100%,440px);border:1px solid var(--border);border-radius:17px;background:var(--bg)}
.screen-tabs button{display:flex;flex:1 1 5rem;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:66px;padding:10px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;line-height:1.2}
.screen-tabs button[aria-selected="true"]{background:var(--accent);color:var(--bg);border-color:#d6e8b9}
.screen-tab-platform{font-size:.62rem;line-height:1.3}.screen-tab-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow-wrap:normal}
@media(max-width:800px){
 .screen-tabs:not([hidden]){display:flex}
 .showcase .screen-grid{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;scroll-snap-type:none;padding:0;gap:24px;width:min(100%,440px);margin-inline:auto}
 .showcase .screen-card{width:100%;padding:25px 24px 20px;scroll-snap-align:none}
 .showcase .screen-copy{min-height:0}
 .showcase .screen-copy .number{margin-bottom:12px}
 .showcase .screen-copy h3{font-size:1.3rem;margin-bottom:12px}
 .showcase .screen-copy p{margin-bottom:24px;font-size:.88rem}
 .showcase .screen-card .phone{width:100%;max-width:280px;margin-top:0}
 .showcase .detail-links{justify-content:center}
 .showcase .screen-note{max-width:440px;margin-inline:auto}
}
@media(max-width:360px){.showcase .screen-card{padding:22px 18px 18px}.screen-tabs button{padding-inline:5px}.screen-tab-title{font-size:.84rem}.screen-tab-platform{font-size:.58rem}}

/* The app has one shared design across Android and iPhone: show only two themes. */
.showcase .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,920px);margin-inline:auto;gap:28px}
.showcase .screen-tabs{max-width:440px}
.showcase .screen-tabs button{min-height:52px}
@media(max-width:800px){.showcase .screen-grid{grid-template-columns:minmax(0,1fr);width:min(100%,440px);gap:24px}}

/* Center the install actions and supporting promises as one group. */
.hero-actions{justify-content:center;align-items:center;margin-inline:auto}
.hero-details{display:flex;flex-direction:column;align-items:center;margin-top:16px;max-width:100%;text-align:center}
.hero-details .promises{justify-content:center;margin:0;row-gap:8px}

/* Keep the gallery introduction together and aligned with its previews. */
.showcase-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:min(100%,920px);margin:0 auto 32px}
.showcase-title{display:grid;gap:12px}
.showcase-heading .eyebrow,.showcase-heading h2,.showcase-heading .section-intro{margin:0}
.showcase-heading h2{line-height:1.14}
.showcase-heading .section-intro{max-width:620px;line-height:1.6}
@media(max-width:800px){.showcase-heading{width:min(100%,440px);margin-bottom:24px}}

/* Keep the final invitation readable when its action column wraps. */
.download-copy{display:block;container-type:inline-size;container-name:download-intro}
.download-message{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,28cqi,180px);align-items:end;column-gap:clamp(12px,3cqi,24px);row-gap:12px}
.download-panel .download-message>*{margin:0}
.download-heading{min-width:0;display:grid;gap:12px;grid-column:1;grid-row:1;align-self:end}
.download-heading>*{margin:0}
.download-heading>h2{font-size:clamp(1.65rem,6cqi,2.75rem);line-height:1.18;text-wrap:balance}
.download-message>.mascot-install{grid-column:2;grid-row:1;align-self:end;width:100%;max-width:none;transform:translateY(clamp(0px,calc(24px - 1rem),8px))}
.download-message>.download-description{grid-column:1/-1;grid-row:2;align-self:start;max-width:38rem}
.download-action p{max-width:100%}
@container download-intro (max-width:18rem){
 .download-message{grid-template-columns:minmax(0,1fr) 88px}
 .download-heading{display:contents}
 .download-heading>.eyebrow{grid-column:1;grid-row:1;align-self:end;flex-wrap:wrap}
 .download-message>.mascot-install{grid-column:2;grid-row:1;transform:none}
 .download-heading>h2{grid-column:1/-1;grid-row:2}
 .download-message>.download-description{grid-row:3}
}
@container download-intro (min-width:38rem){
 .download-message>.mascot-install{transform:translateY(clamp(0px,calc(80px - 3rem),32px))}
}

/* Let readable text widths, including larger text, determine when columns stack. */
.navigation{flex-wrap:wrap}
.hero-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));gap:clamp(28px,4vw,54px)}
.hero-preview{width:min(100%,480px);margin-inline:auto}
.theme-preview-controls{flex-wrap:wrap;justify-content:center;max-width:100%}
.section-heading{flex-direction:row;flex-wrap:wrap;gap:16px 40px}
.section-heading>div{display:grid;gap:12px;flex:1 1 24rem}
.section-heading>.section-intro{flex:1 1 20rem}
.section-heading .eyebrow,.section-heading h2,.section-heading>.section-intro{margin:0}
.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.widget-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.release-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr))}
.release-panel>.release-intro{container-type:inline-size;container-name:release-intro;display:block}
.release-intro-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:18px}
.release-copy{display:grid;align-content:start;gap:16px;min-width:0}
.release-copy>*{margin:0}
.release-copy>.release-version{justify-self:start}
.release-intro-layout>.mascot-release{display:block;width:min(100%,15rem);max-width:none;height:auto;margin:0;justify-self:center}
@container release-intro (min-width:24rem){
 .release-intro-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
 .release-intro-layout>.mascot-release{width:100%;max-width:16rem;justify-self:end}
}
.install-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
.faq-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
@media(max-width:1100px){.navigation nav{display:none}}
@media(max-width:800px){.feature-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .section-heading h2,.widget-copy h2,.faq-layout h2{font-size:clamp(1.6rem,8.5vw,2.05rem)}
 .install-card h3{font-size:clamp(1.25rem,5vw,1.55rem)}
 .release-intro{display:block}
 .release-intro>.mascot-release{width:130px;margin-top:18px}
}

/* One installation guide at a time, with both guides available without JavaScript. */
#install>.wrap{max-width:760px;container-type:inline-size;container-name:install-section}
#install .section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px}
#install .section-intro{max-width:620px}
#install .install-heading{gap:20px;align-items:center}
#install .install-heading-copy{display:grid;gap:14px;min-width:0}
#install .install-heading-copy>.section-intro{margin:0}
.install-family{display:block;justify-self:center;width:min(100%,320px);height:auto;pointer-events:none;user-select:none}
@container install-section (min-width:36rem){
 #install .install-heading{grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:20px}
 #install .install-heading h2{font-size:clamp(1.65rem,4.5cqi,2rem);line-height:1.15}
 #install .install-heading .section-intro{font-size:.92rem}
 .install-family{width:100%;max-width:310px;justify-self:end}
}
.install-tabs[hidden],.install-card[hidden]{display:none}
.install-tabs{display:flex;flex-wrap:wrap;gap:6px;width:min(100%,440px);padding:6px;margin:0 auto 24px;border:1px solid var(--border);border-radius:18px;background:var(--deep)}
.install-tabs button{flex:1 1 6rem;min-width:0;min-height:52px;padding:12px 16px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.92rem;font-weight:650;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}
.install-tabs button[aria-selected="true"]{background:var(--accent);color:var(--bg)}
#install .install-grid.is-switcher{display:block}
#install .install-footnote{min-height:0}
.install-card:focus-visible{outline:3px solid #f0c875;outline-offset:5px}

/* Wrap the widget headline at phrase boundaries when space allows. */
.widget-copy .widget-title{overflow-wrap:normal}
.widget-title>span,.widget-title>em{display:block}
.widget-title-phrase{display:inline-block;max-width:100%;vertical-align:top}

/* Explain privacy beside the FAQ, with the necessary service requests below. */
.privacy-note{display:grid;gap:10px;padding:20px;margin-top:26px;border:1px solid var(--border);border-radius:16px;background:var(--surface);font-size:.88rem;color:var(--muted);line-height:1.65}
.privacy-note p{margin:0;overflow-wrap:anywhere}
.privacy-note .privacy-note-title{color:var(--accent);font-size:.95rem;font-weight:600;line-height:1.4}

/* Installation guides: a clear starting action, then numbered visual steps. */
#install .install-card{padding:clamp(18px,4vw,32px);gap:0;background:var(--surface)}
#install .iphone-install{background:linear-gradient(140deg,#243e2c,var(--surface))}
.install-guide-header{margin-bottom:24px}
#install .install-card-heading{margin-bottom:16px}
#install .install-guide-header h3{font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1.15;margin-bottom:10px;overflow-wrap:normal}
#install .install-description{margin:0;font-size:.91rem;line-height:1.6}
.install-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.install-step{min-width:0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--deep)}
.install-step-start{border-color:#8da76c;background:#243e2b}
.install-step-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px}
.install-step-number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--surface-light);color:var(--accent);font-size:1rem;font-weight:700;line-height:1}
.install-step-start .install-step-number{background:var(--accent);color:var(--bg)}
.install-step h4{flex:1 1 9rem;min-width:0;max-width:100%;margin:0;font-size:1.08rem;font-weight:650;letter-spacing:-.025em;line-height:1.35;overflow-wrap:normal}
.install-step-body{display:grid;gap:14px;min-width:0;container-type:inline-size;container-name:install-step}
.install-step-body p{margin:0;font-size:.88rem;line-height:1.65;color:var(--muted);overflow-wrap:normal}
.install-step-body p strong{color:var(--ink);font-weight:600}
#install .install-start-action{width:fit-content;max-width:100%;min-height:52px;justify-self:start;flex-wrap:wrap;padding:14px 20px;font-size:.89rem;gap:8px}
.install-step-body .install-step-meta{font-size:.73rem;overflow-wrap:anywhere}
.install-step-body .install-step-hint{font-size:.78rem;padding-left:12px;border-left:2px solid #718b5e}
.install-action-trail{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.install-ui-cue{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #44604a;border-radius:12px;background:var(--surface);color:var(--ink);font-size:.8rem;line-height:1.4}
.install-ui-cue svg{width:22px;height:22px;color:var(--accent)}
.install-action-trail>.install-trail-arrow{width:16px;height:16px;color:var(--muted);transform:rotate(90deg);justify-self:center}
.install-share-cue{border-color:#9ebd77;background:#2c4731}
.install-share-cue svg{width:28px;height:28px}
.install-app-cue{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0}
.install-app-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:var(--accent);color:var(--bg)}
.install-app-icon svg{width:30px;height:30px}
.install-app-cue>div{display:grid;gap:2px;min-width:0;flex:1 1 9rem}
.install-app-cue strong{font-size:.9rem;font-weight:650;line-height:1.3}
.install-app-cue>div>span{font-size:.76rem;color:var(--muted);line-height:1.5}
.install-help{border-top:1px solid var(--border);padding-top:12px;font-size:.78rem;color:var(--muted)}
.install-help summary{cursor:pointer;color:var(--accent);min-height:44px;display:flex;align-items:center;gap:10px;list-style:none;line-height:1.5}
.install-help summary::-webkit-details-marker{display:none}
.install-help summary:before{content:'+';font-size:1.15rem}
.install-help[open] summary:before{content:'−'}
.install-help p{font-size:.78rem;margin:0 0 12px}
.install-help a{color:var(--accent);display:inline-flex;align-items:center;gap:6px;min-height:44px;text-underline-offset:4px}
#install .install-footnote{margin-top:20px;line-height:1.65}
@media(max-width:600px){
 .install-step{padding:16px}
 .install-step-heading{gap:10px}
 #install .install-start-action{width:100%;padding-inline:14px}
}
@container install-step (min-width:31rem){
 .install-action-trail{display:flex;flex-wrap:nowrap;gap:10px}
 .install-action-trail>.install-trail-arrow{transform:none}
}

/* Standalone previews of the real native widgets. */
.widget-examples{width:min(100%,440px);display:grid;gap:28px}
.widget-example{min-width:0;display:grid;gap:12px}
.widget-example>figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0;text-align:left;font-size:.74rem;color:var(--muted)}
.widget-example>figcaption strong{font-size:.94rem;font-weight:600;color:var(--ink)}
.widget-image{display:block;width:100%;text-decoration:none;filter:drop-shadow(0 12px 18px #07150d33);border-radius:24px}
.widget-image img{display:block;width:100%;height:auto}
.widget-preview-standalone>.widget-source{margin-top:20px;max-width:100%;line-height:1.65}
@media(max-width:600px){.widget-examples{gap:24px}.widget-example>figcaption{flex-direction:column;gap:3px}}

/* Noncommercial licensing and visible author credit. */
footer .site-licensing{max-width:30rem;margin:16px 0 0;font-size:.74rem;line-height:1.7}
.site-licensing a,.license-content a{color:var(--accent);text-underline-offset:4px}
.license-content{width:min(calc(100% - 40px),880px);margin-inline:auto;padding-block:clamp(40px,6vw,80px);min-width:0}
.license-content h1{font-size:clamp(1.5rem,5vw,3.3rem);margin-bottom:18px;overflow-wrap:normal}
.license-content>.lead{max-width:44rem;margin-bottom:32px}
.license-content .eyebrow{flex-wrap:wrap;letter-spacing:.08em;gap:8px;margin-bottom:16px}
.license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:20px;margin-block:28px 40px}
.license-card{min-width:0;padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}
.license-card h2,.license-section h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em;overflow-wrap:normal;margin-bottom:14px}
.license-card p,.license-section p,.license-section li{font-size:.94rem;color:var(--muted);line-height:1.75}
.license-card p:last-child{margin-bottom:0}
.license-section{margin-top:32px;min-width:0}
.license-section ul{padding-left:22px;display:grid;gap:10px}
.license-attribution{margin:18px 0;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--deep);color:var(--ink);font-size:.85rem;line-height:1.8;overflow-wrap:anywhere}
.license-content .license-source{overflow-wrap:anywhere}
.license-content .license-id{font-size:.78rem;overflow-wrap:anywhere}
.license-header .brand img{width:36px;height:36px}
.license-footer{border-top:1px solid var(--border)}
.license-footer p{max-width:100%}
@media(max-width:600px){.license-card{padding:22px}.license-content .eyebrow{font-size:.68rem}.license-attribution{padding:18px}}

/* Four screenshots share one card, with native horizontal swipe and no autoplay. */
.screen-carousel{width:min(100%,600px);margin-inline:auto;min-width:0;container-type:inline-size;container-name:screen-carousel}
.gallery-tabs[hidden],.gallery-controls[hidden]{display:none}
.gallery-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px;margin-bottom:16px;border:1px solid var(--border);border-radius:17px;background:var(--bg)}
.gallery-tabs button{min-width:0;min-height:48px;padding:12px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;line-height:1.3;cursor:pointer;overflow-wrap:normal}
.gallery-tabs button[aria-selected="true"]{background:var(--accent);border-color:#d6e8b9;color:var(--bg)}
.gallery-frame{padding:clamp(16px,4vw,32px);border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.gallery-viewport{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.gallery-slide{display:grid;justify-items:center;align-items:start;flex:0 0 100%;min-width:0;padding:6px 8px;scroll-snap-align:start;scroll-snap-stop:always}
.gallery-slide .phone{width:min(100%,300px);max-width:300px;border-width:4px;border-radius:24px;margin:0 auto}
.screen-carousel.is-slider .gallery-viewport{scrollbar-width:none}
.screen-carousel.is-slider .gallery-viewport::-webkit-scrollbar{display:none}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:300px;margin:20px auto 0}
.gallery-controls button{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--accent);cursor:pointer}
.gallery-controls button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-light)}
.gallery-controls button:disabled{opacity:.35;cursor:default}
.gallery-previous svg{transform:rotate(180deg)}
.gallery-counter{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}

/* Button groups reflow from the available space rather than viewport guesses. */
.hero-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));grid-auto-rows:1fr;align-items:stretch;width:min(100%,34rem);max-width:none;gap:12px;margin-inline:auto}
.hero-actions .button{width:100%;min-width:0;height:100%;border:1px solid transparent;white-space:normal}
.hero-actions .button-secondary{border-color:#849e6d}
.download-platforms{width:min(100%,24rem);grid-auto-rows:1fr;align-items:stretch}
.download-platforms .button{height:100%;min-width:0;border:1px solid transparent;white-space:normal}
.download-platforms .button-secondary{border-color:#849e6d}
.theme-preview-controls{flex-wrap:nowrap;max-width:100%}
.theme-preview-controls button{flex:1 1 0;min-width:0;min-height:44px;gap:8px;padding:10px 8px;white-space:nowrap}
.theme-swatch{flex:0 0 13px}
.install-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}
.install-tabs button{padding:12px 4px;font-size:.85rem}
.gallery-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.gallery-tabs button{flex:1 0 auto;min-width:max-content;padding:12px 8px;white-space:nowrap}
.gallery-tabs button:focus-visible,.install-tabs button:focus-visible,.theme-preview-controls button:focus-visible{outline:2px solid #f0c875;outline-offset:-2px}
@media(min-width:601px){
 .hero-actions{margin-inline:0}
 .hero-details{align-items:flex-start;text-align:left}
 .hero-details .promises{justify-content:flex-start}
 .download-action{align-items:flex-start;text-align:left}
}