/* ============================================================
   Codeswitch Studio · 通译 Tōngyì
   Calligraphy-informed editorial system — Red & Ink (locked palette)
   Techniques cited from the calligraphy lookbook are tagged inline:
   #3 田字格 grid · #6 xuan paper · #7 stone rubbing · #10 ink wash
   #11 vertical column · #12 hanging scroll · #16 seal/chop
   ============================================================ */
@import url('fonts.css');

:root{
  --ink:#0A0A0A; --panel:#161414; --panel-2:#1D1A19; --hair:#2E2626;
  --paper:#F5F1EA; --paper-2:#EFEADF; --paper-mu:#E6DCCB; --paper-line:#D8CBB2;
  --cream:#F5F1EA; --cream-mu:#C9A9A9;
  --red:#D62828; --red-b:#E8534A; --red-deep:#8C1414;
  --gold:#C9A227; --gold-l:#E8C468;
  --ink-text:#241F1A; --ink-text-mu:#6B5F52; --ink-text-soft:#4A423B;
  --on-dark:#F5F1EA; --on-dark-mu:#C9A9A9;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter','Noto Sans SC',sans-serif;color:var(--ink-text);background:var(--paper);width:1440px;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Fraunces',serif;color:var(--ink-text);font-weight:700;line-height:1.1;}
.cjk{font-family:'Noto Sans SC','Inter',sans-serif;}
.brush{font-family:'Brush','Noto Sans SC',serif;}
.brush-run{font-family:'Brush Run','Noto Sans SC',serif;}
.mono{font-family:'JetBrains Mono',monospace;}
.section{padding:104px 120px;position:relative;}

/* ---- Eyebrow with seal marker (#16) ---- */
.eyebrow{display:flex;align-items:center;gap:11px;font-family:'JetBrains Mono',monospace;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:500;}
.eyebrow::before{content:"";width:9px;height:9px;background:var(--red);border-radius:2px;flex-shrink:0;
  box-shadow:inset 0 0 0 1px rgba(245,241,234,.35);}
.eyebrow.on-dark{color:var(--red-b);}
.eyebrow.on-dark::before{background:var(--red-b);}

/* ---- Textures ---- */
.tex-xuan{ /* #6 fibrous rice paper */
  background-image:
    radial-gradient(circle, rgba(36,31,26,.045) .6px, transparent 1px) 0 0/7px 7px,
    radial-gradient(circle, rgba(36,31,26,.03) .5px, transparent 1px) 3px 4px/11px 11px;}
.tex-stone{ /* #7 stone rubbing speckle on dark */
  background-image:
    radial-gradient(circle, rgba(245,241,234,.05) .6px, transparent 1.1px) 0 0/6px 6px,
    radial-gradient(circle, rgba(245,241,234,.035) .5px, transparent 1px) 3px 3px/10px 10px;}

/* ---- 田字格 character grid (#3) ---- */
.tian{position:relative;border:1.5px solid rgba(201,169,169,.30);}
.tian::before,.tian::after{content:"";position:absolute;background-image:linear-gradient(rgba(201,169,169,.32),rgba(201,169,169,.32));}
.tian::before{left:50%;top:0;bottom:0;width:1px;transform:translateX(-.5px);
  background:repeating-linear-gradient(to bottom, rgba(201,169,169,.4) 0 7px, transparent 7px 14px);}
.tian::after{top:50%;left:0;right:0;height:1px;transform:translateY(-.5px);
  background:repeating-linear-gradient(to right, rgba(201,169,169,.4) 0 7px, transparent 7px 14px);}
.tian.on-paper{border-color:rgba(107,95,82,.28);}
.tian.on-paper::before{background:repeating-linear-gradient(to bottom, rgba(107,95,82,.30) 0 7px, transparent 7px 14px);}
.tian.on-paper::after{background:repeating-linear-gradient(to right, rgba(107,95,82,.30) 0 7px, transparent 7px 14px);}

/* ---- Seal / chop (#16) — matte cinnabar, character reversed out ---- */
.seal{position:relative;display:inline-flex;align-items:center;justify-content:center;
  font-family:'Brush','Noto Sans SC',serif;line-height:1;color:var(--paper);
  background:radial-gradient(130% 130% at 50% 40%, #DE3A32 0%, #D0221F 52%, #A81B1B 100%);
  box-shadow:inset 0 0 14px rgba(120,16,16,.45), inset 0 0 0 1px rgba(245,241,234,.05);}
.seal::after{content:"";position:absolute;inset:9%;border:1.5px solid rgba(245,241,234,.30);border-radius:inherit;pointer-events:none;}
.seal>span{transform:translateY(.015em);}
.seal.paper{background:var(--paper);color:var(--red);box-shadow:inset 0 0 0 5px var(--red);}
.seal.paper::after{border-color:rgba(214,40,40,.25);}
.seal.round{border-radius:50%;}
.seal.s28{width:28px;height:28px;border-radius:6px;font-size:20px;}
.seal.s34{width:34px;height:34px;border-radius:7px;font-size:24px;}
.seal.s40{width:40px;height:40px;border-radius:8px;font-size:29px;}
.seal.s54{width:54px;height:54px;border-radius:11px;font-size:38px;}
.seal.s58{width:58px;height:58px;border-radius:12px;font-size:41px;}
.seal.s64{width:64px;height:64px;border-radius:12px;font-size:45px;}
.seal.s28::after,.seal.s34::after,.seal.s40::after{border-width:1px;inset:10%;}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:9px;font-family:'Inter',sans-serif;
  font-weight:600;font-size:15px;text-decoration:none;transition:transform .1s;}
.btn.primary{background:var(--red);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 1px 0 rgba(140,20,20,.6);}
.btn.primary::before{content:"通";font-family:'Brush',serif;font-size:15px;color:rgba(255,255,255,.9);
  width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(140,20,20,.45);border-radius:4px;}
.btn.ghost{background:transparent;color:var(--on-dark);box-shadow:inset 0 0 0 1.5px var(--hair);}
.btn.ghost.on-paper{color:var(--ink-text);box-shadow:inset 0 0 0 1.5px var(--paper-line);}
.more-link{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;text-decoration:none;color:var(--on-dark-mu);}

/* ============================ NAV ============================ */
.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 120px;position:relative;z-index:6;}
.brandlock{display:flex;align-items:center;gap:13px;text-decoration:none;}
.brandlock .word{font-family:'Fraunces',serif;font-weight:700;font-size:19px;color:var(--on-dark);letter-spacing:-.01em;}
.nav .links{display:flex;gap:34px;align-items:center;}
.nav .links a{color:var(--on-dark-mu);text-decoration:none;font-size:13.5px;font-weight:600;}
.nav .links a.cta{color:var(--on-dark);}
/* language toggle */
.langtoggle{display:inline-flex;gap:2px;border:1px solid var(--hair);border-radius:8px;padding:3px;margin-left:2px;}
.langtoggle a{font-family:'JetBrains Mono','Noto Sans SC',monospace;font-size:12px;line-height:1;padding:6px 11px;border-radius:6px;color:var(--on-dark-mu);text-decoration:none;font-weight:500;}
.langtoggle a.on{background:var(--red);color:#fff;}

/* ============================ HERO ============================ */
.hero{background:var(--ink);position:relative;overflow:hidden;padding-bottom:120px;}
.hero::before{content:"";position:absolute;inset:0; /* #10 ink-wash bloom */
  background:radial-gradient(1100px 640px at 22% -6%, #2A1211 0%, rgba(42,18,17,0) 58%),
             radial-gradient(760px 520px at 100% 30%, rgba(214,40,40,.10) 0%, rgba(214,40,40,0) 60%);}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:center;padding:52px 120px 0;}
.hero h1{font-size:62px;color:var(--on-dark);letter-spacing:-.015em;margin:24px 0 26px;font-weight:900;}
.hero h1 .em{color:var(--red-b);font-style:italic;font-weight:700;}
.hero .sub{font-size:18.5px;line-height:1.62;color:var(--on-dark-mu);max-width:560px;margin-bottom:36px;}
.hero .ctarow{display:flex;align-items:center;gap:22px;}

/* hero figure: brush 通 in a 田字格, signed with the 译 seal (#3 + #16 + #11) */
.hero-figure{position:relative;width:420px;height:420px;justify-self:center;}
.hero-figure .cell{position:absolute;inset:0;border-radius:6px;}
.hero-figure .zi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Brush',serif;font-size:360px;line-height:1;color:var(--on-dark);
  text-shadow:0 0 46px rgba(245,241,234,.10);}
.hero-figure .seal-yi{position:absolute;right:20px;bottom:22px;}
.hero-figure .vcol{position:absolute;left:-52px;top:6px;bottom:6px;writing-mode:vertical-rl; /* #11 vertical column */
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.34em;color:var(--on-dark-mu);
  display:flex;align-items:center;text-transform:uppercase;opacity:.8;}
.hero-figure .vname{position:absolute;right:-30px;top:4px;writing-mode:vertical-rl;font-family:'Noto Sans SC',sans-serif;
  font-size:15px;letter-spacing:.3em;color:var(--gold-l);opacity:.85;}

/* ============================ MISSION ============================ */
.mission{background:var(--paper);}
.mission h2{font-size:36px;margin:16px 0 8px;max-width:660px;}
.mission .lede{font-size:16px;color:var(--ink-text-mu);max-width:560px;line-height:1.6;margin-bottom:52px;}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pillar{background:var(--paper-2);border:1px solid var(--paper-line);border-radius:16px;padding:32px 28px;position:relative;overflow:hidden;}
.pillar .num{font-family:'Brush',serif;font-size:56px;line-height:1;color:var(--red);opacity:.92;margin-bottom:12px;}
.pillar h3{font-size:20px;margin-bottom:11px;font-weight:700;}
.pillar p{font-size:14.5px;line-height:1.62;color:var(--ink-text-soft);}
.pillar .idx{position:absolute;top:20px;right:22px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-text-mu);letter-spacing:.06em;}

/* ============================ PRODUCTS ============================ */
.products{background:var(--paper);border-top:1px solid var(--paper-line);}
.products h2{font-size:36px;margin:16px 0 8px;}
.products .lede{font-size:16px;color:var(--ink-text-mu);max-width:560px;line-height:1.6;margin-bottom:46px;}
.prod-grid{display:flex;flex-direction:column;gap:22px;}
.prod-row{display:flex;gap:22px;}
.card{border:1px solid var(--paper-line);border-radius:18px;overflow:hidden;background:#FBF8F2;display:flex;flex-direction:column;}
.card.featured{flex-direction:row;align-items:stretch;}
.card.featured .img{width:340px;flex-shrink:0;background:var(--ink);overflow:hidden;position:relative;}
.card.featured .img img{width:100%;height:100%;object-fit:cover;display:block;}
.card.featured .body{padding:34px 38px;flex:1;display:flex;flex-direction:column;justify-content:center;}
.card.listed{padding:28px 30px;flex:1;}
.tag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;
  letter-spacing:.08em;padding:6px 12px 6px 8px;border-radius:6px;margin-bottom:14px;width:fit-content;text-transform:uppercase;}
.tag::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--red);flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(245,241,234,.4);}
.tag.featured{background:rgba(214,40,40,.09);color:var(--red-deep);}
.tag.prod{background:rgba(201,162,39,.12);color:#8A6D14;}
.tag.prod::before{background:var(--gold);}
.tag.listed{background:rgba(107,95,82,.09);color:var(--ink-text-mu);}
.tag.listed::before{background:var(--ink-text-mu);}
.card h3{font-size:24px;margin-bottom:10px;}
.card.listed h3{font-size:19px;}
.card p{font-size:14.5px;line-height:1.62;color:var(--ink-text-soft);margin-bottom:16px;}
.card.listed p{font-size:13.5px;}
.card .link{font-family:'Inter',sans-serif;font-size:13.5px;font-weight:700;color:var(--red);text-decoration:none;}
.chow-panel{background:linear-gradient(150deg,#1C1A19,#0A0A0A);display:flex;align-items:center;justify-content:center;position:relative;}
.chow-panel .dish{font-family:'Brush',serif;color:var(--gold-l);font-size:76px;}
.chow-panel .seal{position:absolute;right:22px;bottom:22px;}

/* ============================ HOW WE BUILD ============================ */
.build{background:var(--ink);color:var(--on-dark);}
.build h2{color:var(--on-dark);font-size:36px;margin:16px 0 14px;max-width:620px;}
.build .lede{color:var(--on-dark-mu);font-size:16.5px;max-width:640px;line-height:1.62;margin-bottom:14px;}
.classic{font-family:'Brush Run',serif;font-size:26px;color:var(--gold-l);letter-spacing:.06em;margin:2px 0 46px;opacity:.92;}
.classic .src{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--on-dark-mu);letter-spacing:.1em;margin-left:14px;vertical-align:middle;text-transform:uppercase;}

/* Flat Node System (locked) — reskinned with role seals + 田字格 */
.diagram{background:var(--panel);border:1px solid var(--hair);border-radius:20px;padding:40px 44px 32px;margin-bottom:22px;position:relative;}
.pill-wrap{text-align:center;margin-bottom:4px;}
.pill{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;
  color:var(--on-dark-mu);background:var(--ink);border:1px solid var(--hair);border-radius:999px;padding:8px 18px;}
.pill b{color:var(--on-dark);font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:0;}
.pill .zi{font-family:'Brush',serif;color:var(--gold-l);font-size:16px;}
.stemrow{display:flex;justify-content:space-around;height:26px;}
.stem{width:1px;background:repeating-linear-gradient(to bottom,#463838 0 4px,transparent 4px 8px);}
.node-row{position:relative;display:flex;align-items:flex-start;padding:8px 0;}
.node-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px;border-radius:14px;}
.node-col .badge{position:relative;width:88px;height:88px;}
.node-col .badge .seal{width:100%;height:100%;border-radius:16px;font-size:52px;}
.node-col.archivist .badge .seal{background:radial-gradient(130% 130% at 50% 40%,#D9B23A,#C9A227 52%,#A8871E 100%);color:#1A1206;box-shadow:inset 0 0 14px rgba(120,90,10,.4);}
.node-col.archivist .badge .seal::after{border-color:rgba(26,18,6,.30);}
.node-col.builder .badge .seal{background:radial-gradient(130% 130% at 50% 40%,#FBF8F2,#EDE6DA 60%,#D8CBB2 100%);color:#241F1A;box-shadow:inset 0 0 12px rgba(120,100,70,.25);}
.node-col.builder .badge .seal::after{border-color:rgba(36,31,26,.18);}
.node-col .tag2{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--on-dark-mu);letter-spacing:.08em;}
.node-col .title{font-family:'Fraunces',serif;font-weight:700;color:var(--on-dark);font-size:17px;}
.node-col .hint{font-size:10.5px;color:#6E5A5A;font-family:'Inter';}
.flowarrow{position:absolute;top:34px;font-size:19px;color:#4A3B3B;}
.flowarrow.a1{left:calc(33.333% - 9px);}
.flowarrow.a2{left:calc(66.666% - 9px);}
.detail-panel{background:var(--ink);border:1px solid var(--hair);border-radius:14px;padding:26px 30px;}
.detail-panel .dp-tag{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--red-b);letter-spacing:.08em;margin-bottom:9px;text-transform:uppercase;}
.detail-panel h4{color:var(--on-dark);font-size:18px;margin-bottom:9px;display:flex;align-items:center;gap:12px;}
.detail-panel h4 .zi{font-family:'Brush',serif;color:var(--gold-l);font-size:26px;}
.detail-panel p{color:var(--on-dark-mu);font-size:13.5px;line-height:1.62;max-width:780px;}
.detail-panel .ex{margin-top:11px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--gold-l);}
.diagram-more{text-align:center;margin-top:18px;}
.diagram-more a{color:var(--on-dark-mu);font-size:12.5px;font-weight:600;text-decoration:none;border-bottom:1px dashed var(--hair);padding-bottom:2px;}

/* built-on strip */
.stack{margin-top:34px;}
.stack .cap{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--on-dark-mu);letter-spacing:.1em;text-align:center;margin-bottom:16px;text-transform:uppercase;}
.badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.badge-tool{display:flex;align-items:center;gap:9px;border:1px solid var(--hair);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--on-dark-mu);}
.badge-tool .dot{width:7px;height:7px;border-radius:2px;}

/* ============================ CONSULTING ============================ */
.consult{background:var(--ink);color:var(--on-dark);text-align:center;position:relative;overflow:hidden;}
.consult::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 420px at 50% 120%, rgba(214,40,40,.14), transparent 62%);}
.consult .inner{position:relative;max-width:680px;margin:0 auto;}
.consult h2{color:var(--on-dark);font-size:34px;margin:18px 0 18px;}
.consult p{font-size:16.5px;color:var(--on-dark-mu);line-height:1.62;margin:0 auto 34px;max-width:560px;}
.consult .eyebrow{justify-content:center;}

/* ============================ FOOTER ============================ */
footer{background:var(--ink);padding:46px 120px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair);}
footer .brandlock .word{font-size:16px;}
footer .fl{display:flex;gap:28px;}
footer .fl a{color:var(--on-dark-mu);font-size:12.5px;text-decoration:none;font-weight:600;}
footer .copy{color:#6E5A5A;font-size:11.5px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em;}

/* generic seal-section marker used on paper sections */
.mark-cn{font-family:'Brush',serif;position:absolute;color:rgba(36,31,26,.05);font-size:200px;line-height:1;pointer-events:none;user-select:none;}

/* ============================================================
   HOW WE BUILD — full detail page
   ============================================================ */
.page-head{background:var(--ink);color:var(--on-dark);padding:26px 120px 92px;position:relative;overflow:hidden;}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 560px at 16% 0%, #2A1211 0%, rgba(42,18,17,0) 60%);}
.page-head .inner{position:relative;max-width:820px;}
.page-head h1{font-size:52px;color:var(--on-dark);font-weight:900;margin:18px 0 22px;letter-spacing:-.015em;}
.page-head p{color:var(--on-dark-mu);font-size:16.5px;line-height:1.64;max-width:700px;}
/* vertical column brand rail on the masthead (#11) */
.page-head .rail{position:absolute;top:30px;right:120px;bottom:40px;display:flex;gap:20px;align-items:stretch;}
.page-head .rail .col{writing-mode:vertical-rl;font-family:'Noto Sans SC',sans-serif;font-size:20px;letter-spacing:.34em;color:var(--gold-l);opacity:.9;}
.page-head .rail .brushcol{writing-mode:vertical-rl;font-family:'Brush',serif;font-size:64px;line-height:1.1;color:rgba(245,241,234,.14);}

.roles-full{background:var(--panel);color:var(--on-dark);}
.roles-full h2{color:var(--on-dark);font-size:30px;margin:16px 0 8px;}
.roles-full .lede{color:var(--on-dark-mu);font-size:15.5px;max-width:600px;margin-bottom:38px;line-height:1.6;}
.role-list{display:flex;flex-direction:column;gap:16px;}
.role-item{display:flex;gap:26px;align-items:flex-start;background:#FBF8F2;border:1px solid var(--paper-line);border-radius:16px;padding:26px 30px;}
.role-item.support{background:var(--panel-2);border-color:var(--hair);}
.role-item .badge{width:66px;height:66px;flex-shrink:0;}
.role-item .badge .seal{width:100%;height:100%;border-radius:13px;font-size:40px;}
.role-item .rtag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;}
.role-item .rtag .dot{width:9px;height:9px;border-radius:2px;}
.role-item h3{font-size:19px;margin-bottom:0;}
.role-item p{font-size:14px;line-height:1.66;margin-top:9px;}
.role-item.support h3{color:var(--on-dark);}
.role-item.support p{color:var(--on-dark-mu);}
.role-item.light p{color:var(--ink-text-soft);}
.role-item.light .rtag{color:var(--ink-text-mu);}

/* gold + paper seal variants reused as role badges */
.seal.gold{background:radial-gradient(130% 130% at 50% 40%,#D9B23A,#C9A227 52%,#A8871E 100%);color:#1A1206;box-shadow:inset 0 0 12px rgba(120,90,10,.4);}
.seal.gold::after{border-color:rgba(26,18,6,.28);}
.seal.builder{background:radial-gradient(130% 130% at 50% 40%,#FBF8F2,#EDE6DA 60%,#D8CBB2 100%);color:#241F1A;box-shadow:inset 0 0 12px rgba(120,100,70,.22);}
.seal.builder::after{border-color:rgba(36,31,26,.18);}
.seal.ink{background:radial-gradient(130% 130% at 50% 40%,#2C2724,#1A1613 70%);color:var(--paper);box-shadow:inset 0 0 12px rgba(0,0,0,.5);}
.seal.ink::after{border-color:rgba(245,241,234,.18);}

.tooling{background:var(--paper);}
.tooling h2{font-size:30px;margin:16px 0 12px;}
.tooling .lede{font-size:15.5px;color:var(--ink-text-mu);max-width:680px;line-height:1.6;margin-bottom:32px;}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tool{border:1px solid var(--paper-line);border-radius:14px;padding:22px 24px;background:var(--paper-2);}
.tool .th{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;margin-bottom:8px;color:var(--ink-text);}
.tool .th .dot{width:9px;height:9px;border-radius:2px;}
.tool p{font-size:13px;color:var(--ink-text-mu);line-height:1.58;}

.cases{background:var(--ink);color:var(--on-dark);}
.cases h2{color:var(--on-dark);font-size:30px;margin:16px 0 36px;}
.proofrow{display:flex;gap:24px;align-items:flex-start;}
.proof{flex:1;background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:30px;}
.wf{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.wf .chip{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.05em;
  color:var(--on-dark-mu);border:1px solid var(--hair);border-radius:7px;padding:7px 11px;text-transform:uppercase;}
.wf .chip .d{width:7px;height:7px;border-radius:2px;}
.proof .ph{display:flex;align-items:center;gap:13px;margin-bottom:12px;}
.proof .ph .seal{width:44px;height:44px;border-radius:9px;font-size:28px;flex-shrink:0;}
.proof h4{color:var(--on-dark);font-size:17px;}
.proof p{color:var(--on-dark-mu);font-size:13.5px;line-height:1.64;}
.proof img{width:100%;border-radius:10px;margin-top:18px;border:1px solid var(--hair);display:block;}
.proof .cap{font-size:11.5px;color:var(--on-dark-mu);margin-top:10px;font-style:italic;}