/* V21 — the sections below the first screen: strategies, calculator, portfolio example, trust,
   closing and footer. Cinematic crypto-art: near-black lit by amber, ember and gold; no frames,
   hairlines only where they separate structure. Loads after landing-v20.css and overrides it. */

/* ——— Shared chapter frame ——— */
body.velar-lab main>section:is(#strategies,#calculator,#approach,#transparency,.closing-section){position:relative;z-index:0;border-top:0;background:transparent;overflow-x:clip}
body.velar-lab :is(#strategies,#calculator,#approach,#transparency,.closing-section)::before{content:"";position:absolute;z-index:-1;pointer-events:none}
body.velar-lab #strategies{padding-block:144px 120px}
body.velar-lab #calculator{padding-block:120px}
body.velar-lab #approach{padding-block:120px 128px}
body.velar-lab #transparency{padding-block:128px}
body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading{margin:0 0 64px;max-width:none}
body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading h2{font-size:clamp(44px,5.6vw,84px);line-height:.98;letter-spacing:-.014em;max-width:17ch}
body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading>p{margin:24px 0 0;max-width:52ch;color:var(--text-2);font-size:18px;line-height:1.6}
html:lang(en) body.velar-lab :is(#strategies,#calculator,#approach,#transparency,.closing-section) h2{letter-spacing:-.022em}
html:is(:lang(ka),:lang(hy)) body.velar-lab :is(#strategies,#calculator,#approach,#transparency,.closing-section) :is(h2,h3){letter-spacing:0;line-height:1.18;font-weight:640}
body.velar-lab :is(#strategies,#calculator,#approach,.closing-section) .button:hover{transform:none}
body.velar-lab :is(#strategies,#calculator,#approach) .button:active{transform:scale(.97)}

/* A quiet tone button: light on the surface instead of a frame. */
body.velar-lab :is(#strategies .strategy-open,#calculator .calculator-result .button-light,#approach .dossier-link){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:0;border-radius:var(--r-control);background:rgb(243 238 230/.08);color:var(--bone);font:500 15px/1.2 var(--font-text);text-decoration:none;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}
body.velar-lab :is(#strategies .strategy-open,#calculator .calculator-result .button-light,#approach .dossier-link):active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){body.velar-lab :is(#strategies .strategy-open,#calculator .calculator-result .button-light,#approach .dossier-link):hover{background:rgb(243 238 230/.14);border:0}}

/* ——— Strategies ——— */
body.velar-lab #strategies::before{inset:0;background:radial-gradient(55% 40% at 70% 72%,rgb(255 140 50/.08),transparent 72%)}
body.velar-lab #strategies .section-note{margin:64px 0 0;color:var(--text-3);font-size:14px;line-height:1.5}

/* The honest scale: the price slider can move the result anywhere in the ember haze; the three
   model rates (amber) barely leave zero over their whole hold terms. */
body.velar-lab #strategies .strategy-envelope{margin:0 0 112px;padding:0}
body.velar-lab #strategies .envelope-plot{position:relative;height:clamp(200px,20vw,280px);margin:0 0 0 72px;border:0;background:none}
body.velar-lab #strategies .envelope-haze{position:absolute;inset:0;background:radial-gradient(circle,rgb(255 128 72/.42) 0 1px,transparent 1.35px) 0 0/10px 10px,linear-gradient(rgb(255 92 54/.13),rgb(255 92 54/.13));-webkit-mask:linear-gradient(90deg,transparent,#000 4% 96%,transparent),linear-gradient(transparent,#000 10% 90%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 4% 96%,transparent),linear-gradient(transparent,#000 10% 90%,transparent);mask-composite:intersect}
body.velar-lab #strategies .envelope-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.velar-lab #strategies .envelope-zero{fill:none;stroke:rgb(243 238 230/.55);stroke-width:1;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
body.velar-lab #strategies :is(.envelope-ray,.envelope-glow){fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke-opacity var(--dur-out) var(--ease-out)}
body.velar-lab #strategies .envelope-ray{stroke:var(--amber);stroke-opacity:.55;stroke-width:1.5}
body.velar-lab #strategies .envelope-glow{stroke:var(--amber);stroke-opacity:.12;stroke-width:9}
body.velar-lab #strategies .envelope-tick{position:absolute;left:-72px;width:60px;text-align:right;transform:translateY(-50%);color:var(--text-3);font:500 13px/1 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap}
body.velar-lab #strategies .envelope-mid{top:44.444%;color:var(--text-2)}
body.velar-lab #strategies .envelope-ends{position:absolute;inset:0}
body.velar-lab #strategies .envelope-end{position:absolute;width:0;height:0}
body.velar-lab #strategies .envelope-end::before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--amber);opacity:.7;box-shadow:0 0 10px 2px rgb(255 178 64/.45)}
body.velar-lab #strategies .envelope-label{position:absolute;left:0;bottom:14px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;white-space:nowrap;text-align:center;color:var(--text-2);font-variant-numeric:tabular-nums}
body.velar-lab #strategies .envelope-end[data-edge="end"] .envelope-label{left:auto;right:-4px;transform:none;justify-items:end;text-align:right}
body.velar-lab #strategies .envelope-label b{font:600 14px/1.2 var(--font-text)}
body.velar-lab #strategies .envelope-label small{font-size:12px;color:var(--text-3)}
body.velar-lab #strategies .envelope-name{display:none;font-size:12px;color:var(--text-2)}
body.velar-lab #strategies .envelope-days{position:absolute;left:0;right:0;top:calc(100% + 14px);height:16px;color:var(--text-3);font:500 12px/1 var(--font-text);font-variant-numeric:tabular-nums}
body.velar-lab #strategies .envelope-days span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
body.velar-lab #strategies .envelope-days span:first-child{transform:none}
body.velar-lab #strategies .envelope-days span:last-child{transform:translateX(-100%)}
body.velar-lab #strategies .envelope-days span::before{content:"";position:absolute;left:50%;top:-12px;width:1px;height:6px;background:var(--rule-strong)}
body.velar-lab #strategies .envelope-days span:first-child::before{left:0}
body.velar-lab #strategies .envelope-days span:last-child::before{left:auto;right:0}
body.velar-lab #strategies .strategy-envelope figcaption{display:flex;flex-wrap:wrap;gap:10px 36px;margin:56px 0 0 72px;color:var(--text-2);font-size:14px;line-height:1.5}
body.velar-lab #strategies .envelope-key{display:inline-flex;align-items:center;gap:12px}
body.velar-lab #strategies .envelope-key::before{content:"";flex:none;width:22px;height:12px}
body.velar-lab #strategies .envelope-key-band::before{background:radial-gradient(circle,rgb(255 128 72/.7) 0 1px,transparent 1.35px) 0 0/5px 5px,rgb(255 92 54/.18)}
body.velar-lab #strategies .envelope-key-ray::before{height:2px;background:var(--amber);box-shadow:0 0 8px rgb(255 178 64/.6)}
/* The selected strategy's ray is lit, named and labelled; the other two stay as faint references. */
body.velar-lab #strategies :is([data-selected="market"] .envelope-ray[data-ray="market"],[data-selected="staking"] .envelope-ray[data-ray="staking"],[data-selected="liquidity"] .envelope-ray[data-ray="liquidity"]){stroke:var(--gold);stroke-opacity:1;stroke-width:2.5}
body.velar-lab #strategies :is([data-selected="market"] .envelope-glow[data-ray="market"],[data-selected="staking"] .envelope-glow[data-ray="staking"],[data-selected="liquidity"] .envelope-glow[data-ray="liquidity"]){stroke-opacity:.3;stroke-width:14}
body.velar-lab #strategies :is([data-selected="market"] .envelope-end[data-ray="market"],[data-selected="staking"] .envelope-end[data-ray="staking"],[data-selected="liquidity"] .envelope-end[data-ray="liquidity"])::before{background:var(--gold);opacity:1;box-shadow:0 0 16px 4px rgb(255 178 64/.6)}
body.velar-lab #strategies :is([data-selected="market"] [data-ray="market"],[data-selected="staking"] [data-ray="staking"],[data-selected="liquidity"] [data-ray="liquidity"]) :is(.envelope-label b,.envelope-name){display:block;color:var(--gold)}
body.velar-lab #strategies :is([data-selected="market"] [data-ray="market"],[data-selected="staking"] [data-ray="staking"],[data-selected="liquidity"] [data-ray="liquidity"]) .envelope-name{color:var(--bone)}
body.velar-lab #strategies :is([data-selected="market"] [data-ray="market"],[data-selected="staking"] [data-ray="staking"],[data-selected="liquidity"] [data-ray="liquidity"]) .envelope-label b{font-size:16px}

/* Selector and stage. */
body.velar-lab #strategies .strategy-explorer{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:56px;align-items:start}
body.velar-lab #strategies .strategy-selector{display:grid;gap:6px;position:sticky;top:96px}
body.velar-lab #strategies .strategy-choice{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 16px;width:100%;min-height:88px;padding:18px 20px;border:0;border-radius:var(--r-panel);background:transparent;color:var(--text-2);text-align:left;cursor:pointer;box-shadow:none;transition:background-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}
body.velar-lab #strategies .strategy-choice::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:1px;background:var(--amber);opacity:0;transition:opacity var(--dur-out) var(--ease-out)}
body.velar-lab #strategies .strategy-choice>strong{grid-column:2;grid-row:1;font:600 18px/1.25 var(--font-text);overflow-wrap:break-word;hyphens:auto}
body.velar-lab #strategies .strategy-choice>small{grid-column:2;grid-row:2;color:var(--text-3);font-size:13px}
body.velar-lab #strategies .strategy-choice-coins{grid-column:1;grid-row:1/3}
body.velar-lab #strategies .strategy-choice[aria-pressed="true"]{background:linear-gradient(90deg,rgb(255 178 64/.14),rgb(255 178 64/.03) 70%,transparent);color:var(--bone)}
body.velar-lab #strategies .strategy-choice[aria-pressed="true"]::before{opacity:1;box-shadow:0 0 14px 1px rgb(255 178 64/.7)}
body.velar-lab #strategies .strategy-choice:active{transform:scale(.985)}
@media(hover:hover) and (pointer:fine){body.velar-lab #strategies .strategy-choice:not([aria-pressed="true"]):hover{background:rgb(243 238 230/.05);color:var(--bone)}}
@media(forced-colors:active){body.velar-lab #strategies .strategy-choice[aria-pressed="true"]{outline:2px solid Highlight}}

body.velar-lab #strategies .strategy-panels{min-width:0}
body.velar-lab #strategies .strategy-v12{position:relative;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;--stage-glow:rgb(255 158 64/.16)}
body.velar-lab #strategies .strategy-v12[data-strategy="liquidity"]{--stage-glow:rgb(255 96 48/.18)}
body.velar-lab #strategies .strategy-v12[hidden]{display:none!important}
/* The picture blends into the void (docs/audits/v21-images.md §2): the container paints the page
   tone and isolates, the image adds its light with screen, the mask keeps it off every edge. */
body.velar-lab #strategies .strategy-art{position:relative;isolation:isolate;width:calc(100% + var(--gutter));margin-right:calc(-1 * var(--gutter));aspect-ratio:2/1;background:radial-gradient(50% 55% at 60% 45%,var(--stage-glow),transparent 72%),var(--void);-webkit-mask:linear-gradient(90deg,transparent,#000 12% 88%,transparent),linear-gradient(transparent,#000 10% 58%,transparent 97%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 12% 88%,transparent),linear-gradient(transparent,#000 10% 58%,transparent 97%);mask-composite:intersect}
body.velar-lab #strategies .strategy-art picture{display:block;width:100%;height:100%}
body.velar-lab #strategies .strategy-art img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.07);mix-blend-mode:screen;filter:contrast(1.2)}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    body.velar-lab:not([data-motion-pref="paused"]) #strategies .strategy-art img{animation:v21-art-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
}
@keyframes v21-art-drift{from{transform:translate3d(0,-3.5%,0) scale(1.07)}to{transform:translate3d(0,3.5%,0) scale(1.07)}}

body.velar-lab #strategies .strategy-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:'title numbers' 'text numbers' 'risk risk' 'footer footer';gap:0 56px;margin-top:-40px}
body.velar-lab #strategies .strategy-body h3{grid-area:title;margin:0;font-size:clamp(32px,3.2vw,48px);line-height:1.02;letter-spacing:-.014em;overflow-wrap:break-word}
body.velar-lab #strategies .card-description{grid-area:text;margin:18px 0 0;max-width:40ch;color:var(--text-2);font-size:17px;line-height:1.55}
body.velar-lab #strategies .strategy-numbers{grid-area:numbers;align-self:end;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:28px;margin:0;padding:24px 0 0;border-top:1px solid var(--rule)}
body.velar-lab #strategies .strategy-numbers dt{color:var(--text-3);font-size:13px;line-height:1.35}
body.velar-lab #strategies .strategy-numbers dd{margin:10px 0 0;color:var(--bone);font:600 22px/1.15 var(--font-text);font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}
body.velar-lab #strategies .strategy-numbers dd span{margin-left:4px;color:var(--text-3);font-size:14px;font-weight:500}
body.velar-lab #strategies .strategy-downside dd{color:var(--loss)}
body.velar-lab #strategies .strategy-downside dd span{display:block;margin:6px 0 0}
body.velar-lab #strategies .strategy-risk-text{grid-area:risk;margin:36px 0 0;max-width:64ch;color:var(--text-2);font-size:15px;line-height:1.6}
body.velar-lab #strategies .strategy-footer{grid-area:footer;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px 20px;padding:24px 0 0}
body.velar-lab #strategies .risk-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:0;border-radius:var(--r-control);background:rgb(255 123 110/.12);color:var(--loss);font:600 14px/1 var(--font-text)}

/* ——— Calculator ——— */
body.velar-lab #calculator::before{inset:0;background:radial-gradient(45% 35% at 80% 30%,rgb(255 178 64/.07),transparent 72%)}
body.velar-lab #calculator .calculator-workbench{--chart-axis-width:84px;--chart-gap:12px;--chart-label:#ABA69E;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:'inputs result' 'chart chart';gap:0;border-radius:var(--r-panel);background:radial-gradient(60% 55% at 88% 0%,rgb(255 178 64/.10),transparent 70%),rgb(11 13 18/.86);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgb(255 211 122/.08)}
body.velar-lab #calculator :is(.lab-form,.calculator-result,.calculator-chart-panel){background:none;border:0;border-radius:0;box-shadow:none}
body.velar-lab #calculator .lab-form{grid-area:inputs;display:grid;gap:12px;padding:48px 40px 44px 48px}
body.velar-lab #calculator .lab-form label{margin-top:12px;color:var(--text-2);font-size:14px;line-height:1.4}
body.velar-lab #calculator .lab-form label:first-child{margin-top:0}
body.velar-lab #calculator .lab-form output{color:var(--bone);font:600 15px/1 var(--font-text);font-variant-numeric:tabular-nums}
body.velar-lab #calculator .lab-form :is(input:not([type="range"]),select){box-sizing:border-box;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--rule-strong);border-radius:var(--r-control);background:var(--void);color:var(--bone);font:500 16px/1.3 var(--font-text)}
body.velar-lab #calculator #calc-amount{min-height:68px;font:540 30px/1 var(--font-display);font-variant-numeric:tabular-nums}
body.velar-lab #calculator .lab-form [aria-invalid="true"]{border-color:var(--loss);box-shadow:0 0 0 1px var(--loss)}
body.velar-lab #calculator .form-error{margin:4px 0 0;min-height:0;color:var(--loss);font-size:14px;line-height:1.5}
body.velar-lab #calculator .form-error:empty{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.velar-lab #calculator .lab-form .chart-method{margin:16px 0 0;color:var(--text-3);font-size:13px;line-height:1.55}

body.velar-lab #calculator .calculator-result{grid-area:result;display:block;padding:48px 48px 44px 24px}
body.velar-lab #calculator .result-outcomes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
body.velar-lab #calculator .result-outcome{margin:0;padding:0;border:0;background:none;min-width:0}
body.velar-lab #calculator .result-outcome h3{margin:0;min-height:2.8em;color:var(--text-2);font:500 15px/1.4 var(--font-text);letter-spacing:0}
body.velar-lab #calculator :is(#calc-risk,#calc-total){display:block;margin:16px 0 0;color:var(--bone);font:540 clamp(38px,3.6vw,58px)/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;white-space:normal}
body.velar-lab #calculator .result-unit{display:block;margin:10px 0 0;color:var(--text-3);font-size:14px}
body.velar-lab #calculator :is(.calc-net-line,.result-line){display:block;margin:24px 0 0;padding:0;border:0;color:var(--text-2);font-size:14px;line-height:1.45}
body.velar-lab #calculator :is(.calc-net-line,.result-line)>span{display:block}
body.velar-lab #calculator :is(#calc-net,#calc-income){display:block;margin:6px 0 0;color:var(--bone);font:600 18px/1.3 var(--font-text);font-variant-numeric:tabular-nums;text-align:left}
body.velar-lab #calculator #calc-net.is-negative{color:var(--loss)}
body.velar-lab #calculator .calc-guarantee{margin:36px 0 0;max-width:54ch;color:var(--text-2);font-size:15px;line-height:1.6}
body.velar-lab #calculator .calculator-result .button-light{margin-top:28px;max-width:100%;white-space:normal;text-align:left}

body.velar-lab #calculator .calculator-chart-panel{grid-area:chart;margin:0;padding:44px 48px 48px;border-top:1px solid var(--rule)}
body.velar-lab #calculator .calculator-chart-panel .panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0;padding:0;border:0}
body.velar-lab #calculator .calculator-chart-panel h3{margin:0;font-size:clamp(24px,2.2vw,32px);line-height:1.1}
body.velar-lab #calculator .chart-unit{color:var(--text-3);font-size:13px}
body.velar-lab #calculator .chart-legend{display:flex;flex-wrap:wrap;gap:10px 28px;margin:24px 0 0;color:var(--text-2);font-size:14px}
body.velar-lab #calculator .chart-legend span:nth-child(2) i{background:var(--chart-compare)}
body.velar-lab #calculator .chart-inspector{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:24px;margin:28px 0 20px;padding:0;border:0}
body.velar-lab #calculator .chart-inspector span{display:block;color:var(--text-3);font-size:13px}
body.velar-lab #calculator .chart-inspector strong{display:block;margin-top:6px;color:var(--bone);font:600 20px/1.2 var(--font-text);font-variant-numeric:tabular-nums}
body.velar-lab #calculator .scenario-chart{animation:none;background:none;border:0}
body.velar-lab #calculator .chart-axis span,body.velar-lab #calculator .chart-xlabels span{color:var(--text-3);font-size:12px}
body.velar-lab #calculator .chart-frame path.scenario-harp{stroke:#EEEBE5;stroke-opacity:.4;stroke-width:1}
body.velar-lab #calculator .chart-frame path.scenario-harp-loss{stroke:#FD9690;stroke-opacity:.45}
body.velar-lab #calculator .chart-frame path.scenario-base{stroke:var(--chart-base);stroke-width:1.75}
body.velar-lab #calculator .chart-frame path.scenario-stress{stroke:var(--chart-compare);stroke-width:2.5}
body.velar-lab #calculator .chart-crosshair{stroke:var(--chart-label)}
body.velar-lab #calculator .chart-probe{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);align-items:center;gap:8px 24px;margin:24px 0 0;padding:0;border:0}
body.velar-lab #calculator .chart-probe label{color:var(--text-3);font-size:13px}
body.velar-lab #calculator .ladder-note{margin:24px 0 0;max-width:64ch;color:var(--text-2);font-size:14px;line-height:1.55}
body.velar-lab #calculator .chart-values{margin:20px 0 0;padding:0;border:0;color:var(--text-2);font-size:14px}
body.velar-lab #calculator .chart-values summary{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;list-style:none;color:var(--text-2);cursor:pointer}
body.velar-lab #calculator .chart-values summary::-webkit-details-marker{display:none}
body.velar-lab #calculator .chart-values summary::before{content:"";flex:none;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat}
body.velar-lab #calculator .chart-values[open] summary::before{background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat}
@media(hover:hover) and (pointer:fine){body.velar-lab #calculator .chart-values summary:hover{color:var(--bone)}}
body.velar-lab #calculator .ledger-table{width:100%;border-collapse:collapse;font-size:14px;background:none}
body.velar-lab #calculator .ledger-table thead{color:var(--text-3);font-size:13px}
body.velar-lab #calculator .ledger-table :is(th,td){padding:12px 12px;color:var(--text-2);border-bottom:1px solid var(--rule);background:none;font-variant-numeric:tabular-nums}
body.velar-lab #calculator .ledger-table thead th{color:var(--text-3);font-weight:500}

/* ——— Portfolio example ——— */
body.velar-lab #approach::before{inset:0;background:radial-gradient(40% 40% at 70% 45%,rgb(255 150 60/.08),transparent 72%)}
body.velar-lab #approach .story-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
body.velar-lab #approach .story-copy{display:grid;gap:44px;padding-top:40px}
body.velar-lab #approach .story-step{display:block;padding:0}
body.velar-lab #approach .story-step h3{margin:0;font-size:clamp(22px,1.9vw,28px);line-height:1.15;letter-spacing:-.01em}
body.velar-lab #approach .story-step p{margin:12px 0 0;max-width:38ch;color:var(--text-2);font-size:16px;line-height:1.6}
body.velar-lab #approach .story-visual{padding:0;min-width:0}
/* The dossier is lit from above: tone and light, no frame. */
body.velar-lab #approach .portfolio-dossier{position:relative;padding:40px 44px 36px;border:0;border-radius:var(--r-panel);overflow:visible;color:var(--bone);background:radial-gradient(90% 60% at 18% 0%,rgb(255 178 64/.13),transparent 62%),radial-gradient(60% 45% at 100% 100%,rgb(255 92 54/.07),transparent 70%),linear-gradient(180deg,rgb(22 25 32/.9),rgb(13 15 20/.9));box-shadow:inset 0 1px 0 rgb(255 211 122/.16),0 48px 120px -48px rgb(255 140 50/.28)}
body.velar-lab #approach .dossier-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;padding:0 0 32px}
body.velar-lab #approach .dossier-heading span{color:var(--text-2);font-size:14px}
body.velar-lab #approach .dossier-heading time{color:var(--gold);font:600 15px/1.3 var(--font-text)}
body.velar-lab #approach .preview-content{display:block;padding:0}
body.velar-lab #approach .dossier-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
body.velar-lab #approach :is(.preview-overview,.preview-stress){display:block;min-width:0;padding:0}
body.velar-lab #approach .preview-label{display:block;color:var(--text-2);font-size:14px;line-height:1.4}
body.velar-lab #approach :is(.preview-balance,.preview-stress-value){margin:14px 0 0;color:var(--bone);font:540 clamp(32px,3vw,46px)/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere}
body.velar-lab #approach .preview-stress-value.is-negative{color:var(--loss)}
body.velar-lab #approach :is(.preview-balance,.preview-stress-value) small{display:block;margin:10px 0 0;color:var(--text-3);font:400 13px/1.3 var(--font-text);letter-spacing:0}
body.velar-lab #approach .preview-return{display:block;margin:14px 0 0;color:var(--text-2);font-size:14px}
body.velar-lab #approach .preview-allocation{display:flex;gap:3px;height:6px;margin:36px 0 12px;border-radius:3px;overflow:hidden}
body.velar-lab #approach .preview-allocation .allocation-0{background:var(--gold)}
body.velar-lab #approach .preview-allocation .allocation-1{background:#C98A3C}
body.velar-lab #approach .preview-allocation .allocation-2{background:var(--text-4)}
body.velar-lab #approach .preview-positions>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border:0}
body.velar-lab #approach .preview-positions .crypto-icon{width:28px;height:28px}
body.velar-lab #approach .preview-positions strong{display:block;color:var(--bone);font:600 15px/1.3 var(--font-text)}
body.velar-lab #approach .preview-positions small{display:block;margin-top:3px;color:var(--text-3);font-size:13px}
body.velar-lab #approach .preview-positions>div>span:last-child{color:var(--bone);font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}
body.velar-lab #approach .preview-hold-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;padding:28px 0 0}
body.velar-lab #approach .preview-hold-map>h3{grid-column:1/-1;margin:0;font:600 15px/1.3 var(--font-text);color:var(--bone);letter-spacing:0}
body.velar-lab #approach .hold-entry{display:grid;gap:6px;min-width:0}
body.velar-lab #approach .hold-entry>span{color:var(--text-3);font-size:13px}
body.velar-lab #approach .hold-entry>b{color:var(--bone);font:600 14px/1.3 var(--font-text)}
body.velar-lab #approach .hold-track{height:3px;margin-top:4px;border-radius:2px;background:rgb(243 238 230/.1)}
body.velar-lab #approach .hold-track i{background:var(--gold);border-radius:2px}
body.velar-lab #approach .preview-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:20px 28px;margin:32px 0 0;padding:24px 0 0;border-top:1px solid rgb(243 238 230/.08)}
body.velar-lab #approach .preview-bottom>div>span{display:block;color:var(--text-3);font-size:13px}
body.velar-lab #approach .preview-bottom strong{display:block;margin-top:6px;color:var(--bone);font:600 20px/1.2 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;letter-spacing:0}
body.velar-lab #approach .preview-bottom>a.dossier-link{width:auto;height:auto;border:0}

/* ——— Trust ——— */
body.velar-lab #transparency{display:block;max-width:1440px;margin:0 auto}
body.velar-lab #transparency::before{inset:0;background:radial-gradient(40% 45% at 12% 30%,rgb(255 92 54/.07),transparent 72%)}
body.velar-lab #transparency .transparency-intro{display:block}
body.velar-lab #transparency .transparency-intro h2{margin:0;max-width:19ch;font-size:clamp(40px,5.4vw,80px);line-height:1;letter-spacing:-.014em;overflow-wrap:break-word}
body.velar-lab #transparency .transparency-intro h2 span{display:block;color:var(--bone)}
body.velar-lab #transparency .transparency-intro h2 .trust-accent{margin-top:.12em;color:var(--gold)}
body.velar-lab #transparency .transparency-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:80px 0 0;padding:44px 0 0;border-top:1px solid var(--rule)}
body.velar-lab #transparency .protocol-note{margin:0;padding:0;border:0}
body.velar-lab #transparency .protocol-note h3{margin:0;font:540 clamp(22px,2vw,28px)/1.15 var(--font-display);letter-spacing:-.01em}
body.velar-lab #transparency .protocol-note p{margin:14px 0 0;max-width:36ch;color:var(--text-2);font-size:16px;line-height:1.6}

/* ——— Closing: the lattice becomes the brand mark, lit like the hero sign. ——— */
body.velar-lab .closing-section{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;min-height:min(100svh,1000px);box-sizing:border-box;padding-block:112px 144px;text-align:center}
body.velar-lab .closing-section::before{left:50%;top:0;width:min(1200px,140vw);height:78%;transform:translateX(-50%);background:radial-gradient(closest-side,rgb(255 150 60/.16),rgb(255 92 54/.05) 60%,transparent)}
body.velar-lab .closing-backdrop{position:absolute;z-index:-1;inset:0;isolation:isolate;background:var(--void);pointer-events:none;-webkit-mask:radial-gradient(ellipse 62% 58% at 50% 55%,#000 45%,transparent 100%),linear-gradient(90deg,transparent 6%,#000 30% 70%,transparent 94%);-webkit-mask-composite:source-in;mask:radial-gradient(ellipse 62% 58% at 50% 55%,#000 45%,transparent 100%),linear-gradient(90deg,transparent 6%,#000 30% 70%,transparent 94%);mask-composite:intersect}
body.velar-lab .closing-backdrop picture{display:block;width:100%;height:100%}
body.velar-lab .closing-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%;mix-blend-mode:screen;opacity:.85;filter:contrast(1.2)}
body.velar-lab .closing-visual{position:relative;display:grid;place-items:center;min-height:0;margin:0 0 64px;background:none}
body.velar-lab .closing-glow{position:absolute;inset:-35% -55%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 178 64/.3),rgb(255 120 50/.1) 55%,transparent);pointer-events:none}
body.velar-lab .closing-visual .lab-mark{position:relative;height:clamp(200px,32vh,320px)}
body.velar-lab .closing-visual .lab-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(65% 60% at 50% 20%,rgb(255 226 160/.72),rgb(255 178 64/.2) 60%,transparent 88%)}
body.velar-lab .closing-section h2{margin:0;max-width:20ch;font-size:clamp(38px,5vw,76px);line-height:1.02;letter-spacing:-.014em;text-align:center;text-wrap:balance}
body.velar-lab .closing-section .closing-cta{margin-top:48px;min-height:60px;padding:0 32px;font-size:17px;box-shadow:0 18px 48px -16px rgb(255 178 64/.6)}
body.velar-lab .closing-section .closing-cta:hover{transform:none}
body.velar-lab .closing-section .closing-cta:active{transform:scale(.97)}

/* ——— Footer ——— */
body.velar-lab .site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand nav' 'fine fine';align-items:center;gap:28px 48px;padding-block:48px 40px;border-top:1px solid var(--rule);background:transparent}
body.velar-lab .site-footer .footer-brand{grid-area:brand}
body.velar-lab .site-footer .footer-index{grid-area:nav;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:0 28px}
body.velar-lab .site-footer .footer-index a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2);font-size:14px;text-decoration:none;transition:color var(--dur-hover) var(--ease-out)}
@media(hover:hover) and (pointer:fine){body.velar-lab .site-footer .footer-index a:hover{color:var(--bone)}}
/* Подвал: короткие подписи («FAQ», «Планы») давали 27–43px по ширине на телефоне. */
@media(pointer:coarse){body.velar-lab .site-footer .footer-index a{min-width:44px;justify-content:center}}
body.velar-lab .site-footer .footer-fine{grid-area:fine;display:grid;gap:6px}
body.velar-lab .site-footer .footer-fine p{margin:0;color:var(--text-3);font-size:13px;line-height:1.5}

/* ——— Breakpoints ——— */
@media(max-width:1100px){
  body.velar-lab #strategies .strategy-explorer{grid-template-columns:minmax(0,1fr);gap:32px}
  body.velar-lab #strategies .strategy-selector{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  body.velar-lab #strategies .strategy-choice::before{left:20px;right:20px;top:auto;bottom:0;width:auto;height:2px}
  body.velar-lab #strategies .strategy-art{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter))}
  body.velar-lab #calculator .calculator-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:'inputs' 'result' 'chart'}
  body.velar-lab #calculator .lab-form{padding:40px 40px 8px}
  body.velar-lab #calculator .calculator-result{padding:32px 40px 40px}
  body.velar-lab #calculator .calculator-chart-panel{padding:40px}
  body.velar-lab #approach .story-layout{grid-template-columns:minmax(0,1fr)}
  body.velar-lab #approach .story-copy{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:0}
}
@media(max-width:900px){
  body.velar-lab #strategies{padding-block:96px 88px}
  body.velar-lab :is(#calculator,#approach,#transparency){padding-block:88px}
  body.velar-lab #strategies .strategy-body{grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'text' 'numbers' 'risk' 'footer';margin-top:-24px}
  body.velar-lab #strategies .strategy-numbers{margin-top:28px}
  body.velar-lab #transparency .transparency-items{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:56px;padding-top:36px}
  body.velar-lab #approach .story-copy{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
  body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading{margin-bottom:40px}
  body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading>p{font-size:16px;margin-top:18px}
  body.velar-lab #strategies .strategy-envelope{margin-bottom:72px}
  body.velar-lab #strategies .envelope-plot{height:200px;margin-left:52px}
  body.velar-lab #strategies .envelope-tick{left:-52px;width:44px;font-size:12px}
  body.velar-lab #strategies .strategy-envelope figcaption{margin:48px 0 0;display:grid;gap:10px}
  body.velar-lab #strategies .envelope-key{align-items:flex-start}
  body.velar-lab #strategies .envelope-key::before{margin-top:4px}
  /* Only the selected ray is labelled on a phone; the other two keep their end points. */
  body.velar-lab #strategies .envelope-label{display:none}
  body.velar-lab #strategies :is([data-selected="market"] [data-ray="market"],[data-selected="staking"] [data-ray="staking"],[data-selected="liquidity"] [data-ray="liquidity"]) .envelope-label{display:grid}
  body.velar-lab #strategies .strategy-selector{grid-template-columns:minmax(0,1fr);gap:2px}
  body.velar-lab #strategies .strategy-choice{min-height:68px;padding:12px 16px}
  body.velar-lab #strategies .strategy-choice::before{left:0;right:auto;top:14px;bottom:14px;width:2px;height:auto}
  body.velar-lab #strategies .strategy-art{aspect-ratio:1/1}
  body.velar-lab #strategies .strategy-art img{object-position:50% 30%}
  body.velar-lab #strategies .strategy-numbers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 20px}
  body.velar-lab #strategies .strategy-downside{grid-column:1/-1}
  body.velar-lab #strategies .strategy-numbers dd{font-size:20px}
  body.velar-lab #calculator .calculator-workbench{margin-inline:calc(-1 * var(--gutter) + 8px)}
  body.velar-lab #calculator .lab-form{padding:28px 20px 4px}
  body.velar-lab #calculator .calculator-result{padding:28px 20px 32px}
  body.velar-lab #calculator .calculator-chart-panel{padding:32px 20px}
  body.velar-lab #calculator .result-outcomes{grid-template-columns:minmax(0,1fr);gap:32px}
  body.velar-lab #calculator .result-outcome h3{min-height:0}
  body.velar-lab #calculator :is(#calc-risk,#calc-total){font-size:44px}
  body.velar-lab #calculator .chart-inspector{grid-template-columns:1fr 1fr;gap:16px}
  body.velar-lab #calculator .chart-inspector>div:first-child{grid-column:1/-1}
  body.velar-lab #calculator .chart-probe{grid-template-columns:minmax(0,1fr)}
  body.velar-lab #calculator .chart-axis span{font-size:12px}
  body.velar-lab #approach .portfolio-dossier{padding:28px 20px 24px;margin-inline:calc(-1 * var(--gutter) + 8px)}
  body.velar-lab #approach .dossier-values{grid-template-columns:minmax(0,1fr);gap:24px}
  body.velar-lab #approach .preview-hold-map{grid-template-columns:minmax(0,1fr)}
  body.velar-lab #approach .preview-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.velar-lab #approach .preview-bottom>a.dossier-link{grid-column:1/-1;justify-self:start}
  body.velar-lab #approach .preview-bottom strong{font-size:18px;white-space:normal}
  body.velar-lab #strategies .envelope-days span:nth-child(2n){display:none}
  body.velar-lab #approach .preview-bottom{grid-template-columns:minmax(0,1fr)}
  body.velar-lab #transparency .transparency-intro h2{font-size:clamp(28px,8.4vw,40px);line-height:1.05}
  body.velar-lab .closing-section h2{font-size:clamp(28px,8.2vw,38px);line-height:1.08}
  body.velar-lab .closing-section{min-height:0;padding-block:88px 104px}
  body.velar-lab .closing-visual{margin-bottom:44px}
  body.velar-lab .closing-visual .lab-mark{height:180px}
  body.velar-lab .closing-backdrop{-webkit-mask:radial-gradient(ellipse 70% 52% at 50% 55%,#000 40%,transparent 100%),linear-gradient(90deg,transparent 4%,#000 28% 72%,transparent 96%);-webkit-mask-composite:source-in;mask:radial-gradient(ellipse 70% 52% at 50% 55%,#000 40%,transparent 100%),linear-gradient(90deg,transparent 4%,#000 28% 72%,transparent 96%);mask-composite:intersect}
  body.velar-lab .closing-section .closing-cta{width:100%;margin-top:36px}
  body.velar-lab .site-footer{grid-template-columns:minmax(0,1fr);grid-template-areas:'brand' 'nav' 'fine';gap:16px}
  body.velar-lab .site-footer .footer-index{gap:0 22px}
}

/* ——— Golden Matrix (17:05): the narrator's digit rain lives behind every section. ——— */
/* Soft dark fields keep reading text at full contrast over the rain; no edges, no frames. */
body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading,body.velar-lab #transparency .transparency-intro,body.velar-lab #strategies .strategy-body,body.velar-lab #strategies .strategy-envelope figcaption,body.velar-lab #approach .story-copy,body.velar-lab #transparency .transparency-items,body.velar-lab .closing-section>h2,body.velar-lab .site-footer>*{position:relative;isolation:isolate}
body.velar-lab #strategies .strategy-selector{isolation:isolate}
body.velar-lab :is(#strategies,#calculator,#approach) .chapter-heading::before,body.velar-lab #transparency .transparency-intro::before,body.velar-lab #strategies .strategy-body::before,body.velar-lab #strategies .strategy-selector::before,body.velar-lab #strategies .strategy-envelope figcaption::before,body.velar-lab #approach .story-copy::before,body.velar-lab #transparency .transparency-items::before,body.velar-lab .closing-section>h2::before{content:"";position:absolute;z-index:-1;inset:-40px -64px;pointer-events:none;background:radial-gradient(closest-side,rgb(6 7 11/.86),rgb(6 7 11/.6) 60%,transparent)}
/* A thin edge of digits where a panel begins: light on its top, not a border. */
body.velar-lab #calculator .calculator-workbench,body.velar-lab #approach .portfolio-dossier{position:relative}
body.velar-lab #calculator .calculator-workbench::after,body.velar-lab #approach .portfolio-dossier::after{content:"";position:absolute;left:0;right:0;top:-10px;height:9px;pointer-events:none;background:var(--digits) 0 0/108px 108px repeat-x;opacity:.38;-webkit-mask:linear-gradient(90deg,transparent,#000 22% 78%,transparent);mask:linear-gradient(90deg,transparent,#000 22% 78%,transparent)}
/* Decode and recount: digits stand in for letters or figures for a moment; the real text keeps
   its box, so nothing reflows, and assistive technology reads the real text only. */
body.velar-lab .v21-dc{position:relative}
body.velar-lab .v21-dc.is-scrambling{color:transparent}
body.velar-lab .v21-dc.is-scrambling::after{content:attr(data-s);content:attr(data-s) / "";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);color:var(--gold);font:500 .6em/1 var(--font-mono);letter-spacing:0;opacity:.9}
body.velar-lab .is-recounting{position:relative;color:transparent!important}
body.velar-lab .is-recounting::after{content:attr(data-scramble);content:attr(data-scramble) / "";position:absolute;left:0;top:0;white-space:nowrap;color:var(--gold);font:inherit;font-variant-numeric:tabular-nums}
body.velar-lab #calc-net.is-recounting.is-negative::after{color:var(--loss)}
body.velar-lab #approach .preview-stress-value>#preview-stress-amount{color:inherit}