:root{
    --ivory:#F8F5EF; --tint:#F1ECE2; --navy:#062235; --navy2:#0A3149; --navy3:#0D3A56;
    --bronze:#8A6F4E; --bronze2:#B4936A; --stone:#7E7869; --sand:#E7DECD; --rule:#DCD3C1;
    --display:'Bodoni Moda','Didot','Bodoni MT', Georgia, serif;
    --body:'Montserrat','Helvetica Neue', Arial, sans-serif;
  }
  html{background:var(--ivory); scroll-behavior:smooth;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{background:var(--ivory); color:var(--navy); font-family:var(--body);
       font-size:16px; line-height:1.65;}
  img{max-width:100%;}
  a{color:var(--bronze); text-decoration:none;}
  a:hover{color:var(--bronze2);}
  .wrap{max-width:1140px; margin:0 auto; padding:0 clamp(20px,5vw,56px);}

  /* ---------- header ---------- */
  .site-head{position:sticky; top:0; z-index:50; background:rgba(248,245,239,.92);
    backdrop-filter:blur(8px); border-bottom:1px solid var(--rule);}
  .site-head .wrap{display:flex; align-items:center; gap:14px; height:78px;}
  .brand{display:flex; align-items:center; gap:11px; color:var(--navy);}
  .brand .wm{font-family:var(--display); font-weight:600; font-size:1.12rem; letter-spacing:.07em;}
  nav.main{margin-left:auto; display:flex; gap:clamp(10px,2.2vw,26px); align-items:center;
    overflow-x:auto; scrollbar-width:none;}
  nav.main::-webkit-scrollbar{display:none;}
  nav.main a{color:var(--navy); font-size:.86rem; font-weight:500; white-space:nowrap;
    padding:6px 2px; border-bottom:2px solid transparent;}
  nav.main a:hover{color:var(--bronze);}
  nav.main a.on{border-bottom-color:var(--bronze2); color:var(--navy);}
  nav.main a.cta{background:var(--navy); color:var(--sand); padding:9px 18px;
    border-radius:999px; border:none; font-weight:600;}
  nav.main a.cta:hover{background:var(--navy2); color:var(--sand);}
  @media (max-width:760px){ .brand .wm, .brand .wm-art{display:none;} }

  .gem{color:var(--navy); display:block;}
  .gem.on-navy{color:var(--sand);}


  /* ---------- founder story ---------- */
  .fstory{display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:clamp(28px,4.5vw,64px); align-items:start; margin-top:30px;}
  @media(max-width:820px){ .fstory{grid-template-columns:1fr; gap:26px;} }
  .fportrait{position:sticky; top:100px;}
  @media(max-width:820px){ .fportrait{position:static; max-width:320px;} }
  .fportrait .shot{aspect-ratio:4/5; background-image:url('/assets/90607dd814ed5266.jpg'); background-size:cover; background-position:center top; border:1px solid var(--rule);}
  .fcap{border:1px solid var(--rule); border-top:0; background:#fff; padding:14px 18px;}
  .fcap b{display:block; font-family:var(--display); font-weight:600; font-size:1.14rem; letter-spacing:-.01em;}
  .fcap span{font-size:.68rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--bronze);}
  .fcap .fsoc{display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:13px; padding-top:12px;
    border-top:1px solid var(--rule);}
  .fcap .fsoc a, .fcap .fsoc .ph{font-size:.71rem; font-weight:600; letter-spacing:.13em;
    text-transform:uppercase; display:inline-flex; align-items:center; gap:6px;}
  .fcap .fsoc a{color:var(--bronze);}
  .fcap .fsoc a:hover{color:var(--navy);}
  .fcap .fsoc .ph{color:rgba(126,120,105,.55);}
  .fcap .fsoc svg{width:13px; height:13px; flex:none;}
  .fbody p{color:var(--stone); max-width:60ch; margin-bottom:15px; font-size:1rem; line-height:1.72;}
  .fbody p.lead1{color:var(--navy); font-size:1.08rem;}
  .fbody .turn{font-family:var(--display); font-weight:400; font-size:clamp(1.3rem,2.4vw,1.8rem); line-height:1.28;
    color:var(--navy); max-width:20ch; margin:26px 0; padding-left:20px; border-left:2px solid var(--bronze);
    font-optical-sizing:auto; letter-spacing:-.012em;}
  .fbody .closer{color:var(--navy); border-top:1px solid var(--rule); padding-top:20px; margin-top:24px;}
  .panel .num{margin-bottom:12px;}

  /* ---------- first-call band ---------- */
  .firstcall{margin-top:34px; background:var(--navy); color:var(--sand);
    padding:clamp(26px,3.6vw,42px) clamp(24px,3.6vw,44px); border-left:3px solid var(--bronze2);}
  .firstcall .kicker{color:var(--bronze2);}
  .firstcall h3{font-family:var(--display); font-weight:400; color:var(--sand);
    font-size:clamp(1.4rem,2.8vw,2.05rem); line-height:1.16; letter-spacing:-.014em;
    margin:10px 0 12px; max-width:20ch;}
  .firstcall p{max-width:58ch; color:#B8C8D4; font-size:.98rem; margin-bottom:22px;}
  .firstcall .btn{cursor:pointer;}

  /* ---------- advisor modal ---------- */
  .modal{position:fixed; inset:0; z-index:200; display:flex; align-items:center;
    justify-content:center; padding:20px;}
  .modal[hidden]{display:none;}
  .modal-back{position:absolute; inset:0; background:rgba(6,34,53,.72);
    backdrop-filter:blur(6px); animation:mfade .25s ease both;}
  @keyframes mfade{from{opacity:0} to{opacity:1}}
  @keyframes mrise{from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none}}
  .modal-card{position:relative; z-index:1; background:var(--navy); color:var(--sand);
    border:1px solid rgba(180,147,106,.34); max-width:620px; width:100%;
    padding:clamp(30px,4vw,46px); max-height:88vh; overflow-y:auto;
    animation:mrise .3s cubic-bezier(.22,.61,.36,1) both;}
  .modal-card .kicker{color:var(--bronze2);}
  .modal-card h2{color:var(--sand); margin:10px 0 18px; max-width:none;}
  .modal-card p{color:#B8C8D4; font-size:.99rem; margin-bottom:14px; max-width:52ch;}
  .modal-card p strong{color:var(--sand); font-weight:600;}
  .modal-acts{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}
  .modal-note{font-size:.76rem !important; color:#6E8798 !important; margin:16px 0 0 !important;}
  .modal-x{position:absolute; top:14px; right:16px; background:none; border:0; cursor:pointer;
    color:#7E9AAB; font-size:1.7rem; line-height:1; padding:6px 10px;}
  .modal-x:hover{color:var(--sand);}


  /* ---------- footer legal ---------- */
  footer li.rera{line-height:1.55; color:#B8C8D4;}
  footer li.rera b{color:var(--sand); font-weight:600; word-break:break-word;}
  footer .legal{grid-column:1/-1; border-top:1px solid rgba(231,222,205,.16); margin-top:30px;
    padding-top:20px; display:flex; flex-wrap:wrap; gap:10px 26px; align-items:baseline;}
  footer .legal a{font-size:.79rem;}
  footer .legal .cp{font-size:.79rem; color:rgba(231,222,205,.45); margin-left:auto;}
  @media (max-width:700px){ footer .legal .cp{margin-left:0;} }

  /* ---------- cookie banner ---------- */
  .ckbar{position:fixed; left:0; right:0; bottom:0; z-index:180; background:var(--navy);
    border-top:1px solid rgba(180,147,106,.34); padding:18px clamp(20px,5vw,56px);
    display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:center;
    animation:ckup .35s cubic-bezier(.22,.61,.36,1) both;}
  .ckbar[hidden]{display:none;}
  @keyframes ckup{from{transform:translateY(100%)} to{transform:none}}
  .ckbar p{color:#B8C8D4; font-size:.85rem; margin:0; max-width:62ch; flex:1 1 340px;}
  .ckbar p a{color:var(--bronze2); text-decoration:underline;}
  .ckacts{display:flex; flex-wrap:wrap; gap:10px; flex:none;}
  .ckacts .btn{font-size:.8rem; padding:9px 18px; cursor:pointer;}


  /* ---------- insights: calendar ---------- */
  .filters{display:flex; flex-wrap:wrap; gap:9px; margin:26px 0 8px;}
  .fbtn{font-family:var(--body); font-size:.8rem; font-weight:600; color:var(--navy);
    background:transparent; border:1px solid var(--rule); border-radius:999px;
    padding:9px 18px; cursor:pointer; transition:.2s;}
  .fbtn:hover{border-color:var(--bronze); color:var(--bronze);}
  .fbtn.on{background:var(--navy); border-color:var(--navy); color:var(--sand);}

  .fgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:22px;}
  @media(max-width:820px){ .fgrid{grid-template-columns:1fr;} }
  .fcard{display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px;
    border:1px solid var(--rule); border-radius:12px; background:#FFFDF9;
    padding:20px 20px 22px; transition:border-color .2s, transform .15s;}
  .fcard:hover{border-color:var(--bronze2); transform:translateY(-2px);}
  .fcard[hidden]{display:none;}
  .fnum{font-family:var(--display); font-weight:500; font-size:1.5rem; color:var(--sand);
    line-height:1; font-variant-numeric:tabular-nums;}
  .ftag{font-size:.64rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
    color:var(--bronze); display:block; margin-bottom:8px;}
  .fcard h3{font-size:1.06rem; line-height:1.3; margin-bottom:7px;}
  .fcard p{font-size:.86rem; color:var(--stone); margin:0; max-width:46ch;}
  .fnone{margin-top:22px; color:var(--stone);}

  .lib{display:grid; grid-template-columns:repeat(2,1fr); gap:30px 40px; margin-top:26px;}
  @media(max-width:860px){ .lib{grid-template-columns:1fr;} }
  .libgrp[hidden]{display:none;}
  .libgrp h3{display:flex; align-items:baseline; gap:10px; font-size:1.04rem;
    padding-bottom:10px; border-bottom:1px solid var(--rule); margin-bottom:4px;}
  .libgrp .gk{font-family:var(--mono,var(--body)); font-size:.7rem; font-weight:600;
    letter-spacing:.16em; color:var(--bronze);}
  .libgrp .gct{margin-left:auto; font-family:var(--body); font-size:.72rem; font-weight:600;
    color:var(--stone); letter-spacing:.08em;}
  .libgrp ul{list-style:none; margin:0; padding:0;}
  .libgrp li{display:flex; gap:14px; align-items:baseline; justify-content:space-between;
    padding:9px 0; border-bottom:1px solid rgba(220,211,193,.5); font-size:.885rem;}
  .libgrp li[hidden]{display:none;}
  .libgrp li:last-child{border-bottom:0;}
  .libgrp .lk{color:var(--navy);}
  .libgrp .ltag{font-size:.63rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
    color:var(--stone); opacity:.6; white-space:nowrap; flex:none;}
  .libgrp li.done a.lk{color:var(--bronze); font-weight:500; text-decoration:none;}
  .libgrp li.done a.lk:hover{color:var(--bronze2); text-decoration:underline;}
  .libgrp li.done .ltag.live{color:var(--bronze); opacity:1;}


  /* ---------- calculators ---------- */
  .calcnav{display:flex; flex-wrap:wrap; gap:9px; margin:26px 0 0;}
  .cbtn{font-family:var(--body); font-size:.79rem; font-weight:600; color:var(--navy);
    background:transparent; border:1px solid var(--rule); border-radius:999px;
    padding:9px 17px; cursor:pointer; transition:.2s; display:inline-flex; align-items:center; gap:8px;}
  .cbtn:hover{border-color:var(--bronze); color:var(--bronze);}
  .cbtn.on{background:var(--navy); border-color:var(--navy); color:var(--sand);}
  .cbtn .who{font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; opacity:.6;}

  .calcpanel[hidden]{display:none;}
  .calcpanel{margin-top:30px;}
  .calchd h3{font-size:1.3rem; margin-bottom:6px;}
  .calchd p{font-size:.9rem; color:var(--stone); max-width:60ch; margin-bottom:22px;}

  .calcgrid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
    gap:1px; background:var(--rule); border:1px solid var(--rule); border-radius:12px; overflow:hidden;}
  @media(max-width:840px){ .calcgrid{grid-template-columns:1fr;} }
  .cform{background:#FFFDF9; padding:26px 24px 28px;}
  .cout{background:var(--navy); color:var(--sand); padding:26px 24px 28px;}

  .cfield{margin-bottom:16px;}
  .cfield label{display:block; font-size:.72rem; font-weight:600; letter-spacing:.1em;
    text-transform:uppercase; color:var(--stone); margin-bottom:6px;}
  .cfield input, .cfield select{width:100%; font-family:var(--body); font-size:.95rem; color:var(--navy);
    background:var(--ivory); border:1px solid var(--rule); border-radius:8px; padding:11px 13px;}
  .cfield input:focus, .cfield select:focus{outline:none; border-color:var(--bronze); background:#fff;}
  .crow{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
  @media(max-width:520px){ .crow{grid-template-columns:1fr;} }
  .chint{font-size:.74rem; color:var(--stone); margin:-8px 0 16px;}

  .cbig{font-family:var(--display); font-weight:500; font-size:clamp(1.7rem,3.6vw,2.4rem);
    line-height:1.1; letter-spacing:-.02em; color:var(--sand); margin:2px 0 2px;
    font-variant-numeric:tabular-nums;}
  .cbig-lbl{font-size:.68rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
    color:var(--bronze2);}
  .cbig-sub{font-size:.82rem; color:#8FA6B5; margin:4px 0 20px;}
  .clines{border-top:1px solid rgba(231,222,205,.18); padding-top:14px;}
  .cline{display:flex; justify-content:space-between; gap:16px; padding:7px 0; font-size:.85rem;
    color:#B8C8D4; border-bottom:1px solid rgba(231,222,205,.09);}
  .cline:last-child{border-bottom:0;}
  .cline b{color:var(--sand); font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap;}
  .cline.tot{border-top:1px solid rgba(231,222,205,.28); margin-top:8px; padding-top:12px; border-bottom:0;}
  .cline.tot span, .cline.tot b{color:var(--sand); font-size:.95rem;}
  .cnote{font-size:.74rem; color:#7E9AAB; margin-top:18px; line-height:1.55;}

  .convgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(231,222,205,.16);
    border:1px solid rgba(231,222,205,.16); border-radius:8px; overflow:hidden; margin-top:4px;}
  @media(max-width:700px){ .convgrid{grid-template-columns:repeat(2,1fr);} }
  .convgrid div{background:var(--navy2); padding:13px 12px;}
  .convgrid .u{font-size:.63rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--bronze2);}
  .convgrid .v{font-family:var(--display); font-size:1.08rem; color:var(--sand); font-variant-numeric:tabular-nums; margin-top:3px;}

  .cdisc{border-left:2px solid var(--bronze2); padding:2px 0 2px 16px; margin-top:26px;}
  .cdisc p{font-size:.82rem; color:var(--stone); margin:0; max-width:70ch;}


  /* ---------- article ---------- */
  .artwrap{max-width:1140px; margin:0 auto; padding:0 clamp(20px,5vw,56px);
    display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:clamp(30px,5vw,64px); align-items:start;}
  @media(max-width:900px){ .artwrap{grid-template-columns:1fr;} }
  .artbody{min-width:0;}
  .artmeta{display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center;
    padding-bottom:18px; border-bottom:1px solid var(--rule); margin-bottom:26px;
    font-size:.78rem; color:var(--stone);}
  .artmeta .by{font-weight:600; color:var(--navy);}
  .artmeta .dot{opacity:.4;}
  .answer{background:var(--tint); border-left:3px solid var(--bronze2);
    padding:20px 22px; margin:0 0 30px;}
  .answer p{margin:0; font-size:1.02rem; line-height:1.6; color:var(--navy); max-width:58ch;}
  .artbody h2{font-size:clamp(1.3rem,2.4vw,1.72rem); margin:38px 0 12px; max-width:26ch;}
  .artbody h3{font-size:1.08rem; margin:26px 0 8px;}
  .artbody p{font-size:1rem; line-height:1.72; color:var(--stone); max-width:64ch; margin-bottom:15px;}
  .artbody p strong, .artbody li strong{color:var(--navy); font-weight:600;}
  .artbody ul{max-width:64ch; padding-left:20px; margin:0 0 18px;}
  .artbody li{font-size:1rem; line-height:1.7; color:var(--stone); margin-bottom:9px;}
  .artpull{font-family:var(--display); font-weight:400; font-size:clamp(1.3rem,2.6vw,1.85rem);
    line-height:1.26; letter-spacing:-.014em; color:var(--navy); max-width:22ch;
    margin:32px 0; padding-left:20px; border-left:2px solid var(--bronze);}
  .artstats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1px;
    background:var(--rule); border:1px solid var(--rule); border-radius:10px; overflow:hidden; margin:26px 0;}
  .artstats>div{background:#FFFDF9; padding:16px 16px 18px;}
  .artstats .f{font-family:var(--display); font-weight:500; font-size:1.45rem; letter-spacing:-.02em;
    display:block; line-height:1.1; margin-bottom:5px;}
  .artstats .c{font-size:.78rem; color:var(--stone); line-height:1.45; display:block;}
  .artstats .s{font-size:.65rem; color:var(--stone); opacity:.65; margin-top:6px; display:block;}
  .artlimit{border:1px solid var(--rule); border-radius:10px; padding:20px 22px; margin:30px 0;
    background:#FFFDF9;}
  .artlimit h3{margin:0 0 10px; font-size:1.02rem;}
  .artlimit ul{margin-bottom:0;}
  .faq{margin-top:34px; border-top:1px solid var(--rule);}
  .faq details{border-bottom:1px solid var(--rule);}
  .faq summary{list-style:none; cursor:pointer; padding:15px 0; font-weight:600; font-size:.97rem;
    color:var(--navy); display:flex; gap:14px; align-items:baseline;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+"; margin-left:auto; color:var(--bronze); font-weight:400; font-size:1.1rem;}
  .faq details[open] summary::after{content:"\2013";}
  .faq .a{font-size:.94rem; color:var(--stone); line-height:1.68; padding:0 0 18px; max-width:62ch; margin:0;}
  .artside{position:sticky; top:100px;}
  @media(max-width:900px){ .artside{position:static;} }
  .artside .box{border:1px solid var(--rule); border-radius:10px; padding:18px 18px 20px; background:#FFFDF9;}
  .artside h4{font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze);
    margin:0 0 12px; font-family:var(--body); font-weight:600;}
  .artside p{font-size:.85rem; color:var(--stone); margin-bottom:14px;}
  .artside ul{list-style:none; margin:0; padding:0;}
  .artside li{padding:7px 0; border-bottom:1px solid rgba(220,211,193,.5); font-size:.85rem;}
  .artside li:last-child{border-bottom:0;}
  .fpub{display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px; border:1px solid var(--bronze2);
    border-radius:12px; background:#FFFDF9; padding:22px; margin-top:22px; text-decoration:none;
    transition:transform .15s, box-shadow .2s;}
  .fpub:hover{transform:translateY(-2px); box-shadow:0 8px 24px -18px rgba(6,34,53,.5);}
  .fpub .live{font-size:.62rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
    color:#fff; background:var(--bronze); border-radius:999px; padding:3px 9px; display:inline-block;}


  /* ---------- article tables ---------- */
  .artbody .tw{overflow-x:auto; border:1px solid var(--rule); border-radius:10px; background:#FFFDF9;}
  .artbody table{border-collapse:collapse; width:100%; min-width:460px; font-size:.9rem;}
  .artbody th, .artbody td{text-align:left; padding:12px 16px; border-bottom:1px solid rgba(220,211,193,.6); vertical-align:top;}
  .artbody th{font-family:var(--body); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--stone); font-weight:600; background:var(--tint); border-bottom:1px solid var(--rule);}
  .artbody tr:last-child td{border-bottom:0;}
  .artbody td{color:var(--stone);}
  .artbody td b{color:var(--navy); font-weight:600;}

  /* ---------- entry groups ---------- */
  .entrygrp{margin-top:30px;}
  .entrygrp .grp{font-family:var(--display); font-weight:600; font-size:1.02rem; letter-spacing:.01em;
    color:var(--navy); margin-bottom:14px; padding-bottom:9px; border-bottom:1px solid var(--rule);}
  .band.navy .entrygrp .grp{color:var(--sand); border-bottom-color:rgba(231,222,205,.22);}

  /* ---------- shared ---------- */
  .page{display:none;}
  .page.on{display:block; animation:pageIn .4s ease both;}
  @keyframes pageIn{from{opacity:0;} to{opacity:1;}}

  .band{padding:clamp(56px,9vw,110px) 0;}
  .band.tint{background:var(--tint);}
  .band.navy{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 70%,var(--navy3) 100%); color:var(--sand);}
  .band.navy a{color:var(--bronze2);}
  .band + .band{border-top:1px solid var(--rule);}
  .band.navy + .band, .band + .band.navy{border-top:none;}

  h1,h2,h3{font-family:var(--display); font-weight:500; line-height:1.2; letter-spacing:-.012em; font-optical-sizing:auto;}
  h1{font-weight:400; letter-spacing:-.018em;}
  h2{font-weight:400; letter-spacing:-.014em;}
  h3{font-weight:600; letter-spacing:-.004em;}
  h1{font-size:clamp(2.1rem,5.6vw,3.6rem); max-width:18ch;}
  h2{font-size:clamp(1.55rem,3.4vw,2.3rem); max-width:24ch; margin-bottom:16px;}
  h3{font-size:clamp(1.1rem,2.2vw,1.35rem); margin-bottom:8px;}
  .lede{color:var(--stone); max-width:56ch; font-size:clamp(.95rem,1.6vw,1.05rem);}
  .band.navy .lede{color:rgba(231,222,205,.82);}
  .kicker{font-size:.78rem; font-weight:600; letter-spacing:.14em; color:var(--bronze);
    margin-bottom:14px; text-transform:uppercase;}
  .band.navy .kicker{color:var(--bronze2);}

  .btn{display:inline-block; background:var(--navy); color:var(--sand); border:none;
    border-radius:999px; padding:14px 30px; font-family:var(--body); font-weight:600;
    font-size:.95rem; cursor:pointer; transition:background .2s, transform .15s;}
  .btn:hover{background:var(--navy2); color:var(--sand); transform:translateY(-1px);}
  .btn.bronze{background:var(--bronze); color:#FFFDF9;}
  .btn.bronze:hover{background:var(--bronze2);}
  .btn.light{background:var(--sand); color:var(--navy);}
  .btn.light:hover{background:var(--ivory); color:var(--navy);}
  .btn.ghost{background:transparent; color:var(--sand); border:1px solid var(--bronze2);}
  .btn.ghost:hover{background:rgba(180,147,106,.14);}
  .btn:focus-visible,.opt:focus-visible,a:focus-visible{outline:2px solid var(--bronze); outline-offset:3px;}

  .grid2{display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,4vw,44px);}
  .grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,3vw,28px);}
  @media (max-width:860px){ .grid2,.grid3{grid-template-columns:1fr;} }

  .panel{background:#FFFDF9; border:1px solid var(--rule); border-radius:12px;
    padding:clamp(20px,3.5vw,32px);}
  .band.navy .panel{background:rgba(255,253,249,.05); border-color:rgba(180,147,106,.35); color:var(--sand);}
  .band.navy .panel .lede{color:rgba(231,222,205,.8);}
  .band.navy .panel h3{color:var(--sand);}
  .band.navy .panel .num{color:var(--bronze2);}
  .beginsblock{margin-top:clamp(46px,6vw,78px); padding-top:clamp(38px,5vw,60px);
    border-top:1px solid rgba(231,222,205,.16);}
  .beginsblock .kicker{color:var(--bronze2);}
  .beginsblock h2{color:var(--sand);}
  .beginsblock > .lede{color:#B8C8D4;}
  .band.navy .firstcall{background:rgba(255,253,249,.06); border-left:3px solid var(--bronze2);}

  /* ---------- hero ---------- */
  .hero{padding:clamp(72px,11vw,150px) 0 clamp(64px,9vw,120px);}
  .hero .sub{color:rgba(231,222,205,.85); max-width:52ch; margin:22px 0 34px;
    font-size:clamp(.98rem,1.8vw,1.12rem);}
  .hero .doors{display:flex; gap:14px; flex-wrap:wrap;}
  .hero .partner-line{margin-top:22px; font-size:.85rem; color:rgba(231,222,205,.65);}
  .hero .partner-line a{border-bottom:1px solid rgba(180,147,106,.5);}

  /* ---------- two ways ---------- */
  .ways .panel h3{color:var(--navy);}
  .ways .num{font-family:var(--display); color:var(--bronze2); font-size:1rem; margin-bottom:10px;}
  .ways .svc-note{margin-top:26px; padding:18px 22px; border-left:2px solid var(--bronze2);
    background:var(--tint); border-radius:0 10px 10px 0; max-width:760px;}
  .ways .svc-note strong{font-weight:600;}

  /* ---------- unlock ---------- */
  .locks{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:34px 0 26px;}
  @media (max-width:900px){.locks{grid-template-columns:repeat(2,1fr);}}
  .lock{position:relative; border:1px solid rgba(180,147,106,.4); border-radius:10px;
    padding:20px 16px 16px; background:rgba(255,253,249,.04);
    transition:border-color .5s, background .5s, transform .5s; }
  .lock .t{font-weight:600; font-size:.9rem; color:rgba(231,222,205,.55); transition:color .5s;}
  .lock .s{font-size:.76rem; color:rgba(231,222,205,.4); margin-top:4px; transition:color .5s;}
  .lock svg.seal-ic{position:absolute; top:12px; right:12px; width:20px; height:20px;
    transition:opacity .45s, transform .45s;}
  .lock svg.seal-ic *{stroke:var(--bronze2); fill:none; stroke-width:1.5;}
  .locks.unlocked .lock{border-color:rgba(180,147,106,.75); background:rgba(180,147,106,.1); transform:translateY(-2px);}
  .locks.unlocked .lock .t{color:var(--sand);}
  .locks.unlocked .lock .s{color:rgba(231,222,205,.75);}
  .locks.unlocked .lock svg.seal-ic{opacity:0; transform:scale(.4) rotate(20deg);}
  .lock{transition-delay:calc(var(--i) * 70ms);}
  .keys{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px;}
  .unlock-after{max-height:0; overflow:hidden; opacity:0; transition:max-height .8s ease .3s, opacity .7s ease .45s;}
  .unlocked-wrap .unlock-after{max-height:220px; opacity:1;}
  @media (prefers-reduced-motion:reduce){ .lock{transition-delay:0ms;} }

  /* ---------- journey ---------- */
  .journey{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; counter-reset:jn;}
  @media (max-width:900px){ .journey{grid-template-columns:repeat(2,1fr);} }
  .jstep{border-top:2px solid var(--bronze2); padding-top:14px;}
  .jstep::before{counter-increment:jn; content:"0" counter(jn);
    font-family:var(--display); color:var(--bronze); display:block; margin-bottom:6px;}
  .jstep .t{font-weight:600; font-size:.95rem;}
  .jstep .s{font-size:.8rem; color:var(--stone); margin-top:3px;}

  /* ---------- where we work ---------- */
  .work .panel .mk{font-size:.85rem; color:var(--stone); margin-top:10px; line-height:1.9;}
  .work .tag{display:inline-block; font-size:.72rem; font-weight:600; color:var(--bronze);
    border:1px solid var(--rule); border-radius:999px; padding:2px 10px; margin-bottom:12px;}

  /* ---------- how we work ---------- */
  .method .grid2{align-items:center;}
  .method .formula{font-family:var(--display); font-size:clamp(1.3rem,3vw,1.9rem);
    line-height:1.3; max-width:20ch;}
  .method .formula em{font-style:normal; color:var(--bronze2);}
  .method ul{list-style:none; display:grid; gap:12px;}
  .method li{padding-left:22px; position:relative; font-size:.94rem;}
  .method li::before{content:""; position:absolute; left:0; top:.7em; width:12px; height:1px; background:var(--bronze2);}

  /* ---------- worlds / practice cards ---------- */
  .pcard{display:flex; flex-direction:column; gap:10px; border-radius:12px; padding:clamp(24px,4vw,36px);
    background:linear-gradient(135deg,var(--navy),var(--navy2)); color:var(--sand);
    border:1px solid rgba(180,147,106,.3); transition:transform .2s, box-shadow .25s;}
  .pcard:hover{transform:translateY(-3px); box-shadow:0 22px 44px -26px rgba(6,34,53,.6);}
  .pcard .name{font-family:var(--display); font-optical-sizing:auto; font-size:1.35rem; color:var(--sand);}
  .pcard .role{font-size:.78rem; letter-spacing:.1em; color:var(--bronze2); text-transform:uppercase; font-weight:600;}
  .pcard p{font-size:.9rem; color:rgba(231,222,205,.8);}
  .pcard .go{margin-top:auto; padding-top:14px; font-size:.85rem; font-weight:600; color:var(--bronze2);}

  /* ---------- nri strip ---------- */
  .qgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  @media (max-width:860px){.qgrid{grid-template-columns:1fr;}}
  .q{border:1px solid var(--rule); background:#FFFDF9; border-radius:10px; padding:18px;
    font-size:.92rem; font-weight:500; color:var(--navy); display:block; transition:border-color .2s, transform .15s;}
  .q:hover{border-color:var(--bronze2); transform:translateY(-2px); color:var(--navy);}
  .q .a{color:var(--bronze); font-size:.78rem; display:block; margin-top:8px; font-weight:600;}
  .q .qs{display:block; margin-top:7px; font-size:.82rem; font-weight:400; color:var(--stone); line-height:1.5;}
  .q.unwritten{background:transparent; border-style:dashed; color:var(--stone);}
  .q.unwritten:hover{border-color:var(--bronze2); color:var(--navy);}
  .q.unwritten .a{color:var(--stone); font-weight:500;}
  .q.unwritten:hover .a{color:var(--bronze);}

  /* ---------- insights ---------- */
  .icard{border:1px solid var(--rule); border-radius:12px; overflow:hidden; background:#FFFDF9;}
  .icard .ph{height:150px; background:linear-gradient(130deg,var(--navy),var(--navy3));
    display:flex; align-items:flex-end; padding:14px;}
  .icard .ph span{color:var(--bronze2); font-size:.72rem; letter-spacing:.12em; font-weight:600; text-transform:uppercase;}
  .icard .bd{padding:18px;}
  .icard .bd h3{font-size:1.05rem;}
  .icard .bd p{font-size:.85rem; color:var(--stone);}

  /* ---------- about ---------- */
  .team{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  @media (max-width:860px){.team{grid-template-columns:repeat(2,1fr);}}
  .tm{border:1px solid var(--rule); border-radius:12px; background:#FFFDF9; padding:18px; text-align:center;}
  .tm .av{width:74px; height:74px; margin:0 auto 12px; border-radius:50%;
    background:linear-gradient(135deg,var(--navy),var(--navy3));
    display:flex; align-items:center; justify-content:center;}
  .tm .nm{font-weight:600; font-size:.92rem;}
  .tm .rl{font-size:.78rem; color:var(--stone);}

  /* ---------- footer ---------- */
  footer{background:var(--navy); color:rgba(231,222,205,.75); padding:56px 0 40px; margin-top:0;}
  footer .wrap{display:grid; grid-template-columns:1.25fr .85fr 1.15fr 1.05fr .8fr; gap:30px;}
  @media (max-width:900px){ footer .wrap{grid-template-columns:1fr 1fr;} }
  @media (max-width:760px){footer .wrap{grid-template-columns:1fr;}
  footer .fine-ph{font-size:.8rem; color:rgba(231,222,205,.45);}}
  footer .flogo{display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
  footer .flogo .wm{font-family:var(--display); color:var(--sand); font-size:1.25rem;}
  footer p{font-size:.82rem; max-width:40ch;}
  footer h4{font-family:var(--body); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase;
    color:var(--bronze2); margin-bottom:12px; font-weight:600;}
  footer li{list-style:none; margin-bottom:8px; font-size:.86rem;}
  footer a{color:rgba(231,222,205,.85);}
  footer a:hover{color:var(--bronze2);}
  footer .claims{grid-column:1/-1; border-top:1px solid rgba(180,147,106,.3); padding-top:20px;
    font-size:.76rem; color:rgba(231,222,205,.55); max-width:none;}

  /* ================= CONTACT / CARD (from the approved prototype) ================= */
  .stage{max-width:1120px; margin:0 auto;
    padding:clamp(28px,6vw,64px) clamp(20px,5vw,56px) 96px;
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(32px,6vw,80px); align-items:start;}
  @media (max-width:860px){
    .stage{grid-template-columns:1fr; gap:36px;}
    .card-col{position:sticky; top:78px; z-index:5; padding:16px 0 20px;
      background:linear-gradient(var(--ivory) 82%, rgba(248,245,239,0));}
  }
  .card-col{display:flex; flex-direction:column; gap:18px;}
  .ccard{position:relative; width:100%; aspect-ratio:1.586;
    background:linear-gradient(128deg,var(--navy) 0%,var(--navy2) 74%,var(--navy3) 100%);
    border-radius:14px; color:var(--sand);
    padding:clamp(18px,4.2%,30px) clamp(20px,5%,34px);
    box-shadow:0 24px 60px -28px rgba(6,34,53,.55), 0 2px 6px rgba(6,34,53,.18);
    overflow:hidden; display:flex; flex-direction:column; justify-content:space-between;}
  .ccard::before{content:""; position:absolute; inset:9px; border:1px solid rgba(180,147,106,.38);
    border-radius:9px; pointer-events:none;}
  .ccard::after{content:""; position:absolute; inset:0;
    background:radial-gradient(120% 90% at 12% 0%, rgba(180,147,106,.12), transparent 55%); pointer-events:none;}
  .ccard .card-top{display:flex; align-items:center; gap:12px;}
  .ccard .card-title{font-family:var(--display); font-weight:400;
    font-size:clamp(.95rem,2.6vw,1.2rem); letter-spacing:.14em; color:var(--bronze2);}
  .card-lines{display:grid; gap:clamp(6px,1.4vw,10px); margin-top:auto;}
  .cl{display:flex; align-items:baseline; gap:10px; font-size:clamp(.72rem,1.9vw,.86rem);
    border-bottom:1px solid rgba(180,147,106,.22); padding-bottom:clamp(4px,1vw,7px); min-height:1.6em;}
  .cl .k{color:var(--bronze2); font-weight:500; font-size:.9em; width:5.2em; flex:none;}
  .cl .v{color:var(--sand); font-weight:400; letter-spacing:.02em;}
  .cl .v.empty{color:rgba(231,222,205,.34); font-style:italic;}
  .cl .v.engrave{animation:engrave .7s ease both;}
  @keyframes engrave{from{opacity:0; transform:translateY(4px); letter-spacing:.12em; filter:blur(1px);}
    to{opacity:1; transform:none; letter-spacing:.02em; filter:none;}}
  .card-bottom{display:flex; justify-content:space-between; align-items:flex-end;
    font-size:clamp(.62rem,1.6vw,.72rem); color:rgba(231,222,205,.7); margin-top:clamp(8px,2vw,14px);}
  .card-no{letter-spacing:.18em;}
  .seal{position:absolute; right:clamp(16px,4.5%,30px); top:clamp(14px,4%,26px);
    width:clamp(52px,15%,74px); opacity:0; transform:scale(.7) rotate(-8deg);
    transition:opacity .5s, transform .6s cubic-bezier(.2,1.4,.4,1);}
  .ccard.sealed .seal{opacity:1; transform:none;}
  .seal circle{fill:none; stroke:var(--bronze2); stroke-width:1.3;}
  .seal .ring{stroke-dasharray:220; stroke-dashoffset:220;}
  .ccard.sealed .seal .ring{animation:drawRing 1.1s .15s ease forwards;}
  @keyframes drawRing{to{stroke-dashoffset:0;}}
  .seal text{fill:var(--bronze2); font-family:var(--body); font-size:7.4px; font-weight:600; letter-spacing:.24em;}
  .under-card{font-size:.78rem; color:var(--stone); text-align:center;}

  .flow-col{min-height:420px;}
  .progress{height:2px; background:var(--rule); border-radius:2px;
    margin-bottom:clamp(24px,4vw,40px); overflow:hidden;}
  .progress i{display:block; height:100%; width:0%;
    background:linear-gradient(90deg,var(--bronze),var(--bronze2)); transition:width .55s;}
  .cstep{display:none;}
  .cstep.active{display:block; animation:stepIn .45s ease both;}
  @keyframes stepIn{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;}}
  .cstep h1,.cstep h2{max-width:22ch;}
  .cstep .lede{margin-bottom:26px; font-size:.95rem;}
  .opts{display:grid; gap:12px;}
  .opt{text-align:left; background:#FFFDF9; border:1px solid var(--rule); border-radius:10px;
    padding:16px 18px; cursor:pointer; font-family:var(--body); color:var(--navy);
    transition:border-color .2s, transform .15s, box-shadow .2s;}
  .opt:hover{border-color:var(--bronze2); transform:translateY(-1px);
    box-shadow:0 10px 24px -18px rgba(6,34,53,.4);}
  .opt .t{font-weight:600; font-size:.98rem;}
  .opt .s{color:var(--stone); font-size:.82rem; margin-top:3px;}
  .opts.markets{grid-template-columns:repeat(2,1fr);}
  @media (max-width:480px){.opts.markets{grid-template-columns:1fr;}}
  .opts.markets .opt{padding:13px 15px;}
  .back{background:none; border:none; color:var(--stone); font-family:var(--body);
    font-size:.82rem; cursor:pointer; padding:6px 0; margin-top:22px; border-bottom:1px solid transparent;}
  .back:hover{color:var(--bronze); border-bottom-color:var(--bronze2);}
  .claim-form{display:grid; gap:14px; max-width:380px;}
  .claim-form label{font-size:.8rem; font-weight:600; color:var(--navy);}
  .claim-form input{width:100%; margin-top:5px; padding:12px 14px; border:1px solid var(--rule);
    border-radius:8px; background:#FFFDF9; font-family:var(--body); font-size:.95rem; color:var(--navy);}
  .claim-form input:focus-visible{outline:2px solid var(--bronze); outline-offset:1px; border-color:var(--bronze2);}
  .fine{font-size:.74rem; color:var(--stone); max-width:44ch;}
  .cdone h2{max-width:26ch;}
  .cdone ul{list-style:none; display:grid; gap:8px; margin-bottom:26px;}
  .cdone li{padding-left:20px; position:relative; font-size:.92rem; color:var(--navy);}
  .cdone li::before{content:""; position:absolute; left:0; top:.62em; width:10px; height:1px; background:var(--bronze);}

  /* ============ engagement pass ============ */
  .band.navy{position:relative;}
  .band.navy::before{content:""; position:absolute; inset:0; pointer-events:none; z-index:1; opacity:.045;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23B4936A' stroke-width='1'%3E%3Ccircle cx='120' cy='120' r='42'/%3E%3Ccircle cx='120' cy='120' r='76'/%3E%3Ccircle cx='120' cy='120' r='110'/%3E%3C/g%3E%3C/svg%3E");}
  .band.navy .wrap{position:relative; z-index:2;}

  .hero{background-image:linear-gradient(115deg, rgba(6,34,53,.94) 28%, rgba(6,34,53,.78) 62%, rgba(13,58,86,.66) 100%), url('/assets/f15a3d3d257f9cf8.jpg'); background-size:cover; background-position:center; overflow:hidden;}
  .hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
  .veil{position:absolute; inset:0; z-index:1; background:linear-gradient(115deg, rgba(6,34,53,.94) 28%, rgba(6,34,53,.72) 62%, rgba(13,58,86,.55) 100%);}
  .phero{background-size:cover; background-position:center; position:relative; overflow:hidden;}
  .pveil{background:linear-gradient(115deg, rgba(6,34,53,.90) 24%, rgba(6,34,53,.62) 62%, rgba(13,58,86,.40) 100%);}
  @media (prefers-reduced-motion:reduce){ .hero-video{display:none;} }
  .ph-invest{background-image:linear-gradient(115deg, rgba(6,34,53,.93) 30%, rgba(6,34,53,.72) 100%), url('/assets/7688e935b2dc2a73.jpg');}
  .ph-build{background-image:linear-gradient(115deg, rgba(6,34,53,.93) 30%, rgba(6,34,53,.72) 100%), url('/assets/a0b91a7403567f88.jpg');}
  .ph-nri{background-image:linear-gradient(115deg, rgba(6,34,53,.94) 30%, rgba(6,34,53,.74) 100%), url('/assets/e5c6ed9d653eaac6.jpg');}
  .ph-insights{background-image:linear-gradient(115deg, rgba(6,34,53,.94) 30%, rgba(6,34,53,.76) 100%), url('/assets/ba27b321bf2d050d.jpg');}
  .ph-about{background-image:linear-gradient(115deg, rgba(6,34,53,.93) 30%, rgba(6,34,53,.72) 100%), url('/assets/f15a3d3d257f9cf8.jpg');}
  .band-quote-img{background-image:linear-gradient(rgba(6,34,53,.9), rgba(6,34,53,.9)), url('/assets/69ba7b56e8b72497.jpg'); background-size:cover; background-position:center;}
  .band-nri-img{background-image:linear-gradient(100deg, rgba(6,34,53,.95) 40%, rgba(6,34,53,.8) 100%), url('/assets/e5c6ed9d653eaac6.jpg'); background-size:cover; background-position:center;}
  .band-video{position:relative; overflow:hidden;}
  .contact-strip{padding:clamp(40px,6vw,64px) 0; background-image:linear-gradient(100deg, rgba(6,34,53,.95) 35%, rgba(6,34,53,.78) 100%), url('/assets/69ba7b56e8b72497.jpg'); background-size:cover; background-position:center;}
  .pc-invest{background:linear-gradient(135deg, rgba(6,34,53,.9), rgba(10,49,73,.94)), url('/assets/7688e935b2dc2a73.jpg') center/cover;}
  .pc-build{background:linear-gradient(135deg, rgba(6,34,53,.9), rgba(10,49,73,.94)), url('/assets/a0b91a7403567f88.jpg') center/cover;}
  .method-photo{border-radius:12px; width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--rule);}
  .hero .b1,.hero .b2{display:block; opacity:0; animation:heroIn .8s ease forwards;}
  .hero .b2{animation-delay:.4s; color:var(--bronze2);}
  .hero .sub,.hero .doors,.hero .partner-line{opacity:0; animation:heroIn .8s ease forwards;}
  .hero .sub{animation-delay:.85s;} .hero .doors{animation-delay:1.05s;} .hero .partner-line{animation-delay:1.25s;}
  @keyframes heroIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
  .hero .drift{position:absolute; height:1px; width:42%; pointer-events:none; z-index:1;
    background:linear-gradient(90deg, transparent, rgba(180,147,106,.5), transparent);}
  .hero .d1{top:24%; left:-42%; animation:drift 14s linear infinite;}
  .hero .d2{top:68%; left:-42%; animation:drift 19s linear 4s infinite;}
  @keyframes drift{to{left:100%;}}

  .spine{position:relative; margin-top:34px; padding-left:36px; display:grid; gap:20px;}
  .spine-line{position:absolute; left:11px; top:8px; bottom:8px; width:2px; background:var(--rule);}
  .spine-fill{position:absolute; left:11px; top:8px; width:2px; height:0;
    background:linear-gradient(var(--bronze), var(--bronze2));}
  .sstep{position:relative; text-align:left; background:none; border:none; cursor:pointer;
    font-family:var(--body); color:var(--navy); padding:0 0 0 6px;
    opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
  .sstep.vis{opacity:1; transform:none;}
  .sstep .dot{position:absolute; left:-31px; top:7px; width:12px; height:12px; border-radius:50%;
    border:2px solid var(--bronze2); background:var(--ivory); transition:background .3s;}
  .sstep.passed .dot{background:var(--bronze2);}
  .sstep .st{font-family:var(--display); font-optical-sizing:auto; font-size:clamp(1.05rem,2.2vw,1.25rem);}
  .sstep .ss{color:var(--stone); font-size:.88rem; margin-top:2px;}
  .sstep .sd{max-height:0; overflow:hidden; color:var(--navy); font-size:.9rem;
    border-left:2px solid var(--sand); padding-left:12px; margin-top:0;
    transition:max-height .45s ease, margin-top .45s ease;}
  .sstep.open .sd{max-height:220px; margin-top:10px;}
  .sstep .hint{font-size:.72rem; color:var(--bronze); margin-top:4px; display:inline-block;}
  .sstep.open .hint{display:none;}

  .bigquote{font-family:var(--display); font-optical-sizing:auto; font-size:clamp(1.6rem,4.4vw,2.8rem);
    line-height:1.28; color:var(--sand); max-width:24ch;}
  .bigquote em{font-style:normal; color:var(--bronze2);}

  .locks.tease .seal-ic{animation:sealPulse 1.3s ease 1;}
  @keyframes sealPulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.22);}}

  @media (prefers-reduced-motion:reduce){
    *{animation-duration:.01ms !important; transition-duration:.01ms !important;}
    html{scroll-behavior:auto;}
    .sstep,.hero .b1,.hero .b2,.hero .sub,.hero .doors,.hero .partner-line{opacity:1; transform:none;}
  }

/* ---------- inline enquiry form ---------- */
.askbox{margin:44px 0 0;padding:28px clamp(20px,3vw,32px);background:var(--tint);
  border:1px solid var(--rule);border-radius:4px;}
.askbox h3{font-family:var(--display);font-size:clamp(1.18rem,2vw,1.42rem);
  font-weight:600;line-height:1.3;margin-bottom:8px;}
.askbox > p{color:var(--stone);font-size:.94rem;max-width:60ch;}
.askform{margin-top:18px;}
.askrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:640px){.askrow{grid-template-columns:1fr;}}
.askform label{display:block;font-size:.76rem;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--stone);}
.askform input,.askform textarea{width:100%;margin-top:6px;padding:11px 12px;
  font:inherit;font-size:.95rem;color:var(--navy);background:#fff;
  border:1px solid var(--rule);border-radius:3px;}
.askform textarea{resize:vertical;}
.askform input:focus,.askform textarea:focus{outline:2px solid var(--bronze2);
  outline-offset:1px;border-color:var(--bronze2);}
.askmsg{display:block;margin-top:12px;}
.askfoot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;}
.askfoot .fine{margin:0;max-width:44ch;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.askmsg-out{margin-top:14px;font-size:.94rem;display:none;}
.askmsg-out.ok{display:block;color:#2C5F45;font-weight:600;}
.askmsg-out.bad{display:block;color:#8A2F2F;}
.askform.sent .askrow,.askform.sent .askmsg,.askform.sent .askfoot{display:none;}