:root{--paper:#f3f5ed;--ink:#183e35;--mint:#87dfb4;--lime:#d3e779;--deep:#143d33;--muted:#65786d;--line:#d3dcd0;--progress:0;--hero-progress:0;--story-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}button:focus-visible,a:focus-visible{outline:3px solid #24775a;outline-offset:5px}button:disabled{opacity:.35;cursor:default}button:disabled:hover{transform:none}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin:0 auto}.skip{position:fixed;z-index:100;left:16px;top:-100px;background:white;padding:12px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(243,245,237,.94);backdrop-filter:blur(18px);border-bottom:1px solid #dce3d660}.header-inner{display:flex;align-items:center;justify-content:space-between;height:88px}.brand img{width:156px;mix-blend-mode:multiply}.site-header nav{display:flex;gap:31px;align-items:center;font-size:12px;font-weight:600}.page-progress{height:2px;width:100%;position:absolute;left:0;bottom:0;background:var(--ink);transform:scaleX(var(--progress));transform-origin:left}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:19px 26px;background:var(--ink);border:1px solid var(--ink);color:var(--paper);border-radius:50px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#2c5e4e;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.button-small{padding:12px 19px;font-size:11px}.outline{background:transparent;color:var(--ink)}.outline:hover{background:#e4ecd9}.eyebrow{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 31px}.live-dot{display:inline-block;width:6px;height:6px;background:#3d9e70;border-radius:50%;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 4px #87dfb424}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:760px;height:calc(100svh - 89px);max-height:1000px;align-items:center;padding:45px 0 100px;gap:35px}.hero h1{font-size:clamp(49px,5.4vw,80px);font-weight:500;letter-spacing:-.066em;line-height:1.04;margin:0 0 28px}.hero h1>span{color:#50816a}.hero-description{font-size:16px;line-height:1.75;color:#617567;margin:0 0 27px}.hero-description strong{display:block;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;color:var(--ink);font-weight:600;margin-bottom:14px}.hero-note{font-size:10px;line-height:1.7;margin-top:18px;color:var(--muted)}.hero-art{position:relative;perspective:1400px;min-height:565px;display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--hero-progress) * -40px));will-change:transform}.hero-product{width:100%;max-width:570px;position:relative;z-index:3;background:var(--deep);color:var(--paper);border-radius:24px;padding:24px 24px 20px;box-shadow:0 38px 75px #143d3326;transform:rotateY(calc(-13deg + var(--hero-progress) * 13deg)) rotateZ(calc(3deg - var(--hero-progress) * 3deg)) translateY(calc(var(--hero-progress) * 25px)) scale(calc(.94 + var(--hero-progress) * .06));will-change:transform}.product-topline,.product-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#b0c9b6;gap:12px}.hero-product-title{font-size:42px;line-height:1.04;letter-spacing:-.05em;margin:32px 0 26px}.hero-product-title em{font-style:normal;color:var(--mint)}.hero-screen{background:#fff;border-radius:7px;overflow:hidden;border:1px solid #7b988760;box-shadow:0 10px 18px #06150e40}.hero-screen img{width:100%;aspect-ratio:1.5;object-fit:contain}.product-foot{padding-top:22px}.orbit{position:absolute;border:1px solid #b4c8b466;border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px;transform:rotateX(58deg) rotateZ(-34deg)}.orbit-two{width:740px;height:740px;transform:rotateX(66deg) rotateZ(25deg)}.hero-glow{position:absolute;width:420px;height:420px;background:#d2eaa2;border-radius:50%;filter:blur(80px);opacity:.5}.art-label{position:absolute;bottom:0;right:0;font-size:8px;letter-spacing:.2em;color:#879584}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-bottom a{letter-spacing:0}.roles{padding:130px 0;background:#eaf0e3}.roles .eyebrow{margin-bottom:70px}.role-line{display:grid;grid-template-columns:55px 1.45fr 1fr;align-items:center;gap:25px;padding:43px 0;border-top:1px solid #cad7c4;--role:0;opacity:calc(.45 + var(--role) * .55);transform:translateY(calc((1 - var(--role)) * 25px));transition:opacity .12s linear,transform .12s linear}.role-number{align-self:start;padding-top:9px;font-size:11px;letter-spacing:.1em}.role-line h2{font-size:clamp(34px,3.8vw,58px);letter-spacing:-.055em;font-weight:500;line-height:1.09;margin:0}.role-line em{font-style:normal;color:#5e866d}.role-line p{font-size:15px;line-height:1.8;color:#637a65;max-width:290px;margin-left:auto}.section-heading{padding-top:120px;padding-bottom:65px;display:grid;grid-template-columns:1.35fr 1fr;gap:15px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:15px}.section-heading h2,.date-copy h2{font-size:clamp(42px,5.1vw,72px);letter-spacing:-.059em;line-height:1.06;font-weight:500;margin:0}.section-heading h2 span,.date-copy h2 span{color:#658a70}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:#71826f;margin:0 0 7px 30px}.scroll-story{position:relative;min-height:calc(100svh - 89px)}body.motion-on .scroll-story{height:560vh}.story-sticky{min-height:calc(100svh - 89px);display:flex;align-items:center}.motion-on .story-sticky{position:sticky;top:89px;height:calc(100svh - 89px)}.story-shell{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.6fr);grid-template-rows:1fr auto;gap:24px 48px;padding-top:18px;padding-bottom:25px;align-items:center}.story-copy{padding-bottom:10px}.story-step-label{margin-bottom:21px;color:#758b70;font-size:9px}.story-copy h3{font-size:clamp(28px,3.1vw,43px);font-weight:500;letter-spacing:-.047em;line-height:1.08;margin:0 0 24px}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:285px}.story-copy .story-detail{font-size:11px!important;line-height:1.7!important;color:#82907b;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.story-actions{display:flex;align-items:center;gap:15px;margin-top:26px}.story-actions>span{font-size:10px;letter-spacing:.1em;min-width:55px;text-align:center;color:#8b9982}.round-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #c8d4c0;background:transparent;border-radius:50%;width:38px;height:38px;font-size:18px}.round-button:hover{background:#e6eddd}.story-visual{position:relative;min-width:0;border:1px solid #d3dcce;border-radius:14px;background:#e9eee5;box-shadow:0 22px 50px #173f3610;overflow:hidden;transform:none}.screen-chrome{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:8px;letter-spacing:.13em;color:#687d69}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:#b2c1a8;border-radius:50%}.screen-chrome button{border:0;background:none;font-size:19px;color:var(--ink)}.screen-viewport{position:relative;background:white;width:100%;aspect-ratio:1.5;overflow:hidden}.scene{position:absolute;inset:0;margin:0;background:white;transform-origin:center}.scene.is-active{animation:scene-in .55s cubic-bezier(.2,.8,.2,1) both}.scene>img{height:100%;width:100%;object-fit:contain}.screen-foot{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6c7f69;gap:12px;min-height:42px}.scroll-hint{font-size:7px;letter-spacing:.09em;white-space:nowrap}.story-track{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);position:relative;border-top:1px solid var(--line);margin-top:10px}.story-track button{text-align:left;display:flex;gap:9px;border:0;line-height:1.4;background:none;font-size:9px;padding:18px 8px 0 0;color:#92a088;transition:color .15s}.story-track button b{font-size:8px;font-weight:500}.story-track button[aria-pressed=true]{color:var(--ink)}.story-track button[aria-pressed=true] span{font-weight:700}.track-progress{position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--ink);transform:scaleX(var(--story-progress));transform-origin:left;transition:transform .15s}.cpts-demo{position:relative;height:100%;padding:26px 34px;background:#faf9f2;overflow:hidden;color:#294b3d}.cpts-demo-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedfce;padding-bottom:20px;font-size:8px;position:relative;z-index:1}.cpts-demo-nav strong{font-size:12px;line-height:1.15}.cpts-demo-body{position:relative;z-index:2;padding-top:33px}.demo-site-label{font-size:7px;letter-spacing:.13em}.cpts-demo h4{font-size:clamp(28px,3.6vw,48px);letter-spacing:-.05em;line-height:1.06;font-weight:500;margin:17px 0}.cpts-demo p{font-size:12px;margin:0 0 18px}.cpts-demo button{border:0;border-radius:30px;background:var(--ink);color:white;padding:13px 18px;font-size:10px;display:flex;gap:30px}.cpts-demo small{font-size:8px;line-height:1.6;max-width:235px;display:block;margin-top:13px;color:#859279}.cpts-demo-ring{position:absolute;right:-130px;top:120px;width:380px;height:380px;border:50px solid #d9e5b1;border-radius:50%;z-index:0}.return-caption{position:absolute;inset:auto 3% 5% 38%;padding:24px;background:#143d33f5;border:1px solid #689271;border-radius:12px;color:var(--paper);box-shadow:0 10px 35px #16392a33}.return-caption span{display:block;font-size:7px;letter-spacing:.12em;color:#b7cd99}.return-caption strong{display:block;font-size:clamp(19px,2.1vw,28px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:13px 0}.return-caption small{font-size:8px;line-height:1.6;display:block;color:#b9cdb6;max-width:230px}.reveal-quote{background:var(--deep);color:var(--paper);padding:130px 0;position:relative;overflow:hidden}.reveal-quote>.wrap{position:relative;z-index:2}.reveal-quote .eyebrow{color:#a7bc9e}.reveal-quote h2{font-size:clamp(52px,7.2vw,100px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0}.reveal-quote h2 em{font-style:normal;color:#bfdb8b}.quote-line{display:block;width:120px;height:1px;background:#718d65;margin:47px 0 29px}.reveal-quote p:not(.eyebrow){font-size:16px;line-height:1.8;color:#a6c0a2}.quote-signature{display:block;margin-top:40px;font-size:8px;letter-spacing:.15em;color:#a1b599}.quote-orbit{border:1px solid #8aa27650;width:700px;height:700px;border-radius:50%;position:absolute;right:-220px;top:120px;transform:translateY(calc(var(--quote-progress,0) * -110px));box-shadow:0 0 0 70px #143d33,0 0 0 71px #8aa27625,0 0 0 140px #143d33,0 0 0 141px #8aa27620}.rendezvous{padding-top:120px;padding-bottom:90px}.date-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:10px 45px;align-items:end}.date-copy .eyebrow{grid-column:1/-1;margin-bottom:22px}.date-copy>p:last-child{font-size:14px;line-height:1.8;color:#73836f;margin:0 0 5px}.countdown-box{margin-top:55px;background:#e5ebdc;border:1px solid #d3dcc8;border-radius:18px;padding:25px 40px 24px}.countdown-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#75856b}.countdown{display:flex;align-items:center;justify-content:center;gap:25px;padding:37px 0 31px;font-variant-numeric:tabular-nums}.countdown>div{text-align:center;min-width:110px}.countdown b{font-size:clamp(60px,8vw,108px);font-weight:400;letter-spacing:-.07em;line-height:1.1}.countdown span{font-size:8px;letter-spacing:.18em;display:block;margin-top:12px;color:#859577}.countdown i{font-style:normal;font-size:46px;font-weight:400;color:#a7b798;transform:translateY(-12px)}.countdown-status{font-size:10px;text-align:center;color:#77886c;margin:0}.date-action{display:flex;align-items:center;justify-content:center;gap:30px;margin:32px 0 95px}.date-action p{font-size:10px;line-height:1.7;color:#819076}.chapters .eyebrow{margin-bottom:26px}.chapters ol{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:0}.chapters li{border-top:1px solid #c7d3bd;padding-top:20px}.chapters li>span{font-size:8px;letter-spacing:.13em;color:#839374}.chapters h3{font-size:21px;font-weight:500;letter-spacing:-.035em;margin:17px 0 10px}.chapters p{font-size:12px;line-height:1.6;color:#89957d}.site-footer{border-top:1px solid #d6dfcc;padding:35px 0 40px;display:flex;justify-content:space-between;gap:30px;font-size:10px;line-height:1.8;color:#8b977e}.site-footer img{width:125px;mix-blend-mode:multiply;margin-bottom:16px}.site-footer p{margin:0 0 10px}.site-footer a{color:#536c54;text-decoration:underline;text-underline-offset:3px}.site-footer>div:last-child{text-align:right}dialog{width:min(1400px,94vw);max-height:92svh;overflow:auto;border:1px solid #c9d8c4;border-radius:16px;padding:22px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102b24bb;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}.dialog-head h2{font-size:17px;font-weight:500;margin:0}.dialog-head .round-button{flex-shrink:0}#dialog-image img{max-height:72svh;object-fit:contain;margin:0 auto;background:white}#dialog-image>.cpts-demo{height:60svh}#dialog-caption{font-size:11px;line-height:1.6;color:#7d8c72}body.dialog-open{overflow:hidden}@keyframes scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.story-shell{gap:30px 65px}.story-visual{max-width:925px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:20px;min-height:710px}.hero-art{min-height:475px}.hero-product{padding:21px}.hero-product-title{font-size:33px}.hero-description{font-size:14px}.site-header nav{gap:22px}.nav-date{display:none}.story-shell{gap:20px 30px;grid-template-columns:minmax(210px,.6fr) minmax(0,1.4fr)}.story-copy h3{font-size:31px}.story-copy>p:not(.eyebrow){font-size:12px}.cpts-demo{padding:20px}.cpts-demo-body{padding-top:18px}.cpts-demo-nav{padding-bottom:15px}.cpts-demo small{max-width:205px}.scroll-hint{display:none}.story-track button{font-size:8px;gap:6px}.countdown{gap:17px}.countdown>div{min-width:90px}}
@media(max-width:760px){html{scroll-padding-top:73px}.wrap{width:calc(100% - 40px)}.header-inner{height:72px}.brand img{width:123px}.site-header nav>a:first-child{display:none}.button-small{font-size:9px;padding:10px 13px}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;gap:35px;padding:54px 0 85px}.hero .eyebrow{font-size:8px;margin-bottom:24px}.hero h1{font-size:58px;letter-spacing:-.065em;margin-bottom:22px}.hero-description{font-size:14px}.hero-description strong{font-size:clamp(26px,7.7vw,32px);margin-bottom:12px}.desktop-break{display:none}.button{font-size:12px;padding:16px 23px;gap:22px}.button-small{padding:10px 13px;font-size:9px}.hero-note{font-size:8px;margin-top:15px}.hero-art{min-height:0;padding:12px 0 18px;perspective:none;transform:none}.hero-product{max-width:440px;transform:rotateZ(2deg);padding:20px;border-radius:18px}.hero-product-title{font-size:32px;margin:24px 0 22px}.product-topline,.product-foot{font-size:7px}.orbit-one{width:430px;height:430px}.orbit-two{width:520px;height:520px}.hero-glow{width:280px;height:280px}.art-label{font-size:7px;bottom:-8px}.hero-bottom{font-size:7px;bottom:22px;padding-top:18px;gap:15px}.hero-bottom a{max-width:145px;text-align:right;line-height:1.5}.roles{padding:70px 0}.roles .eyebrow{font-size:8px;margin-bottom:37px}.role-line{grid-template-columns:25px 1fr;padding:30px 0;gap:10px;opacity:1;transform:none}.role-number{font-size:9px}.role-line h2{font-size:37px}.role-line p{grid-column:2;font-size:13px;line-height:1.75;max-width:290px;margin:8px 0 0}.section-heading{padding-top:74px;padding-bottom:35px;display:block}.section-heading .eyebrow{font-size:8px;margin-bottom:20px}.section-heading h2,.date-copy h2{font-size:44px}.section-heading>p:last-child{margin:23px 0 0;font-size:12px}.scroll-story,body.motion-on .scroll-story{height:auto;min-height:0}.story-sticky,.motion-on .story-sticky{position:static;min-height:0;height:auto;display:block}.story-shell{grid-template-columns:1fr;gap:25px;padding:0}.story-copy{padding:0;display:grid;grid-template-columns:1fr auto;column-gap:15px}.story-copy .eyebrow{grid-column:1/-1;font-size:8px;margin-bottom:16px}.story-copy h3{font-size:33px;grid-column:1/-1;margin-bottom:15px}.story-copy>p:not(.eyebrow){grid-column:1/-1;max-width:none;font-size:13px;margin:0;min-height:70px}.story-copy .story-detail{display:none}.story-actions{grid-column:1/-1;margin-top:15px;justify-content:space-between}.story-visual{grid-row:2}.screen-chrome{height:29px;padding:0 11px;font-size:6px}.screen-chrome button{font-size:17px}.window-dots{gap:4px}.window-dots i{width:4px;height:4px}.screen-foot{font-size:8px;line-height:1.5;padding:10px 12px}.screen-viewport{aspect-ratio:1.5}.story-track{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:0}.story-track button{display:flex;flex-direction:column;gap:5px;font-size:7px;text-align:center;align-items:center;padding:12px 0 0}.story-track button b{font-size:8px}.cpts-demo{padding:14px 18px}.cpts-demo-nav{font-size:5px;padding-bottom:12px}.cpts-demo-nav strong{font-size:9px}.cpts-demo-body{padding-top:12px}.demo-site-label{font-size:5px}.cpts-demo h4{font-size:26px;margin:10px 0}.cpts-demo p{font-size:8px;margin-bottom:10px}.cpts-demo button{font-size:7px;padding:9px 12px;gap:20px}.cpts-demo small{display:none}.cpts-demo-ring{width:220px;height:220px;border-width:30px;right:-95px;top:85px}.return-caption{padding:14px;inset:auto 4% 5% 38%;border-radius:8px}.return-caption span{font-size:5px}.return-caption strong{font-size:19px;margin:7px 0}.return-caption small{font-size:6px}.reveal-quote{padding:75px 0}.reveal-quote .eyebrow{font-size:8px}.reveal-quote h2{font-size:53px;letter-spacing:-.065em}.reveal-quote p:not(.eyebrow){font-size:13px}.quote-signature{font-size:7px}.quote-line{margin:35px 0 23px}.quote-orbit{width:450px;height:450px;right:-320px;top:150px}.rendezvous{padding-top:75px;padding-bottom:55px}.date-copy{display:block}.date-copy .eyebrow{font-size:8px;margin-bottom:20px}.date-copy>p:last-child{font-size:12px;margin:24px 0 0}.countdown-box{margin-top:32px;padding:18px 14px}.countdown-top{font-size:6px;gap:8px}.countdown{gap:8px;padding:30px 0 25px;justify-content:space-between}.countdown>div{min-width:0}.countdown b{font-size:clamp(41px,12.4vw,77px)}.countdown span{font-size:6px;letter-spacing:.1em;margin-top:7px}.countdown i{font-size:28px;transform:translateY(-9px)}.countdown-status{font-size:8px}.date-action{display:block;text-align:center;margin:25px 0 55px}.date-action .button{font-size:11px;padding:16px 21px;gap:15px}.date-action p{font-size:9px;margin-top:17px}.chapters .eyebrow{font-size:8px}.chapters ol{grid-template-columns:1fr;gap:15px}.chapters li{padding:17px 0 7px}.chapters li>span{font-size:7px}.chapters h3{font-size:23px;margin:12px 0 7px}.chapters p{font-size:11px;margin:0}.site-footer{padding:28px 0;display:block;font-size:9px}.site-footer>div:last-child{text-align:left;margin-top:25px}.site-footer img{width:120px}dialog{padding:15px}.dialog-head h2{font-size:14px}.dialog-head .round-button{width:31px;height:31px}#dialog-caption{font-size:9px}}
@media(max-width:380px){.hero h1{font-size:51px}.hero-note{max-width:270px}.cpts-demo h4{font-size:22px}.cpts-demo-body{padding-top:7px}.cpts-demo p{margin-bottom:7px}.reveal-quote h2{font-size:47px}.story-track button{font-size:6px}.countdown{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-product,.hero-art,.role-line,.quote-orbit,.story-visual{transform:none!important}.role-line{opacity:1!important}.scroll-story,body.motion-on .scroll-story{height:auto}.story-sticky,.motion-on .story-sticky{position:static;height:auto;min-height:0}.hero-glow{filter:blur(50px)}}
/* Decorative orbit overflow is contained without creating a scroll container. */
.hero-art{overflow:clip;overflow-clip-margin:24px}

/* Space after the complete journey. */
.discovery{padding-bottom:72px}
@media(max-width:760px){.discovery{padding-bottom:62px}}

/* Launch announcement signup. */
.signup-dialog{width:min(550px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:32px 36px;border-color:#c3d4be;border-radius:24px;background:radial-gradient(circle at 95% 0%,#d9efcf 0,transparent 44%),var(--paper);box-shadow:0 32px 100px #0c251b4d;overscroll-behavior:contain}
.signup-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.signup-topline .eyebrow{margin:0;font-size:9px;color:#537360;letter-spacing:.14em}.signup-topline .round-button{width:36px;height:36px;flex-shrink:0;background:#f3f5ed88}
.signup-dialog h2{font-size:43px;letter-spacing:-.055em;line-height:1.06;font-weight:500;margin:0 0 18px}.signup-dialog h2 span{color:#50816a}.signup-intro{font-size:14px;line-height:1.65;color:#526b5d;max-width:380px;margin:0 0 27px}
.signup-form{margin:0}.signup-field{margin:0 0 18px}.signup-field label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin-bottom:9px}.signup-field label span{font-size:10px;font-weight:400;color:#65786d;align-self:center}.signup-field input{width:100%;min-height:49px;padding:13px 15px;border:1px solid #bdcdbb;border-radius:11px;background:#ffffffd9;color:var(--ink);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.signup-field input::placeholder{color:#809080;font-size:14px}.signup-field input:focus-visible{outline:3px solid #87dfb480;outline-offset:2px;border-color:#387257}.signup-field input:disabled{background:#e8ede4;color:#65786d}
.signup-consent{display:flex;gap:11px;align-items:flex-start;margin:23px 0;font-size:12px;line-height:1.65;color:#4f6859;cursor:pointer}.signup-consent input{flex:0 0 19px;width:19px;height:19px;margin:1px 0 0;accent-color:var(--ink);cursor:pointer}.signup-consent input:focus-visible{outline:3px solid #24775a;outline-offset:3px}.signup-consent span{max-width:380px}
.signup-submit{width:100%;min-height:51px;justify-content:space-between;padding:15px 22px}.signup-submit span:first-child{font-size:13px;font-weight:600}.signup-submit:disabled{opacity:.7;cursor:wait}.signup-note{font-size:10px;line-height:1.6;color:#65786d;text-align:center;margin:14px 6px 0}.signup-error{font-size:12px;line-height:1.6;padding:13px 15px;border:1px solid #deb9a9;border-radius:10px;background:#fff0e8;color:#803b24;margin:0 0 18px}
.signup-success{padding:7px 0 2px}.signup-check{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:#d3ebcc;border:1px solid #b6d9b0;font-size:26px;color:var(--ink);margin-bottom:25px}.signup-success>p{font-size:15px;line-height:1.7;color:#526b5d;margin:0 0 30px;max-width:365px}.signup-success>p:focus-visible{outline:2px solid #24775a;outline-offset:5px;border-radius:3px}
@media(max-width:760px){.site-header [data-signup]{gap:12px}.site-header [data-signup] span{font-size:15px}.signup-dialog{padding:23px;border-radius:20px}.signup-topline{margin-bottom:25px}.signup-topline .eyebrow{font-size:8px;max-width:200px}.signup-dialog h2{font-size:36px}.signup-intro{font-size:13px;margin-bottom:24px}.signup-consent{font-size:11px;margin:22px 0}.signup-field label{font-size:12px}.signup-submit{font-size:12px;padding:14px 19px}.signup-submit span:first-child{font-size:12px}.signup-note{font-size:9px}}
@media(max-width:380px){.site-header [data-signup]{font-size:8px;gap:7px;padding:10px}.signup-dialog{padding:21px}.signup-dialog h2{font-size:32px}.signup-topline .eyebrow{font-size:7px}}

.signup-privacy{font-size:10px;line-height:1.6;margin:-11px 0 21px 30px;color:#65786d}.signup-privacy a{text-decoration:underline;text-decoration-color:#98ae95;text-underline-offset:3px}.signup-privacy a:hover{color:var(--ink)}

/* Crisp interface previews and a readable, pannable detail view. */
.screen-loading{position:absolute;z-index:5;left:14px;right:14px;bottom:54px;width:fit-content;max-width:calc(100% - 28px);margin:0;padding:9px 13px;border:1px solid #c7d8bd;border-radius:9px;background:#f3f5edf5;box-shadow:0 4px 16px #173f3612;color:#355d49;font-size:11px;line-height:1.5;pointer-events:none}
.screen-loading[hidden]{display:none}
.dialog-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.screen-zoom{border:1px solid #bdcdb5;border-radius:22px;background:#e6eedc;color:var(--ink);padding:10px 14px;font-size:11px;line-height:1.2;white-space:nowrap}.screen-zoom:hover{background:#d9e7ca}.screen-zoom[hidden]{display:none}
#dialog-image{max-height:72svh;overflow:auto;overscroll-behavior:contain;border-radius:8px;position:relative}
#dialog-image:focus-visible{outline:2px solid #24775a;outline-offset:3px}
#dialog-image img{width:auto;max-width:100%;max-height:72svh;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none}
#screen-dialog.is-zoomed #dialog-image{cursor:grab;background:white;scrollbar-width:auto}
#screen-dialog.is-zoomed #dialog-image img{width:max(1200px,100%);max-width:none;max-height:none;height:auto;margin:0}
#screen-dialog.is-zoomed #dialog-image.is-dragging{cursor:grabbing}
.dialog-zoom-hint{font-size:11px;line-height:1.5;color:#61765b;margin:12px 0 0}.dialog-zoom-hint[hidden]{display:none}
@media(max-width:760px){.dialog-tools{gap:8px}.screen-zoom{padding:9px 10px;font-size:9px}.dialog-zoom-hint{font-size:10px}.screen-loading{font-size:10px;left:10px;right:10px;bottom:50px;max-width:calc(100% - 20px)}}
