/* Latent Potential · the Studio
   One screen: Level47's system intro in blue and white, then your building under liquid glass.
   Built on ../v4.css (tokens, buttons). */

html.app,html.app body{height:100%;overflow:hidden;overscroll-behavior:none}
button{font:inherit;color:inherit}
.serif{font-family:var(--serif);font-style:italic;font-weight:400}
.tag{display:inline-block;padding:3px 7px;border-radius:999px;background:rgb(5 7 10/.06);font:500 10.5px/1 var(--sans);font-style:normal;letter-spacing:.01em;color:var(--ink-3);vertical-align:1px}

/* ---------- the intro ---------- */
.loader{display:none}
.ld .loader{display:block;position:fixed;inset:0;z-index:300;background:var(--paper)}
#ldCv{position:absolute;inset:0;width:100%;height:100%}
.ld-h{position:absolute;left:50%;top:45%;width:min(13ch,92vw);transform:translate(-50%,-50%);text-align:center;font:500 clamp(48px,8vw,128px)/.94 var(--sans);letter-spacing:-.06em;color:var(--ink);text-wrap:balance}
.ld-h em{font-size:1.08em;letter-spacing:-.02em;color:var(--ocean)}
.ld-h .dot{transition:color .6s var(--e)}
.ld-h .dot.lit{color:var(--lagoon)}
.loader .ld-h{transform:translate(-50%,-50%)}
.ld-b{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(30px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(18ch,auto) minmax(0,1fr) auto;align-items:center;gap:20px;
  font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ld-b i{position:relative;height:1px;background:var(--line-2)}
.ld-b i b{position:absolute;inset:0;background:var(--ocean);transform:scaleX(var(--p,0));transform-origin:0 50%}
.ld-b span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- the stage ---------- */
.stage{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#EAF0F7;touch-action:none}
#city{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--e)}
.stage.drawn #city{opacity:1}
.vign{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 95% at 42% 44%,transparent 60%,rgb(234 240 247/.85) 100%)}
.lbls{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.c-lbl{position:absolute;left:0;top:0;margin-top:-8px;padding:8px 13px;border-radius:999px;background:var(--ink);color:#fff;font:600 13px/1 var(--sans);white-space:nowrap;box-shadow:0 10px 24px -10px rgb(3 43 78/.5)}
.c-q{position:absolute;left:0;top:0;margin-top:-10px;pointer-events:none}
.c-q span{display:block;width:max-content;max-width:230px;padding:8px 12px;border-radius:14px;background:rgb(255 255 255/.94);box-shadow:0 12px 26px -14px rgb(3 43 78/.45);font:500 12.5px/1.3 var(--sans);color:var(--ink-2);text-align:center;opacity:0}
.c-q.on span{animation:cq 4.6s var(--eo) both}
@keyframes cq{0%{opacity:0;transform:translateY(10px)}12%{opacity:1;transform:none}80%{opacity:1;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-12px)}}
.c-lbl::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px;z-index:-1}
.nogl{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);max-width:34ch;text-align:center;font:400 16px/1.5 var(--sans);color:var(--ink-2)}

/* liquid glass: frosted white, a bright rim, a soft sheen */
.glass{position:absolute;isolation:isolate;background:rgb(255 255 255/.66);border:1px solid rgb(255 255 255/.8);border-radius:20px;
  backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgb(255 255 255/.95),0 1px 2px rgb(5 7 10/.04),0 22px 50px -22px rgb(3 43 78/.32)}
.glass::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgb(255 255 255/.7) 0%,rgb(255 255 255/0) 34%),radial-gradient(120% 60% at 0% 0%,rgb(207 241 246/.35),transparent 60%)}
.glass[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
.glass{transition:opacity .45s var(--e),transform .55s var(--eo),visibility 0s}
.glass[hidden]{transition:opacity .3s var(--e),transform .4s var(--eo),visibility 0s .4s}

/* top bar */
.tb{top:16px;left:16px;right:16px;height:58px;display:flex;align-items:center;gap:12px;padding:0 9px 0 14px;border-radius:18px;z-index:3}
.tb-id{display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid rgb(5 7 10/.08)}
.tb-id img{border-radius:7px}
.tb-id b{font:400 22px/1 var(--serif);font-style:italic;letter-spacing:-.01em}
.tb-biz{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 10px 4px 4px;border:0;border-radius:13px;background:none;text-align:left;cursor:pointer;transition:background .25s var(--e)}
.tb-biz:hover{background:rgb(5 7 10/.05)}
.tb-biz i{width:30px;height:30px;flex:none;border-radius:9px;background:var(--ocean) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 16V8.5l6-4 6 4V16M8 16v-4h4v4'/%3E%3C/svg%3E") center/18px no-repeat}
.tb-biz>span{display:grid;gap:3px;min-width:0}
.tb-biz b{font:600 14.5px/1.1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26ch}
.tb-biz span span{font:400 12.5px/1 var(--sans);color:var(--ink-3);white-space:nowrap}
.tb-sp{flex:1}
.tb-ic{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:rgb(5 7 10/.04);cursor:pointer;color:var(--ink-2)}
.tb-ic:hover{background:rgb(5 7 10/.08);color:var(--ink)}
.tb-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tb .btn.sm{height:40px;white-space:nowrap}

/* the three numbers */
.kpis{position:absolute;top:88px;left:16px;display:flex;flex-direction:column;gap:10px;z-index:2}
.kpi{position:relative;display:grid;gap:6px;align-content:start;width:212px;padding:13px 16px 14px;border-radius:18px}
.kpi-l{font:500 12.5px/1.2 var(--sans);color:var(--ink-3)}
.kpi-v{font:600 27px/1 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.kpi-v.up{background:var(--num);-webkit-background-clip:text;background-clip:text;color:transparent}
.swap{animation:swap .5s var(--e)}
@keyframes swap{from{opacity:0}}
.kpi-s{font:400 13px/1 var(--sans);color:var(--ink-3)}
.kpi-s.serif{font-size:18px;color:var(--ocean)}
.logos{display:flex;flex-wrap:wrap;gap:4px;min-height:22px}
.logos b{font:600 12px/22px var(--sans);color:var(--ink-3);margin-left:2px}
.lg{display:inline-block;width:22px;height:22px;flex:none;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px rgb(5 7 10/.06);position:relative}
.lg::after{content:"";position:absolute;inset:4px;background:var(--c);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

/* the side: growth, or booking */
.panel{top:88px;right:16px;bottom:16px;width:360px;overflow:auto;overscroll-behavior:contain;padding:20px 20px 0;border-radius:22px;z-index:2;scrollbar-width:thin}
.pv[hidden]{display:none}
.p-k{display:flex;align-items:center;gap:8px;font:500 12.5px/1 var(--sans);color:var(--ocean)}
.p-t{margin-top:8px;font:600 24px/1.1 var(--sans);letter-spacing:-.035em}
.g-big{display:flex;align-items:baseline;gap:10px;margin-top:12px}
.g-big b{font:600 46px/1 var(--sans);letter-spacing:-.06em;background:var(--num);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.g-big span{max-width:16ch;font:400 13.5px/1.3 var(--sans);color:var(--ink-3)}
.chart{display:block;width:100%;height:auto;margin-top:14px}
.chart .gl{stroke:rgb(5 7 10/.07);stroke-width:1}
.chart .gy{font:500 10px var(--sans);fill:var(--ink-3);text-anchor:end}
.chart .gx{font:500 10px var(--sans);fill:var(--ink-3);text-anchor:middle}
.chart .gb{fill:none;stroke:#9FB0C2;stroke-width:1.6;stroke-dasharray:4 4}
.chart .gp{fill:none;stroke:url(#gL);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart .gd{fill:#fff;stroke:var(--ocean);stroke-width:3}
.chart .gt{font:600 12px var(--sans);fill:var(--ocean)}
.g-key{display:flex;gap:16px;margin-top:8px;font:500 12px/1 var(--sans);color:var(--ink-3)}
.g-key span{display:flex;align-items:center;gap:6px}
.g-key i{width:16px;height:3px;border-radius:2px}
.k-on{background:linear-gradient(90deg,var(--lagoon),var(--ocean))}
.k-off{background:repeating-linear-gradient(90deg,#9FB0C2 0 4px,transparent 4px 7px)}
.p-sh{margin-top:20px;font:600 13.5px/1 var(--sans)}
.inplan{list-style:none;margin-top:10px;display:grid;gap:4px}
.inplan li{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 4px 7px 6px;border-radius:12px;animation:rise .5s var(--eo)}
@keyframes rise{from{opacity:0;transform:translateY(6px)}}
.pi{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#E3F6FA,#CFE6F5);color:var(--ocean)}
.pi .lg{width:24px;height:24px;box-shadow:none;background:none}
.pi svg,.bc-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.inplan b{display:block;font:500 14px/1.2 var(--sans)}
.inplan small{display:block;margin-top:2px;font:400 12px/1.2 var(--sans);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inplan em{font:600 12.5px/1 var(--sans);font-style:normal;color:#127A60}
.inplan button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:none;color:var(--ink-3);cursor:pointer}
.inplan button:hover{background:rgb(5 7 10/.06);color:var(--ink)}
.inplan button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.inplan .empty{display:block;padding:8px 0;font:400 13.5px/1.4 var(--sans);color:var(--ink-3);animation:none}
.g-note{margin-top:14px;font:400 12px/1.45 var(--sans);color:var(--ink-3)}
#pvGrowth>.btn{margin:16px 0 20px;height:48px}

/* booking, inside the panel */
.back{display:inline-flex;align-items:center;gap:4px;margin:-4px 0 14px -6px;padding:6px 8px;border:0;border-radius:9px;background:none;font:500 13px/1 var(--sans);color:var(--ink-3);cursor:pointer}
.back:hover{background:rgb(5 7 10/.05);color:var(--ink)}
.back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.d-line{margin-top:10px;font:400 15px/1.45 var(--sans);color:var(--ink-2)}
.bk-sum{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.bk-sum span{padding:7px 10px;border-radius:999px;background:rgb(5 7 10/.05);font:500 12.5px/1 var(--sans);color:var(--ink-2)}
.bk-sum span:first-child{background:var(--ink);color:#fff}
.bk-f{display:grid;gap:14px;margin-top:18px}
.bk-f fieldset{border:0;padding:0;min-width:0}
.bk-f legend{margin-bottom:8px;padding:0;font:500 13px/1 var(--sans);color:var(--ink-2)}
.bk-f legend span,.o-fld label span{margin-left:6px;font-weight:400;color:var(--ink-3)}
.o-fld{display:grid;gap:7px}
.o-fld label{font:500 13px/1 var(--sans);color:var(--ink-2)}
.o-in{width:100%;height:48px;padding:0 15px;border:1px solid var(--line-2);border-radius:14px;background:rgb(255 255 255/.85);font:400 16px/1 var(--sans);color:var(--ink);transition:border-color .2s var(--e),box-shadow .2s var(--e)}
.o-in:focus{outline:none;border-color:var(--current);box-shadow:0 0 0 4px rgb(10 138 203/.15)}
select.o-in{appearance:none;-webkit-appearance:none;padding-right:38px;background:rgb(255 255 255/.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%235B6676' stroke-width='1.6'/%3E%3C/svg%3E") right 12px center/18px no-repeat}
.o-in[aria-invalid=true]{border-color:#C0392B;background:#FFF6F5}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{height:38px;padding:0 13px;border:1px solid var(--line-2);border-radius:999px;background:rgb(255 255 255/.8);font:500 13.5px/1 var(--sans);color:var(--ink-2);cursor:pointer}
.chips button:hover{background:#fff;color:var(--ink)}
.chips [aria-pressed=true]{border-color:var(--ocean);background:var(--ocean);color:#fff}
.days{display:grid;gap:6px}
.day{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px}
.day b{font:500 13px/1.2 var(--sans);color:var(--ink-2)}
.day .chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.day .chips button{height:34px;padding:0 8px;font-size:13px}
.bk-f .btn{height:48px}
.f-msg{font:500 13.5px/1.4 var(--sans);color:#C0392B}
.f-msg:empty{display:none}
.f-done{padding:13px 14px;border-radius:14px;background:rgb(31 191 152/.13);font:500 14px/1.45 var(--sans);color:#0F5F4B}
.bk-never{margin:16px 0 20px;font:400 12.5px/1.5 var(--sans);color:var(--ink-3)}
.bk-never b{font-weight:600;color:var(--ink-2)}

/* the bundles */
.bundles{left:16px;right:392px;bottom:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;border-radius:22px;z-index:2}
.bc{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:11px 12px 12px;border:1px solid rgb(5 7 10/.06);border-radius:16px;background:rgb(255 255 255/.72);text-align:left;cursor:pointer;
  transition:transform .35s var(--eo),box-shadow .35s var(--e),border-color .3s var(--e),background .3s var(--e)}
.bc:hover{transform:translateY(-3px);background:#fff;box-shadow:0 16px 30px -18px rgb(3 43 78/.45)}
.bc.on{border-color:rgb(3 105 168/.45);background:#fff;box-shadow:inset 0 0 0 1px rgb(3 105 168/.25)}
.bc.fresh{animation:fresh .9s var(--eo)}
@keyframes fresh{0%{transform:scale(.96)}40%{transform:scale(1.04);box-shadow:0 0 0 6px rgb(18 181 206/.25)}}
.stage:not(.m-build) .bc{cursor:default}
.stage:not(.m-build) .bc:hover{transform:none;box-shadow:none}
.stage:not(.m-build) .bc:not(.on){opacity:.6}
.bc-top{display:flex;align-items:center;justify-content:space-between;min-height:30px}
.bc-lg{display:flex;gap:3px}
.bc-lg .lg{width:24px;height:24px}
.bc-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#E3F6FA,#CFE6F5);color:var(--ocean)}
.bc.on .bc-ic{background:linear-gradient(140deg,var(--current),var(--ocean));color:#fff}
.bc-tg{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1.5px solid rgb(3 105 168/.35);border-radius:50%;background:#fff;color:var(--ocean)}
.bc-tg svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bc.on .bc-tg{border-color:transparent;background:var(--jade);color:#fff}
.bc b{margin-top:4px;font:600 14.5px/1.15 var(--sans);letter-spacing:-.02em}
.bc-in{margin-top:auto;padding-top:2px;font:500 11.5px/1.35 var(--sans);color:var(--ink-3)}
.bc-why{margin-top:auto;padding-top:2px;font:500 11.5px/1.35 var(--sans);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-why em{font:600 11.5px/1.35 var(--sans);font-style:normal;color:var(--ocean)}
.bc.pick:not(.on){border-color:rgb(3 105 168/.35);border-style:dashed}

/* the example year, and its end */
.demo{left:50%;transform:translateX(-50%);bottom:calc(var(--bh,170px) + 28px);margin-left:-82px;display:flex;align-items:center;gap:14px;width:min(560px,calc(100% - 440px));padding:12px 14px 12px 20px;border-radius:999px;z-index:2}
.dm-k{font:500 12.5px/1 var(--sans);color:var(--ink-3);white-space:nowrap}
.dm-m{font:400 22px/1 var(--serif);font-style:italic;color:var(--ocean);white-space:nowrap;min-width:84px}
.dm-bar{flex:1;height:6px;border-radius:999px;background:rgb(5 7 10/.08);overflow:hidden}
.dm-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--lagoon),var(--ocean));transition:width .7s var(--e)}
.link{padding:0;border:0;background:none;font:500 13px/1.2 var(--sans);color:var(--ocean);cursor:pointer;text-underline-offset:3px;white-space:nowrap}
.link:hover{text-decoration:underline}
.end{left:50%;transform:translateX(-50%);bottom:calc(var(--bh,170px) + 28px);margin-left:-82px;display:flex;align-items:center;gap:18px;padding:9px 9px 9px 22px;border-radius:999px;white-space:nowrap;z-index:2}
.end[hidden],.demo[hidden]{transform:translate(-50%,12px)}
.end p{font:400 15px/1.3 var(--sans);color:var(--ink-2)}
.end b{font-weight:600;color:var(--ink)}
.namecard{left:50%;top:50%;transform:translate(-50%,-50%);margin-left:-82px;width:min(460px,calc(100% - 32px));padding:24px 24px 20px;border-radius:24px;z-index:4;background:rgb(255 255 255/.82)}
.namecard[hidden]{transform:translate(-50%,-46%)}
.namecard h2{font:500 28px/1.08 var(--sans);letter-spacing:-.045em}
.namecard h2 em{color:var(--ocean)}
.namecard p{margin-top:6px;font:400 14.5px/1.4 var(--sans);color:var(--ink-3)}
.nc-g{display:grid;gap:12px;margin-top:18px}
.nc-two{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}
.nc-scan .p-k b{font-weight:600;color:var(--ink)}
.scan-steps{display:grid;gap:12px;margin-top:18px;padding:0;list-style:none}
.scan-steps li{display:flex;align-items:center;gap:11px;font:400 15px/1.3 var(--sans);color:var(--ink-3);transition:color .3s var(--e)}
.scan-steps li::before{content:"";flex:none;width:18px;height:18px;border:1.5px solid var(--line-2);border-radius:50%;box-sizing:border-box}
.scan-steps li.now{color:var(--ink)}
.scan-steps li.now::before{border-color:rgb(3 105 168/.25);border-top-color:var(--ocean);animation:spin .8s linear infinite}
.scan-steps li.done{color:var(--ink-2)}
.scan-steps li.done::before{border:0;background:var(--jade) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@keyframes spin{to{transform:rotate(360deg)}}

/* your read, at the top of the panel */
.scan{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.sc-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-score{font:400 14px/1 var(--sans);color:var(--ink-3);white-space:nowrap}
.sc-score b{font:400 26px/1 var(--serif);font-style:italic;color:var(--ocean)}
.sc-host{margin-top:6px;font:500 12px/1.3 var(--mono);color:var(--ink-3);overflow-wrap:anywhere}
.sc-sum{margin-top:10px;font:400 14.5px/1.45 var(--sans);color:var(--ink-2)}
.sc-first{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgb(10 138 203/.08);font:500 13.5px/1.4 var(--sans);color:var(--ink)}
.sc-first::before{content:"First fix";display:block;margin-bottom:3px;font:500 11px/1 var(--sans);color:var(--ocean)}
.sc-checks{display:grid;gap:7px;margin-top:12px;padding:0;list-style:none}
.sc-checks li{display:flex;align-items:baseline;gap:7px;min-width:0;font:500 13px/1.3 var(--sans);color:var(--ink)}
.sc-checks i{flex:none;width:12px;font:600 12px/1 var(--sans);font-style:normal;color:#C0392B}
.sc-checks small{display:block;margin-top:2px;font:400 12px/1.35 var(--sans);color:var(--ink-3);overflow-wrap:anywhere}
.sc-checks li.ok{font-weight:400;font-size:12px;color:var(--ink-3)}
.sc-checks li.ok i{color:var(--jade)}
.sc-k{margin-top:14px;font:500 12px/1 var(--sans);color:var(--ink-3)}
.sc-q{display:grid;gap:3px;margin-top:7px;padding:0;list-style:none}
.sc-q li{font:400 14.5px/1.3 var(--serif);font-style:italic;color:var(--ink-2)}

/* the panel's two tabs, once we've read the business */
.p-tabs{display:flex;gap:4px;margin:-4px 0 18px;padding:4px;border-radius:14px;background:rgb(5 7 10/.05)}
.p-tabs button{flex:1;height:36px;border:0;border-radius:10px;background:none;font:500 13.5px/1 var(--sans);color:var(--ink-3);cursor:pointer;transition:background .2s var(--e),color .2s var(--e)}
.p-tabs button:hover{color:var(--ink)}
.p-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 10px -4px rgb(3 43 78/.3)}
.rd{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rd .g-note{margin-top:10px}

/* what AI says */
.ask-q{margin-top:8px;font:400 19px/1.25 var(--serif);font-style:italic;color:var(--ink)}
.ask-w{display:flex;align-items:center;gap:10px;margin-top:12px;font:400 13.5px/1.4 var(--sans);color:var(--ink-3)}
.ask-w i{flex:none;width:16px;height:16px;border:1.5px solid rgb(3 105 168/.25);border-top-color:var(--ocean);border-radius:50%;animation:spin .8s linear infinite}
.ask-n{margin-top:10px;font:400 13.5px/1.45 var(--sans);color:var(--ink-2)}
.ask-i{margin-top:10px;font:400 13px/1.4 var(--sans);color:var(--ink-3)}
.ask-l{display:grid;gap:6px;margin-top:10px;padding:0;list-style:none;counter-reset:a}
.ask-l li{counter-increment:a;display:grid;grid-template-columns:22px 1fr;column-gap:6px;padding:9px 10px;border-radius:12px;background:rgb(255 255 255/.7);border:1px solid rgb(5 7 10/.06)}
.ask-l li::before{content:counter(a);grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgb(5 7 10/.06);font:600 12px/1 var(--sans);color:var(--ink-2)}
.ask-l li b{font:600 14px/1.3 var(--sans);color:var(--ink)}
.ask-l li span{font:400 12.5px/1.35 var(--sans);color:var(--ink-3)}
.ask-l li.you{border-color:rgb(3 105 168/.4);background:rgb(10 138 203/.08)}
.ask-l li.you::before{background:var(--ocean);color:#fff}
.ask-l em{margin-left:4px;padding:2px 7px;border-radius:999px;background:var(--ocean);color:#fff;font:500 10.5px/1 var(--sans);font-style:normal;vertical-align:2px}
.ask-v{margin-top:10px;font:600 13.5px/1.4 var(--sans)}
.ask-v.ok{color:#0B7A55}
.ask-v.no{color:#A5281B}
.ask-s{margin-top:6px;font:500 11.5px/1.45 var(--mono);color:var(--ink-3);overflow-wrap:anywhere}

/* your fixes */
.fx{margin-top:12px}
.fx-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-h b{font:600 13.5px/1.3 var(--sans)}
.fx-c{height:28px;padding:0 11px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font:500 12px/1 var(--sans);color:var(--ocean);cursor:pointer}
.fx-c:hover{border-color:var(--ocean)}
.fx-t{margin-top:6px;padding:10px 12px;border-radius:12px;background:rgb(255 255 255/.85);border:1px solid var(--line);font:400 13.5px/1.45 var(--sans);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.fx-t.code{max-height:170px;overflow:auto;font:400 11.5px/1.5 var(--mono);color:var(--ink-2)}
.fx-n{margin-top:5px;font:400 12px/1.4 var(--sans);color:var(--ink-3)}

/* next to a competitor */
.cmp-f{display:flex;gap:8px;margin-top:10px}
.cmp-f .o-in{height:40px;font-size:15px}
.cmp-f .btn{flex:none}
.cmp-v{margin-top:12px;font:500 13.5px/1.45 var(--sans);color:var(--ink)}
.cmp-t{width:100%;margin-top:10px;border-collapse:collapse;table-layout:fixed;font:400 12.5px/1.3 var(--sans);color:var(--ink-2)}
.cmp-t th,.cmp-t td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.cmp-t thead th{font:500 11.5px/1.2 var(--sans);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-t thead th:not(:first-child){width:84px;text-align:center}
.cmp-t thead b{display:block;margin-top:3px;font:400 18px/1 var(--serif);font-style:italic;color:var(--ocean)}
.cmp-t td{text-align:center}
.cmp-t i{font:600 13px/1 var(--sans);font-style:normal}
.cmp-t i.y{color:#0B7A55}
.cmp-t i.n{color:#A5281B}
.cmp-t tr.behind{background:rgb(165 40 27/.06)}
.cmp-t tr.behind th{color:var(--ink);font-weight:500}
.rd-a{display:grid;gap:10px;margin-bottom:20px}
.btn.line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.line:hover{box-shadow:inset 0 0 0 1px var(--ocean);color:var(--ocean)}
.print{display:none}
.nc-a{display:flex;justify-content:space-between;align-items:center;margin-top:16px}

/* toasts */
.toasts{position:absolute;top:96px;left:50%;margin-left:-82px;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none;z-index:5}
.toast{position:relative;left:auto;bottom:auto;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:999px;background:rgb(255 255 255/.92);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 34px -16px rgb(3 43 78/.4);font:500 13.5px/1.2 var(--sans);white-space:nowrap;animation:toast 2.8s var(--eo) forwards}
.toast i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ocean);color:#fff;font:600 15px/1 var(--sans);font-style:normal}
.toast.out i{background:var(--ink-3)}
.toast small{font:500 12px/1 var(--sans);color:var(--ink-3)}
@keyframes toast{0%{opacity:0;transform:translateY(-10px) scale(.96)}12%{opacity:1;transform:none}82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.sheet-btn,.sheet-x{display:none}

/* ---------- smaller screens ---------- */
@media (max-width:1240px){
  .kpi{width:196px}
  .panel{width:330px}
  .bundles{right:362px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .demo,.end,.namecard,.toasts{margin-left:-67px}
  .demo{width:min(520px,calc(100% - 410px))}
}
@media (max-width:760px){
  .ld-h{font-size:clamp(44px,13vw,64px)}
  .tb{left:8px;right:8px;top:8px;height:54px;gap:8px;padding-left:10px}
  .tb-id b{display:none}
  .tb-id{padding-right:8px}
  .tb-biz i,.tb-biz span span{display:none}
  .tb .btn.sm span{display:none}
  .tb .btn.sm{padding:0 14px}
  .kpis{top:70px;left:8px;right:8px;gap:6px;flex-direction:row}
  .kpi{flex:1;width:auto;padding:9px 10px;gap:4px}
  .kpi-l{font-size:10.5px}
  .kpi-l .tag{display:none}
  .kpi-v{font-size:19px}
  .kpi-s{font-size:11px}
  .kpi-s.serif{font-size:14px}
  .logos .lg{width:16px;height:16px}
  .logos .lg::after{inset:3px}
  .panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:78%;padding-top:16px;z-index:7;transform:translateY(calc(100% + 24px));transition:transform .5s var(--eo);box-shadow:0 -10px 50px -12px rgb(3 43 78/.35)}
  .panel.show{transform:none}
  .sheet-x{display:grid;position:absolute;top:12px;right:12px;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:rgb(5 7 10/.06);cursor:pointer;z-index:2}
  .sheet-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .bundles{left:8px;right:8px;bottom:8px;display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px}
  .bundles::-webkit-scrollbar{display:none}
  .bc{flex:0 0 172px;scroll-snap-align:start}
  .sheet-btn{display:inline-flex;position:absolute;right:8px;bottom:calc(var(--bh,170px) + 16px);z-index:3;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:500 13.5px/1 var(--sans);box-shadow:0 12px 26px -12px rgb(3 43 78/.6);cursor:pointer}
  .sheet-btn b{color:var(--glacier)}
  .demo,.end{left:8px;right:8px;width:auto;margin-left:0;transform:none;bottom:calc(var(--bh,170px) + 64px)}
  .demo{gap:10px;padding:10px 12px 10px 14px}
  .dm-k{display:none}
  .end{white-space:normal;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:20px}
  .end[hidden]{transform:translateY(12px)}
  .end .btn{width:100%}
  .namecard{margin-left:0;top:46%;max-height:calc(100% - 140px);overflow-y:auto;padding:20px 18px 16px}
  .namecard h2{font-size:24px}
  .c-q span{max-width:180px;font-size:11.5px}
  .p-tabs{margin-right:44px}
  .toasts{margin-left:0;top:auto;bottom:calc(var(--bh,170px) + 120px)}
}
/* the read as a page: Save as PDF */
@media print{
  @page{margin:16mm 16mm 18mm}
  html.app,html.app body{height:auto!important;overflow:visible!important;background:#fff!important}
  body>*:not(.print){display:none!important}
  .print{display:block;font:400 10.5pt/1.5 var(--sans);color:#0B1220}
  .pr-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:12pt;border-bottom:1px solid #D2DBE4;font:500 9pt var(--mono);color:#5B6676}
  .print h1{margin-top:18pt;font:500 26pt/1.05 var(--sans);letter-spacing:-.03em}
  .print h1 span{display:block;margin-top:4pt;font:400 15pt/1.2 var(--serif);font-style:italic;color:#0369A8}
  .pr-m{margin-top:6pt;font:500 9pt var(--mono);color:#5B6676}
  .print section{margin-top:16pt;break-inside:avoid-page}
  .print h2{margin-bottom:6pt;padding-bottom:4pt;border-bottom:1px solid #E2E8EE;font:600 12pt/1.2 var(--sans)}
  .print p+p,.print ul,.print ol{margin-top:5pt}
  .print ul,.print ol{padding-left:16pt}
  .pr-big b{font:400 22pt/1 var(--serif);font-style:italic;color:#0369A8}
  .pr-first{padding:7pt 9pt;border-radius:6pt;background:#EEF6FB}
  .pr-pass,.pr-note{font-size:9pt;color:#5B6676}
  .pr-q{font:400 13pt/1.3 var(--serif);font-style:italic}
  .pr-fx{margin-top:7pt;break-inside:avoid}
  .print pre{margin-top:3pt;padding:6pt 8pt;border:1px solid #E2E8EE;border-radius:5pt;font:400 8.5pt/1.45 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
  .print table{width:100%;border-collapse:collapse;font-size:9.5pt}
  .print th,.print td{padding:4pt;border-bottom:1px solid #E2E8EE;text-align:left}
  .pr-f{margin-top:22pt;padding-top:9pt;border-top:1px solid #D2DBE4;font:400 8.5pt/1.5 var(--sans);color:#5B6676;overflow-wrap:anywhere}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .c-q.on span{opacity:1}
}