/* Copied Oct 30 2026 from /workspace/teardown-brand-v2/assets/teardown-v2.css (Guided Build Experimenter's v2 template).
   Production changes: @font-face lines removed (ro.css has the self-hosted woff2 faces). Do not edit the source copy. */
/* Revenue Operator Brand Standard v4: teardown case file ("demolition order"), Round 6.
   Base: ro.css (unchanged copy of the package's site/ro.css). Every rule below is lifted from the package's
   site/teardown.html <style> block unless marked [v2-add]. Dark room = night (#140C09). */
body{background:#140C09;color:#fff}
.nav .bar{background:#21140fd9;border-color:#2a2a31;box-shadow:none}
.nav .logo{color:#fff}.nav ul a{color:#a3a3ad}.nav ul a:hover{background:#22222a;color:#fff}.nav ul a[aria-current]{background:#4a1d0f;color:#fff}
.nav .btn.lt{background:#21140F;color:#fff;border-color:#3a2a24}.nav .btn.lt:hover{border-color:#fff;background:#21140F}
#shards{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}
.shakeit{animation:bigshake .5s}
@keyframes bigshake{10%{transform:translate(-14px,6px) rotate(-.5deg)}25%{transform:translate(12px,-8px) rotate(.4deg)}40%{transform:translate(-9px,5px)}55%{transform:translate(7px,-4px)}70%{transform:translate(-4px,2px)}85%{transform:translate(2px,-1px)}}
.head{padding:44px 0 36px;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:end}
.head .k{display:inline-flex;gap:10px;align-items:center;font:700 13px var(--sans);color:var(--flash);border:1.5px solid var(--flash);padding:6px 12px;border-radius:999px;text-decoration:none}
.head h1{font:800 clamp(64px,10vw,160px)/.82 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin-top:18px;font-variation-settings:"wdth" 84}
.head h1 span{color:var(--flash);display:block}
.head .verdict-line{font:600 19px/1.4 var(--sans);color:#E8E2DC;margin-top:22px;max-width:34em} /* [v2-add] EXTRAS verdict */
.ask{background:#21140F;border:1px solid #2a2a31;border-radius:24px;padding:24px}
.ask q{display:block;font:800 26px/1.08 var(--display);letter-spacing:-.025em;quotes:"\201C" "\201D"}
.ask p{color:#9a9aa4;font-size:14px;margin-top:10px}
.ask a{color:#d8d8de}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.facts .pill{background:#21140F;border-color:#2e2e36;color:#cfcfd6;height:auto;min-height:32px;padding:6px 14px}
.site{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
.mock{background:#1c1c22;border:1px solid #2e2e36;border-radius:24px;padding:16px;position:sticky;top:92px}
.chrome{display:flex;gap:6px;align-items:center;padding:4px 6px 14px;font:600 12.5px var(--sans);color:#8b8b93}
.chrome i{width:10px;height:10px;border-radius:50%;background:#33333b;flex:none}
.blk{position:relative;border-radius:14px;padding:16px 18px;margin-bottom:10px;background:#2a2a31;color:#d8d8de;transition:background .3s}
.blk .lb{position:absolute;right:10px;top:10px;font:700 11px var(--sans);color:#140C09;background:var(--flash);padding:3px 8px;border-radius:999px}
.blk.ok .lb{background:#3a3a44;color:#cfcfd6}
.blk h4{margin:0;font:800 24px/1.1 var(--display);letter-spacing:-.02em;color:#ececf1;max-width:85%}
.blk p{font-size:15px;margin:0;max-width:88%}
.blk p.sm{font-size:13.5px;color:#a3a3ad;margin-top:6px} /* [v2-add] */
.blk.fixed p.sm{color:#ffffffd0}
.blk .pp{display:inline-block;font:700 16px/1.3 var(--sans);color:#ececf1;background:#3a3a44;padding:6px 10px;border-radius:8px}
.blk .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.blk .grid3 span{min-height:62px;border-radius:10px;border:1px dashed #4a4a55;font:600 12.5px var(--sans);display:grid;place-items:center;text-align:center;padding:6px;color:#cfcfd6}
.blk.fixed{background:var(--klein);color:#fff;animation:rise2 .55s cubic-bezier(.2,1.5,.4,1)}
.blk.fixed h4,.blk.fixed .pp{color:#fff}
.blk.fixed .pp{background:#ffffff26}
.blk.fixed .lb{background:#fff;color:var(--ember)}
.blk.fixed .grid3 span{border:0;background:#ffffff26;color:#fff}
.blk.gone{visibility:hidden}
@keyframes rise2{0%{transform:translateY(60px) scale(.92);opacity:0}100%{transform:none;opacity:1}}
.crk{position:absolute;inset:0;pointer-events:none;overflow:visible}
.crk path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:crk .22s forwards}
@keyframes crk{to{stroke-dashoffset:0}}
.sketchnote{font-size:12.5px;color:#8b8b93;margin:4px 6px 2px} /* [v2-add] "sketch, not a screenshot" label */
.order{display:grid;gap:10px}
.meter{background:#21140F;border:1px solid #2a2a31;border-radius:22px;padding:20px 22px;display:grid;gap:12px}
.meter .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.meter b{font:800 44px/1 var(--display);letter-spacing:-.02em}
.meter .bar{height:12px;border-radius:999px;background:#2a2a31;overflow:hidden}
.meter .bar i{display:block;height:100%;width:0;background:var(--flash);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.hit{background:#21140F;border:1px solid #2a2a31;border-radius:22px;padding:20px 22px;display:grid;gap:10px;transition:border-color .3s,background .3s}
.hit .t{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hit h3{font:800 21px/1.1 var(--display);letter-spacing:-.02em}
.hit .n{font:800 15px var(--display);color:var(--flash)}
.hit p{color:#c9c3bd;font-size:15.5px}
.hit p b{color:#fff}
.js .hit:not(.done) p,.js .hit:not(.done) .x{display:none}
.hit.done{border-color:var(--klein);background:linear-gradient(150deg,#3a160b,#21140F 60%)}
.hit.first{border-color:#EFB11D66}
.smash{height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--flash);color:var(--ink);font:800 14px var(--sans);cursor:pointer;display:inline-flex;gap:8px;align-items:center;flex:none}
.smash:hover{transform:scale(1.05)}
.smash[disabled]{background:#2a2a31;color:#8b8b93;cursor:default;transform:none}
.no-js .smash{display:none}
.big{height:58px;font-size:16px;justify-content:center}
.x{display:flex;gap:16px;align-items:center;background:#140C09;border-radius:16px;padding:14px 16px;margin-top:4px}
.x b{font:800 54px/.9 var(--display);color:var(--flash);letter-spacing:-.025em;flex:none}
.x span{font-size:14px;color:#cfcfd6}
.done-banner{display:none;background:var(--field);border-radius:22px;padding:20px 22px;font:800 22px/1.15 var(--display)}
.done-banner.on{display:block;animation:rise2 .5s}
/* [v2-add] section heads in the dark room: pill label + Bricolage h2 (no eyebrows, no "01 /" codes) */
.sec{margin-top:90px}
.sec>.pill{background:#21140F;border-color:#3a2a24;color:#e8e2dc}
.sec>h2{font:800 clamp(36px,4.6vw,64px)/.95 var(--display);letter-spacing:-.025em;margin-top:14px;font-variation-settings:"wdth" 84}
.sec>.sub{color:#a3a3ad;font-size:15.5px;margin-top:10px;max-width:46em}
/* [v2-add] our read: score rows */
.rd{margin-top:24px;display:grid;gap:10px}
.rd .r{background:#21140F;border:1px solid #2a2a31;border-radius:22px;padding:18px 22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:8px 20px;align-items:center}
.rd .r b{font:800 20px/1.1 var(--display);letter-spacing:-.02em}
.rd .r .tr{height:12px;border-radius:999px;background:#2a2a31;overflow:hidden}
.rd .r .tr i{display:block;height:100%;background:var(--klein);border-radius:999px}
.rd .r.low .tr i{background:#fff}
.rd .r .sc{font:800 30px/1 var(--display);font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}
.rd .r .sc small{font:600 13px var(--sans);color:#8b8b93}
.rd .r p{grid-column:1/-1;color:#b9b9c2;font-size:14.5px}
/* [v2-add] suggested rewrites: before -> after */
.rw{margin-top:24px;display:grid;gap:12px}
.rw .pair{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:stretch}
.rw .bf,.rw .af{border-radius:22px;padding:20px 22px;display:grid;gap:8px;align-content:start}
.rw .bf{background:#21140F;border:1px solid #2a2a31;color:#b9b9c2}
.rw .af{background:var(--field);color:#fff}
.rw .l{font:700 12.5px var(--sans);display:inline-flex;align-self:start;justify-self:start;padding:3px 10px;border-radius:999px;background:#3a3a44;color:#e8e2dc}
.rw .af .l{background:#fff;color:var(--ember)}
.rw q{font:700 17px/1.35 var(--sans);quotes:"\201C" "\201D"}
.rw .ar{display:grid;place-items:center;color:var(--flash)}
.rw .ar svg{width:26px;height:26px}
.rw .why{color:#a3a3ad;font-size:14.5px;margin:0 4px}
.rw h3{font:800 20px var(--display);letter-spacing:-.02em}
.verdict{margin-top:90px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:#21140F;border:1px solid #2a2a31;border-radius:24px;padding:28px}
.card h3{font:800 24px var(--display);letter-spacing:-.02em;margin-bottom:14px}
.card ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;color:#b9b9c2;font-size:15.5px}
.card li b{color:#fff;font-weight:600}
.task{background:var(--flash);color:var(--ink);border-radius:24px;padding:28px}
.task h3{font:800 24px var(--display);letter-spacing:-.02em;margin-bottom:10px}
.task p{font-size:17px;line-height:1.5}
/* [v2-add] case file facts */
.file{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.file div{background:#21140F;border:1px solid #2a2a31;border-radius:22px;padding:18px 20px;font-size:14.5px;color:#d8d8de}
.file span{display:block;font:700 12.5px var(--sans);color:var(--flash);margin-bottom:6px}
.file a{color:#fff}
.nop{color:#9a9aa4;font-size:14px;margin-top:20px;max-width:62em}
.nop a{color:#d8d8de}
.final{margin-top:90px;border-radius:32px;background:var(--field);padding:56px clamp(24px,5vw,60px);display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
.final h2{font:800 clamp(40px,5.4vw,84px)/.9 var(--display);letter-spacing:-.025em;text-transform:uppercase;font-variation-settings:"wdth" 84}
.final p{font-size:18px;opacity:.95;margin-top:16px}
.final .acts{display:grid;gap:12px;justify-items:start}
.final .fine{font-size:13.5px;opacity:.85;margin-top:0}
.foot{background:#21140F}
.foot .links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:48px;font-size:15px} /* [v2-add] */
@media (max-width:980px){.head,.site,.verdict,.final{grid-template-columns:minmax(0,1fr)}.head h1{font-size:clamp(44px,13vw,90px)}.mock{position:relative;top:0}.file{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rw .pair{grid-template-columns:minmax(0,1fr)}.rw .ar{transform:rotate(90deg);height:30px}.rd .r{grid-template-columns:minmax(0,1fr) auto}.rd .r .tr{grid-column:1/-1;grid-row:2}.file{grid-template-columns:1fr}.foot .orb{width:160px;height:160px;right:-70px;top:-70px}.hit .t{align-items:flex-start}.blk p,.blk h4{max-width:78%}.x b{font-size:42px}}
/* print / PDF: everything expanded, no buttons, no canvas, no sticky */
@media print{
 @page{margin:0}
 html{background:#21140F!important}body{background:#140C09!important}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #shards,.smash,.nav{display:none!important}
 .mock{position:relative;top:0}
 .hit p,.hit .x{display:block!important}.hit .x{display:flex!important}
 .rise,.blk.fixed,.done-banner.on{animation:none!important}
 .foot{margin-top:60px}
}
/* [v2-add] 390px nav: keep the wordmark and the pill on one line each */
.nav .logo,.nav .btn{white-space:nowrap}
@media (max-width:420px){.nav .logo{font-size:15px;gap:8px}.nav .logo svg{width:26px;height:26px}.nav .btn.sm{padding:0 14px;font-size:13px}}
.facts a.dl{color:#140C09;background:#EBE9E1;border-color:#EBE9E1;text-decoration:none;font-weight:700}.facts a.dl:hover{background:#fff}
@media print{.facts a.dl{display:none}}

/* [prod-add] entries without a sketch: static demolition order */
.order.flat{grid-column:1/-1}.site.flat{display:block}.hit .n{white-space:nowrap}
.head h1.long{font-size:clamp(40px,6.2vw,100px);line-height:.88}@media (max-width:980px){.head h1.long{font-size:clamp(36px,10vw,72px)}}

/* long unbroken quotes/URLs (e.g. mainsplash invite quote) must wrap at 390px */
.ask q,.pair q,.blk,.head .ask,.verdict-line{overflow-wrap:anywhere}

/* [prod-add Oct 31] the slam h1 spans are max-content (teardown-interactive.css); keep long names inside the header grid */
@media (min-width:981px){.head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.head h1.long.xlong{font-size:clamp(36px,4.6vw,76px)}@media (max-width:980px){.head h1.long.xlong{font-size:clamp(32px,9vw,60px)}}
/* [prod-add Oct 31] the impact shake (translate up to 14px) must not open a sideways scroll at 390px */
html:has(body.ro-td),body.ro-td{overflow-x:clip}