/* ============================================================
   TigerTech Brand Book — stylesheet
   The PARENT HOUSE: warm-charcoal canvas, SOLID structural
   surfaces (never glass), the locked orange→maroon gradient,
   Conthrax-forward display. Engineered, confident, premium.
   ============================================================ */

/* ---------- Fonts ---------- */
@font-face { font-family:"Raleway"; font-weight:300; font-display:swap; src:url("../../assets/fonts/Raleway-Light.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-weight:400; font-display:swap; src:url("../../assets/fonts/Raleway-Regular.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-style:italic; font-weight:400; font-display:swap; src:url("../../assets/fonts/Raleway-Italic.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-weight:500; font-display:swap; src:url("../../assets/fonts/Raleway-Medium.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-weight:600; font-display:swap; src:url("../../assets/fonts/Raleway-SemiBold.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-weight:700; font-display:swap; src:url("../../assets/fonts/Raleway-Bold.ttf") format("truetype"); }
@font-face { font-family:"Raleway"; font-weight:800; font-display:swap; src:url("../../assets/fonts/Raleway-ExtraBold.ttf") format("truetype"); }
@font-face { font-family:"Conthrax"; font-weight:600; font-display:swap; src:url("../../assets/fonts/conthrax-sb.ttf") format("truetype"); }

:root{
  --orange:#F58120; --ember:#E67320; --burnt:#C8551E; --rust:#9E2514; --maroon:#8E0D0F;
  --grad:linear-gradient(180deg,#F58120 0%,#E67320 17%,#C8551E 47%,#9E2514 86%,#8E0D0F 100%);
  --grad-h:linear-gradient(90deg,#F58120 0%,#C8551E 55%,#8E0D0F 100%);
  --paper:#FAF6F2; --sand:#EFE7E0; --stone:#D8CCC2; --taupe:#B0A298; --clay:#847568; --umber:#574B42; --bark:#2E2620; --ink:#1A1411;
  --bg-top:#17120F; --bg-bot:#0E0B09; --surface:#211A15; --surface-2:#2A211B; --border:#3A2E26; --border-soft:#2A2018;
  --t1:#F7F1EC; --t2:#C9BDB3; --t3:#93857A; --t4:#6F6258;
  --ok:#36C977; --err:#FF5B63; --warn:#FFC53D; --info:#5B9BE8;
  --disp:"Conthrax",sans-serif; --sans:"Raleway",ui-sans-serif,system-ui,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--sans); color:var(--t1); line-height:1.6; font-weight:400;
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bot)); background-attachment:fixed;
  -webkit-font-smoothing:antialiased; letter-spacing:.005em;
}
::selection{background:rgba(245,129,32,.3); color:#fff;}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%;}
.grad-text{background:var(--grad-h); -webkit-background-clip:text; background-clip:text; color:transparent;}

/* fixed ambient warm glow */
.bg-glow{position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(900px 640px at 82% -8%, rgba(245,129,32,.12), transparent 60%),
             radial-gradient(700px 520px at 6% 102%, rgba(142,13,15,.10), transparent 60%);}
.page{position:relative; z-index:2;}

/* ===== shell ===== */
.shell{display:grid; grid-template-columns:250px 1fr;}
.nav{position:sticky; top:0; align-self:start; height:100vh; z-index:5;
  background:rgba(14,11,9,.7); backdrop-filter:blur(10px); border-right:1px solid var(--border-soft);
  display:flex; flex-direction:column; padding:26px 0;}
.nav-brand{display:flex; align-items:center; gap:11px; padding:0 22px 22px;}
.nav-brand img{height:30px; width:auto;}
.nav-scroll{overflow-y:auto; flex:1; padding:6px 0;}
.nav-scroll::-webkit-scrollbar{width:7px;}
.nav-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1); border-radius:4px;}
.nav a{display:flex; align-items:center; gap:12px; padding:9px 22px; font-size:13.5px; color:var(--t3); font-weight:500;
  transition:color .2s, background .2s; border-left:2px solid transparent;}
.nav a:hover{color:var(--t1); background:rgba(255,255,255,.03);}
.nav a.active{color:#fff; border-left-color:var(--orange); background:rgba(245,129,32,.10);}
.nav a .ix{font-family:var(--disp); font-size:10px; color:var(--t4); min-width:22px; letter-spacing:.03em;}
.nav a.active .ix{color:var(--orange);}
.nav-foot{padding:18px 22px 0; border-top:1px solid var(--border-soft); margin-top:8px; font-size:11px; color:var(--t4); line-height:1.7;}
.content{min-width:0;}

/* ===== cover ===== */
.cover{position:relative; min-height:100vh; overflow:hidden; display:flex; flex-direction:column; justify-content:center;
  padding:0 clamp(40px,7vw,110px);}
.cover .leftbar{position:absolute; left:0; top:0; bottom:0; width:10px; background:var(--grad); z-index:6;}
.cover .crown-bg{position:absolute; right:-8%; top:50%; transform:translateY(-50%); width:60%; max-width:780px; z-index:1;
  opacity:.06; pointer-events:none;}
.cover .gridlines{position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(245,129,32,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(245,129,32,.06) 1px, transparent 1px);
  background-size:46px 46px; mask-image:radial-gradient(120% 90% at 60% 40%, #000 30%, transparent 80%);
  -webkit-mask-image:radial-gradient(120% 90% at 60% 40%, #000 30%, transparent 80%);}
.cover .topmark{position:absolute; top:38px; right:clamp(40px,7vw,110px); display:flex; align-items:center; gap:12px; z-index:6;}
.cover .topmark img{height:34px; width:auto;}
.cover-inner{position:relative; z-index:5; max-width:880px;}
.cover .eyebrow{font-size:13px; letter-spacing:.3em; text-transform:uppercase; color:var(--orange); font-weight:700; margin-bottom:30px;}
.cover h1{font-family:var(--disp); font-weight:600; font-size:clamp(46px,8vw,104px); line-height:1; letter-spacing:.01em; margin:0; color:#fff;}
.cover h1 .l2{display:block; background:var(--grad-h); -webkit-background-clip:text; background-clip:text; color:transparent;}
.cover .sub{font-size:clamp(15px,1.7vw,19px); line-height:1.55; color:var(--t2); margin:32px 0 0; max-width:480px;}
.cover .meta-card{position:absolute; right:clamp(40px,7vw,110px); bottom:60px; width:272px; z-index:6;
  background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:20px 24px; box-shadow:0 16px 40px rgba(0,0,0,.4);}
.cover .meta-card .crow{display:flex; justify-content:space-between; align-items:baseline; padding:8px 0;}
.cover .meta-card .crow + .crow{border-top:1px solid var(--border-soft);}
.cover .meta-card .k{font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--t4);}
.cover .meta-card .v{font-size:13px; color:var(--t1); font-weight:600;}
.cover .scroll-hint{position:absolute; left:clamp(40px,7vw,110px); bottom:40px; z-index:6; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--t4); display:flex; align-items:center; gap:10px;}
.cover .scroll-hint .ln{width:40px; height:1px; background:var(--t4);}

/* ===== sections ===== */
.section{position:relative; padding:96px clamp(40px,7vw,104px); border-top:1px solid var(--border-soft); max-width:1320px;}
.section.divider::before{content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,129,32,.5), transparent);}
.sec-head{display:flex; align-items:baseline; gap:18px; margin-bottom:14px;}
.sec-num{font-family:var(--disp); font-size:14px; color:var(--orange); letter-spacing:.04em;}
.sec-kicker{font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--t3); font-weight:600;}
.section h2{font-family:var(--disp); font-size:clamp(28px,4vw,44px); font-weight:600; letter-spacing:.005em; line-height:1.08; margin:0 0 22px; max-width:20ch;}
.section h2.sans{font-family:var(--sans); font-weight:800; letter-spacing:-.02em;}
.lead{font-size:clamp(16px,1.8vw,19px); line-height:1.62; color:var(--t2); max-width:62ch;}
.lead.tight{max-width:54ch;}
p{text-wrap:pretty;}
.muted{color:var(--t3);}
.body-copy{font-size:15.5px; line-height:1.7; color:var(--t2); max-width:60ch;}
.eyebrow-sm{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--t3); font-weight:700; margin:0 0 12px;}
.mt-18{margin-top:18px;} .mt-28{margin-top:28px;} .mt-40{margin-top:40px;}

.card{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:26px;}
.grid{display:grid; gap:18px;}
.g2{grid-template-columns:repeat(2,1fr);} .g3{grid-template-columns:repeat(3,1fr);} .g4{grid-template-columns:repeat(4,1fr);}

/* tagline block */
.tagline-wrap{margin:40px 0 8px;}
.tagline{font-family:var(--disp); font-weight:600; font-size:clamp(34px,5.4vw,64px); line-height:1.02; letter-spacing:.01em;}
.tagline-note{font-size:13px; color:var(--t3); margin-top:14px;}
.pillrow{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px;}
.pill{font-size:13px; font-weight:600; color:var(--t1); padding:8px 16px; border-radius:999px; border:1px solid var(--border); background:var(--surface);}

/* three-up value cards */
.three-up .card h3{margin:14px 0 8px; font-size:18px; font-weight:700;}
.three-up .card p{margin:0; font-size:14px; line-height:1.6; color:var(--t2);}
.actword{font-family:var(--disp); font-size:12px; letter-spacing:.05em; color:var(--orange);}

/* ===== brand architecture ===== */
.arch{margin-top:14px;}
.arch .house{display:flex; flex-direction:column; align-items:center; gap:0;}
.arch .house-node{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:26px 34px; text-align:center; position:relative; overflow:hidden;}
.arch .house-node::before{content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--grad);}
.arch .house-node .lbl{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--orange); font-weight:700; margin-bottom:8px;}
.arch .house-node .nm{font-family:var(--disp); font-size:26px; font-weight:600; color:#fff;}
.arch .house-node .ds{font-size:13px; color:var(--t3); margin-top:6px;}
.arch .connector{width:1px; height:34px; background:linear-gradient(var(--orange), transparent);}
.arch .products{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; width:100%;}
.prod{background:var(--surface); border:1px solid var(--border); border-radius:13px; padding:20px; position:relative;}
.prod.flagship{border-color:rgba(245,129,32,.45); background:linear-gradient(180deg, rgba(245,129,32,.07), var(--surface));}
.prod .tag{font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; padding:3px 8px; border-radius:5px; display:inline-block; margin-bottom:12px;}
.prod.flagship .tag{background:rgba(245,129,32,.18); color:#ffb877; border:1px solid rgba(245,129,32,.4);}
.prod .tag.sol{background:rgba(255,255,255,.05); color:var(--t3); border:1px solid var(--border);}
.prod h4{margin:0 0 6px; font-size:16px; font-weight:700;}
.prod p{margin:0; font-size:12.5px; line-height:1.5; color:var(--t2);}
.arch-note{font-size:13.5px; color:var(--t2); margin-top:22px; max-width:70ch; line-height:1.6;}

/* ===== logo ===== */
.logo-stage{position:relative; border-radius:18px; overflow:hidden; min-height:280px;
  background:radial-gradient(circle at 50% 40%, rgba(245,129,32,.12), transparent 62%), linear-gradient(180deg,#1c1612,#120d0a);
  border:1px solid var(--border); display:flex; align-items:center; justify-content:center; padding:40px;}
.logo-stage img{height:96px; width:auto;}
.spec-list{list-style:none; padding:0; margin:0;}
.spec-list li{display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--border-soft); font-size:14px;}
.spec-list li:last-child{border-bottom:0;}
.spec-list .k{color:var(--t3);} .spec-list .v{color:var(--t1); font-weight:600; text-align:right;}
.spec-list .mono{font-family:var(--mono); font-size:13px;}
.variant-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.variant{border-radius:13px; border:1px solid var(--border-soft); overflow:hidden;}
.variant .vis{height:128px; display:flex; align-items:center; justify-content:center; padding:20px;}
.variant .vis.dark{background:linear-gradient(180deg,#1c1612,#120d0a);}
.variant .vis.light{background:var(--paper);}
.variant .vis.gradient{background:var(--grad);}
.variant .vis img{max-height:62px; width:auto;}
.variant .cap{font-size:12px; color:var(--t3); padding:10px 14px; border-top:1px solid var(--border-soft);}

/* misuse */
.dont-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.dont{border-radius:13px; border:1px solid var(--border-soft); overflow:hidden;}
.dont .vis{height:120px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#1c1612,#120d0a); position:relative; overflow:hidden;}
.dont .vis img{max-height:48px; width:auto;}
.dont .wm{font-family:var(--disp); font-weight:600; letter-spacing:.05em; color:#fff; font-size:22px;}
.dont .x{position:absolute; top:10px; right:10px; width:22px; height:22px; border-radius:50%; background:rgba(255,91,99,.18); border:1px solid rgba(255,91,99,.5); color:#ff9a9a; font-size:13px; display:flex; align-items:center; justify-content:center; font-weight:700;}
.dont .cap{font-size:12.5px; color:var(--t2); padding:11px 14px; border-top:1px solid var(--border-soft);}
.dont .cap b{color:#ff9a9a; font-weight:700;}

/* ===== color ===== */
.grad-hero{height:120px; border-radius:14px; background:var(--grad-h); position:relative; overflow:hidden; box-shadow:0 14px 36px rgba(200,85,30,.25);}
.grad-hero .stops{position:absolute; inset:0; display:flex;}
.grad-hero .stops span{flex:1; display:flex; align-items:flex-end; padding:12px; font-family:var(--mono); font-size:12px; color:#fff; font-weight:600; text-shadow:0 1px 4px rgba(0,0,0,.4);}
.swatches{display:grid; grid-template-columns:repeat(6,1fr); gap:12px;}
.swatches.n{grid-template-columns:repeat(9,1fr);}
.swatch{border-radius:11px; overflow:hidden; border:1px solid var(--border-soft);}
.swatch .chip{height:74px;} .swatch .m{padding:9px 11px; background:var(--surface);}
.swatch .nm{font-size:12px; font-weight:600; color:var(--t1);} .swatch .hx{font-family:var(--mono); font-size:10.5px; color:var(--t3); margin-top:2px;}
.signal-row{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
.signal{border-radius:12px; padding:16px; background:var(--surface); border:1px solid var(--border);}
.signal .dot{width:14px; height:14px; border-radius:50%; margin-bottom:12px;}
.signal .sn{font-size:13px; font-weight:700;} .signal .sr{font-size:11.5px; color:var(--t3); margin-top:2px;}
.ratio{display:flex; height:52px; border-radius:12px; overflow:hidden; border:1px solid var(--border-soft); font-size:12px; font-weight:600;}
.ratio span{display:flex; align-items:center; justify-content:center; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.5);}

/* ===== type ===== */
.type-pair{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.type-card{border-radius:14px; padding:28px; background:var(--surface); border:1px solid var(--border);}
.type-card .disp{font-family:var(--disp); font-size:clamp(44px,7vw,80px); line-height:1; font-weight:600; letter-spacing:.02em;}
.type-card .disp.grad{background:var(--grad-h); -webkit-background-clip:text; background-clip:text; color:transparent;}
.type-card .body{font-size:clamp(38px,6vw,64px); font-weight:800; letter-spacing:-.01em;}
.type-card .meta{font-size:12.5px; color:var(--t3); margin-top:16px; line-height:1.7;}
.type-card .meta b{color:var(--t2);}
.weights{display:flex; gap:20px; margin-top:14px; flex-wrap:wrap;}
.weights span{font-size:13px; color:var(--t2);}
.scale-row{display:flex; align-items:baseline; gap:18px; padding:14px 0; border-bottom:1px solid var(--border-soft);}
.scale-row:last-child{border-bottom:0;}
.scale-row .name{width:110px; font-size:12px; color:var(--t3); text-transform:uppercase; letter-spacing:.08em; flex:none;}
.scale-row .spec{width:104px; font-family:var(--mono); font-size:12px; color:var(--t4); flex:none;}
.scale-row .samp{color:var(--t1); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* ===== voice ===== */
.voice-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.voice-card .vh{display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.voice-card .vh .n{font-family:var(--disp); font-size:12px; color:var(--orange);}
.voice-card h3{margin:0; font-size:17px; font-weight:700;}
.voice-card p{margin:0; font-size:14px; line-height:1.6; color:var(--t2);}
.do-dont{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:14px;}
.dd{border-radius:13px; padding:20px 22px; border:1px solid var(--border-soft);}
.dd.do{background:rgba(54,201,119,.05); border-color:rgba(54,201,119,.22);}
.dd.no{background:rgba(255,91,99,.05); border-color:rgba(255,91,99,.22);}
.dd h4{margin:0 0 12px; font-size:12px; letter-spacing:.12em; text-transform:uppercase;}
.dd.do h4{color:#7df0a3;} .dd.no h4{color:#ff9a9a;}
.dd ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px;}
.dd li{font-size:14px; line-height:1.5; color:var(--t2); padding-left:22px; position:relative;}
.dd.do li::before{content:"✓"; position:absolute; left:0; color:#7df0a3; font-weight:700;}
.dd.no li::before{content:"✕"; position:absolute; left:0; color:#ff9a9a; font-weight:700;}
.dd li .ex{color:var(--t3); font-style:italic;}

/* ===== values & attributes ===== */
.values-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.value{display:flex; gap:16px; padding:18px 20px; border-radius:13px; background:var(--surface); border:1px solid var(--border);}
.value .ic{width:38px; height:38px; flex:none; border-radius:10px; display:grid; place-items:center; background:var(--grad); color:#fff; font-family:var(--disp); font-size:14px; font-weight:600;}
.value .vt{font-size:15.5px; font-weight:700; margin:0 0 3px;}
.value .vd{font-size:13px; color:var(--t2); margin:0; line-height:1.45;}
.attrs{margin-top:30px;}
.attr-cloud{display:flex; flex-wrap:wrap; gap:12px 16px; align-items:baseline;}
.attr{font-family:var(--disp); font-weight:600; letter-spacing:.01em; line-height:1;}
.attr.w2{font-size:38px; color:#fff;}
.attr.w4{font-size:28px; color:var(--t1);}
.attr.w6{font-size:21px; color:var(--t2);}
.attr.w8{font-size:16px; color:var(--t3);}
.attr.grad{background:var(--grad-h); -webkit-background-clip:text; background-clip:text; color:transparent;}
.attr-note{font-size:12.5px; color:var(--t4); margin-top:18px;}

/* ===== messaging ===== */
.tag-alts{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:14px;}
.tag-alt{padding:18px 22px; border-radius:12px; border:1px solid var(--border-soft); background:var(--surface);}
.tag-alt .t{font-family:var(--disp); font-weight:600; font-size:20px; letter-spacing:.01em;}
.tag-alt .u{font-size:12px; color:var(--t3); margin-top:6px;}
.tag-alt.primary{border-color:rgba(245,129,32,.45);}
.copy-samples{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px;}
.copy-sample{border-radius:12px; border:1px solid var(--border-soft); background:var(--surface); padding:18px 20px;}
.copy-sample .ch{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--orange); font-weight:700; margin-bottom:10px;}
.copy-sample .hl{font-weight:700; font-size:17px; line-height:1.25; margin-bottom:6px;}
.copy-sample .bd{font-size:13px; color:var(--t2); line-height:1.5;}

/* ===== applications ===== */
.app-tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px;}
.app-tab{font-size:13px; font-weight:600; padding:9px 16px; border-radius:999px; border:1px solid var(--border-soft); background:var(--surface); color:var(--t3); cursor:pointer; transition:.2s;}
.app-tab.active{color:#fff; border-color:rgba(245,129,32,.5); background:rgba(245,129,32,.12);}
.app-pane{display:none;} .app-pane.active{display:block; animation:fade .3s ease;}
@keyframes fade{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}
.mock-row{display:grid; gap:18px;} .social-3{grid-template-columns:repeat(3,1fr);}
.ig{border-radius:14px; overflow:hidden; border:1px solid var(--border-soft); background:var(--surface);}
.ig .post{aspect-ratio:1; position:relative; overflow:hidden; padding:22px; display:flex; flex-direction:column;}
.ig .post.dk{background:radial-gradient(120% 100% at 85% -10%, rgba(245,129,32,.22), transparent 55%), linear-gradient(180deg,#1c1612,#120d0a);}
.ig .post.grad{background:var(--grad);}
.ig .post.lightpost{background:var(--paper);}
.ig .post .tag{display:flex; align-items:center; gap:8px;}
.ig .post .tag img{height:22px; width:auto;}
.ig .post .big{margin-top:auto; font-family:var(--disp); font-weight:600; font-size:24px; line-height:1.1; letter-spacing:.01em;}
.ig .post.dk .big, .ig .post.grad .big{color:#fff;} .ig .post.lightpost .big{color:var(--ink);}
.ig .post .small{font-size:12px; margin-top:10px;}
.ig .post.dk .small{color:var(--t2);} .ig .post.grad .small{color:rgba(255,255,255,.85);} .ig .post.lightpost .small{color:var(--clay);}
.ig .meta{padding:12px 16px; border-top:1px solid var(--border-soft); font-size:12px; color:var(--t3);}
.email{border-radius:14px; overflow:hidden; border:1px solid var(--border-soft); max-width:520px; background:#14100c;}
.email .ehead{padding:24px 30px; background:radial-gradient(circle at 25% 0%, rgba(245,129,32,.2), transparent 60%), linear-gradient(180deg,#1c1612,#14100c); border-bottom:1px solid var(--border-soft);}
.email .ehead img{height:26px; width:auto;}
.email .ebody{padding:30px;}
.email .ebody h3{margin:0 0 12px; font-family:var(--disp); font-size:22px; font-weight:600;}
.email .ebody p{margin:0 0 18px; font-size:14px; line-height:1.65; color:var(--t2);}
.email .cta{display:inline-block; padding:12px 22px; border-radius:10px; background:#b8481a; color:#fff; font-weight:700; font-size:14px;}
.email .efoot{padding:18px 30px; border-top:1px solid var(--border-soft); font-size:11px; color:var(--t4);}
.ad-row{display:flex; flex-wrap:wrap; gap:18px; align-items:flex-start;}
.ad{border-radius:12px; overflow:hidden; border:1px solid var(--border-soft); position:relative; background:linear-gradient(160deg,#1c1612,#120d0a);}
.ad .leftbar{position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--grad);}
.ad-300{width:300px; height:250px; padding:26px; display:flex; flex-direction:column;}
.ad-728{width:100%; max-width:560px; height:90px; padding:0 24px; display:flex; align-items:center; gap:20px;}
.ad .tag{display:flex; align-items:center; gap:8px;} .ad .tag img{height:22px; width:auto;}
.ad-300 .h{margin-top:auto; font-family:var(--disp); font-weight:600; font-size:22px; line-height:1.12; letter-spacing:.01em;}
.ad-300 .cta{margin-top:14px; align-self:flex-start; font-size:12px; font-weight:700; padding:8px 16px; border-radius:8px; background:#fff; color:var(--ink);}
.ad-728 .h{font-family:var(--disp); font-weight:600; font-size:18px;}
.ad-728 .cta{margin-left:auto; font-size:12px; font-weight:700; padding:9px 18px; border-radius:8px; background:#b8481a; color:#fff; white-space:nowrap;}
.ad-size-tag{font-size:11px; color:var(--t4); margin-top:8px;}
.deck{border-radius:13px; overflow:hidden; border:1px solid var(--border-soft); position:relative; aspect-ratio:16/9; background:linear-gradient(160deg,#1c1612,#120d0a); padding:34px; display:flex; flex-direction:column;}
.deck .tag{display:flex; align-items:center; gap:9px;} .deck .tag img{height:24px; width:auto;}
.deck .title{margin-top:auto; font-family:var(--disp); font-weight:600; font-size:28px; line-height:1.08; letter-spacing:.01em; color:#fff;}
.deck .foot{margin-top:16px; font-size:12px; color:var(--t3);}
.deck.contentdeck .title{font-size:22px; margin-top:18px;}
.deck .stat-row{display:flex; gap:26px; margin-top:auto;}
.deck .stat .n{font-family:var(--disp); font-weight:600; font-size:30px; background:var(--grad-h); -webkit-background-clip:text; background-clip:text; color:transparent;}
.deck .stat .l{font-size:11px; color:var(--t3); margin-top:2px;}

/* ===== asset kit ===== */
.kit{border-radius:18px; border:1px solid var(--border); overflow:hidden; background:linear-gradient(160deg,#1d1611,#120d0a);}
.kit .kit-head{padding:34px 36px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; border-bottom:1px solid var(--border-soft);}
.kit .kit-head .ttl{font-family:var(--disp); font-weight:600; font-size:24px;}
.kit .kit-head p{margin:6px 0 0; font-size:14px; color:var(--t2); max-width:46ch;}
.kit .dl-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:12px; background:#b8481a; color:#fff; font-weight:700; font-size:15px; box-shadow:0 12px 30px rgba(184,72,26,.3); white-space:nowrap;}
.kit .kit-body{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border-soft);}
.kit .kit-item{background:#120d0a; padding:22px 24px;}
.kit .kit-item .ic{font-family:var(--disp); font-size:11px; color:var(--orange); letter-spacing:.04em;}
.kit .kit-item h4{margin:10px 0 6px; font-size:15px; font-weight:700;}
.kit .kit-item p{margin:0; font-size:12.5px; color:var(--t3); line-height:1.5;}

/* footer */
.foot{padding:60px clamp(40px,7vw,104px) 80px; border-top:1px solid var(--border-soft);}
.foot img{height:32px; width:auto; margin-bottom:18px;}
.foot p{font-size:13px; color:var(--t3); margin:0 0 6px; max-width:60ch; line-height:1.6;}
.foot .legal{font-size:11px; color:var(--t4); margin-top:22px;}

@media (max-width:1080px){
  .shell{grid-template-columns:1fr;}
  .nav{position:static; height:auto; flex-direction:row; align-items:center; overflow-x:auto; padding:14px 16px;}
  .nav-brand{padding:0 16px 0 0;} .nav-scroll{display:flex;} .nav a{border-left:0; border-bottom:2px solid transparent; white-space:nowrap;}
  .nav a.active{border-left:0; border-bottom-color:var(--orange);} .nav a .ix{display:none;} .nav-foot{display:none;}
  .cover .meta-card{position:static; width:auto; max-width:300px; margin-top:40px;} .cover{padding-top:120px; padding-bottom:60px;}
  .g4,.swatches,.swatches.n,.kit .kit-body,.arch .products{grid-template-columns:repeat(2,1fr);}
  .g3,.g2,.variant-grid,.dont-grid,.voice-grid,.social-3,.copy-samples,.do-dont,.tag-alts,.signal-row,.type-pair,.values-grid{grid-template-columns:1fr;}
}