/* QScore Editorial. Tokens first; components after. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.5%;ascent-override:90.12%;descent-override:22.44%;line-gap-override:0%}
@font-face{font-family:"Source Serif 4 Fallback";src:local("Georgia");size-adjust:108.17%;ascent-override:95.77%;descent-override:30.97%;line-gap-override:0%}

:root{
  --em-dark:#04E0A2;--em-obj:#0EC9A8;--em-text:#077A65;--em-serif:#0A8F76;--em-tint:#E3F5EF;
  --bl-dark:#9DB0FF;--bl-obj:#2C4FD6;--bl-text:#24409E;--bl-tint:#EAF0FC;
  --am-dark:#F2B566;--am-obj:#C97A1E;--am-text:#8A5613;--am-tint:#FBF3E7;
  --ink:#121A2B;--muted:#4A5468;--page:#FFFFFF;--card:#F4F7FB;--explainer:#EAF0FC;--rule:#D9E1EE;--input:#6B7891;
  --night:#0A1120;--night-card:#111A2D;--n-text:#E8EDF5;--n-muted:#A9B4C8;--hair:#1E2A44;--pill-deco:#135C61;--pill-int:#2A9AA1;--void:#01010D;
  --serif:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  --sans:"Inter","Inter Fallback",Arial,sans-serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
  --header-h:72px;--sticky-h:0px;
  --fg:var(--ink);--fg-2:var(--muted);--line:var(--rule);--link:var(--bl-text);--focus:var(--bl-obj);--eyebrow:var(--bl-text);--ph:var(--am-text);--ph-line:var(--am-obj);
  scroll-padding-top:calc(var(--header-h) + 16px);
  scroll-padding-bottom:var(--sticky-h);
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;background:transparent;color:var(--fg);font:400 1.0625rem/1.6 var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;padding-bottom:var(--sticky-h)}
img,svg{display:block;max-width:100%}

/* Sky: three layers of soft sky-blue clouds drift slowly behind everything, at different depths and speeds.
   The darkest cloud color, #E0F1FD, keeps every text color at 4.5:1 or more. */
html::before,body::before,body::after{content:"";position:fixed;top:0;left:0;z-index:-1;height:100vh;width:calc(100vw + 177.78vh);background-repeat:repeat-x;background-size:177.78vh 100vh;pointer-events:none;will-change:transform}
html::before{background-image:url(img/sky-far.svg);animation:sky 210s linear infinite}
body::before{background-image:url(img/sky-mid.svg);background-position:40vh 0;animation:sky 130s linear infinite}
body::after{background-image:url(img/sky-near.svg);background-position:110vh 0;animation:sky 85s linear infinite}
@keyframes sky{from{transform:translateX(0)}to{transform:translateX(-177.78vh)}}
p,ul,ol,dl,dd,figure,blockquote,fieldset{margin:0}
ul,ol{padding:0}
[hidden]{display:none !important}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:focus:not(:focus-visible){outline:none}
.sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--page);color:var(--ink);padding:12px 16px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}

/* Scopes */
.sec--amber{--eyebrow:var(--am-text)}
.sec--emerald{--eyebrow:var(--em-text)}

/* Layout */
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px}
.grid>*{grid-column:1/-1;min-width:0}
.sec{padding:64px 0}
.zone{margin-top:32px}
.after{margin-top:32px}

/* Type */
h1,h2,h3,h4{margin:0;color:var(--fg)}
h1{font:600 clamp(2.5rem,1.5rem + 3.4vw,4.25rem)/1.05 var(--serif);letter-spacing:-.012em;text-wrap:balance;max-width:15em}
h2{font:600 clamp(1.75rem,1.3rem + 2vw,3rem)/1.1 var(--serif);letter-spacing:-.008em;text-wrap:balance;max-width:21em;margin-top:12px}
h3{font:600 1.25rem/1.3 var(--sans)}
.sub{font:italic 400 clamp(1.125rem,1rem + .5vw,1.375rem)/1.45 var(--serif);color:var(--fg);margin-top:12px;max-width:44em}
.kicker{font:italic 400 1.125rem/1.5 var(--serif);color:var(--fg-2);margin-top:32px}
.eyebrow{font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--eyebrow)}
p,li,dd{max-width:68ch}
.muted{color:var(--fg-2)}
.small{font-size:.9375rem;line-height:1.55}
.num{font-variant-numeric:tabular-nums}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:0;border-radius:8px;background:var(--em-text);color:#fff;font:600 16px/1.2 var(--sans);text-align:center;text-decoration:none;cursor:pointer;transition:transform 120ms var(--ease)}
.btn:hover{background:#066A58;text-decoration:none}
.btn:active{transform:scale(.98)}
.btn[disabled]{cursor:progress}
.btn--block{display:flex;width:100%}
.tlink{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.ext svg{display:inline-block;width:.8em;height:.8em;margin-left:.3em;vertical-align:-.05em}
.linkbtn{background:none;border:0;padding:0;min-height:44px;font:inherit;color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;cursor:pointer}

/* Chips, tags, pills */
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--em-tint);color:var(--em-text);font:600 .8125rem/1.3 var(--sans);max-width:none}
.chip--amber{background:var(--am-tint);color:var(--am-text)}
.sample-tag{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border:1px dashed var(--am-obj);border-radius:999px;background:var(--am-tint);color:var(--am-text);font:600 .75rem/1.3 var(--sans);white-space:nowrap}
.live{display:inline-flex;align-items:center;gap:6px;font:600 .75rem/1 var(--sans);letter-spacing:.14em;color:var(--em-text)}
.live svg{width:8px;height:8px}
.live circle{fill:var(--em-obj)}
.capacity{display:flex;align-items:center;gap:8px;font:600 .875rem/1.4 var(--sans);color:var(--fg);margin-bottom:16px}
.capacity svg{width:8px;height:8px;flex:none}
.capacity circle{fill:var(--em-obj)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--page);color:var(--ink);border-bottom:1px solid var(--rule);transition:transform 300ms var(--ease)}
.site-header.on-hero:not(.is-solid){background:transparent;border-bottom-color:transparent}
.site-header.is-hidden:not(:focus-within){transform:translateY(-100%)}
.header__in{display:flex;align-items:center;gap:24px;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;color:inherit;margin-right:auto}
.brand__mark{display:block;flex:none;width:auto;height:32px}
.brand__text{display:flex;flex-direction:column;justify-content:center}
.brand__name{font:600 1.375rem/1.05 var(--sans);letter-spacing:-.02em;color:#000D2F}
.brand__desc{display:none;margin-top:2px;font:500 .75rem/1.3 var(--sans);color:var(--fg-2)}
.header__nav,.header__cta{display:none}
.header__nav ul{display:flex;gap:20px;list-style:none}
.header__nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font:600 .9375rem/1 var(--sans)}
.header__nav a:hover{text-decoration:underline}

/* Hero */
.hero{padding:40px 0 64px}
.hero__copy>*+*{margin-top:16px}
.hero h1{margin-top:12px}
.hero .sub{margin-top:20px}
.hero__body{margin-top:16px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.dm-line{display:none;font-size:.9375rem;color:var(--fg-2)}
.src-li-dm .dm-line{display:block}
.hero__chips{display:none;margin-top:24px}
.hero__card{margin-top:48px;display:flex;flex-direction:column;gap:24px}
.excerpt blockquote{font:italic 400 1.125rem/1.5 var(--serif);color:var(--fg)}
.excerpt blockquote p::before{content:"\201C"}
.excerpt blockquote p::after{content:"\201D"}
.excerpt figcaption,.review figcaption{margin-top:8px;font-size:.9375rem;color:var(--fg-2)}
.excerpt figcaption a,.review figcaption a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.byline{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--fg)}
.mark-40{width:auto;height:40px;flex:none}
.byline img:not(.mark-40){width:40px;height:40px;border-radius:999px;object-fit:cover}

/* ContradictionCard */
.cc{background:var(--page);border:1px solid var(--rule);border-radius:12px;padding:20px}
.cc__title{margin-top:12px;font:600 .9375rem/1.4 var(--sans);color:var(--fg)}
.cc__halves{display:grid;gap:16px;margin-top:16px}
.cc__eb{font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em}
.cc__eb--deck{color:var(--bl-text)}
.cc__eb--model{color:var(--am-text)}
.cc__fig{font:600 clamp(1.75rem,1.2rem + 2vw,2.5rem)/1.1 var(--serif);font-variant-numeric:tabular-nums;margin-top:4px;color:var(--fg)}
.cc__desc{font-size:.9375rem;color:var(--fg-2);margin-top:4px}
.cc__callout{margin-top:16px;border:1px solid var(--am-obj);border-radius:8px;padding:12px 16px;background:var(--am-tint);color:var(--am-text);font-size:.9375rem;line-height:1.55}
.uline{position:relative;white-space:nowrap}
.uline::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--am-obj);transform:scaleX(0);transform-origin:left center;animation:draw 300ms var(--ease) 700ms forwards}
.cc__foot{margin-top:12px;font-size:.875rem;color:var(--fg-2)}

/* Hero load: the H1 is visible from the first frame and only rises 8px. */
@keyframes rise{from{transform:translateY(8px)}to{transform:none}}
@keyframes fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes draw{to{transform:scaleX(1)}}
.hero h1{animation:rise 700ms var(--ease) both}
.anim{animation:fadeup 400ms var(--ease) both}
.d1{animation-delay:60ms}.d2{animation-delay:120ms}.d3{animation-delay:180ms}.d4{animation-delay:240ms}.d5{animation-delay:300ms}

/* P2 QuestionList */
.qlist{border-top:3px solid var(--am-obj)}
.qlist>div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--rule)}
.qlist dt{font:600 1.25rem/1.3 var(--serif);color:var(--bl-text)}
.qlist dd{color:var(--fg)}

/* P3 Sample read */
.sample__grid{row-gap:32px}
.paper{--fg:var(--ink);--fg-2:var(--muted);--link:var(--bl-text);--focus:var(--bl-obj);--ph:var(--am-text);--ph-line:var(--am-obj);position:relative;background:#fff;color:var(--ink);max-width:760px;border:1px solid var(--rule);border-radius:2px;box-shadow:0 16px 40px -16px rgba(0,0,0,.35);padding:24px 20px 20px;font-size:16px;line-height:1.6}
.paper__tagrow{display:flex;justify-content:flex-end;margin-bottom:12px}
.paper__title{font:600 1.5rem/1.2 var(--serif);color:var(--ink)}
.paper__meta{margin-top:6px;color:var(--muted);font-size:.9375rem}
.paper__h{display:flex;align-items:center;gap:8px;margin-top:28px;padding-bottom:8px;border-bottom:1px solid var(--rule);font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}
.paper__h svg{width:12px;height:12px;flex:none}
.paper ol{list-style:none}
.paper li{display:grid;grid-template-columns:12px 1fr;gap:12px;margin-top:14px}
.paper li svg{width:12px;height:12px;margin-top:6px}
.mk-amber{fill:var(--am-obj)}
.mk-emerald{fill:var(--em-obj)}
.paper p+p{margin-top:12px}
.paper__holds{margin-top:14px}
.paper__sign{margin-top:20px}
.paper__name{display:block;font:italic 600 1.125rem/1.4 var(--serif);margin-top:4px}
.paper__foot{max-width:none;margin-top:20px;padding-top:10px;border-top:1px solid var(--rule);font-size:.8125rem;color:var(--muted)}
.notes{list-style:none;display:grid;gap:20px;align-content:start}
.notes li{border-left:2px solid var(--bl-dark);padding-left:16px;color:var(--fg)}

/* P4 TieOutWidget */
.tow{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:20px;display:grid;gap:28px}
.tow__tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.tow__title{margin-top:12px;font-weight:600}
.tow__label{display:block;font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--bl-text)}
.tow__price{margin-top:20px}
.tow__row{display:flex;align-items:center;gap:8px;margin-top:8px}
.tow__val{display:block;margin-top:8px;font:600 2rem/1.1 var(--serif);font-variant-numeric:tabular-nums;color:var(--ink)}
.tow__val small{font:italic 400 1rem/1 var(--serif);color:var(--muted)}
.stepbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--input);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:transform 120ms var(--ease)}
.stepbtn:active{transform:scale(.96)}
.stepbtn svg{width:16px;height:16px}
.stepbtn[aria-disabled=true]{opacity:.45;cursor:not-allowed}
input[type=range]{flex:1;min-width:0;height:44px;margin:0;accent-color:var(--bl-obj);cursor:pointer}
.tow__assume{margin-top:20px}
.tow__assume ul{list-style:none;margin-top:6px;font-size:.875rem;color:var(--muted);line-height:1.5}
.tow__assume li+li{margin-top:2px}
.switch{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:20px;padding:0;border:0;background:none;text-align:left;font:600 .9375rem/1.35 var(--sans);color:var(--ink);cursor:pointer}
.switch__track{position:relative;flex:none;width:44px;height:24px;border:1px solid var(--input);border-radius:999px;background:#fff}
.switch__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:var(--input);transition:transform 300ms var(--ease)}
.switch[aria-checked=true] .switch__track{background:var(--am-tint);border-color:var(--am-obj)}
.switch[aria-checked=true] .switch__knob{transform:translateX(20px);background:var(--am-obj)}
.note-amber{margin-top:12px;padding:12px 16px;border:1px solid var(--am-obj);border-radius:8px;background:var(--am-tint);color:var(--am-text);font-size:.9375rem;line-height:1.55}
.tow__out{min-width:0}
.check{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;font:600 .875rem/1.35 var(--sans);font-variant-numeric:tabular-nums;max-width:100%}
.check--ok{background:var(--em-tint);color:var(--em-text)}
.check--bad{background:var(--am-tint);color:var(--am-text);border:1px solid var(--am-obj)}
.yearpick{border:0;padding:0;margin-top:20px}
.yearpick legend{padding:0;font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--bl-text)}
.rchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rchip{position:relative;display:inline-flex}
.rchip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rchip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--input);border-radius:999px;font:600 .9375rem/1.2 var(--sans);color:var(--ink);background:#fff}
.rchip input:checked+span{background:var(--bl-tint);border-color:var(--bl-obj);color:var(--bl-text);box-shadow:inset 0 0 0 1px var(--bl-obj)}
.rchip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}
.fin{width:100%;margin-top:24px;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
.fin caption{text-align:left;padding-bottom:8px;font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--bl-text)}
.fin th,.fin td{padding:7px 0 7px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.fin th:first-child{padding-left:0}
.fin thead th{font:600 .8125rem/1.3 var(--sans);color:var(--muted);text-align:right;border-bottom-color:var(--ink)}
.fin tbody th{text-align:left;font-weight:400}
.fin td{text-align:right;white-space:nowrap;position:relative}
.fin .tot th,.fin .tot td{font-weight:600}
.fin .chk th,.fin .chk td{font-weight:600;border-bottom:0}
.fin td .v{position:relative;z-index:1}
.fin td::before{content:"";position:absolute;inset:0;background:var(--bl-tint);opacity:0;pointer-events:none}
.fin td.flash::before{animation:flash 300ms var(--ease)}
@keyframes flash{0%,40%{opacity:1}100%{opacity:0}}
.neg-cash{color:var(--am-text);font-weight:600}
.typed{display:block;font:600 .6875rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--am-text)}
.tow-y1 .fin .y2,.tow-y1 .fin .y3,.tow-y2 .fin .y1,.tow-y2 .fin .y3,.tow-y3 .fin .y1,.tow-y3 .fin .y2{display:none}
.tow__note{margin-top:24px}

/* P5 Proof */
.gates{list-style:none;display:grid;gap:16px}
.gate{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:24px}
.gate__fig{font:600 clamp(2.5rem,2rem + 1.5vw,3.25rem)/1 var(--serif);color:var(--bl-text);font-variant-numeric:tabular-nums}
.gate__label{margin-top:10px;color:var(--fg)}
.review{margin-top:24px;background:var(--card);border-left:4px solid var(--em-obj);border-radius:0 12px 12px 0;padding:24px}
.review blockquote{font:400 clamp(1.125rem,1rem + .45vw,1.375rem)/1.5 var(--serif);color:var(--ink)}
.proof__line{margin-top:24px}
.case{margin-top:24px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:24px}
.case p{margin-top:8px}

/* P6 ProcessCards */
.steps{list-style:none;display:grid;gap:28px}
.step{position:relative;padding-left:56px}
.step__n{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--bl-obj);border-radius:999px;background:var(--page);font:600 1rem/1 var(--serif);color:var(--bl-text);z-index:1}
.step::before{content:"";position:absolute;left:19px;top:40px;bottom:-28px;width:2px;background:var(--bl-obj)}
.step.is-last::before,.steps>.step:last-child::before{display:none}
.step h3{padding-top:8px}
.step p{margin-top:8px}
.step .chip{margin-top:12px}
.fiverr-mode .step[data-mode=direct],.step[data-mode=fiverr]{display:none}
.fiverr-mode .step[data-mode=fiverr]{display:block}
.steps__note{margin-top:24px}

/* P7 Pricing */
.lead{display:grid;gap:12px;align-items:center;background:var(--explainer);border-radius:8px;padding:20px}
.lead__name{font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--bl-text)}
.lead__price{font:600 2rem/1 var(--serif);color:var(--ink)}
.lead__note{color:var(--fg)}
.offers{list-style:none;display:grid;gap:16px;margin-top:24px}
.offer{border:1px solid var(--rule);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}
.offer--fit{border-top:3px solid var(--em-obj)}
.offer .chip{align-self:flex-start}
.ticks{list-style:none;display:grid;gap:6px}
.ticks li{position:relative;padding-left:18px}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--em-obj)}
.offer__price{margin-top:auto;padding-top:8px;font:600 24px/1.2 var(--serif);color:var(--bl-text)}
.pricing__chips{margin-top:24px}
.pay{margin-top:24px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:24px}
.pay p{margin-top:10px}
.pay a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}

/* P8 ComparisonTable */
.ctable{display:none;width:100%;border-collapse:collapse}
.ctable th,.ctable td{padding:16px 16px 16px 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.ctable thead th{font:600 .9375rem/1.35 var(--sans);color:var(--ink);border-bottom-color:var(--ink)}
.ctable tbody th{font:600 .9375rem/1.4 var(--sans);color:var(--muted);width:20%}
.ctable .this{padding-left:16px;background:var(--card)}
.ctable thead .this{border-top:3px solid var(--em-obj);color:var(--em-text)}
.ctable td.this{font-weight:600}
.ccards{list-style:none;display:grid;gap:16px}
.ccard{border:1px solid var(--rule);border-radius:12px;padding:20px}
.ccard--this{border-top:3px solid var(--em-obj);background:var(--card)}
.ccard h3{font-size:1.125rem}
.ccard dl{margin-top:12px;display:grid;gap:10px}
.ccard dt{font:600 .75rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.ccard dd{margin-top:2px}
.ctable-foot{margin-top:16px}

/* P9 About */
.about__grid{row-gap:32px}
.about__photo{width:100%;max-width:320px;aspect-ratio:1/1}
.about__photo img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.about__photo--mark{display:flex;align-items:center;justify-content:center;padding:16%;background:var(--page);border:1px solid var(--rule);border-radius:12px}
.about__photo--mark img{width:auto;height:100%;border-radius:0;object-fit:contain}
.about__text p+p{margin-top:16px}
.cred{margin-top:16px;font-weight:600}
.about__links{list-style:none;display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:12px}
.about__links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.dont{margin-top:32px}
.dont ul{list-style:none;margin-top:12px;border-top:3px solid var(--am-obj)}
.dont li{padding:12px 0;border-bottom:1px solid var(--rule);max-width:none}

/* P10 Accordion */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:600 1.0625rem/1.4 var(--sans);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:16px;height:16px;flex:none;color:var(--bl-text);transition:transform 300ms var(--ease)}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq .ans{padding:0 0 20px}
.faq .ans p+p{margin-top:12px}

/* P11 IntakeForm */
.close__grid{row-gap:40px}
.field{margin-bottom:24px}
.field>label,.field legend{display:block;padding:0;margin-bottom:6px;font:600 1rem/1.4 var(--sans);color:var(--fg)}
.req{font-weight:400;color:var(--fg-2)}
.help{margin-top:6px;font-size:.9375rem;line-height:1.5;color:var(--fg-2)}
fieldset.field{border:0;padding:0;min-width:0}
input[type=text],input[type=email],input[type=url],textarea{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--input);border-radius:8px;background:var(--page);color:var(--ink);font:400 1rem/1.4 var(--sans)}
textarea{min-height:120px;resize:vertical}
.err{margin-top:6px;font-weight:600;font-size:.9375rem;color:var(--am-text)}
[aria-invalid=true]{border-color:var(--am-obj) !important;box-shadow:inset 0 0 0 1px var(--am-obj)}
.form__fine{margin-top:8px;font-size:.875rem;line-height:1.55;color:var(--fg-2)}
.form__fine+.form__fine{margin-top:6px}
.form__send{margin-top:20px}
.form__status{margin-top:12px;font-weight:600}
.form__status--bad{color:var(--am-text)}
.form__status span{display:block;font-weight:500}
.btn--ghost{background:var(--page);color:var(--em-text);box-shadow:inset 0 0 0 2px var(--em-text)}
.btn--ghost:hover{background:var(--em-tint)}
.form__copy{margin-top:12px}
.form__copytext{display:block;width:100%;min-height:150px;margin-top:12px;padding:12px 14px;border:1px solid var(--input);border-radius:8px;font:400 .9375rem/1.5 var(--sans);color:var(--ink);background:var(--page)}
.form__draft{margin-top:8px;font-size:.9375rem}
.hp{position:absolute !important;left:-10000px;width:1px;height:1px;overflow:hidden}
.aside h3{font-size:1.125rem}
.aside ol{margin-top:12px;padding-left:1.4em;display:grid;gap:10px}
.aside li::marker{font-family:var(--serif);font-weight:600;color:var(--bl-text)}
.aside .dm-line{margin-top:20px}
.fiverr-card{display:none;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:24px}
.fiverr-card p{margin-top:12px}
.fiverr-card .btn{margin-top:20px}
.fiverr-mode .close__formwrap,.fiverr-mode .aside{display:none}
.fiverr-mode .fiverr-card{display:block}
.setup{font:italic 400 1.375rem/1.4 var(--serif);color:var(--fg)}
.noscript{font-size:1.0625rem}
.fiverr-mode [data-direct],.fiverr-mode a[href^="mailto:"],.fiverr-mode .dm-line,.fiverr-mode [data-href="links.linkedin"],.fiverr-mode [data-set="links.email"]{display:none !important}
[data-fiverr-only]{display:none}
.fiverr-mode [data-fiverr-only]{display:inline}

/* Footer */
.site-footer{border-top:1px solid var(--rule);padding:40px 0 48px;font-size:.9375rem;color:var(--muted)}
.site-footer p{margin-top:8px}
.site-footer .foot__name{margin-top:0;color:var(--ink);font-weight:600}
.foot__links{list-style:none;display:flex;flex-wrap:wrap;gap:0 20px;margin-top:8px}
.foot__links a{display:inline-flex;align-items:center;min-height:44px}

/* StickyCTA */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--page);border-top:1px solid var(--rule);padding:12px 20px calc(12px + env(safe-area-inset-bottom));transform:translateY(100%);visibility:hidden;transition:transform 300ms var(--ease),visibility 0s linear 300ms}
.sticky-cta.is-on{transform:none;visibility:visible;transition:transform 300ms var(--ease),visibility 0s}

/* Simple pages */
.page{padding:64px 0 96px}
.page h1{font-size:clamp(2.25rem,1.6rem + 2.4vw,3.5rem)}
.page .sub{margin-top:16px}
.legal h2{font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);margin-top:40px}
.legal p,.legal ul{margin-top:12px}
.legal ul{padding-left:1.2em}
.legal li+li{margin-top:6px}
.thanks ol{margin-top:24px;padding-left:1.4em;display:grid;gap:12px}
.thanks ol li::marker{font-family:var(--serif);font-weight:600;color:var(--bl-text)}
.thanks .after{margin-top:24px}
.bare-header .header__in{min-height:64px}

/* Preview mode (local only): unset settings are marked, never shown publicly. */
.ph{outline:1px dashed var(--ph-line);outline-offset:1px;color:var(--ph);font-weight:600;padding:0 2px}
.ph-link{outline:1px dashed var(--ph-line);outline-offset:2px}
.ph-link::after{content:attr(data-ph);margin-left:6px;color:var(--ph);font-weight:600}
.preview-bar{position:relative;z-index:60;padding:10px 20px;background:var(--am-tint);border-bottom:1px dashed var(--am-obj);color:var(--am-text);font:600 .875rem/1.4 var(--sans)}

/* Self-test */
.st-sum{margin-top:16px;font:600 1.125rem/1.4 var(--sans)}
.st-table{width:100%;margin-top:24px;border-collapse:collapse;font-size:.875rem}
.st-table th,.st-table td{padding:8px 12px 8px 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.st-table td:last-child{overflow-wrap:anywhere}
.st-pass{color:var(--em-text);font-weight:600}
.st-fail{color:#A1260D;font-weight:700}
.st-info{color:var(--am-text);font-weight:600}
.st-frames{position:absolute;left:-20000px;top:0}

@media (min-width:480px){
  .cc__halves{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .wrap{padding:0 32px}
  .grid{column-gap:24px}
  .brand__desc{display:block}
  .header__cta{display:inline-flex}
  .hero__chips{display:flex}
  .qlist>div{grid-template-columns:minmax(10rem,14rem) 1fr;gap:24px;align-items:baseline}
  .paper{padding:48px 48px 32px}
  .paper__tagrow{position:absolute;top:20px;right:20px;margin:0}
  .paper__title{padding-right:220px}
  .gates{grid-template-columns:repeat(3,1fr)}
  .lead{grid-template-columns:auto auto 1fr auto;column-gap:24px}
  .lead__note{grid-column:1/-1}
  .ctable{display:table}
  .ccards{display:none}
  .sticky-cta{padding-left:32px;padding-right:32px}
}
@media (max-width:1023px){
  :root{--sticky-h:calc(73px + env(safe-area-inset-bottom))}
}
@media (min-width:1024px){
  .sec{padding:96px 0}
  .header__nav{display:block}
  .hero{padding:36px 0 48px}
  .hero__card{gap:20px}
  .hero__copy{grid-column:1/span 7;padding-right:16px}
  .hero__card{grid-column:8/span 5;margin-top:0}
  .sample__grid .paper{grid-column:1/span 8}
  .sample__grid .notes{grid-column:9/span 4;padding-top:48px}
  .tow{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;padding:32px}
  .yearpick{display:none}
  .tow-y1 .fin .y2,.tow-y1 .fin .y3,.tow-y2 .fin .y1,.tow-y2 .fin .y3,.tow-y3 .fin .y1,.tow-y3 .fin .y2{display:table-cell}
  .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .fiverr-mode .steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .step{padding:20px;border:1px solid var(--rule);border-radius:12px;display:flex;flex-direction:column}
  .step::before{display:none}
  .step__n{position:static;margin-bottom:12px}
  .step h3{padding-top:0}
  .step .chip{margin-top:auto;align-self:flex-start}
  .step p:not(.chip):not(.step__n){margin-bottom:16px}
  .fiverr-mode .step[data-mode=fiverr]{display:flex}
  .offers{grid-template-columns:repeat(3,1fr)}
  .about__photo{grid-column:1/span 4}
  .about__text{grid-column:5/span 8}
  .close__form{grid-column:1/span 7}
  .close__aside{grid-column:8/span 5;padding-left:24px}
  .sticky-cta{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hero h1{animation:none}
  html::before,body::before,body::after{animation:none}
  .anim{animation-name:fade}
  .uline::after{animation:none;transform:none}
  .btn:active,.stepbtn:active{transform:none}
  .site-header,.sticky-cta,.sticky-cta.is-on,.switch__knob,.faq summary svg{transition:none}
}
