/* VastuIQ — Vastu Certificate page redesign (Oct 2026). Personality: "Mudra", the seal on an official document.
   Light ivory paper, deep navy ink, gold foil. The page's own tokens are also the shared header's (--sf, --mn…),
   so components are styled directly here instead of re-pointing tokens. Loaded before the page's own <style>;
   rules that must win carry an extra class or !important. */
:root{--ct-ink:#1D3557;--ct-ink2:#2C4A73;--ct-gold:#B8914A;--ct-gold2:#D9B977;--ct-paper:#FFFDF8;--ct-mist:#EEF2F7;--ct-line:#DCE3EC;}

/* ── hero ── */
.cert-hero.ct-hero{text-align:left;padding:3.4rem 1.5rem 3.6rem;
  background:radial-gradient(circle at 74% 44%,rgba(217,185,119,.25),transparent 36%),
             radial-gradient(circle at 15% 90%,rgba(44,74,115,.07),transparent 40%),
             linear-gradient(170deg,#FFFFFF,#FBF9F4 70%,#F5F3EE);border-bottom:1px solid var(--ct-line);}
.cert-hero.ct-hero::before{display:none;}
.ct-hero-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;}
.ct-hero .cert-hero-inner{max-width:none;margin:0;}
.ct-hero .cert-badge{background:#fff;border:1px solid var(--ct-line);color:var(--ct-ink2);box-shadow:0 2px 10px rgba(29,53,87,.05);}
.cert-hero.ct-hero h1{color:var(--ct-ink);font-weight:600;letter-spacing:-.01em;}
.cert-hero.ct-hero h1 em{color:var(--ct-gold);font-style:italic;}
.cert-hero.ct-hero p{color:#566479;margin:0 0 1.4rem;}
.ct-hero .hero-cert-preview{justify-content:flex-start;gap:.5rem;margin-bottom:0;}
.ct-hero .hcp-item{background:#fff;border:1px solid var(--ct-line);color:var(--ct-ink2);}
.ct-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:1.4rem;}
.ct-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--ct-ink);color:#fff!important;font-weight:700;text-decoration:none;padding:.9rem 1.6rem;border-radius:999px;box-shadow:0 10px 26px rgba(29,53,87,.22);transition:transform .15s;}
.ct-cta:hover{transform:translateY(-2px);}
.ct-cta-2{color:var(--ct-ink)!important;font-weight:600;border-bottom:1px solid rgba(29,53,87,.3);text-decoration:none;}
.ct-art{display:flex;justify-content:center;}
.ct-svg{width:min(100%,400px);height:auto;filter:drop-shadow(0 24px 36px rgba(29,53,87,.14));}
.ct-back rect{fill:#F1EEE6;transform-box:fill-box;transform-origin:center;transform:rotate(5deg);}
.ct-sheet{transform-box:view-box;transform-origin:208px 230px;transform:rotate(-2.5deg);}
.ct-paper{fill:var(--ct-paper);stroke:#E6E0D2;stroke-width:1;}
.ct-b1{fill:none;stroke:var(--ct-ink);stroke-width:1.6;}
.ct-b2{fill:none;stroke:var(--ct-gold);stroke-width:1;stroke-dasharray:2 3;}
.ct-orn{fill:none;stroke:var(--ct-gold);stroke-width:1.6;}
.ct-brand{font:700 10px 'DM Sans',sans-serif;letter-spacing:.32em;fill:var(--ct-gold);text-anchor:middle;}
.ct-title{font:700 15px 'Cormorant Garamond',serif;letter-spacing:.16em;fill:var(--ct-ink);text-anchor:middle;}
.ct-rule{stroke:var(--ct-gold);stroke-width:1;}
.ct-line{fill:#DCE3EC;}
.ct-ring-bg{fill:none;stroke:var(--ct-mist);stroke-width:7;}
.ct-ring{fill:none;stroke:var(--ct-gold);stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform-box:fill-box;transform-origin:center;transform:rotate(-90deg);}
.ct-tick{fill:none;stroke:var(--ct-ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;}
.cq-f{fill:var(--ct-ink);} .cq-w{fill:var(--ct-paper);}
.ct-ok rect{fill:#E5F2EA;stroke:#9CCBAE;stroke-width:1;} .ct-ok text{font:700 11px 'DM Sans',sans-serif;fill:#2F7A50;text-anchor:middle;}
.ct-rib{fill:#9C7535;}
.ct-foil{fill:var(--ct-gold2);stroke:var(--ct-gold);stroke-width:1.5;}
.ct-foil-in{fill:none;stroke:#FFF6DF;stroke-width:1.5;stroke-dasharray:2 2;}
.ct-seal-t{font:700 12px 'DM Sans',sans-serif;letter-spacing:.12em;fill:#6F5223;text-anchor:middle;}
/* the sheet writes itself, the ring closes, the seal is stamped, the QR is verified (8 s loop) */
.ct-line{transform-box:fill-box;transform-origin:0 50%;animation:ctWrite 8s ease-out infinite;}
.ct-l1{animation-delay:.25s;} .ct-l2{animation-delay:.5s;} .ct-l3{animation-delay:.75s;}
@keyframes ctWrite{0%,4%{transform:scaleX(0)}22%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.ct-ring{animation:ctRing 8s ease-in-out infinite;}
@keyframes ctRing{0%,24%{stroke-dashoffset:100}44%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
.ct-tick{animation:ctTick 8s ease infinite;}
@keyframes ctTick{0%,42%{stroke-dashoffset:44}50%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:44}}
.ct-seal{transform-box:fill-box;transform-origin:center;animation:ctStamp 8s cubic-bezier(.3,1.6,.5,1) infinite;}
@keyframes ctStamp{0%,50%{opacity:0;transform:scale(1.6) rotate(-14deg)}58%,94%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1)}}
.ct-ok{opacity:0;animation:ctOk 8s ease infinite;}
@keyframes ctOk{0%,62%{opacity:0;transform:translateY(5px)}68%,94%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ct-line,.ct-ring,.ct-tick,.ct-seal,.ct-ok{animation:none;}
  .ct-ring{stroke-dashoffset:0;} .ct-tick{stroke-dashoffset:0;} .ct-ok{opacity:1;}
}

/* ── the rest of the page in navy and gold ── */
.trust-bar{background:#fff!important;border-bottom-color:var(--ct-line)!important;}
.cert-main .step-card{border-color:var(--ct-line);box-shadow:0 10px 36px rgba(29,53,87,.08);}
.cert-main .step-header{background:linear-gradient(135deg,var(--ct-ink),var(--ct-ink2));}
.cert-main .step-num{background:rgba(217,185,119,.22);border-color:rgba(217,185,119,.6);color:#F4E4BE;}
.cert-main .cert-input{border-color:var(--ct-line);background:#FBFCFD;}
.cert-main .cert-input:focus{border-color:var(--ct-ink2);box-shadow:0 0 0 3px rgba(44,74,115,.10);background:#fff;}
.cert-main .input-label .req{color:var(--ct-gold);}
.cert-main .btn-verify,.cert-main .btn-pay-cert{background:var(--ct-ink);box-shadow:0 8px 22px rgba(29,53,87,.22);border-radius:999px;}
.cert-main .btn-download{background:linear-gradient(135deg,#B8914A,#9C7535);border-radius:999px;}
.cert-main .btn-run-analysis{background:var(--ct-ink);border-radius:999px;}
.cert-main .cert-fine a{color:var(--ct-ink2);}
.hiw-section{background:#F7F8FA!important;border-top-color:var(--ct-line)!important;}
.hiw-section .hiw-num{background:linear-gradient(135deg,var(--ct-ink),var(--ct-ink2));}
.section-tag{color:var(--ct-gold)!important;}
.section-h{color:var(--ct-ink)!important;}
.faq-section .faq-q:hover{color:var(--ct-ink2);}
.faq-section .faq-q::after{color:var(--ct-gold);}
.faq-section .faq-item{border-color:var(--ct-line);}

@media (max-width:860px){
  .cert-hero.ct-hero{padding:1.8rem 1rem 2.4rem;}
  .ct-hero-grid{grid-template-columns:1fr;gap:6px;}
  .ct-art{order:-1;}
  .ct-svg{width:min(56vw,230px);}
}
.cert-main .cf-title,.hiw-section .hiw-title{color:var(--ct-ink)!important;}
@media (max-width:860px){
  .trust-bar{padding:.55rem 1rem!important;}
  .trust-bar-inner{gap:.3rem 1rem!important;}
  .trust-bar .trust-div{display:none!important;}
  .trust-bar .trust-item{font-size:.74rem!important;}
}