/* LiveStandard marketing site. Fonts: Figtree and IBM Plex Mono, self-hosted from the design bundle. */
/* Figtree 400 latin-ext */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/figtree-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Figtree 400 latin */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/figtree-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Figtree 500 latin-ext */
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/figtree-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Figtree 500 latin */
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/figtree-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Figtree 600 latin-ext */
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/figtree-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Figtree 600 latin */
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/figtree-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Figtree 700 latin-ext */
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/figtree-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Figtree 700 latin */
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/figtree-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* IBM Plex Mono 400 cyrillic-ext */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-cyrillic-ext.woff2") format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
/* IBM Plex Mono 400 cyrillic */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-cyrillic.woff2") format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
/* IBM Plex Mono 400 vietnamese */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-vietnamese.woff2") format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
/* IBM Plex Mono 400 latin-ext */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* IBM Plex Mono 400 latin */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-mono-400-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* IBM Plex Mono 500 cyrillic-ext */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-mono-500-cyrillic-ext.woff2") format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
/* IBM Plex Mono 500 cyrillic */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-mono-500-cyrillic.woff2") format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
/* IBM Plex Mono 500 vietnamese */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-mono-500-vietnamese.woff2") format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
/* IBM Plex Mono 500 latin-ext */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-mono-500-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* IBM Plex Mono 500 latin */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-mono-500-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ---------- Base (values taken verbatim from the Claude Design source) ---------- */
body{margin:0;background:#FFFFFF;}
a{color:#14201A;text-decoration:none;}
a:hover{color:#2F7A0F;}
[hidden]{display:none !important;}
.nowrap{white-space:nowrap;}

/* view switch: gate in front of the site until the visitor enters */
html[data-view="gate"] .site{display:none;}
html[data-view="site"] .gate{display:none;}

/* brand colours used on <use> and svg */
.c-lime{color:#9BDB1F;}
.c-white{color:#FFFFFF;}
.c-ink{color:#14201A;}
.c-paper{color:#F3F5FA;}

/* wordmark */
.lockup{display:flex;align-items:center;gap:10px;}
.lockup--nav{gap:8px;}
.lockup--foot{gap:7px;}
.lockup svg{flex:none;}
.word{letter-spacing:-.03em;line-height:1;}
.word__live{font-weight:400;}
.word__std{font-weight:700;}
.word__std--kern{margin-left:-.012em;}
.word--26{font-size:26px;}
.word--23{font-size:23px;}
.word--20{font-size:20px;}
.word--15{font-size:15px;}
.word--12{font-size:12px;}

/* the lime bar + ink rule motif */
.rule{display:flex;align-items:flex-end;height:8px;}
.rule__bar{height:6px;background:#9BDB1F;border-radius:3px;}
.rule__line{height:2px;background:#14201A;}
.rule--gate .rule__bar{width:48px;}
.rule--gate .rule__line{width:140px;background:#fff;margin-left:6px;}
.rule--promise{height:10px;}
.rule--promise .rule__bar{width:56px;}
.rule--promise .rule__line{width:120px;margin-left:8px;}
.rule--step{margin-top:auto;}
.rule--step .rule__line{flex:1;margin-left:6px;}
.rule--stat .rule__line{flex:1;margin-left:4px;}
.rule--ind .rule__bar{width:24px;}
.rule--ind .rule__line{flex:1;margin-left:5px;}

/* eyebrow with lime pip */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.eyebrow__bar{width:22px;height:5px;background:#9BDB1F;border-radius:2.5px;}
.eyebrow--hero{color:#B7C2BA;}
.eyebrow--setup{font-size:12px;color:#5C6461;}

/* buttons (colours fixed on hover, as the inline colours were in the design) */
.btn{display:inline-block;font-weight:600;border-radius:6px;}
.btn--lime,.btn--lime:hover{background:#9BDB1F;color:#14201A;}
.btn--nav{padding:10px 18px;}
.btn--hero{font-size:16px;padding:14px 22px;}
.btn--outline-white,.btn--outline-white:hover{border:2px solid #fff;color:#fff;font-size:16px;padding:12px 22px;}
.btn--ink,.btn--ink:hover{background:#14201A;color:#fff;}
.btn--setup{align-self:flex-start;font-size:15px;padding:12px 18px;}
.btn--gate{display:inline-flex;align-items:center;justify-content:center;font-size:15px;padding:14px 20px;}

/* headings */
.h2{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.1;text-wrap:pretty;}
.h2--xl{font-size:clamp(30px,3.4vw,42px);}
.h2--lg{font-size:clamp(28px,3.2vw,40px);}
.h2--md{font-size:clamp(26px,3vw,36px);text-wrap:wrap;}

/* ticks */
.ticks{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;}
.ticks--ink{color:#14201A;}
.tick-row{display:flex;gap:12px;align-items:flex-start;}
.tick-row--sm{gap:10px;}
.tick{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none;margin-top:2px;}
.tick--lime{background:#9BDB1F;color:#14201A;}
.tick--ink{background:#14201A;color:#9BDB1F;}
.tick--18{width:18px;height:18px;font-size:10px;}

/* ---------- Waitlist gate ---------- */
.gate{min-height:100vh;min-height:100svh;background:#14201A;color:#fff;font-family:'Figtree',sans-serif;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;}
.gate__intro{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:100vh;min-height:100svh;box-sizing:border-box;}
.gate__pitch{display:flex;flex-direction:column;gap:20px;max-width:520px;}
.gate__kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9BDB1F;}
.gate__h1{margin:0;font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:pretty;}
.gate__lede{margin:0;font-size:18px;line-height:1.55;color:#C4CEC6;text-wrap:pretty;}
.gate__small{font-size:13px;color:#8A9A8E;}
.gate__panel{background:#fff;color:#14201A;padding:48px;display:flex;align-items:center;justify-content:center;}
.gate__done,.gate__form{display:flex;flex-direction:column;gap:18px;max-width:420px;width:100%;}
.gate__tick{width:44px;height:44px;border-radius:50%;background:#14201A;color:#9BDB1F;display:inline-flex;align-items:center;justify-content:center;font-size:20px;}
.gate__h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;}
.gate__h2--28{font-size:28px;}
.gate__thanks{margin:0;font-size:15px;line-height:1.55;color:#3A423E;}
.gate__head{display:flex;flex-direction:column;gap:6px;}
.gate__sub{font-size:14px;color:#5C6461;}
.gate__label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;}
.gate__input{font:400 15px 'Figtree',sans-serif;padding:12px 14px;border:1px solid #B8BDB9;border-radius:6px;color:#14201A;outline:none;}
.gate__input:focus{border-color:#14201A;}
.gate__sizes{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;}
.gate__size-row{display:flex;gap:6px;flex-wrap:wrap;}
.size-pick,.size-pick:hover{font-size:14px;font-weight:600;padding:9px 14px;border-radius:6px;border:1px solid #DDE1DE;background:#fff;color:#14201A;}
.size-pick.is-picked,.size-pick.is-picked:hover{border-color:#14201A;background:#14201A;color:#fff;}
.gate__error{font-size:13px;color:#A32218;}
.gate__submit{font:600 15px 'Figtree',sans-serif;background:#14201A;color:#fff;padding:14px 20px;border:0;border-radius:6px;cursor:pointer;margin-top:4px;}
.gate__legal{font-size:12px;color:#6E746F;line-height:1.5;}
.gate__legal a,.signup__legal a{color:inherit;text-decoration:underline;}

/* ---------- Site ---------- */
.site{font-family:'Figtree',sans-serif;color:#14201A;display:flex;flex-direction:column;min-width:320px;}
/* shared full-width block: 1200 max incl. 32px gutters */
.block{max-width:1200px;margin:0 auto;padding:96px 32px;width:100%;box-sizing:border-box;}

/* nav */
.nav{border-bottom:1px solid #E6E9E6;background:#fff;position:sticky;top:0;z-index:5;}
.nav__inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.nav__links{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:500;flex-wrap:wrap;}
.nav__signin,.nav__signin:hover{color:#5C6461;}
.nav:not(.nav--menu) .nav__signin{display:inline-flex;align-items:center;min-height:24px;}

/* hero */
.hero{background:#14201A;color:#fff;position:relative;overflow:hidden;}
.hero__arrow{position:absolute;right:-8%;top:-30%;width:62vw;max-width:900px;min-width:420px;color:#9BDB1F;opacity:.95;pointer-events:none;}
.hero__inner{max-width:1200px;margin:0 auto;padding:96px 32px 88px;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:end;}
.hero__copy{display:flex;flex-direction:column;gap:26px;}
.hero__h1{margin:0;font-size:clamp(38px,5vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:pretty;}
.hero__lede{margin:0;font-size:19px;line-height:1.5;color:#C4CEC6;max-width:560px;text-wrap:pretty;}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap;}
.hero__small{font-size:13px;color:#8A9A8E;}

/* hero screenshot carousel */
.shots{display:flex;flex-direction:column;gap:14px;align-self:center;min-width:0;}
.shots__frame{position:relative;border-radius:10px;overflow:hidden;border:1px solid #2E3D34;box-shadow:0 30px 60px rgba(0,0,0,.35);background:#EEF0F0;aspect-ratio:4/3;}
.shots__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .5s;}
.shots__img.is-active{opacity:1;}
.shots__nav,.shots__nav:hover{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,32,26,.85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;}
.shots__nav--prev{left:10px;}
.shots__nav--next{right:10px;}
.shots__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.shots__caption{font-size:13px;color:#C4CEC6;}
.shots__dots{display:flex;gap:0;margin-right:-8px;}
/* 24px tap target (WCAG 2.5.8) around the 8px dot the design shows. */
.shots__dot{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.shots__dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#3E4E45;}
.shots__dot.is-active::before{background:#9BDB1F;}

/* proof strip */
.proof{border-bottom:1px solid #E6E9E6;}
.proof__inner{max-width:1200px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;font-size:14px;color:#5C6461;}
.proof__title{font-weight:600;color:#14201A;}
.proof__logos{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.proof__logo{display:block;height:30px;width:auto;}
.logo-slot{border:1px dashed #B8BDB9;padding:8px 14px;font:400 10px/1.3 'IBM Plex Mono',monospace;color:#6E746F;}

/* problem / promise */
.promise{padding:96px 32px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:start;}
.promise__head{display:flex;flex-direction:column;gap:18px;}
.promise__body{display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.55;color:#3A423E;padding-top:6px;}
.promise__body p{margin:0;text-wrap:pretty;}

/* how it works */
.how{padding:40px 32px 96px;display:flex;flex-direction:column;gap:36px;}
.how__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.how__sub{font-size:15px;color:#5C6461;}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;}
.step{background:#EEF0F0;border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:14px;min-height:220px;}
.step__n{font:500 12px/1 'IBM Plex Mono',monospace;color:#5C6461;}
.step__title{font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.2;}
.step__body{font-size:15px;line-height:1.5;color:#3A423E;text-wrap:pretty;}

/* workshop PA */
.pa{background:#14201A;color:#fff;}
.pa__inner{max-width:1200px;margin:0 auto;padding:96px 32px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;}
.pa__copy{display:flex;flex-direction:column;gap:22px;}
.pa__lede{margin:0;font-size:17px;line-height:1.55;color:#C4CEC6;text-wrap:pretty;}
.chat{background:#1E2C24;border:1px solid #2E3D34;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.5;}
.chat__head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2E3D34;padding-bottom:12px;}
.chat__name{font-weight:600;}
.chat__where{font-size:12px;color:#8A9A8E;margin-left:auto;}
.bubble--me{align-self:flex-end;background:#2E3D34;border-radius:10px 10px 2px 10px;padding:10px 14px;max-width:85%;}
.bubble--pa{align-self:flex-start;background:#fff;color:#14201A;border-radius:10px 10px 10px 2px;padding:12px 14px;max-width:90%;display:flex;flex-direction:column;gap:8px;}
.bubble__ref{font:400 11px/1.4 'IBM Plex Mono',monospace;color:#5C6461;border-top:1px solid #E6E4DE;padding-top:8px;}

/* product detail (read / understand / remember) */
.detail{background:#EEF0F0;}
/* design used minmax(420px,1fr), which overflows a 390px phone; min() keeps 420 on desktop and fits mobile */
.detail__inner{max-width:1200px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center;width:100%;box-sizing:border-box;}
.detail__copy{display:flex;flex-direction:column;gap:22px;}
.detail__lede{margin:0;font-size:17px;line-height:1.55;color:#3A423E;text-wrap:pretty;}
.mock{background:#fff;border:1px solid #DDE1DE;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:120px minmax(0,1fr);min-height:380px;min-width:0;}
.mock__side{background:#14201A;color:#F2F5F2;padding:16px 12px;display:flex;flex-direction:column;gap:16px;}
.mock__brand{display:flex;align-items:center;gap:6px;padding:0 4px;}
.mock__brand svg{flex:0 1 auto;min-width:0;}
.mock__menu{display:flex;flex-direction:column;gap:2px;font-size:12px;}
.mock__item{padding:7px 8px;color:#C4CEC6;}
.mock__item--on{border-radius:5px;background:rgba(255,255,255,.1);font-weight:600;display:flex;align-items:center;gap:7px;color:#F2F5F2;}
.mock__pip{width:5px;height:14px;background:#9BDB1F;border-radius:2.5px;}
.mock__main{padding:20px;display:flex;flex-direction:column;gap:14px;background:#F7F8F7;}
.mock__title{display:flex;flex-direction:column;gap:4px;}
.mock__eyebrow{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5C6461;}
.mock__h{font-size:20px;font-weight:600;letter-spacing:-.015em;}
.mock__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.stat{background:#fff;border:1px solid #DDE1DE;padding:12px;display:flex;flex-direction:column;gap:6px;}
.stat__label{font-size:11px;color:#5C6461;}
.stat__num{font-size:22px;font-weight:600;}
.stat__of{font-size:12px;font-weight:400;color:#5C6461;}
.sops{background:#fff;border:1px solid #DDE1DE;display:flex;flex-direction:column;font-size:12px;}
.sop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:9px 12px;border-bottom:1px solid #E6E4DE;align-items:center;}
.sop--due{background:#F6FCEA;border-left:4px solid #9BDB1F;}
.sop--last{border-bottom:0;}
.sop__id{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#5C6461;}
.sop__name--strong{font-weight:600;}
.sop__state{display:inline-flex;align-items:center;gap:5px;font-weight:600;white-space:nowrap;}
.sop__state--due{color:#6E5000;}
.sop__state--muted{color:#5C6461;}
/* phone only (not in the design, which overflowed here): status drops under the SOP name so text never overlaps */
@media (max-width:480px){
  .sop{grid-template-columns:auto minmax(0,1fr);row-gap:4px;}
  .sop__state{grid-column:2;}
  .mock__stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}
.dot{width:13px;height:13px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;}
.dot--ok{background:#1E8E5A;color:#fff;}
.dot--due{background:#E8A800;color:#14201A;font-weight:700;}

/* customer-branded standard */
.brand{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;}
.brandcard{border:1px solid #DDE1DE;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.brandcard__head{background:#1E2A44;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.brandcard__id{display:flex;align-items:center;gap:12px;}
.brandcard__logo{border:1px dashed #7C88A6;padding:6px 10px;font:500 8px/1.3 'IBM Plex Mono',monospace;color:#C9D0E0;text-align:center;}
.brandcard__logoimg{display:block;height:26px;width:auto;}
.brandcard__name{font-size:17px;font-weight:600;color:#F3F5FA;letter-spacing:-.01em;}
.brandcard__powered{display:flex;align-items:center;gap:5px;}
.brandcard__by{font-size:10px;color:#B7BFD3;}
.brandcard__body{background:#fff;padding:18px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;}
.dept{border:1px solid #E6E4DE;padding:12px;display:flex;flex-direction:column;gap:3px;}
.dept__kicker{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5C6461;}
.dept__name{font-size:13px;font-weight:600;}
.dept__count{font-size:11px;color:#5C6461;}
.brand__copy{display:flex;flex-direction:column;gap:22px;}
.brand__lede{margin:0;font-size:17px;line-height:1.55;color:#3A423E;text-wrap:pretty;}
.brand__link,.brand__link:hover{font-size:16px;font-weight:600;color:#2F7A0F;}

/* industries */
.industries{border-top:1px solid #E6E9E6;border-bottom:1px solid #E6E9E6;}
.industries__inner{max-width:1200px;margin:0 auto;padding:80px 32px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;}
.industries__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.industries__titles{display:flex;flex-direction:column;gap:10px;}
.industries__lede{margin:0;font-size:16px;line-height:1.5;color:#3A423E;max-width:600px;text-wrap:pretty;}
.inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.ind{border:1px solid #DDE1DE;border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fff;}
.ind--muted{background:#F7F8F7;}
.ind__brand{display:flex;align-items:center;gap:7px;}
.ind__brand svg{flex:none;}
.ind__words{display:flex;flex-direction:column;gap:2px;}
.ind__for{font-size:12px;font-weight:600;color:#3A423E;}
.ind__status{font-size:13px;font-weight:600;color:#5C6461;}

/* pricing */
.pricing{display:flex;flex-direction:column;gap:32px;}
.pricing__head{display:flex;flex-direction:column;gap:10px;max-width:640px;}
.pricing__lede{margin:0;font-size:16px;line-height:1.5;color:#3A423E;}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}
.plan{border:1px solid #DDE1DE;border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:16px;background:#fff;color:#14201A;
  --muted:#5C6461;--rule:#E6E4DE;--tick-bg:#EEF0F0;--tick-fg:#14201A;--btn-bg:#fff;--btn-fg:#14201A;--btn-border:1px solid #6E746F;}
.plan--dark{border:2px solid #14201A;background:#14201A;color:#fff;
  --muted:#B7C2BA;--rule:#2E3D34;--tick-bg:#9BDB1F;--tick-fg:#14201A;--btn-bg:#9BDB1F;--btn-fg:#14201A;--btn-border:0;}
.plan__top{display:flex;justify-content:space-between;align-items:center;}
.plan__name{font-size:18px;font-weight:700;}
.plan__tag{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#9BDB1F;color:#14201A;padding:4px 8px;border-radius:3px;}
.plan__price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.plan__amount{font-size:34px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;}
.plan__per{font-size:14px;color:var(--muted);white-space:nowrap;}
.plan__for{font-size:14px;line-height:1.5;color:var(--muted);}
.plan__items{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45;border-top:1px solid var(--rule);padding-top:16px;}
.plan__item{display:flex;gap:10px;align-items:flex-start;}
.plan__tick{width:16px;height:16px;border-radius:50%;background:var(--tick-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--tick-fg);font-size:9px;font-weight:700;flex:none;margin-top:2px;}
.plan__cta,.plan__cta:hover{margin-top:auto;text-align:center;background:var(--btn-bg);color:var(--btn-fg);font-size:15px;font-weight:600;padding:12px 18px;border-radius:6px;border:var(--btn-border);}

/* assisted setup; design used minmax(300px,1fr) which overflows at 390px, min() fixes that */
.setup{border:1px solid #DDE1DE;border-radius:10px;background:#EEF0F0;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;align-items:center;}
.setup__copy{display:flex;flex-direction:column;gap:14px;}
.setup__title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:24px;font-weight:700;letter-spacing:-.02em;}
.setup__lede{margin:0;font-size:16px;line-height:1.55;color:#3A423E;text-wrap:pretty;}
.setup__card{background:#fff;border:1px solid #DDE1DE;border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;}
.setup__kicker{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5C6461;}
.setup__note{font-size:12px;color:#5C6461;border-top:1px solid #E6E4DE;padding-top:10px;}

/* start your standard */
.start{background:#9BDB1F;}
.start__inner{max-width:1200px;margin:0 auto;padding:96px 32px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;}
.start__copy{display:flex;flex-direction:column;gap:22px;color:#14201A;}
.start__copy .lockup{gap:8px;}
.start__h2{margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.02;text-wrap:pretty;}
.start__lede{margin:0;font-size:18px;line-height:1.5;max-width:520px;text-wrap:pretty;}
.start__steps{display:flex;flex-direction:column;gap:8px;font-size:15px;}
.start__step{display:flex;gap:10px;align-items:center;}
.start__num{width:18px;height:18px;border-radius:50%;background:#14201A;display:inline-flex;align-items:center;justify-content:center;color:#9BDB1F;font-size:10px;font-weight:700;flex:none;}
.signup{background:#fff;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 0 rgba(20,32,26,.08);}
.signup__title{font-size:20px;font-weight:700;letter-spacing:-.015em;}
.signup__label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3A423E;}
.signup__field{font-family:inherit;font-size:15px;padding:12px 14px;border:1px solid #B8BDB9;border-radius:6px;color:#14201A;}
.signup__select{background:#fff;}
.signup__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;}
.signup__submit{font-family:inherit;background:#14201A;color:#fff;font-size:16px;font-weight:600;padding:14px 20px;border-radius:6px;border:0;cursor:pointer;}
.signup__legal{font-size:12px;line-height:1.5;color:#5C6461;text-align:center;}

/* footer */
.footer{background:#14201A;color:#C4CEC6;}
.footer__inner{max-width:1200px;margin:0 auto;padding:56px 32px 40px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:40px;}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(140px,1fr));gap:32px;}
.footer__brand{display:flex;flex-direction:column;gap:14px;}
.footer__about{font-size:14px;line-height:1.5;max-width:300px;}
.footer__col{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.footer__col a,.footer__col a:hover{color:#C4CEC6;}
.footer__col a{display:inline-block;padding:6px 0;}
.footer__h{font-weight:600;color:#fff;}
.footer__base{border-top:1px solid #2E3D34;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#8A9A8E;}

/* ---------- Wiring additions (not in the design artboard; no visual change at rest) ---------- */
/* Sticky nav: land section headings below it. --nav-h is kept in sync by script.js. */
[id]{scroll-margin-top:var(--nav-h,78px);}
.gate__note{color:#2F7A0F;font-weight:600;}
.signup__error{font-size:13px;color:#A32218;}
.signup__submit:disabled,.gate__submit:disabled{cursor:default;}
.signup__submit[aria-busy="true"],.gate__submit[aria-busy="true"]{opacity:.7;cursor:progress;}
.footer__base a,.footer__base a:hover{color:inherit;}
.footer__base a{display:inline-block;padding:10px 2px;}
a[aria-disabled="true"]{cursor:default;}

/* cookie notice: a statement, not a consent form. The site sets no cookies
   and runs no tracking, so there is nothing to accept or reject. */
.cookie{position:fixed;left:24px;bottom:24px;z-index:20;max-width:380px;width:calc(100% - 48px);box-sizing:border-box;background:#14201A;color:#C4CEC6;border:1px solid #2E3D34;border-radius:12px;box-shadow:0 24px 48px rgba(0,0,0,.35);padding:20px 20px 18px;font-family:'Figtree',sans-serif;display:flex;gap:14px;align-items:flex-start;transform:translateY(24px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s;}
.cookie[hidden]{display:none;}
.cookie.is-in{transform:none;opacity:1;}
.cookie__mark{flex:none;width:34px;height:34px;border-radius:8px;background:#1E2C24;display:flex;align-items:center;justify-content:center;}
.cookie__body{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;}
.cookie__title{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.01em;}
.cookie__body p{margin:0;}
.cookie__body a,.cookie__body a:hover{color:#9BDB1F;text-decoration:underline;}
.cookie__actions{display:flex;align-items:center;gap:14px;margin-top:4px;}
.cookie__actions a{display:inline-flex;align-items:center;min-height:24px;}
.cookie__ok{font:inherit;font-weight:600;font-size:14px;border:0;border-radius:6px;background:#9BDB1F;color:#14201A;padding:9px 18px;cursor:pointer;}
.cookie__ok:hover{background:#AEE83A;}
.cookie__ok:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.cookie__no{font:inherit;font-weight:600;font-size:14px;border:1px solid #4A5A50;border-radius:6px;background:transparent;color:#fff;padding:8px 16px;cursor:pointer;}
.cookie__no:hover{border-color:#9BDB1F;}
.cookie__no:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.cookie__actions{flex-wrap:wrap;}
@media (max-width:480px){.cookie{left:12px;bottom:12px;width:calc(100% - 24px);}}
@media (prefers-reduced-motion:reduce){.cookie{transition:none;transform:none;}}

/* document pages (privacy notice): dark header band, contents rail, reading column */
.doc-hero{background:#14201A;color:#fff;position:relative;overflow:hidden;}
.doc-hero__arrow{position:absolute;right:-6%;top:-55%;width:46vw;max-width:640px;min-width:320px;color:#9BDB1F;opacity:.9;pointer-events:none;}
.doc-hero__inner{max-width:1200px;margin:0 auto;padding:88px 32px 72px;position:relative;display:flex;flex-direction:column;gap:20px;}
.doc-hero__h1{margin:0;font-size:clamp(38px,5vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1.02;}
.doc-hero__lede{margin:0;font-size:19px;line-height:1.5;color:#C4CEC6;max-width:620px;text-wrap:pretty;}
.doc-hero__meta{font-size:13px;color:#8A9A8E;}
.doc{max-width:1200px;margin:0 auto;padding:72px 32px 96px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start;}
.doc__toc{position:sticky;top:calc(var(--nav-h,78px) + 24px);display:flex;flex-direction:column;gap:4px;font-size:14px;}
.doc__toc-h{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6E746F;margin-bottom:8px;}
.doc__toc a,.doc__toc a:hover{color:#3A423E;padding:6px 0 6px 14px;border-left:2px solid #E6E9E6;line-height:1.35;}
.doc__toc a:hover{border-left-color:#9BDB1F;color:#14201A;}
.doc__body{max-width:680px;display:flex;flex-direction:column;gap:48px;color:#3A423E;font-size:17px;line-height:1.65;}
.doc__summary{background:#F4F7F1;border:1px solid #E1E9D8;border-radius:12px;padding:24px 28px;}
.doc__summary-h{margin:0 0 12px;font-size:15px;font-weight:700;color:#14201A;}
.doc__summary ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;}
.doc__summary li{display:flex;gap:12px;align-items:flex-start;}
.doc__summary li::before{content:"";flex:none;width:14px;height:5px;margin-top:9px;background:#9BDB1F;border-radius:2.5px;}
.doc__section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--nav-h,78px) + 24px);}
.doc__section h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#14201A;}
.doc__section p{margin:0;text-wrap:pretty;}
.doc__body a,.doc__body a:hover{color:#2F7A0F;text-decoration:underline;text-underline-offset:2px;}
.doc__contact{background:#14201A;color:#C4CEC6;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px;}
.doc__contact-h{margin:0;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.01em;}
.doc__contact p{margin:0;font-size:16px;}
.doc__contact .btn{align-self:flex-start;}
@media (max-width:860px){
  .doc{grid-template-columns:1fr;gap:40px;padding:48px 20px 72px;}
  .doc__toc{position:static;}
  .doc-hero__inner{padding:64px 20px 56px;}
}
/* 404: the hero fills the screen between the nav and the footer */
.hero--fill{min-height:calc(100vh - var(--nav-h,71px));min-height:calc(100svh - var(--nav-h,71px));display:flex;align-items:center;}
.hero--fill .hero__inner{width:100%;box-sizing:border-box;}
.doc__body .btn,.doc__body .btn:hover{color:#14201A;text-decoration:none;}
.hero--fill .hero__arrow{top:auto;bottom:-42%;right:-12%;width:44vw;max-width:680px;opacity:.9;}

/* contact page */
.contact{max-width:1200px;margin:0 auto;padding:72px 32px 96px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;}
.contact__aside{display:flex;flex-direction:column;gap:20px;color:#3A423E;font-size:16px;line-height:1.6;}
.contact__aside h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:#14201A;}
.contact__aside p{margin:0;}
.contact__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.contact__list li{display:flex;gap:12px;align-items:flex-start;}
.contact__list li::before{content:"";flex:none;width:14px;height:5px;margin-top:10px;background:#9BDB1F;border-radius:2.5px;}
.contact__email{display:flex;flex-direction:column;gap:4px;background:#F4F7F1;border:1px solid #E1E9D8;border-radius:12px;padding:20px 22px;}
.contact__email span{font-size:13px;color:#5C6461;}
.contact__email a,.contact__email a:hover{font-size:18px;font-weight:600;color:#14201A;}
.contact__form{border:1px solid #E6E9E6;box-shadow:0 20px 40px rgba(20,32,26,.06);}
.signup__textarea{min-height:160px;resize:vertical;line-height:1.5;}
.signup__hint{font-weight:400;color:#6E746F;}
.contact__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;visibility:hidden;}
.contact__done{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.contact__done[hidden]{display:none;}
.contact__done-h{margin:0;font-size:22px;font-weight:700;letter-spacing:-.015em;color:#14201A;}
.contact__done p{margin:0;color:#3A423E;font-size:16px;line-height:1.55;}
@media (max-width:860px){.contact{grid-template-columns:1fr;gap:40px;padding:48px 20px 72px;}}

/* back to top */
.to-top{position:fixed;right:24px;bottom:24px;z-index:15;width:48px;height:48px;border-radius:50%;border:1px solid #2E3D34;background:#14201A;color:#9BDB1F;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.28);opacity:0;transform:translateY(16px) scale(.92);pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),background .2s;}
.to-top.is-in{opacity:1;transform:none;pointer-events:auto;}
.to-top:hover{background:#1E2C24;}
.to-top:focus-visible{outline:2px solid #9BDB1F;outline-offset:3px;}
@media (max-width:480px){.to-top{right:14px;bottom:14px;width:44px;height:44px;}}
@media (prefers-reduced-motion:reduce){.to-top{transition:none;}}

/* real app screenshots in the page sections */
.realshot{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0;}
.realshot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #DDE1DE;box-shadow:0 24px 48px rgba(20,32,26,.12);background:#fff;}
.realshot figcaption{font-size:13px;color:#6E746F;}
.pa .realshot figcaption{color:#8A9A8E;}
.realshot--tall{align-items:center;}
.realshot--tall img{max-width:400px;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent);}
.realshot--tall figcaption{text-align:center;}
/* gate on phones: one column, so the intro no longer claims a whole screen
   of its own before the form, and the padding follows the 16-20px gutter */
@media (max-width:720px){
  .gate__intro{min-height:0;padding:32px 20px 8px;gap:28px;}
}
/* phones and tablets */
.nav__toggle{display:none;}
@media (max-width:900px){
  .nav--menu .nav__inner{flex-wrap:nowrap;position:relative;}
  .nav--menu .nav__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border:1px solid #DDE1DE;border-radius:8px;background:#fff;color:#14201A;font:600 15px 'Figtree',sans-serif;cursor:pointer;}
  .nav--menu .nav__toggle:focus-visible{outline:2px solid #9BDB1F;outline-offset:2px;}
  .nav__toggle-bars{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:background .2s;}
  .nav__toggle-bars::before,.nav__toggle-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s;}
  .nav__toggle-bars::before{top:-6px;}
  .nav__toggle-bars::after{top:6px;}
  .nav--menu.is-open .nav__toggle-bars{background:transparent;}
  .nav--menu.is-open .nav__toggle-bars::before{transform:translateY(6px) rotate(45deg);}
  .nav--menu.is-open .nav__toggle-bars::after{transform:translateY(-6px) rotate(-45deg);}
  .nav--menu .nav__links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:4px 20px 20px;border-bottom:1px solid #E6E9E6;box-shadow:0 18px 30px rgba(20,32,26,.12);flex-wrap:nowrap;}
  .nav--menu.is-open .nav__links{display:flex;}
  .nav--menu .nav__links a{padding:14px 0;border-bottom:1px solid #EEF0F0;font-size:17px;}
  .nav--menu .nav__links a.btn{margin-top:14px;border-bottom:0;text-align:center;padding:14px 20px;}
  .hero__inner{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:64px;}
  .hero__copy{max-width:640px;}
  .footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .footer__brand{grid-column:1/-1;}
}
@media (max-width:600px){
  .nav__inner{padding:12px 20px;}
  .block,.pa__inner,.detail__inner,.start__inner{padding:64px 20px;}
  .hero__inner{padding:48px 20px 56px;}
  .proof__inner{padding:20px;gap:16px;}
  .promise{padding:64px 20px 24px;gap:28px;}
  .how{padding:24px 20px 64px;}
  .industries__inner{padding:56px 20px;}
  .footer__inner{padding:48px 20px 32px;}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .doc-hero__inner{padding:56px 20px 48px;}
  .signup,.setup{padding:24px;}
}

/* one-off styles that used to be inline style attributes (kept out of the
   markup so the CSP needs no unsafe-inline for styles) */
.s-bb6a43{position:absolute;}
.s-1ad9a8{width:25%;}
.s-fd3867{width:50%;}
.s-fe6b4e{width:75%;}
.s-046678{width:100%;}
.s-f98dee{background:#3F6C8E;}
.s-12f9e9{color:#2F7A0F;}
.s-6e452d{background:#2F5D50;}
.s-70a6b2{color:#14201A;}
.s-f545ca{background:#B2622C;}
.s-529b19{background:#2A7F88;}
.s-d503a3{background:#8C3A52;}
.s-97bd23{background:#6A3E78;}
.s-50d1c7{background:#6F7A2E;}
.s-5ae19e{display:flex;flex-direction:column;gap:16px;}
/* compact headers and banner on phones */
@media (max-width:900px){
  .nav--menu .nav__links{max-height:calc(100svh - 70px);overflow-y:auto;}
}
@media (max-width:600px){
  .nav:not(.nav--menu) .nav__inner{flex-wrap:nowrap;}
  .nav:not(.nav--menu) .nav__links .btn{display:none;}
  .nav:not(.nav--menu) .nav__links{gap:0;}
  .nav:not(.nav--menu) .nav__signin{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:16px;}
  .cookie{padding:14px 16px;gap:10px;}
  .cookie__mark{display:none;}
  .cookie__title{font-size:15px;}
  .cookie__body{gap:6px;font-size:13px;line-height:1.45;}
  .cookie__actions{gap:10px;margin-top:2px;}
  .cookie__ok,.cookie__no{padding:8px 14px;}
}