:root{--paper:#faf6ea;--ink:#17291f;--muted:#606957;--line:#ded6bf;--accent:#795416;--gold:#e9b742;--white:#fff;--radius:22px;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a27723;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:110px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand-mark{font-size:42px;color:var(--accent);font-weight:400;line-height:1}.brand-light{font-weight:400;font-size:15px;letter-spacing:0;align-self:center;margin-top:3px}.header nav{display:flex;gap:34px;font-size:14px;font-weight:500}.header nav a:hover,.text-link:hover{color:var(--accent)}.button{border:1px solid transparent;border-radius:10px;padding:17px 22px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:15px;font-weight:650;line-height:1.3;transition:background .15s,transform .15s;min-height:50px}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--accent);color:white}.button-primary:hover{background:#543a12}.button-outline{background:transparent;border-color:#cec3a6}.button-outline:hover{background:#f0e7d1}.button-small{padding:12px 17px;font-size:13px;min-height:44px}.button-dark{background:var(--ink);color:white}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:14px;align-items:center;background:none;border:0;padding:10px 0}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;padding-top:38px;padding-bottom:64px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;line-height:1.7}.small-sun{color:var(--accent);font-size:20px;vertical-align:middle;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-3.2px;line-height:1.07;margin-bottom:25px;font-weight:740}h1>span:not(.small-sun){color:var(--accent)}.hero-description{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:30px}.hero-copy .eyebrow{margin-bottom:27px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-note{font-size:11px;color:var(--muted);margin-top:24px;margin-bottom:0;line-height:1.8}.hero-note>span:first-child{color:var(--accent)}.separator{padding:0 8px;color:#b9bfb1}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding:35px 0 54px}.benefits article+article{border-left:1px solid var(--line);padding-left:35px}.feature-number{font-size:10px;color:var(--muted);display:block;margin-bottom:15px;letter-spacing:1px}.benefits h2{font-size:17px;letter-spacing:-.4px;margin-bottom:12px}.benefits p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}h2{font-size:36px;letter-spacing:-1.4px;line-height:1.15;font-weight:650}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.plans-section{background:#f0eadb;border-block:1px solid var(--line);padding:72px 0}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px 24px;position:relative;display:flex;flex-direction:column}.plan.featured{background:var(--accent);color:white;border-color:var(--accent)}.plan.featured .muted,.plan.featured .plan-period{color:#e8e3cd}.plan-tag{font-size:9px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;min-height:22px;color:var(--muted);margin-bottom:15px}.plan.featured .plan-tag{color:var(--gold)}.plan h3{font-size:21px;font-weight:550;letter-spacing:-.7px;margin-bottom:26px}.plan-price{font-size:38px;letter-spacing:-1.6px;font-weight:650;margin-bottom:5px}.plan-period{font-size:12px;color:var(--muted);margin-bottom:24px}.plan-list{padding:21px 0 0;margin:0 0 25px;border-top:1px solid #8c929533;list-style:none;font-size:12px;line-height:2.2}.plan-list li:before{content:'✓';padding-right:8px}.plan .button{width:100%;margin-top:auto;padding-inline:10px;font-size:13px}.plan.featured .button{background:var(--gold);color:var(--ink)}.plan-footnote{text-align:center;font-size:11px;line-height:1.8;margin:25px 0 0;color:var(--muted)}.loading-plans{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #bfc6b2;border-radius:16px}.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:95px}.setup-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7}.setup-decoration{display:inline-grid;place-items:center;height:76px;width:76px;border-radius:50%;background:var(--gold);font-size:46px;margin-top:10px;transform:rotate(9deg)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:12px;flex-shrink:0;height:32px;width:32px;border:1px solid #bfc6b2;border-radius:50%;display:grid;place-items:center}.steps h3{font-size:19px;font-weight:600;margin-bottom:10px}.steps p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;border-top:1px solid var(--line);padding-block:70px}.muted{color:var(--muted);font-size:14px;line-height:1.7}.faq-list details,.connect-help{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:600}summary:after{content:'+';font-weight:400;font-size:20px;color:var(--accent)}details[open]>summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p,details ol{font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px;margin-bottom:0}.closing{border-radius:20px;background:var(--gold);display:flex;align-items:center;gap:35px;padding:45px 55px;margin-top:20px;margin-bottom:70px}.closing>span{font-size:90px;line-height:1;color:var(--accent)}.closing h2{margin:0;font-size:37px}.closing .button{margin-left:auto}.footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-block:30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer .brand{color:var(--ink);font-size:23px}.footer p{margin:0}.footer-links{display:flex;gap:20px;margin-left:auto}.footer a:hover{color:var(--accent)}.copyright{width:100%;padding-top:10px;font-size:10px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:10}.skip:focus{top:10px}dialog{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:42px;width:min(460px,calc(100% - 32px));max-height:90dvh;box-shadow:0 25px 90px #15201030;color:var(--ink)}dialog::backdrop{background:#181d3260;backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-1px}dialog .eyebrow{margin-top:20px}dialog .button{width:100%;margin-top:15px}.dialog-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:28px;width:40px;height:40px}.dialog-sun{color:var(--accent);font-size:48px}form label{font-size:12px;font-weight:650;display:block;margin:24px 0 9px}input[type=email],#code{width:100%;border:1px solid #bfc6b2;border-radius:9px;background:white;font-size:16px;padding:15px;color:var(--ink)}#code{letter-spacing:8px;font-size:24px}.auth-privacy{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0}.auth-privacy a,.consent a{text-decoration:underline}.form-error{font-size:13px;color:#a82727;line-height:1.5;margin:14px 0 0}.consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7}.consent input{margin-top:4px;width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 22px;border-radius:12px;background:var(--ink);color:white;font-size:13px;line-height:1.5;width:max-content;max-width:calc(100% - 32px);box-shadow:0 10px 35px #0002;z-index:20}.account{min-height:70vh;padding-block:45px 70px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.account h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:12px}.account-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.subscription-card,.account-side{border-radius:20px;padding:35px;background:#f0eadb;border:1px solid var(--line)}.subscription-card h2{margin-top:22px;font-size:29px}.subscription-card p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted)}.account-side{background:var(--accent);color:white;position:relative}.account-side p{color:#e8e3cd;font-size:13px;line-height:1.7;max-width:230px}.account-side .button{color:white;border-color:#bfa56a}.account-side .button:hover{background:#2e4636}.account-side h3{font-size:20px;margin-top:18px}.large-sun{color:var(--gold);font-size:47px;line-height:1}.account-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.history,.profiles{margin-top:45px}.history h2,.profiles h2{font-size:26px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}td,th{padding:18px 16px;border-bottom:1px solid var(--line)}th{font-size:11px;font-weight:500;color:var(--muted)}.paid{color:#446b26}.pending{color:#906711}.profile{padding:24px;border:1px solid var(--line);border-radius:13px;margin:15px 0;display:flex;align-items:center;gap:24px}.profile h3{font-size:16px;margin:0 0 5px}.profile p{margin:0;font-size:12px;color:var(--muted)}.profile .button{margin-left:auto}.manual-copy{width:100%;height:100px;resize:vertical;word-break:break-all;font-size:12px}.noscript{padding:20px;background:var(--gold)}
@media(min-width:1500px){.hero{gap:75px}.hero-art{height:540px}.hero h1{font-size:72px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.hero{gap:28px}.hero h1{font-size:53px}.hero-art{height:460px}.hero-actions{gap:15px}.hero-note{font-size:10px}.plans-grid{grid-template-columns:repeat(2,1fr)}.plan h3{margin-bottom:15px}.setup-section{gap:45px}.faq-section{gap:30px}.footer-links{margin-left:0}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:84px;gap:10px}.header nav{display:none}.brand{font-size:24px}.brand-mark{font-size:36px}.header .button{font-size:12px;padding:10px 12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:35px;gap:32px}.hero h1{font-size:clamp(43px,9vw,65px);letter-spacing:-2.4px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:16px}.hero-actions{gap:22px}.hero-note{font-size:10px}.hero-art{height:400px}.art-caption{top:25px}.orbit-one{width:210px;height:210px}.orbit-two{width:315px;height:315px}.orbit-three{width:430px;height:430px}.sun-core{font-size:165px}.label-top{top:70px;right:20px}.label-bottom{top:238px;left:15px}.connection-card{bottom:48px;width:calc(100% - 54px);padding:14px}.dot-two{top:250px}.benefits{grid-template-columns:1fr;padding:10px 0 35px;gap:0}.benefits article{padding:22px 0;display:grid;grid-template-columns:42px 1fr}.benefits article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.benefits h2{font-size:17px}.benefits p{grid-column:2;font-size:13px}.feature-number{padding-top:5px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading>p{font-size:13px}h2{font-size:31px;letter-spacing:-1px}.plans-section{padding:47px 0}.plans-grid{gap:10px}.plan{padding:22px 16px}.plan h3{font-size:20px}.plan-price{font-size:29px}.plan-list{font-size:11px}.plan-tag{font-size:8px;letter-spacing:.6px}.plan .button{font-size:12px}.plan-footnote{font-size:10px;text-align:left}.setup-section{grid-template-columns:1fr;padding-block:55px;gap:30px}.setup-decoration{display:none}.steps li{gap:18px}.steps h3{font-size:17px}.faq-section{grid-template-columns:1fr;padding-block:45px}.faq-list details:first-child{padding-top:10px}.closing{padding:30px 24px;gap:15px;flex-wrap:wrap;margin-bottom:45px}.closing>span{font-size:62px}.closing h2{font-size:30px}.closing .button{margin-left:0;width:100%;margin-top:10px}.footer{gap:18px}.footer-links{width:100%;flex-wrap:wrap;gap:12px}.account{padding-top:25px}.account h1{font-size:32px}.account-grid{grid-template-columns:1fr}.account-heading{align-items:flex-start}.subscription-card,.account-side{padding:25px}.account-side .large-sun{float:right}.account-actions{flex-direction:column}.history .section-heading{flex-direction:row;align-items:center}.history .section-heading .button{font-size:11px}.history h2{font-size:22px}.profile{padding:20px;gap:10px;flex-wrap:wrap}.profile .button{width:100%;margin-top:8px}dialog{padding:30px 25px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.preview-banner{text-align:center;padding:9px 18px;background:#17291f;color:#e9b742;font-size:11px;line-height:1.5}
.privacy-page{max-width:840px;padding-block:48px 64px;overflow-wrap:anywhere}.privacy-page h1{font-size:clamp(34px,6vw,52px);letter-spacing:-1.5px}.privacy-page h2{font-size:25px;letter-spacing:-.5px;margin-bottom:16px}.privacy-page section{margin-top:36px}.privacy-page p,.privacy-page li{font-size:16px;line-height:1.8}.privacy-page li{margin-bottom:12px}.privacy-page ul{padding-left:22px}.privacy-page a{text-decoration:underline;text-underline-offset:3px}

/* The bot artwork is the visual source; UI gold uses dark text for contrast. */
.sun-symbol{display:inline-block;width:1em;height:1em;vertical-align:middle}
.brand{letter-spacing:2px}.brand-light{letter-spacing:2px}.brand-mark{font-size:43px}
.hero{grid-template-columns:1fr;padding-top:35px;gap:38px}
.hero-copy{max-width:850px}.hero h1{font-size:clamp(44px,5.7vw,76px)}
.hero h1 br:nth-of-type(2){display:none}.hero h1>span{color:var(--accent)}
.hero-art{margin:0;height:auto!important;border:1px solid #b99443;border-radius:18px;overflow:hidden;background:#17291f;box-shadow:0 20px 55px #17291f18}
.brand-scene{display:block;width:100%;height:auto;aspect-ratio:1108/594;object-fit:contain}
.hero-art figcaption{padding:18px 20px;text-align:center;color:#e9b742;font-size:10px;letter-spacing:2px;line-height:1.6}
.button-primary{background:var(--gold);color:var(--ink);border-color:#d9a735}
.button-primary:hover{background:#f3c65d}
.plan.featured,.account-side{background:#17291f;border-color:#b99443;color:#fffdf5}
.plan.featured .button{color:#17291f}.plan.featured .plan-tag{color:#e9b742}
.closing{background:#17291f;color:#fffdf5;border:1px solid #b99443}
.closing .button{background:#e9b742;color:#17291f}
.header{border-bottom:1px solid var(--line)}
.eyebrow{color:var(--accent)}.account-side .eyebrow,.plan.featured .eyebrow{color:#e9b742}
.preview-banner{background:#17291f;color:#e9b742}
@media(max-width:760px){.hero{padding-top:25px;gap:28px}.hero h1{font-size:clamp(43px,9vw,65px)}.hero-art{border-radius:12px}.hero-art figcaption{font-size:8px;letter-spacing:1px;padding:12px}.brand{letter-spacing:1px}.brand-light{letter-spacing:1px}.hero h1 br:nth-of-type(2){display:block}}

/* Trial and setup links use the same quiet green and gold as the landing. */
.trial-offer{display:flex;align-items:center;gap:32px;border:1px solid var(--line);border-radius:20px;padding:30px;background:#f0eadb;margin-block:10px 36px}.trial-offer h2{font-size:30px;margin-bottom:12px}.trial-offer .muted{margin:0;max-width:570px}.trial-offer .button{margin-left:auto;flex-shrink:0}.device-guides{display:flex;gap:12px;flex-wrap:wrap;margin-block:26px}.device-guides a{border:1px solid var(--line);border-radius:12px;padding:14px 18px;text-decoration:none;font-weight:600;font-size:14px}.device-guides a:hover{background:#f0eadb}.guide-steps{padding-left:24px}.guide-steps li{padding-left:5px}.download-links{display:flex;gap:12px;flex-wrap:wrap}.privacy-page .download-links .button{text-decoration:none;font-size:14px}.guide-note{border-left:3px solid var(--gold);padding:12px 18px;background:#f0eadb}.privacy-page section{scroll-margin-top:28px}.steps a,#trial-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.trial-offer{padding:24px;align-items:stretch;flex-direction:column;gap:16px}.trial-offer .button{margin-left:0}.device-guides{flex-direction:column}.download-links .button{width:100%}}

/* Public invitation: both destinations work without client-side JavaScript. */
.invite-page{max-width:460px;padding-block:64px 80px}.invite-page h1{font-size:clamp(30px,5vw,40px);letter-spacing:-1.4px;margin-bottom:32px}.invite-actions{display:grid;gap:14px}.invite-actions .button{width:100%;min-height:58px;font-size:16px}.invite-hint{margin:18px 0 0;font-size:13px}.invite-footnote{margin:28px 0 0;font-size:12px}@media(max-width:760px){.invite-page{padding-block:42px 54px}}

#auth-dialog .auth-choice{padding:18px 20px;font-size:16px}#auth-back{margin-top:18px}

/* Trial and paid subscriptions belong in one comparison, with one recommendation. */
.plans-grid.with-trial{grid-template-columns:repeat(5,minmax(0,1fr))}
.plans-grid .plan{padding:26px 18px}
.plans-grid .plan h3{font-size:25px;margin-bottom:10px}
.plans-grid .plan-tag{font-size:12px;letter-spacing:0;margin-bottom:18px;min-height:28px}
.plan.featured .plan-tag{background:var(--gold);color:var(--ink);border-radius:6px;padding:5px 10px;align-self:flex-start}
.plan-caption{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 22px;min-height:36px}
.plan.featured .plan-caption{color:#e8e3cd}
.plan-trial{background:#f6eccd;border-color:#bc9c52}
.plan-trial .plan-tag{color:var(--accent)}
.plans-grid .plan-period{min-height:36px;line-height:1.5}
.plans-grid .plan .button{white-space:normal;line-height:1.5;padding-inline:10px}
@media(max-width:1050px){.plans-grid.with-trial{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-grid .plan{padding:26px 24px}}
@media(max-width:560px){.plans-grid,.plans-grid.with-trial{grid-template-columns:1fr;gap:16px}.plans-grid .plan{padding:26px}.plan-caption{min-height:0;margin-bottom:18px}.plans-grid .plan-period{min-height:0}.plans-grid .plan-list{font-size:13px}.plans-grid .plan .button{font-size:14px;min-height:46px}}

.account>.subscription-card{margin-top:24px;overflow-wrap:anywhere}
