/* Responsive adaptation of the approved 12ui paper, graphite and amber system. */
:root{color-scheme:light;--paper:#f8f6f1;--panel:#fcfbf8;--text:#14292b;--muted:#5b6b6c;--line:#d9dcd6;--amber:#e4aa4b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}svg{flex:none}button,input{font:inherit}:focus-visible{outline:3px solid #906000;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(3rem,5.7vw,4.5rem);font-weight:750;max-width:10ch}h2{font-size:clamp(2rem,3.6vw,3.5rem);font-weight:680}h3{font-size:1.35rem;letter-spacing:-.025em}p{margin-bottom:1rem}section,div,figure{min-width:0}.site-wrap{width:min(100% - 7vw,1440px);margin:auto}.skip{position:absolute;top:0;left:1rem;padding:12px;background:var(--text);color:var(--paper);transform:translateY(-120%);z-index:10}.skip:focus{transform:none}.public-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.public-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:650;min-height:44px;flex:none}.public-brand img{flex:none}.public-header nav,.desktop-account{display:flex;gap:28px;align-items:center}.public-header nav a,.desktop-account>a,.public-footer nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none}.public-header nav a[aria-current]{box-shadow:0 3px var(--amber)}a:hover{text-decoration:underline}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;text-decoration:none;font-weight:650;background:var(--amber);color:var(--text);border:1px solid transparent;min-height:48px;padding:10px 22px;border-radius:6px;text-align:center;line-height:1.4}.button.quiet{background:transparent;border-color:#aeb8b2}.public-menu{display:none}.eyebrow{font-size:.78rem;letter-spacing:.13em;font-weight:650;color:var(--muted);margin-bottom:22px}.lead{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.55;color:var(--muted)}.product-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8%;align-items:center;padding:65px 0 75px}.hero-copy .lead{max-width:39rem;margin:28px 0}.actions{display:flex;flex-wrap:wrap;gap:14px}.join-utility{display:inline-flex;min-height:44px;align-items:center;font-size:.94rem;margin-top:12px}.live-preview{justify-self:center;width:min(100%,270px)}.live-preview img{border:1px solid #364543;border-radius:12px;box-shadow:0 20px 40px #1c2a2424}figcaption{font-size:.76rem;line-height:1.45;color:var(--muted);margin-top:14px;text-align:center}.preparation{border-top:1px solid var(--line);padding:64px 0 0;scroll-margin-top:24px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:34px}.section-heading>p{max-width:31rem;font-size:1.15rem;color:var(--muted)}.workstation-preview img{width:100%;border:1px solid #364543;border-radius:8px;box-shadow:0 16px 30px #1c2a2414}.preparation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;list-style:none;padding:0;counter-reset:steps;margin:36px 0 0}.preparation-steps li{counter-increment:steps;border-top:1px solid var(--line);padding-top:22px}.preparation-steps li::before{content:"0" counter(steps);color:#88601d;font-size:.85rem}.preparation-steps h3{margin:16px 0 12px}.preparation-steps p{font-size:1rem;color:var(--muted)}.band-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:100px 0}.band-section .lead{margin:26px 0 16px;max-width:36rem}.live-explanation{border:1px solid var(--line);border-radius:8px;padding:40px;background:#ffffff45}.live-explanation h3{font-size:1.75rem;margin-bottom:24px}.live-explanation>p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px}.join-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;display:flex;justify-content:space-between;gap:36px;align-items:center}.join-strip h2{font-size:2rem;margin-bottom:12px}.join-strip .eyebrow{margin-bottom:14px}.join-strip p:last-child{color:var(--muted);margin:0}.join-strip .button{flex:none}.public-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:36px 0;color:var(--muted);font-size:.82rem}.public-footer nav{display:flex;gap:20px;flex-wrap:wrap}.public-footer nav svg{display:none}.help-heading{padding:72px 0 36px}.help-heading h1{max-width:15ch;font-size:clamp(2.7rem,5vw,4.5rem);margin-bottom:24px}.help-content{max-width:800px;padding-bottom:72px}.help-content section{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.help-content h2{font-size:1.5rem;margin-bottom:18px}.help-content p{color:var(--muted)}.help-content a{color:var(--text)}
@media(max-width:1100px){.desktop-nav,.public-header .desktop-account{display:none!important}.public-menu{display:block}.public-menu summary{cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:6px}.public-menu[open]{width:100%}.public-menu[open] summary{width:fit-content;margin-left:auto}.public-header:has(.public-menu[open]){flex-wrap:wrap;padding-top:16px}.public-menu nav{flex-wrap:wrap;padding:20px 0;gap:12px 24px}.public-header{flex-wrap:wrap;padding:14px 0}.product-hero{gap:5%}.live-preview{width:min(100%,250px)}}
@media(max-width:700px){.site-wrap{width:calc(100% - 40px)}.product-hero{grid-template-columns:1fr;padding:44px 0 48px;gap:42px}.hero-copy .lead{margin:24px 0}.live-preview{width:min(85%,290px)}.section-heading,.preparation-steps,.band-section{grid-template-columns:1fr;gap:28px}.preparation{padding-top:42px}.section-heading{margin-bottom:24px}.preparation-steps{margin-top:28px}.preparation-steps li{padding-top:16px}.preparation-steps h3{margin-top:8px}.band-section{padding:56px 0}.live-explanation{padding:26px}.join-strip{align-items:flex-start;flex-direction:column;gap:22px;padding:34px 0}.join-strip .button{max-width:100%}.public-footer{align-items:flex-start;flex-direction:column}.public-footer nav{gap:6px 20px}.help-heading{padding-top:44px}.help-content{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.help-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:48px 0 44px}
.public-site a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.public-site a.button{min-height:48px}
.help-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.help-hero h1{font-size:clamp(1.9rem,3vw,38px);max-width:none;margin-bottom:24px}
.help-hero .lead{max-width:34rem}.help-hero>div>p:last-child{max-width:34rem;color:var(--muted)}
.help-hero figure{max-width:540px;justify-self:end}.help-hero img{border:1px solid var(--line);border-radius:8px}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start;padding-bottom:64px}
.help-grid h2{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:20px}
.help-steps{list-style:none;padding:0;margin:0;counter-reset:help-step}
.help-steps li{counter-increment:help-step;position:relative;padding:22px 0 22px 66px;border-top:1px solid var(--line)}
.help-steps li::before{content:counter(help-step);position:absolute;left:0;top:22px;display:grid;place-items:center;width:42px;height:42px;border-radius:6px;background:#ebefea;font-size:1.2rem}
.help-steps h3{font-size:1.12rem;margin-bottom:12px}.help-steps p{color:var(--muted);font-size:1rem;margin:0}
.help-note{padding:20px 24px;background:#ebefea;border-radius:6px;font-size:.95rem;margin:12px 0 0}
.help-faq{border:1px solid var(--line);border-radius:8px;padding:28px}
.help-faq details{border-bottom:1px solid var(--line);scroll-margin-top:24px}
.help-faq summary{cursor:pointer;padding:16px 26px 16px 0;min-height:52px;position:relative;list-style:none}
.help-faq summary::-webkit-details-marker{display:none}.help-faq summary::after{content:"+";position:absolute;right:0;color:var(--muted)}
.help-faq details[open] summary::after{content:"−"}.help-faq details p{color:var(--muted);font-size:1rem}.help-contact{padding-top:24px}.help-contact h3{font-size:1.12rem;margin-bottom:12px}.help-contact p{font-size:1rem;color:var(--muted);margin:0}
@media(max-width:800px){.help-hero,.help-grid{grid-template-columns:1fr;gap:28px}.help-hero{padding:36px 0}.help-hero figure{justify-self:start;width:100%}.help-grid{padding-bottom:40px}.help-faq{padding:22px}}