/* ========= tokens (from Figma "Mode 1" variable set) ========= */
:root{
  --bg:#EBEBED;           /* Athens Gray  */
  --bg2:#E3E3E6;
  --bg3:#DADADC;
  --border:#D2D2D5;       /* Iron */
  --dark:#29292B;         /* Shark */
  --dark2:#202022;
  --dark-border:#434345;  /* Ship Gray */
  --lime:#CAF35A;         /* Starship */
  --lime-soft:#EBFFAC;    /* Tidal */
  --green:#0B4912;        /* Dark Fern */
  --text:#000;
  --text-rev:#FFF;

  --u: 0.05249344vw;                 /* 1 design px of the 1905 canvas */
  --gut: calc(158.75 * var(--u));    /* one 12-col unit */
  --font:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
@media (min-width:1905px){ :root{ --u:1px; } }

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:calc(20 * var(--u));
  line-height:calc(28 / 20);
  -webkit-font-smoothing:antialiased;
}
.page{max-width:1905px;margin:0 auto;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ========= type scale ========= */
.h1{font-size:calc(73 * var(--u));line-height:calc(83.95/73);font-weight:400;letter-spacing:-.01em}
.h2{font-size:calc(59 * var(--u));line-height:calc(67.85/59);font-weight:400;letter-spacing:-.01em}
.h3{font-size:calc(30 * var(--u));line-height:calc(39/30);font-weight:400}
.body{font-size:calc(20 * var(--u));line-height:calc(28/20)}
.small{font-size:calc(16 * var(--u));line-height:calc(22.4/16)}
.link{font-size:calc(18.9 * var(--u));line-height:calc(28/18.9)}

/* ========= header ========= */
.hdr{position:sticky;top:0;z-index:50}
.hdr-top{
  display:flex;align-items:stretch;
  height:calc(68 * var(--u));
  background:var(--bg);
  border-bottom:1px solid var(--border);
}
.hdr-logo{display:flex;align-items:center;padding:0 calc(40 * var(--u))}
.hdr-logo img{width:calc(230 * var(--u));height:auto}
.hdr-nav{margin-left:auto;display:flex;align-items:stretch}
.hdr-nav a{display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(36 * var(--u));font-size:calc(20 * var(--u));white-space:nowrap;transition:background .15s}
.hdr-nav a:hover{background:var(--bg2)}
.hdr-nav svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}
.hdr-search{width:calc(84 * var(--u));display:grid;place-items:center;border-left:1px solid var(--border)}
.hdr-search svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}

.hdr-sub{display:flex;align-items:stretch;height:calc(65 * var(--u));background:var(--green);color:var(--text-rev)}
.hdr-sub-title{width:calc(476.25 * var(--u));display:flex;align-items:center;padding-left:calc(40 * var(--u));font-size:calc(20 * var(--u))}
.hdr-sub-links{display:flex;align-items:stretch;gap:calc(38 * var(--u));padding-left:calc(40 * var(--u))}
.hdr-sub-links a{display:flex;align-items:center;font-size:calc(18.9 * var(--u));opacity:.92;white-space:nowrap;border-bottom:calc(3 * var(--u)) solid transparent}
.hdr-sub-links a:hover{opacity:1;border-bottom-color:var(--lime)}
.hdr-cta{margin-left:auto;width:var(--gut);background:var(--lime);color:#000;display:grid;place-items:center;font-size:calc(18.9 * var(--u));transition:background .15s}
.hdr-cta:hover{background:var(--lime-soft)}

/* ========= generic grid helpers ========= */
.inset{margin-left:var(--gut);border-left:1px solid var(--border)}
.rule-t{border-top:1px solid var(--border)}
.rule-b{border-bottom:1px solid var(--border)}

/* ========= 1. hero ========= */
.hero-top{display:flex;height:calc(607.06 * var(--u))}
.hero-top .pad{width:calc(635 * var(--u));background:var(--bg)}
.hero-top .mid{flex:1;border-left:1px solid var(--border);border-right:1px solid var(--border);position:relative;padding:calc(47 * var(--u)) calc(40 * var(--u)) 0}
.hero-top .tail{width:var(--gut)}
.hero-sub{position:absolute;left:calc(357 * var(--u));bottom:calc(47 * var(--u));width:calc(713 * var(--u))}

.hero-bot{display:flex;height:calc(600.27 * var(--u))}
.hero-cta{
  width:calc(609.6 * var(--u));background:var(--lime);color:#000;
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:calc(47 * var(--u)) calc(40 * var(--u));
  transition:background .2s;
}
.hero-cta:hover{background:var(--lime-soft)}
.hero-cta .h3{white-space:nowrap}
.hero-cta svg{width:calc(24 * var(--u));height:calc(24 * var(--u));margin-top:calc(9 * var(--u))}
.hero-media{flex:1;position:relative;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-notch{position:absolute;top:0;right:0;width:calc(152.375 * var(--u));height:calc(208.27 * var(--u));background:var(--bg)}
.hero-wedge{position:absolute;right:calc(152.375 * var(--u));bottom:0;width:calc(480 * var(--u));height:calc(392 * var(--u));background:var(--bg);clip-path:polygon(100% 0,100% 100%,0 100%)}

/* ========= 2. services ========= */
.sec2-head{display:flex;border-top:1px solid var(--border)}
.sec2-head .l{width:calc(793.75 * var(--u))}
.sec2-head .r{flex:1;border-left:1px solid var(--border);padding:calc(223 * var(--u)) calc(40 * var(--u)) calc(60 * var(--u));min-height:calc(550.45 * var(--u))}
.sec2-head .r p{margin-top:calc(29 * var(--u));max-width:calc(872 * var(--u))}
.cards{display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;border-top:1px solid var(--border)}
.card{padding:calc(39 * var(--u)) calc(40 * var(--u)) calc(38 * var(--u));border-bottom:1px solid var(--border);min-height:calc(202 * var(--u))}
.card:nth-child(even){border-left:1px solid var(--border)}
.card p{margin-top:calc(30 * var(--u));color:#000}

/* ========= 3. industries ========= */
.sec3-head{display:flex;padding-top:calc(105 * var(--u));min-height:calc(451.97 * var(--u))}
.sec3-head .l{width:calc(793.75 * var(--u));padding-left:calc(40 * var(--u))}
.sec3-head .r{width:calc(400 * var(--u));margin-left:auto;margin-right:var(--gut);padding-right:calc(40 * var(--u))}
.ind{display:grid;grid-template-columns:calc(254 * var(--u)) repeat(3,1fr);border-top:1px solid var(--border);min-height:calc(480 * var(--u))}
.ind-nav{display:flex;align-items:flex-start;gap:calc(16 * var(--u));padding:calc(28 * var(--u)) 0 0 calc(40 * var(--u))}
.ind-btn{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:transparent;cursor:pointer;transition:.15s}
.ind-btn.on{background:var(--lime);border-color:var(--lime)}
.ind-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.ind-col{border-left:1px solid var(--border);padding:calc(28 * var(--u)) calc(40 * var(--u))}
.ind-col h3{font-size:calc(24 * var(--u));line-height:calc(33.6/24);margin-bottom:calc(22 * var(--u))}
.bul li{position:relative;padding-left:calc(20 * var(--u));margin-bottom:calc(12 * var(--u));font-size:calc(16 * var(--u));line-height:calc(22.4/16)}
.bul li:before{content:"";position:absolute;left:0;top:calc(9 * var(--u));width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%;background:currentColor}

/* ========= 4 + 5. lime band ========= */
.lime-band{margin-left:var(--gut);background:var(--lime)}
.lime-head{min-height:calc(550.45 * var(--u));display:flex;align-items:center}
.lime-head .in{margin-left:calc(634 * var(--u));width:calc(880 * var(--u));padding-right:calc(40 * var(--u))}
.lime-head p{margin-top:calc(29 * var(--u))}
.pill{display:grid;grid-template-columns:calc(634 * var(--u)) 1fr;min-height:calc(223 * var(--u));border-top:1px solid rgba(0,0,0,.12)}
.pill:first-of-type{border-top:0}
.pill h3{padding:calc(28 * var(--u)) calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:calc(33.6/24)}
.pill ul{padding:calc(30 * var(--u)) calc(40 * var(--u))}

/* ========= 6. swift ========= */
.sec6-head{display:flex;padding-top:calc(105 * var(--u));min-height:calc(449 * var(--u))}
.sec6-head .sp{width:calc(793.75 * var(--u))}
.sec6-head .r{flex:1;padding-right:var(--gut)}
.sec6-head p{margin-top:calc(29 * var(--u));max-width:calc(830 * var(--u))}
.acc-row{display:grid;grid-template-columns:calc(254 * var(--u)) calc(380 * var(--u)) 1fr;align-items:start;border-top:1px solid var(--border);padding:calc(30 * var(--u)) 0;margin-left:var(--gut);border-left:1px solid var(--border)}
.acc-row.tint{background:var(--bg2)}
.acc-row .tick{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center;margin-left:calc(40 * var(--u))}
.acc-row .tick svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.acc-row h3{font-size:calc(24 * var(--u));line-height:calc(33.6/24)}
.acc-row ul{padding-right:calc(60 * var(--u))}
.acc-row .bul li{font-size:calc(18 * var(--u))}

/* ========= 7. steps ========= */
.sec7-head{display:flex;padding-top:calc(105 * var(--u));min-height:calc(224 * var(--u))}
.sec7-head .sp{width:calc(793.75 * var(--u))}
.steps{margin-left:var(--gut);border-left:1px solid var(--border)}
.step{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr calc(80 * var(--u));align-items:start;border-top:1px solid var(--border);cursor:pointer;transition:background .2s}
.step .num{font-size:calc(92 * var(--u));line-height:1;padding:calc(18 * var(--u)) 0 calc(18 * var(--u)) calc(40 * var(--u));color:#000}
.step .bd{padding:calc(34 * var(--u)) 0}
.step .bd h3{font-size:calc(20 * var(--u));line-height:calc(28/20)}
.step .bd p{margin-top:calc(18 * var(--u));max-width:calc(1010 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16);display:none}
.step .sign{padding:calc(34 * var(--u)) calc(40 * var(--u)) 0 0;justify-self:end;font-size:calc(24 * var(--u));line-height:1}
.step.open{background:var(--green);color:var(--text-rev)}
.step.open .num{color:var(--lime)}
.step.open .bd p{display:block}
.step:not(.open):hover{background:var(--bg2)}

/* ========= 8. banner ========= */
.banner{margin-left:var(--gut);height:calc(676.28 * var(--u));overflow:hidden}
.banner img{width:100%;height:100%;object-fit:cover}

/* ========= 9. work ========= */
.sec9-head{display:flex;padding-top:calc(105 * var(--u));min-height:calc(224 * var(--u))}
.sec9-head .sp{width:calc(793.75 * var(--u))}
.work{margin-left:var(--gut);border-left:1px solid var(--border)}
.work-row{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr calc(80 * var(--u));align-items:start;border-top:1px solid var(--border);padding:calc(28 * var(--u)) 0;cursor:pointer}
.work-row .cat{padding-left:calc(40 * var(--u));font-size:calc(16 * var(--u))}
.work-row .nm{font-size:calc(20 * var(--u));text-decoration:underline;text-underline-offset:calc(4 * var(--u))}
.work-row .sign{justify-self:end;padding-right:calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:1}
.work-shot{margin-top:calc(22 * var(--u));width:calc(960 * var(--u));max-width:100%;aspect-ratio:1200/529;overflow:hidden}
.work-shot img{width:100%;height:100%;object-fit:cover}
.work-row:not(.open) .work-shot{display:none}
.allcases{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--lime);padding:calc(28 * var(--u)) calc(40 * var(--u));
  transition:background .2s;
}
.allcases:hover{background:var(--lime-soft)}
.allcases svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}

/* ========= 10. contact ========= */
.sec10-head{padding:calc(105 * var(--u)) 0 calc(40 * var(--u)) calc(40 * var(--u));margin-left:var(--gut)}
.form{margin-left:var(--gut);position:relative}
.frow{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}
.fcell{border-left:1px solid var(--border);padding:calc(22 * var(--u)) calc(40 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u))}
.fcell input{width:100%;border:0;background:transparent;font:inherit;font-size:calc(18 * var(--u));color:inherit;outline:none}
.fcell input::placeholder{color:#000;opacity:1}
.fcell .up{margin-left:auto;width:calc(24 * var(--u));height:calc(24 * var(--u))}
.fmsg{border-top:1px solid var(--border);border-left:1px solid var(--border);padding:calc(22 * var(--u)) calc(40 * var(--u));min-height:calc(175 * var(--u));position:relative;width:calc(1270 * var(--u));max-width:100%}
.fmsg textarea{width:100%;height:calc(110 * var(--u));border:0;background:transparent;font:inherit;font-size:calc(18 * var(--u));resize:none;outline:none}
.fmsg .count{position:absolute;right:calc(24 * var(--u));bottom:calc(14 * var(--u));font-size:calc(14 * var(--u));opacity:.7}
.send{
  position:absolute;right:0;top:calc(175 * var(--u));width:calc(476 * var(--u));height:calc(175 * var(--u));
  background:var(--lime);border:0;font:inherit;font-size:calc(24 * var(--u));cursor:pointer;transition:background .2s;
}
.send:hover{background:var(--lime-soft)}
.fagree{display:flex;align-items:flex-start;gap:calc(14 * var(--u));border-top:1px solid var(--border);border-left:1px solid var(--border);padding:calc(22 * var(--u)) calc(40 * var(--u));width:calc(1270 * var(--u));max-width:100%;font-size:calc(14 * var(--u));line-height:calc(20/14)}
.fagree input{margin-top:calc(2 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));accent-color:var(--green)}
.fagree a{text-decoration:underline}

/* ========= footer ========= */
.ftr{margin-left:var(--gut);background:var(--dark);color:var(--text-rev)}
.ftr-main{display:grid;grid-template-columns:1fr calc(635 * var(--u))}
.ftr-cols{display:grid;grid-template-columns:calc(393 * var(--u)) 1fr;padding:calc(59 * var(--u)) calc(40 * var(--u));border-right:1px solid var(--dark-border);gap:calc(40 * var(--u))}
.ftr-cols h4{font-size:calc(20 * var(--u));font-weight:400;color:#9a9a9d;margin-bottom:calc(22 * var(--u))}
.ftr-cols li{margin-bottom:calc(12 * var(--u));font-size:calc(18.9 * var(--u));line-height:calc(28/18.9)}
.ftr-cols a:hover{color:var(--lime)}
.ftr-blk + .ftr-blk{margin-top:calc(40 * var(--u))}
.ftr-addr{font-style:normal;margin-top:calc(14 * var(--u));font-size:calc(18.9 * var(--u));line-height:calc(28/18.9);max-width:calc(281 * var(--u))}
.ftr-news{background:var(--dark2);padding:calc(60 * var(--u)) calc(40 * var(--u))}
.ftr-news p{font-size:calc(18 * var(--u));line-height:calc(26/18)}
.news-line{display:flex;align-items:center;gap:calc(12 * var(--u));border-bottom:1px solid var(--dark-border);margin-top:calc(26 * var(--u));padding-bottom:calc(10 * var(--u))}
.news-line input{flex:1;background:transparent;border:0;color:#fff;font:inherit;font-size:calc(18 * var(--u));outline:none}
.news-line input::placeholder{color:#c9c9cc}
.news-go{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;background:var(--lime);border:0;display:grid;place-items:center;cursor:pointer}
.news-go svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}
.ftr-agree{display:flex;gap:calc(12 * var(--u));margin-top:calc(22 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20/14);color:#c9c9cc}
.ftr-agree input{margin-top:calc(3 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));accent-color:var(--lime)}
.ftr-agree a{text-decoration:underline}
.ftr-legal{margin-top:calc(34 * var(--u));font-size:calc(18 * var(--u))}
.ftr-legal a{display:inline-block;margin-top:calc(8 * var(--u));text-decoration:underline}
.ftr-mark{border-top:1px solid var(--dark-border);padding:calc(93 * var(--u)) calc(41 * var(--u));width:calc(1111.25 * var(--u));max-width:100%}
.ftr-mark img{width:calc(400 * var(--u))}

/* ========= mobile ========= */
@media (max-width:900px){
  :root{--u:1px;--gut:0px}
  body{font-size:17px;line-height:1.55}
  .h1{font-size:34px;line-height:1.15}
  .h2{font-size:27px;line-height:1.2}
  .h3{font-size:20px;line-height:1.3}
  .inset,.lime-band,.steps,.work,.banner,.ftr,.form,.sec10-head,.acc-row{margin-left:0;border-left:0}

  .hdr-top{height:58px;padding:0}
  .hdr-logo{width:auto;padding:0 20px}
  .hdr-logo img{width:176px}
  .hdr-nav{display:none}
  .hdr-search{width:58px;border-left:1px solid var(--border);margin-left:auto}
  .hdr-search svg{width:20px;height:20px}
  .hdr-sub{height:auto;flex-wrap:wrap;padding:0}
  .hdr-sub-title{width:100%;padding:12px 20px 0;font-size:15px}
  .hdr-sub-links{gap:16px;padding:10px 20px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hdr-sub-links a{font-size:14px}
  .hdr-cta{width:100%;padding:12px;font-size:15px}

  .hero-top{display:block;height:auto}
  .hero-top .pad,.hero-top .tail{display:none}
  .hero-top .mid{border:0;padding:44px 20px 0}
  .hero-sub{position:static;width:auto;margin-top:26px}
  .hero-bot{display:block;height:auto}
  .hero-cta{width:100%;padding:24px 20px}
  .hero-media{height:280px}
  .hero-notch,.hero-wedge{display:none}

  .sec2-head{display:block;border-top:0}
  .sec2-head .l{display:none}
  .sec2-head .r{border:0;padding:44px 20px 0;min-height:0}
  .cards{grid-template-columns:1fr;margin-top:34px}
  .card{padding:24px 20px;min-height:0}
  .card:nth-child(even){border-left:0}

  .sec3-head{display:block;padding:44px 20px 24px;min-height:0}
  .sec3-head .l,.sec3-head .r{width:auto;padding:0;margin:0}
  .sec3-head .r{margin-top:20px}
  .ind{grid-template-columns:1fr;min-height:0}
  .ind-nav{display:none}
  .ind-col{border-left:0;border-bottom:1px solid var(--border);padding:22px 20px}

  .lime-head{min-height:0;padding:44px 20px}
  .lime-head .in{margin:0;width:auto;padding:0}
  .pill{grid-template-columns:1fr;min-height:0}
  .pill h3{padding:22px 20px 6px}
  .pill ul{padding:0 20px 22px}

  .sec6-head{display:block;padding:44px 20px 0;min-height:0}
  .sec6-head .sp{display:none}
  .sec6-head .r{padding:0}
  .acc-row{grid-template-columns:1fr;padding:22px 20px;gap:12px;margin-top:24px}
  .acc-row .tick{margin-left:0}
  .acc-row ul{padding-right:0}

  .sec7-head,.sec9-head{display:block;padding:44px 20px 20px;min-height:0}
  .sec7-head .sp,.sec9-head .sp{display:none}
  .step{grid-template-columns:auto 1fr auto;gap:14px;padding-right:20px}
  .step .num{font-size:42px;padding:18px 0 18px 20px}
  .step .bd{padding:20px 0}
  .step .sign{padding:20px 0 0 0}

  .banner{height:220px}

  .work-row{grid-template-columns:1fr auto;gap:6px;padding:20px}
  .work-row .cat{padding-left:0;grid-column:1/-1;opacity:.7}
  .work-row .sign{padding-right:0}
  .work-shot{width:100%;grid-column:1/-1}
  .allcases{padding:20px}

  .sec10-head{padding:44px 20px 20px}
  .frow{grid-template-columns:1fr}
  .fcell,.fmsg,.fagree{border-left:0;padding:18px 20px;width:auto}
  .send{position:static;width:100%;height:64px;margin-top:0}

  .ftr-main{grid-template-columns:1fr}
  .ftr-cols{grid-template-columns:1fr;border-right:0;padding:36px 20px}
  .ftr-news{padding:32px 20px}
  .ftr-mark{width:auto;padding:40px 20px}
  .ftr-mark img{width:230px}
}

/* --- page-2 additions --- */
.sec2-head.sm .r{padding-top:calc(150 * var(--u));min-height:calc(449.02 * var(--u))}
.lime-head.sm{min-height:calc(482.61 * var(--u))}
.ind-col p{margin-top:calc(22 * var(--u));font-size:calc(16 * var(--u));line-height:calc(22.4/16)}
.card.blank{border-bottom:1px solid var(--border)}
.hdr-sub-links a.active{border-bottom-color:var(--lime)}
@media (max-width:900px){
  .sec2-head.sm .r{padding:44px 20px 0;min-height:0}
  .lime-head.sm{min-height:0}
  .card.blank{display:none}
}

/* --- page-3 additions --- */
.intro-sec{display:flex;min-height:calc(584.05 * var(--u));border-top:1px solid var(--border)}
.intro-sec .l{width:calc(793.75 * var(--u))}
.intro-sec .r{flex:1;border-left:1px solid var(--border);padding:calc(126 * var(--u)) calc(40 * var(--u)) calc(60 * var(--u))}
.intro-sec .r p{margin-top:calc(29 * var(--u));max-width:calc(872 * var(--u))}

.fw{margin-left:var(--gut);border-left:1px solid var(--border)}
.fw-row{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr calc(120 * var(--u));align-items:start;border-top:1px solid var(--border);padding:calc(28 * var(--u)) 0;cursor:pointer;transition:background .2s}
.fw-row .num{padding-left:calc(40 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28/20)}
.fw-row h3{font-size:calc(20 * var(--u));line-height:calc(28/20)}
.fw-row p{margin-top:calc(22 * var(--u));max-width:calc(880 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}
.fw-row .go{justify-self:end;margin-right:calc(40 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;background:var(--lime);display:none;place-items:center}
.fw-row .go svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}
.fw-row.open{background:var(--green);color:var(--text-rev)}
.fw-row.open h3{text-decoration:underline;text-underline-offset:calc(4 * var(--u))}
.fw-row.open .go{display:grid}
.fw-row:not(.open):hover{background:var(--bg2)}

.pill p{padding:calc(30 * var(--u)) calc(40 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}

.lg{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr 1fr;border-top:1px solid var(--border);min-height:calc(380 * var(--u));margin-left:var(--gut);border-left:1px solid var(--border)}
.lg-col{border-left:1px solid var(--border);padding:calc(30 * var(--u)) calc(40 * var(--u))}
.lg-col a{display:block;font-size:calc(20 * var(--u));line-height:calc(28/20);padding:calc(10 * var(--u)) 0}
.lg-col a:hover{text-decoration:underline;text-underline-offset:calc(4 * var(--u))}

@media (max-width:900px){
  .intro-sec{display:block;min-height:0;border-top:0}
  .intro-sec .l{display:none}
  .intro-sec .r{border-left:0;padding:44px 20px 0}
  .fw{margin-left:0;border-left:0}
  .fw-row{grid-template-columns:auto 1fr auto;gap:12px;padding:22px 20px}
  .fw-row .num{padding-left:0}
  .fw-row .go{margin-right:0}
  .fw-row p{padding-right:0}
  .pill p{padding:0 20px 22px}
  .lg{grid-template-columns:1fr;margin-left:0;border-left:0;min-height:0}
  .lg-col{border-left:0;padding:8px 20px 22px}
  .lg-col:first-child{display:none}
}

/* --- page-4 additions --- */
.titleband{display:flex;min-height:calc(351.83 * var(--u));margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);align-items:flex-end}
.titleband .in{margin-left:calc(634 * var(--u));padding:0 calc(40 * var(--u)) calc(60 * var(--u))}

.ind.nohead{border-top:1px solid var(--border);margin-left:var(--gut);border-left:1px solid var(--border);min-height:calc(424 * var(--u))}

.tech{margin-left:var(--gut);background:var(--lime)}
.tech-head{min-height:calc(276 * var(--u));display:flex;align-items:center}
.tech-head .in{margin-left:calc(634 * var(--u));width:calc(880 * var(--u));padding:calc(60 * var(--u)) calc(40 * var(--u))}
.tech-head p{margin-top:calc(24 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}
.tech-row{display:grid;grid-template-columns:calc(634 * var(--u)) 1fr;border-top:1px solid rgba(0,0,0,.12);padding:calc(26 * var(--u)) 0}
.tech-row h3{padding:0 calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:calc(33.6/24)}
.tech-items{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(14 * var(--u)) calc(24 * var(--u));padding-right:calc(40 * var(--u))}
.tech-items span{font-size:calc(16 * var(--u));line-height:calc(22.4/16)}

.ctabar{display:flex;align-items:center;justify-content:space-between;background:var(--lime);margin-left:var(--gut);padding:calc(28 * var(--u)) calc(40 * var(--u));transition:background .2s}
.ctabar:hover{background:var(--lime-soft)}
.ctabar svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}

.fw.all-arrows .fw-row .go{display:grid;background:var(--lime)}

@media (max-width:900px){
  .titleband{display:block;min-height:0;margin-left:0;border-left:0;padding:44px 20px 20px}
  .titleband .in{margin:0;padding:0}
  .ind.nohead{margin-left:0;border-left:0;min-height:0}
  .tech{margin-left:0}
  .tech-head{min-height:0}
  .tech-head .in{margin:0;width:auto;padding:32px 20px}
  .tech-row{grid-template-columns:1fr;padding:20px 0}
  .tech-row h3{padding:0 20px 14px}
  .tech-items{grid-template-columns:1fr 1fr;padding:0 20px;gap:10px 16px}
  .ctabar{margin-left:0;padding:20px}
}

/* --- page-5 additions --- */
.eyebrow{color:var(--green);font-size:calc(20 * var(--u));line-height:calc(28/20);margin-bottom:calc(14 * var(--u))}

.tocbar{display:flex;align-items:center;justify-content:space-between;margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:calc(30 * var(--u)) calc(40 * var(--u));cursor:pointer}
.tocbar svg{width:calc(20 * var(--u));height:calc(20 * var(--u));transition:transform .2s}
.tocbar.open svg{transform:rotate(180deg)}
.toclist{margin-left:var(--gut);border-left:1px solid var(--border);border-bottom:1px solid var(--border);padding:calc(18 * var(--u)) calc(40 * var(--u)) calc(30 * var(--u));display:none;columns:2;column-gap:calc(40 * var(--u))}
.toclist.open{display:block}
.toclist a{display:block;padding:calc(8 * var(--u)) 0;font-size:calc(18 * var(--u))}
.toclist a:hover{text-decoration:underline;text-underline-offset:calc(4 * var(--u))}

.checks{display:grid;grid-template-columns:1fr 1fr;margin-left:var(--gut);border-left:1px solid var(--border)}
.check{display:flex;gap:calc(24 * var(--u));align-items:flex-start;padding:calc(34 * var(--u)) calc(40 * var(--u));border-top:1px solid var(--border);min-height:calc(240 * var(--u))}
.check:nth-child(even){border-left:1px solid var(--border)}
.check i{flex:0 0 auto;width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center}
.check i svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}
.check span{font-size:calc(20 * var(--u));line-height:calc(28/20)}

.rowlist{margin-left:var(--gut);border-left:1px solid var(--border)}
.rowlist .r{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr;border-top:1px solid var(--border);min-height:calc(85 * var(--u));align-items:center}
.rowlist .r span{padding:calc(26 * var(--u)) calc(40 * var(--u));font-size:calc(20 * var(--u));border-left:1px solid var(--border)}
.rowlist .note{padding:calc(40 * var(--u)) calc(40 * var(--u)) 0 calc(516 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16);max-width:calc(1300 * var(--u))}

.pacc{margin-left:var(--gut);border-left:1px solid var(--border)}
.pacc-row{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr calc(80 * var(--u));align-items:start;border-top:1px solid var(--border);padding:calc(28 * var(--u)) 0;cursor:pointer;transition:background .2s}
.pacc-row h3{padding-left:calc(40 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28/20)}
.pacc-row .bd{font-size:calc(16 * var(--u));line-height:calc(24/16);max-width:calc(1000 * var(--u));display:none}
.pacc-row .bd .bul{margin-top:calc(14 * var(--u))}
.pacc-row .bd .bul li{font-size:calc(16 * var(--u))}
.pacc-row .sign{justify-self:end;padding-right:calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:1}
.pacc-row.open{background:var(--bg2)}
.pacc-row.open .bd{display:block}
.pacc-row:not(.open):hover{background:var(--bg2)}

:root{--cta-a:rgba(11,73,18,.55);--cta-b:rgba(11,73,18,.88)}
.ctaband{margin-left:var(--gut);background:var(--green);color:var(--text-rev);display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;min-height:calc(276 * var(--u));position:relative;overflow:hidden}
.ctaband.img{min-height:calc(702 * var(--u))}
.ctaband .art{position:relative;overflow:hidden}
.ctaband.img .art{position:absolute;inset:0;width:100%}
.ctaband .art img{width:100%;height:100%;object-fit:cover}
.ctaband .bd{padding:calc(50 * var(--u)) calc(40 * var(--u));position:relative;z-index:1}
.ctaband .bd p{margin-top:calc(22 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16);max-width:calc(880 * var(--u))}
.ctaband .btn{display:flex;align-items:center;justify-content:space-between;gap:calc(40 * var(--u));margin-top:calc(34 * var(--u));background:var(--lime);color:#000;padding:calc(22 * var(--u)) calc(30 * var(--u));width:100%;font-size:calc(30 * var(--u));padding-top:calc(36 * var(--u));padding-bottom:calc(36 * var(--u));transition:background .2s}
.ctaband .btn:hover{background:var(--lime-soft)}
.ctaband .btn svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}
.ctaband.img .bd{background:linear-gradient(90deg,var(--cta-a),var(--cta-b) 22%);backdrop-filter:blur(calc(26 * var(--u)));-webkit-backdrop-filter:blur(calc(26 * var(--u)));display:flex;flex-direction:column;justify-content:center;padding:calc(113 * var(--u)) calc(40 * var(--u))}

.tech.light{background:var(--bg);margin-left:var(--gut);border-left:1px solid var(--border)}
.tech.light .tech-row{border-top:1px solid var(--border)}
.tech.light .tech-head .in{padding-top:calc(90 * var(--u))}
.viewall{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:calc(26 * var(--u)) calc(40 * var(--u));opacity:.65;cursor:pointer}
.tech-items.bul2{grid-template-columns:1fr 1fr}
.tech-items.bul2 span{position:relative;padding-left:calc(20 * var(--u))}
.tech-items.bul2 span:before{content:"";position:absolute;left:0;top:calc(9 * var(--u));width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%;background:currentColor}

@media (max-width:900px){
  .tocbar,.toclist,.checks,.rowlist,.pacc,.ctaband,.tech.light{margin-left:0;border-left:0}
  .tocbar{padding:18px 20px}
  .toclist{columns:1;padding:12px 20px 20px}
  .checks{grid-template-columns:1fr}
  .check{padding:22px 20px;min-height:0;gap:16px}
  .check:nth-child(even){border-left:0}
  .rowlist .r{grid-template-columns:1fr;min-height:0}
  .rowlist .r span{border-left:0;padding:18px 20px}
  .rowlist .note{padding:20px}
  .pacc-row{grid-template-columns:1fr auto;gap:10px;padding:20px}
  .pacc-row h3{padding-left:0}
  .pacc-row .bd{grid-column:1/-1}
  .pacc-row .sign{padding-right:0}
  .ctaband,.ctaband.img{grid-template-columns:1fr;min-height:0}
  .ctaband.img .art{position:relative;height:180px}
  .ctaband .art{height:180px}
  .ctaband .bd{padding:28px 20px}
  .ctaband.img .bd{background:var(--green);backdrop-filter:none;-webkit-backdrop-filter:none;padding:28px 20px}
  .ctaband .btn{width:100%;font-size:18px;padding:16px 20px;margin-top:22px}
  .viewall{padding:18px 20px}
}

/* --- page-6 additions --- */
.cards.lime{background:var(--lime)}
.cards.lime .card{border-bottom:1px solid rgba(0,0,0,.12)}
.cards.lime .card:nth-child(even){border-left:1px solid rgba(0,0,0,.12)}
.sec2-head.lime-head-block{background:var(--lime)}

.tabs{margin-left:var(--gut);border-left:1px solid var(--border)}
.tabs-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}
.tab-btn{border:0;border-left:1px solid var(--border);border-top:calc(3 * var(--u)) solid transparent;background:transparent;font:inherit;text-align:left;cursor:pointer;padding:calc(30 * var(--u)) calc(40 * var(--u));font-size:calc(24 * var(--u));line-height:calc(33.6/24);color:#9a9a9d;transition:.15s}
.tab-btn:first-child{border-left:0}
.tab-btn.on{color:#000;border-top-color:var(--green)}
.tab-panels{border-top:1px solid var(--border)}
.tab-panel{display:none;padding:calc(34 * var(--u)) calc(40 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16);max-width:calc(900 * var(--u))}
.tab-panel.on{display:block}

.macc{display:grid;grid-template-columns:calc(635 * var(--u)) 1fr;margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border)}
.macc .art{position:relative;overflow:hidden;min-height:calc(560 * var(--u))}
.macc .art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.macc .list{background:rgba(41,41,43,.55);color:var(--text-rev);position:relative}
.macc-row{border-bottom:1px solid rgba(255,255,255,.18);padding:calc(26 * var(--u)) calc(40 * var(--u));cursor:pointer;display:grid;grid-template-columns:1fr calc(40 * var(--u));align-items:start}
.macc-row h3{font-size:calc(24 * var(--u));line-height:calc(33.6/24)}
.macc-row .bd{display:none;margin-top:calc(14 * var(--u))}
.macc-row.open .bd{display:block}
.macc-row .bd li{font-size:calc(16 * var(--u));line-height:calc(24/16)}
.macc-row .bd a{text-decoration:underline;text-underline-offset:calc(3 * var(--u))}
.macc-row .sign{justify-self:end;font-size:calc(24 * var(--u));line-height:1}

.ind-tabs{display:grid;grid-template-columns:calc(635 * var(--u)) 1fr 1fr;margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);min-height:calc(1100 * var(--u))}
.ind-tabs .sp{border-right:1px solid var(--border)}
.ind-names{padding:calc(34 * var(--u)) calc(40 * var(--u))}
.ind-names button{display:block;width:100%;text-align:left;border:0;border-left:calc(3 * var(--u)) solid transparent;background:transparent;font:inherit;font-size:calc(20 * var(--u));line-height:calc(28/20);color:#9a9a9d;padding:calc(10 * var(--u)) calc(14 * var(--u));cursor:pointer;transition:.15s}
.ind-names button.on{color:var(--green);border-left-color:var(--green)}
.ind-panels{padding:calc(34 * var(--u)) calc(40 * var(--u))}
.ind-panel{display:none}
.ind-panel.on{display:block}
.ind-panel li{font-size:calc(16 * var(--u));line-height:calc(24/16);margin-bottom:calc(12 * var(--u))}

.rowtable{margin-left:var(--gut);border-left:1px solid var(--border)}
.rowtable .r{display:grid;grid-template-columns:calc(476 * var(--u)) 1fr;border-top:1px solid var(--border);padding:calc(30 * var(--u)) 0}
.rowtable .r h3{padding-left:calc(40 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28/20)}
.rowtable .r .bd{font-size:calc(16 * var(--u));line-height:calc(24/16);max-width:calc(1000 * var(--u));padding-right:calc(40 * var(--u))}

@media (max-width:900px){
  .tabs,.macc,.ind-tabs,.rowtable{margin-left:0;border-left:0}
  .tabs-strip{grid-template-columns:1fr}
  .tab-btn{border-left:0;border-top:1px solid var(--border);font-size:18px;padding:16px 20px}
  .tab-btn.on{border-top-color:var(--green)}
  .tab-panel{padding:18px 20px}
  .macc{grid-template-columns:1fr}
  .macc .art{min-height:200px}
  .macc-row{padding:18px 20px}
  .ind-tabs{grid-template-columns:1fr;min-height:0}
  .ind-tabs .sp{display:none}
  .ind-names{padding:18px 20px;display:flex;gap:8px;overflow-x:auto}
  .ind-names button{width:auto;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;font-size:15px;padding:8px 4px}
  .ind-names button.on{border-left:0;border-bottom-color:var(--green)}
  .ind-panels{padding:8px 20px 24px}
  .rowtable .r{grid-template-columns:1fr;padding:20px 0}
  .rowtable .r h3{padding:0 20px 12px}
  .rowtable .r .bd{padding:0 20px}
}

/* --- homepage --- */
.hhero{display:grid;grid-template-columns:calc(952 * var(--u)) 1fr;min-height:calc(765 * var(--u))}
.hhero .bd{padding:calc(78 * var(--u)) calc(40 * var(--u)) calc(52 * var(--u)) var(--gut);display:flex;flex-direction:column;justify-content:space-between}
.hhero .bd p{margin-top:calc(28 * var(--u));max-width:calc(700 * var(--u));font-size:calc(18 * var(--u));line-height:calc(26/18)}
.hhero .cta{display:flex;align-items:center;justify-content:space-between;gap:calc(30 * var(--u));background:var(--lime);color:#000;margin-top:calc(28 * var(--u));padding:calc(20 * var(--u)) calc(30 * var(--u));width:calc(600 * var(--u));max-width:100%;font-size:calc(24 * var(--u));transition:background .2s}
.hhero .cta:hover{background:var(--lime-soft)}
.hhero .cta svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}
.hhero .art{position:relative;overflow:hidden}
.hhero .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hcard{position:absolute;right:0;top:calc(78 * var(--u));width:calc(640 * var(--u));background:rgba(255,255,255,.82);backdrop-filter:blur(calc(14 * var(--u)));padding:calc(28 * var(--u)) calc(32 * var(--u))}
.hcard li{display:flex;gap:calc(18 * var(--u));align-items:flex-start;margin-bottom:calc(16 * var(--u));font-size:calc(17 * var(--u));line-height:calc(24/17)}
.hcard li:last-child{margin-bottom:0}
.hcard i{flex:0 0 auto;width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center}
.hcard i svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}

.todo{border:calc(2 * var(--u)) dashed var(--dark-border);background:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 10px,transparent 10px,transparent 20px);padding:calc(16 * var(--u)) calc(20 * var(--u));font-size:calc(15 * var(--u));line-height:calc(22/15);color:var(--dark-border)}
.todo strong{color:#000}

.techband{margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);padding:calc(50 * var(--u)) calc(40 * var(--u))}
.techband h2{margin-bottom:calc(24 * var(--u))}
.techband .pills{display:flex;flex-wrap:wrap;gap:calc(12 * var(--u))}
.techband .pills span{border:1px solid var(--border);padding:calc(10 * var(--u)) calc(18 * var(--u));font-size:calc(16 * var(--u));background:#fff}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(30 * var(--u));margin-top:calc(30 * var(--u))}
.stats .n{font-size:calc(47 * var(--u));line-height:1.1}
.stats .l{font-size:calc(15 * var(--u));line-height:calc(21/15);margin-top:calc(8 * var(--u));opacity:.75}

@media (max-width:900px){
  .hhero{grid-template-columns:1fr;min-height:0}
  .hhero .bd{padding:36px 20px}
  .hhero .cta{width:100%;font-size:18px;padding:16px 20px}
  .hhero .art{height:195px}
  .hcard{position:static;width:auto;margin:0;background:rgba(255,255,255,.92)}
  .techband{margin-left:0;border-left:0;padding:28px 20px}
  .stats{grid-template-columns:1fr;gap:18px}
  .stats .n{font-size:32px}
}

/* --- Peace of Mind Promise: page-scoped orange theme --- */
.theme-orange{--cta-a:rgba(74,26,12,.52);--cta-b:rgba(74,26,12,.80);--lime:#FF6A47;--lime-soft:#FF977E;--green:#52002D;--dark:#52002D;--dark2:#3d0021;--dark-border:#753357}
.theme-orange .eyebrow{color:#7A1F4F}

.pom-hero{display:grid;grid-template-columns:calc(912.8 * var(--u)) 1fr;min-height:calc(877 * var(--u))}
.pom-hero .art{position:relative;overflow:hidden;display:grid;place-items:center}
.pom-hero .art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pom-badge{position:relative;width:calc(600 * var(--u));max-width:76%}
.pom-badge img{width:100%;height:auto}
.pom-hero .bd{padding:calc(114 * var(--u)) calc(40 * var(--u)) calc(60 * var(--u)) calc(80 * var(--u))}
.pom-hero .cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(80 * var(--u));margin-top:calc(60 * var(--u))}
.pom-hero .cols p{font-size:calc(16 * var(--u));line-height:calc(24/16)}

.promises{display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;margin-left:var(--gut);border-left:1px solid var(--border)}
.promise{display:grid;grid-template-columns:calc(160 * var(--u)) 1fr;border-top:1px solid var(--border);padding:calc(60 * var(--u)) calc(40 * var(--u))}
.promise:nth-child(even){border-left:1px solid var(--border)}
.promise i{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center}
.promise i svg{width:calc(23 * var(--u));height:calc(24 * var(--u))}
.promise h3{font-size:calc(30 * var(--u));line-height:calc(42/30)}
.promise p{margin-top:calc(24 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}

.split{display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);align-items:start}
.split .art{padding:calc(143 * var(--u)) 0 calc(60 * var(--u)) calc(40 * var(--u))}
.split .art img{width:calc(554 * var(--u));max-width:100%;border-radius:calc(8 * var(--u))}
.split .bd{padding:calc(143 * var(--u)) calc(40 * var(--u)) calc(60 * var(--u)) calc(40 * var(--u))}
.split .bd p{margin-top:calc(24 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}

.promise-note{display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);padding:calc(39 * var(--u)) 0}
.promise-note h3{padding-left:calc(40 * var(--u));font-size:calc(30 * var(--u));line-height:calc(39/30)}
.promise-note ul{padding-left:calc(40 * var(--u))}
.promise-note li{font-size:calc(24 * var(--u));line-height:calc(34.6/24);color:var(--lime);font-weight:600}

.terms{margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border)}
.terms .bx{background:var(--bg2);border-top:1px solid var(--border)}

@media (max-width:900px){
  .pom-hero{grid-template-columns:1fr;min-height:0}
  .pom-hero .art{min-height:360px;padding:28px 0}
  .pom-badge{width:74%}
  .pom-hero .bd{padding:36px 20px}
  .pom-hero .cols{grid-template-columns:1fr;gap:18px;margin-top:26px}
  .promises,.split,.promise-note,.terms{grid-template-columns:1fr;margin-left:0;border-left:0}
  .promise{grid-template-columns:1fr;gap:16px;padding:26px 20px}
  .promise:nth-child(even){border-left:0}
  .split .art,.split .bd{padding:24px 20px}
  .split .art img{width:100%}
  .promise-note{padding:22px 0}
  .promise-note h3,.promise-note ul{padding-left:20px;padding-right:20px}
  .promise-note li{font-size:19px}
}

/* --- How we work --- */
.hww-hero .art{height:calc(700 * var(--u));overflow:hidden}
.hww-hero .art img{width:100%;height:100%;object-fit:cover}
.hww-hero .bd{display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;padding:calc(50 * var(--u)) 0;margin-left:var(--gut)}
.hww-hero .bd h1{padding-left:calc(40 * var(--u))}
.hww-hero .bd p{padding-right:calc(160 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16);align-self:end}

.cmp-wrap{margin-left:var(--gut);border-left:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp{border-collapse:collapse;min-width:calc(1745 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20/14)}
.cmp th,.cmp td{border:1px solid var(--border);vertical-align:top;padding:calc(20 * var(--u)) calc(18 * var(--u));text-align:left;font-weight:400}
.cmp thead th{background:var(--bg);font-size:calc(15 * var(--u));position:sticky;top:0}
.cmp thead th.me{background:var(--lime);color:#000;font-weight:600}
.cmp tbody td.me{background:rgba(255,106,71,.07)}
.cmp .rowlabel{width:calc(230 * var(--u));background:var(--bg2);font-size:calc(14 * var(--u))}
.cmp td ul{margin:0}
.cmp td li{position:relative;padding-left:calc(14 * var(--u));margin-bottom:calc(7 * var(--u))}
.cmp td li:before{content:"";position:absolute;left:0;top:calc(7 * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));border-radius:50%;background:currentColor}
.cmp .yes,.cmp .no{display:inline-grid;place-items:center;width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;font-size:calc(12 * var(--u));line-height:1}
.cmp .yes{background:var(--lime);color:#000}
.cmp .no{background:transparent;border:1px solid #9a9a9d;color:#9a9a9d}
.cmp-hint{margin-left:var(--gut);padding:calc(14 * var(--u)) calc(40 * var(--u)) 0;font-size:calc(13 * var(--u));opacity:.6}
.cmp-note{margin-left:var(--gut);padding:calc(20 * var(--u)) calc(40 * var(--u)) calc(40 * var(--u));font-size:calc(13 * var(--u));line-height:calc(19/13);opacity:.6;max-width:calc(1400 * var(--u))}

@media (max-width:900px){
  .hww-hero .art{height:240px}
  .hww-hero .bd{grid-template-columns:1fr;margin-left:0;padding:26px 20px;gap:18px}
  .hww-hero .bd h1{padding-left:0}
  .hww-hero .bd p{padding-right:0}
  .cmp-wrap{margin-left:0;border-left:0}
  .cmp{min-width:880px;font-size:12px}
  .cmp th,.cmp td{padding:12px 10px}
  .cmp .rowlabel{width:150px;font-size:12px}
  .cmp-hint,.cmp-note{margin-left:0;padding-left:20px;padding-right:20px}
}

/* --- AI manifesto --- */
.statement{margin-left:var(--gut);border-left:1px solid var(--border);border-top:1px solid var(--border);display:grid;grid-template-columns:calc(793.3 * var(--u)) 1fr;padding:calc(143 * var(--u)) 0}
.statement p{padding-right:calc(40 * var(--u));font-size:calc(30 * var(--u));line-height:calc(42/30);max-width:calc(880 * var(--u))}

.principles{margin-left:var(--gut);border-left:1px solid var(--border)}
.principle{display:grid;grid-template-columns:calc(227 * var(--u)) calc(497 * var(--u)) 1fr;border-top:1px solid var(--border);padding:calc(38 * var(--u)) calc(40 * var(--u))}
.principle:nth-child(odd){background:var(--bg2)}
.principle i{width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center}
.principle i svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.principle h3{font-size:calc(30 * var(--u));line-height:calc(39/30);padding-top:calc(20 * var(--u))}
.principle .bd p{font-size:calc(20 * var(--u));line-height:calc(28/20);max-width:calc(745 * var(--u))}
.principle .bd p+p{margin-top:calc(46 * var(--u));margin-left:calc(286 * var(--u));max-width:calc(500 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24/16)}

@media (max-width:900px){
  .statement{grid-template-columns:1fr;margin-left:0;border-left:0;padding:28px 20px}
  .statement p{padding-right:0;font-size:20px;line-height:1.35}
  .principles{margin-left:0;border-left:0}
  .principle{grid-template-columns:1fr;gap:14px;padding:24px 20px}
  .principle h3{padding-top:0;font-size:20px}
  .principle .bd p{font-size:16px}
  .principle .bd p+p{margin-left:0;margin-top:14px;max-width:none}
}