/*!
 * Ariade: sections styles. Loaded only on pages that use these blocks or templates (see inc/styles.php).
 * Author: Shivaji Mitra / M/S. Anblik
 */
/* ============================ HERO ============================ */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-mesh{position:absolute;inset:0;background:
   radial-gradient(40% 60% at 10% 26%,rgba(24,79,203,.14),transparent 60%),
   radial-gradient(38% 70% at 42% 80%,rgba(109,40,217,.12),transparent 62%),
   radial-gradient(42% 62% at 74% 20%,rgba(190,24,93,.10),transparent 60%),
   radial-gradient(36% 64% at 96% 74%,rgba(79,70,229,.12),transparent 62%)}
.hero-threads{position:absolute;inset:0;width:100%;height:100%}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(3rem,7vw,5.5rem)}
.hero h1{font-weight:900;text-transform:uppercase;font-size:clamp(2.8rem,6.8vw,5rem);letter-spacing:-.012em;margin:0 0 1.4rem}
.hero h1 .grad{background:linear-gradient(100deg,#184FCB 0%,#6D28D9 52%,#BE185D 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:1.18rem;max-width:36ch;margin-bottom:2rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;margin-bottom:2.4rem}
.tested-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-family:var(--display);font-weight:700;color:var(--body);margin:0 0 .8rem}
.tested-row{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.83rem;font-weight:600;color:var(--ink);background:#fff}
.chip svg{width:15px;height:15px;color:var(--teal)}
/* hero composition */
.hero-art{position:relative}
.hero-art .badge-aa{position:absolute;left:-20px;top:-20px;z-index:3;width:104px;height:104px;filter:drop-shadow(0 6px 16px rgba(14,27,54,.28))}
.hero-art .badge-aa svg{width:100%;height:100%;display:block}
.card-stack{position:relative}
.card-main{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .card-main{animation:rise .8s var(--ease) both}
  @keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
.browserbar{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);background:var(--surface)}
.dot{width:11px;height:11px;border-radius:50%;background:#bcccea}
.url{margin-left:.6rem;font-size:.74rem;color:var(--body);background:#fff;border:1px solid var(--line);border-radius:6px;padding:.25rem .6rem}
/* hero carousel: Ariade Accessible Carousel (hero block, overlay layout) */
.hero-cap{margin-top:.85rem;font-size:.83rem;color:var(--body)}
.hero-cap strong{color:var(--ink)}
.hcar{position:relative}
.hcar-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#0E1B36}
.hcar-track{list-style:none;margin:0;padding:0;display:flex;transition:transform .45s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .hcar-track{transition:none}
}
.hslide{position:relative;flex:0 0 100%;min-width:100%;aspect-ratio:4/3}
.hslide-bg{position:absolute;inset:0}
.hslide-bg.bg1{background:radial-gradient(125% 125% at 80% 12%,#3A63E0 0%,#0E1B36 70%)}
.hslide-bg.bg2{background:radial-gradient(125% 125% at 18% 12%,#4F46E5 0%,#102C66 72%)}
.hslide-bg.bg3{background:radial-gradient(125% 125% at 82% 88%,#2563EB 0%,#0E1B36 70%)}
.hslide-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(255,255,255,.18),transparent 42%)}
.hbox{position:absolute;left:20px;right:20px;bottom:20px;background:#fff;border-radius:14px;padding:1.05rem 1.15rem;box-shadow:0 14px 34px -18px rgba(0,0,0,.6);max-width:82%}
.hbox-eyebrow{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--coral-dark);margin:0}
.hbox-h{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(1.1rem,2.4vw,1.35rem);color:var(--ink);line-height:1.04;margin:.25rem 0 .4rem}
.hbox-t{font-size:.88rem;color:var(--body);margin:0 0 .85rem}
.hbox-cta{min-height:44px;padding:.5rem 1.05rem;font-size:.8rem}
.hcar-bar{display:flex;align-items:center;gap:.55rem;margin-top:.9rem}
.hcar-bar .cbtn{width:46px;height:46px}
.hcar-bar .dots.grow{flex:1;justify-content:center}
@media (max-width:560px){
  .hbox{max-width:none;left:14px;right:14px;bottom:14px}
}
/* ============================ BAND (dark feature) ============================ */
.band{background:var(--ink);color:#fff}
.band .wrap{padding-block:clamp(3rem,6vw,4.4rem)}
.band-head{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem 3rem;align-items:end;margin-bottom:2.2rem}
.band-head h2{color:#fff;font-size:clamp(1.7rem,3.4vw,2.5rem);text-transform:uppercase}
.band-head p{color:var(--muted);max-width:44ch}
.band-grid{display:flex;flex-direction:column;gap:.9rem}
.fcard{position:relative;display:flex;gap:1.2rem;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-left:4px solid #4F46E5;border-radius:14px;padding:1.5rem 1.7rem;overflow:hidden;transition:border-color .15s ease,transform .15s var(--ease),box-shadow .15s ease}
@media (prefers-reduced-motion:no-preference){
  .fcard:hover{transform:translateY(-3px)}
}
.fcard .tile{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.fcard .tile svg{width:27px;height:27px}
.fcard .fbody{flex:1;min-width:0}
.fcard h3{color:#fff;font-size:1.2rem;text-transform:uppercase;margin:.1rem 0 .55rem;padding-bottom:.5rem;position:relative}
.fcard h3::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7FB0FF,#A78BFA)}
.fcard p{color:var(--muted);font-size:.96rem;margin:0 0 1rem;max-width:64ch}
.fcard .idx{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-family:var(--display);font-weight:900;font-size:4rem;line-height:1;color:rgba(127,176,255,.60);pointer-events:none}
@media (max-width:560px){
  .fcard .idx{display:none}
}
.sc-chip{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--body-font);font-weight:600;font-size:.74rem;letter-spacing:.02em;color:var(--teal-bright);border:1px solid rgba(127,176,255,.4);border-radius:999px;padding:.32rem .75rem}
.sc-chip svg{width:13px;height:13px}
@media (max-width:980px){
  .band-head{grid-template-columns:1fr;align-items:start}
}
/* ============================ ABOUT + STATS ============================ */
.about .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.about h2{font-size:clamp(1.9rem,4vw,2.9rem);text-transform:uppercase;margin-bottom:1.1rem}
.about p+p{margin-top:1rem}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stat{position:relative;border:1px solid transparent;border-radius:16px;padding:1.5rem 1.4rem 1.4rem;overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s ease}
.stat:hover{box-shadow:var(--shadow-sm)}
@media (prefers-reduced-motion:no-preference){
  .stat:hover{transform:translateY(-3px)}
}
.stat-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}
.stat-ico svg{width:22px;height:22px;color:#fff}
.stat b{display:block;font-family:var(--display);font-weight:900;font-size:2.5rem;line-height:1}
.stat span{display:block;margin-top:.4rem;font-size:.9rem;color:var(--body)}
.stat.s1{background:linear-gradient(160deg,#E7EFFF,#F7F9FC);border-color:#D3E1FF}
.stat.s1 .stat-ico{background:linear-gradient(135deg,#184FCB,#4F46E5)}
.stat.s1 b{color:#184FCB}
.stat.s2{background:linear-gradient(160deg,#F2EBFF,#F7F9FC);border-color:#E4D6FF}
.stat.s2 .stat-ico{background:linear-gradient(135deg,#7C3AED,#6D28D9)}
.stat.s2 b{color:#6D28D9}
.stat.s3{background:linear-gradient(160deg,#FDEAF2,#F7F9FC);border-color:#F9D2E2}
.stat.s3 .stat-ico{background:linear-gradient(135deg,#BE185D,#DB2777)}
.stat.s3 b{color:#BE185D}
.stat.s4{background:linear-gradient(160deg,#EAE9FF,#F7F9FC);border-color:#D7D5FF}
.stat.s4 .stat-ico{background:linear-gradient(135deg,#4F46E5,#6D28D9)}
.stat.s4 b{color:#4F46E5}
/* ============================ FEATURES CARDS ============================ */
.features{background:var(--surface)}
.features .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.section-head{max-width:48ch;margin-bottom:2.6rem}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{font-size:clamp(1.9rem,4vw,2.9rem);text-transform:uppercase;margin-bottom:.9rem}
.section-head p{color:var(--body)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{background:#fff;border:1px solid transparent;border-radius:16px;padding:1.85rem 1.6rem 1.6rem;transition:transform .15s var(--ease),box-shadow .15s ease}
.card:hover{box-shadow:var(--shadow-sm)}
@media (prefers-reduced-motion:no-preference){
  .card:hover{transform:translateY(-4px)}
}
.card-ico{width:52px;height:52px;border-radius:14px;background:var(--surface);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;box-shadow:0 10px 22px -14px rgba(12,43,41,.5)}
.card-ico svg{width:25px;height:25px;color:#fff}
.card h3{font-size:1.25rem;text-transform:uppercase;margin-bottom:.5rem}
.card p{font-size:.95rem;color:var(--body)}
.card.is-highlight{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
.card.is-highlight h3{color:#fff}
.card.is-highlight p{color:var(--muted)}
.card.is-highlight .card-ico{background:linear-gradient(135deg,#2563EB,#6D28D9)}
.card.is-highlight .card-ico svg{color:#fff}
.card .badge{display:inline-block;margin-top:.9rem;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--teal-bright);border:1px solid rgba(44,212,190,.4);border-radius:999px;padding:.3rem .7rem}
/* ============================ PLUGINS / DEMOS ============================ */
.plugin-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;color:var(--teal);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;margin-bottom:1rem}
.plugin-tag svg{width:14px;height:14px}
/* carousel */
.carousel-sec .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.carousel{position:relative;max-width:920px;margin-inline:auto}
.carousel-viewport{overflow:hidden;border-radius:18px}
.carousel-track{display:flex;transition:transform .4s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .carousel-track{transition:none}
}
.slide{flex:0 0 100%;min-width:100%}
.slide blockquote{margin:0;display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.slide .tpanel{background:linear-gradient(150deg,#184FCB,#6D28D9);color:#fff;padding:2rem 1.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.slide .tpanel .av{width:84px;height:84px;border:3px solid rgba(255,255,255,.4);margin-bottom:1rem}
.slide .tpanel cite{font-style:normal}
.slide .tpanel .tname{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em;color:#fff}
.slide .tpanel .trole{display:block;color:#EAF0FF;font-size:.86rem;margin-top:.25rem}
.slide .tpanel .stars{color:#fff;letter-spacing:.16em;font-size:1.02rem;margin-top:.9rem;margin-bottom:0}
.slide .tbody{padding:clamp(1.8rem,3.5vw,2.6rem);display:flex;align-items:center}
.slide .tbody p{font-size:clamp(1.1rem,2.2vw,1.4rem);font-family:var(--display);font-weight:500;color:var(--ink);line-height:1.4;margin:0}
@media (max-width:720px){
  .slide blockquote{grid-template-columns:1fr}
}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.4rem}
.cbtn{width:50px;height:50px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.cbtn:hover{border-color:var(--teal);color:var(--teal)}
.carousel-controls .dots{display:flex;gap:.5rem}
.dot-btn{width:30px;height:30px;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.dot-btn::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--line)}
.dot-btn[aria-current="true"]::after{background:var(--teal);width:12px;height:12px}
.dot-btn:hover::after{background:var(--coral)}
.pausebtn{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;min-height:44px;padding:.3rem 1rem;cursor:pointer}
.pausebtn:hover{border-color:var(--teal)}
/* forms + login split */
.engage{background:var(--ink);color:#fff}
.engage .wrap{padding-block:clamp(3rem,6vw,4.8rem)}
.engage-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.6rem,3vw,2.4rem);align-items:start}
.engage-rail{background:linear-gradient(160deg,#1B3573,#0E1B36 72%);border:1px solid rgba(127,176,255,.16);border-radius:20px;padding:clamp(1.7rem,3vw,2.2rem) clamp(1.5rem,3vw,2rem);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.engage-rail::after{content:"";position:absolute;right:-60px;bottom:-60px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(109,40,217,.35),transparent 70%);pointer-events:none;z-index:0}
.engage-rail>*{position:relative;z-index:1}
.engage .engage-rail h2,.engage-rail h2{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.98;letter-spacing:.01em;font-size:clamp(2.1rem,4.2vw,3.4rem);margin-bottom:1rem}
.engage-rail h2 .hl{display:block;color:#BFD3FF;background:linear-gradient(90deg,#7FB0FF,#A78BFA,#F472B6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rail-lead{color:#D7E1F2;font-size:1.06rem;max-width:34ch;margin:0 0 1.4rem}
.rail-list{list-style:none;margin:0 0 1.8rem;padding:0;display:grid;gap:.7rem;flex:1;align-content:center}
.rail-list li{display:flex;gap:.65rem;color:#EAF0FB;font-size:1.02rem;font-weight:600;align-items:flex-start}
.rail-list svg{color:var(--teal-bright);width:21px;height:21px;flex:none;margin-top:.2rem}
.engage-rail .rail-cta{width:100%;font-size:1.05rem;min-height:58px;white-space:normal;text-align:center}
.rail-note{color:#B8C9EA;font-size:.85rem;text-align:center;margin:.7rem 0 0}
.mini-login{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:1.2rem;margin-top:1.4rem;box-shadow:none}
.mini-login .login-head{margin-bottom:1rem}
.mini-login .login-head h3{color:#fff;font-size:1.15rem}
.mini-login .field label{color:#D7E1F2}
.mini-login .form-status{margin-top:.9rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
#message{min-height:56px}
@media (max-width:600px){
  .field-row{grid-template-columns:1fr}
}
.engage h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.6rem);text-transform:uppercase;margin-bottom:.8rem}
.engage .sub{color:var(--muted);margin-bottom:1.8rem;max-width:42ch}
.engage .head-accent{display:flex;gap:1.1rem;align-items:stretch}
.engage .head-bar{width:8px;border-radius:8px;flex:none;background:linear-gradient(180deg,#7FB0FF,#A78BFA,#F472B6)}
.engage .head-big{color:#fff;font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:1.02;font-size:clamp(2.1rem,5.4vw,3.3rem);margin:0 0 .6rem}
.panel{background:#fff;color:var(--body);border-radius:18px;padding:clamp(1.5rem,3.5vw,2.2rem);box-shadow:var(--shadow)}
.field{margin-bottom:.95rem}
.field label{display:block;font-weight:600;color:var(--ink);margin-bottom:.4rem;font-size:.95rem}
.req{color:var(--coral-dark);font-weight:700}
.field .hint{font-size:.82rem;color:var(--body);margin-top:.3rem}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:.7rem .9rem;border:2px solid var(--line);border-radius:10px;font:inherit;color:var(--ink);background:#fff}
.field textarea{min-height:120px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#b9cec9}
.field .err{display:none;color:#9a2010;font-size:.86rem;margin-top:.35rem;font-weight:600}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#b5311c}
.field.invalid .err{display:block}
.check{display:flex;gap:.6rem;align-items:flex-start}
.check input{width:22px;height:22px;min-height:0;flex:none;margin-top:.2rem;accent-color:var(--teal)}
.check label{margin:0;font-weight:500;color:var(--body)}
.form-status{display:none;margin-top:1rem;padding:.9rem 1.1rem;border-radius:10px;background:#E7EEFB;border:1px solid #9DBBF2;color:#0E2E73;font-weight:600}
.form-status.show{display:block}
.pw-wrap{position:relative}
.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:40px;border:0;background:var(--surface);color:var(--teal);border-radius:8px;padding:0 .7rem;font-weight:700;font-size:.82rem;cursor:pointer;font-family:var(--display);text-transform:uppercase;letter-spacing:.05em}
.pw-toggle:hover{background:#dde9e5}
.login-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:.2rem;margin-bottom:1.2rem}
.login-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem}
.login-head .mk{width:44px;height:44px;flex:none}
.login-head h3{font-size:1.4rem;text-transform:uppercase}
/* ============================ CTA BAND ============================ */
.cta-band{background:linear-gradient(115deg,#184FCB 0%,#6D28D9 52%,#BE185D 100%);color:#fff;position:relative;overflow:hidden}
.cta-band .wrap{padding-block:clamp(3rem,6vw,4.8rem);text-align:center;position:relative;z-index:1}
.cta-band h2{color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);text-transform:uppercase;margin-bottom:1rem}
.cta-band p{color:#EAF0FF;max-width:48ch;margin:0 auto 1.8rem}
.cta-rings{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none}
.cta-band .eyebrow.on-dark,.cta-band .eyebrow.on-dark svg{color:#fff}
.cta-band .btn-light{color:var(--ink)}
/* ============================ BLOG ============================ */
.events-home{background:#ECF1F8}
.faq-home{background:#ECF1F8}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.post{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s var(--ease)}
.post:hover{box-shadow:var(--shadow-sm)}
@media (prefers-reduced-motion:no-preference){
  .post:hover{transform:translateY(-4px)}
}
.post-img{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--surface);position:relative;display:block}
.post-img.alt{background:linear-gradient(135deg,var(--coral) 0%,var(--coral-dark) 100%)}
.post-img.alt2{background:linear-gradient(135deg,#3A63E0 0%,var(--teal-deep) 100%)}
.post-body{padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.post-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--coral-dark);font-family:var(--display)}
.post h3{font-size:1.25rem;text-transform:uppercase;line-height:1.05}
.post h3 a{color:var(--ink);text-decoration:none}
.post h3 a:hover{color:var(--teal)}
.post p{font-size:.93rem;color:var(--body)}
/* ============================ RESPONSIVE ============================ */
@media (max-width:980px){
  .hero-inner{grid-template-columns:1fr}
  .hero-art{order:-1;max-width:540px}
  .band-grid{grid-template-columns:1fr;gap:1.8rem}
  .about-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .engage-grid{grid-template-columns:1fr}
  .posts{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn,.hero-cta .textlink{justify-content:center}
}
/* ===== vibrant accents + new sections ===== */
.variations{background:var(--surface)}
.variations .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.scheme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.scheme{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s ease}
.scheme:hover{box-shadow:var(--shadow-sm)}
@media (prefers-reduced-motion:no-preference){
  .scheme:hover{transform:translateY(-4px)}
}
.scheme-sw{display:flex;height:62px}
.scheme-sw span{flex:1}
.scheme-body{padding:1.05rem 1.15rem 1.25rem}
.scheme-body h3{font-size:1.15rem;text-transform:uppercase;margin-bottom:.6rem}
.scheme-aa{display:flex;align-items:center;gap:.6rem}
.scheme-aa .chip-aa{font-family:var(--display);font-weight:600;font-size:.95rem;color:#fff;border-radius:8px;padding:.18rem .55rem;line-height:1}
.scheme-aa .pass{display:inline-flex;align-items:center;gap:.3rem;color:var(--body);font-size:.82rem;font-weight:600}
.scheme-aa .pass svg{width:14px;height:14px;color:#157347}
.typo .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.typo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.font-card{border:1px solid var(--line);border-radius:14px;padding:1.4rem;background:#fff;margin-bottom:1rem;box-shadow:0 12px 30px -24px rgba(8,20,45,.4)}
.font-card .wchips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0}
.font-card .wchip{font-size:.72rem;color:var(--ink);background:#EEF2FB;border:1px solid var(--line);border-radius:7px;padding:.2rem .5rem;font-family:var(--display);font-weight:700}
.font-card .label{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--violet);font-family:var(--display);margin:0}
.font-card .name{font-family:var(--display);font-weight:800;font-size:1.9rem;color:var(--ink);text-transform:uppercase;margin:.2rem 0}
.font-card .name.body{font-family:var(--body-font);text-transform:none;font-weight:700}
.font-card .glyphs{color:var(--body);font-size:.95rem;margin:0}
.specimen{background:#0E1B36;border-radius:18px;padding:1.5rem 1.7rem}
.specimen .row{display:flex;align-items:baseline;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(127,176,255,.16)}
.specimen .row:last-child{border-bottom:0}
.specimen .tag{flex:none;width:46px;font-size:.72rem;color:var(--teal-bright);font-weight:700;font-family:var(--body-font);text-transform:uppercase;letter-spacing:.05em}
.specimen .s1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:2.4rem;color:#fff;line-height:1}
.specimen .s2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:1.65rem;color:#fff}
.specimen .s3{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.2rem;color:#fff}
.specimen .sb{font-size:1rem;color:var(--muted)}
.specimen .ss{font-size:.85rem;color:var(--muted)}
.specimen .sb a{color:var(--teal-bright);text-decoration-color:var(--teal-bright)}
.team .wrap{padding-block:clamp(3rem,6vw,4.6rem)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.member{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s ease}
.member:hover{box-shadow:var(--shadow-sm)}
@media (prefers-reduced-motion:no-preference){
  .member:hover{transform:translateY(-4px)}
}
.member .av{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin:0;border-radius:0}
.member-body{padding:1.2rem 1.3rem}
.member h3{font-size:1.12rem;text-transform:uppercase;margin:0 0 .2rem}
.member .role{font-size:.84rem;color:var(--violet);font-weight:700}
.member .bio{font-size:.85rem;color:var(--body);margin-top:.5rem}
.photo-note{margin-top:1.5rem;font-size:.83rem;color:var(--body);text-align:center}
.bloglayouts .wrap{padding-block:clamp(3rem,6vw,4rem) clamp(2.5rem,5vw,3.6rem)}
.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:stretch}
.layout-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.layout-prev{padding:1.1rem;background:var(--surface);border-bottom:1px solid var(--line);flex:1;display:flex;flex-direction:column;justify-content:center}
.layout-prev svg{width:100%;height:auto;display:block}
.layout-meta{padding:1rem 1.2rem 1.2rem}
.layout-meta h3{font-size:1.05rem;text-transform:uppercase;margin-bottom:.25rem}
.layout-meta p{font-size:.86rem;color:var(--body)}
.bl-mp{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}
.bl-tile{background-size:cover;background-position:center}
.bl-gt1{background:linear-gradient(135deg,#184FCB,#4F46E5)}
.bl-gt2{background:linear-gradient(135deg,#6D28D9,#4F46E5)}
.bl-gt3{background:linear-gradient(135deg,#BE185D,#DB2777)}
.bl-mpb{padding:.5rem .55rem .6rem}
.bl-cat{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;display:block;margin-bottom:.2rem}
.bl-mt{font-family:var(--display);font-weight:800;color:var(--ink);font-size:.76rem;line-height:1.15;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-gmini{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.55rem;flex:1}
.bl-gmini .bl-tile{flex:1;min-height:56px}
.bl-lmini{display:flex;flex-direction:column;gap:.55rem;flex:1}
.bl-lrow{display:grid;grid-template-columns:56px 1fr;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex:1}
.bl-lrb{padding:.45rem .6rem}
.bl-lex{margin:.18rem 0 0;font-size:.78rem;color:var(--body);line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.bl-mmini{columns:3;column-gap:.55rem}
.bl-mmini .bl-mp{margin-bottom:.55rem;break-inside:avoid}
.quote-author{display:flex;align-items:center;gap:.85rem;margin-top:1.3rem}
.quote-author .av{width:50px;height:50px;flex:none}
.quote-author cite{margin:0}
.cat-blue{color:#184FCB}
.cat-violet{color:#6D28D9}
.cat-fuchsia{color:#BE185D}
@media (max-width:980px){
  .scheme-grid{grid-template-columns:1fr 1fr}
  .typo-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
  .layout-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .scheme-grid,.team-grid{grid-template-columns:1fr}
  .specimen .s1{font-size:2rem}
}
.hslide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
img.av{border-radius:50%;object-fit:cover}
.hbox{z-index:2}
.fcard:hover{box-shadow:0 26px 54px -32px rgba(0,0,0,.65)}
.fcard.f1{border-left-color:#4F46E5}
.fcard.f1 .tile{background:linear-gradient(135deg,#2563EB,#4F46E5)}
.fcard.f1 h3::after{background:linear-gradient(90deg,#7FB0FF,#A78BFA)}
.fcard.f2{border-left-color:#DB2777}
.fcard.f2 .tile{background:linear-gradient(135deg,#6D28D9,#BE185D)}
.fcard.f2 h3::after{background:linear-gradient(90deg,#A78BFA,#F472B6)}
.fcard.f3{border-left-color:#6D28D9}
.fcard.f3 .tile{background:linear-gradient(135deg,#BE185D,#2563EB)}
.fcard.f3 h3::after{background:linear-gradient(90deg,#F472B6,#7FB0FF)}
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:1}
.cards .card:nth-child(1)::before{background:linear-gradient(90deg,#184FCB,#4F46E5)}
.cards .card:nth-child(2)::before{background:linear-gradient(90deg,#BE185D,#DB2777)}
.cards .card:nth-child(3)::before{background:linear-gradient(90deg,#7FB0FF,#A78BFA)}
.cards .card:nth-child(4)::before{background:linear-gradient(90deg,#7C3AED,#BE185D)}
.cards .card:nth-child(5)::before{background:linear-gradient(90deg,#6D28D9,#4F46E5)}
.cards .card:nth-child(6)::before{background:linear-gradient(90deg,#184FCB,#6D28D9)}
.cards .card:nth-child(1){background:linear-gradient(160deg,#E7EFFF,#F3F6FC);border-color:#D3E1FF}
.cards .card:nth-child(2){background:linear-gradient(160deg,#FDEAF2,#F6F5FA);border-color:#F9D2E2}
.cards .card:nth-child(4){background:linear-gradient(160deg,#F5EAFB,#F6F5FA);border-color:#EAD3F5}
.cards .card:nth-child(5){background:linear-gradient(160deg,#F2EBFF,#F5F5FC);border-color:#E4D6FF}
.cards .card:nth-child(6){background:linear-gradient(160deg,#E9EBFF,#F5F6FC);border-color:#D7DAFF}
.cards .card:nth-child(1) .card-ico{background:linear-gradient(135deg,#184FCB,#4F46E5)}
.cards .card:nth-child(2) .card-ico{background:linear-gradient(135deg,#BE185D,#DB2777)}
.cards .card:nth-child(4) .card-ico{background:linear-gradient(135deg,#7C3AED,#BE185D)}
.cards .card:nth-child(5) .card-ico{background:linear-gradient(135deg,#6D28D9,#4F46E5)}
.cards .card:nth-child(6) .card-ico{background:linear-gradient(135deg,#184FCB,#6D28D9)}
.card.is-highlight{background:linear-gradient(150deg,#0E1B36,#312E81);border-color:transparent}
.card.is-highlight p{color:#E6ECFF}
.card.is-highlight .card-ico{background:linear-gradient(135deg,#4F46E5,#6D28D9)}
.card.is-highlight .badge{border-color:rgba(127,176,255,.5);background:rgba(127,176,255,.08)}
/* ===== Option 2 hero + wide carousel (from mockup) ===== */
/* ===== Option 2 hero: centered copy + wide image ===== */
.hero-inner.hero-centered{grid-template-columns:1fr;justify-items:center;text-align:center;gap:0}
.hero-centered .hero-copy{max-width:62ch;display:flex;flex-direction:column;align-items:center;margin-bottom:2.4rem}
.hero-centered .eyebrow{justify-content:center}
.hero-centered h1{margin:0 0 1rem}
.hero-centered .hero-lead{max-width:56ch;margin-inline:auto;margin-bottom:1.9rem}
.hero-centered .hero-cta{justify-content:center;margin-bottom:0}
/* technologies used (red-mark area) */
.techused{width:100%;max-width:820px;margin:0 auto;text-align:center}
.techused-label{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--body);margin:0 0 .95rem}
.techused-row{list-style:none;margin:0 0 1.9rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.techused-row li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.86rem;font-weight:600;color:var(--ink)}
.techused-row svg{width:18px;height:18px;flex:none;color:var(--coral-dark)}
/* tested chips centered, directly under technologies row */
.hero-centered .tested-label{text-align:center;margin:.2rem 0 .8rem}
.hero-centered .tested-row{justify-content:center;margin-bottom:2.6rem}
/* differentiate tested chips from the tech pills: soft-tinted "verified" style with a filled check badge */
.hero-centered .tested-row .chip{background:#EAF1FF;border-color:#C6D6FA;padding:.48rem .95rem .48rem .5rem;gap:.55rem}
.hero-centered .tested-row .chip svg{width:15px;height:15px;box-sizing:content-box;padding:3px;border-radius:50%;background:var(--teal);color:#fff}
/* wide hero image band */
.hero-wide{position:relative;width:100%;max-width:1060px;margin:.4rem auto 0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);aspect-ratio:16/7;background:#0E1B36}
.hero-wide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-wide .badge-aa{position:absolute;left:20px;top:20px;z-index:3;width:96px;height:96px;filter:drop-shadow(0 6px 16px rgba(14,27,54,.28))}
.hero-wide .badge-aa svg{width:100%;height:100%;display:block}
@media (max-width:640px){
  .hero-wide{aspect-ratio:4/3}
  .hero-wide .badge-aa{width:74px;height:74px;left:14px;top:14px}
  .techused-row li{font-size:.8rem;padding:.45rem .75rem}
}
/* ===== Option 2 wide band = hero carousel ===== */
.hero-carousel-wide{position:relative;width:100%;max-width:1060px;margin:1rem auto 0}
.hero-carousel-wide .hcar{position:relative}
.hero-carousel-wide .badge-aa{position:absolute;left:-16px;top:-16px;z-index:5;width:92px;height:92px;filter:drop-shadow(0 6px 16px rgba(14,27,54,.28))}
.hero-carousel-wide .badge-aa svg{width:100%;height:100%;display:block}
.hero-carousel-wide .hslide{aspect-ratio:16/8}
/* taller band so heads/faces are not cropped */
.hero-carousel-wide .hslide-img{object-position:center 18%}
/* bias crop upward to keep faces in view */
.hero-carousel-wide .hbox{max-width:520px}
/* keep overlay card readable, not full-width */
.hero-carousel-wide .hcar-bar{justify-content:center}
@media (max-width:640px){
  .hero-carousel-wide .hslide{aspect-ratio:4/3}
  .hero-carousel-wide .hbox{max-width:none}
  .hero-carousel-wide .badge-aa{width:72px;height:72px;left:6px;top:-10px}
}
/* larger, clearer hero-carousel controls */
.hero-carousel-wide .hcar-bar .cbtn{width:58px;height:58px}
.hero-carousel-wide .hcar-bar .cbtn svg{width:26px;height:26px}
.hero-carousel-wide .hcar-bar .pausebtn{min-height:54px;font-size:.86rem;padding:.5rem 1.35rem}
.hero-carousel-wide .dot-btn{width:34px;height:34px}
.hero-carousel-wide .dot-btn::after{width:14px;height:14px;background:#6d7fae}
/* inactive: bigger + more visible */
.hero-carousel-wide .dot-btn:hover::after{background:var(--coral)}
.hero-carousel-wide .dot-btn[aria-current="true"]::after{width:18px;height:18px;background:var(--teal)}
/* =====================================================================
   Plugin-demos band (home page; markup injected by the Ariade Demo
   plugin: the theme ships styles only). White mini-cards with brand
   colour icon chips on the navy band.
===================================================================== */
.plugdemos{background:#fff;color:#0E1B36;padding:3.4rem 0 3.6rem;border-top:1px solid #e6e9f2;border-bottom:1px solid #e6e9f2}
.plugdemos .wrap{max-width:1190px;margin-inline:auto;padding-inline:1.25rem}
.plugdemos-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:1.6rem;align-items:stretch}
.plugdemos-panel{display:flex;flex-direction:column;gap:.2rem;padding:2rem 1.8rem;border-radius:18px;background:linear-gradient(155deg,#1B3573,#0E1B36 75%);box-shadow:0 22px 44px -26px rgba(14,27,54,.65);position:relative;overflow:hidden}
.plugdemos-panel::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 70%);pointer-events:none}
.plugdemos-panel>*{position:relative;z-index:1}
.plugdemos-kicker{margin:0 0 .5rem;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7FB0FF}
.plugdemos h2{margin:0 0 .6rem;color:#fff;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1}
.plugdemos-sub{margin:0 0 1.4rem;color:#D7E1F2}
.plugdemos-count{margin-top:auto;padding-top:1.2rem}
.plugdemos-count .n{display:block;font-family:var(--display);font-weight:900;font-size:3.2rem;line-height:1;color:#fff}
.plugdemos-count .n em{font-style:normal;background:linear-gradient(90deg,#7FB0FF,#A78BFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plugdemos-count .l{display:block;color:#B8C9EA;font-size:.9rem;margin-top:.25rem}
.plugdemos-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.7rem 1.4rem;margin-top:1.3rem;border-radius:11px;background:#4F46E5;color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;text-decoration:none;align-self:flex-start}
.plugdemos-all-btn:hover{background:#3F37C9}
.plugdemos-all-btn:focus-visible{outline:3px solid #7FB0FF;outline-offset:3px}
.pd-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}
.pd-rows a{display:flex;align-items:center;gap:1.1rem;padding:1.05rem .9rem;border-top:1px solid #e3e7f2;text-decoration:none;border-radius:10px;transition:background .15s ease}
.pd-rows li:last-child a{border-bottom:1px solid #e3e7f2}
.pd-rows a:hover{background:#eef2fc}
.pd-rows a:focus-visible{outline:3px solid #184FCB;outline-offset:-3px}
.pd-num{font-family:var(--display);font-weight:800;font-size:1rem;color:#4E5F86;letter-spacing:.08em;flex:none;width:2.1rem}
.pd-row-ico{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;flex:none}
.pd-row-txt{flex:1;min-width:0}
.pd-row-name{display:block;font-family:var(--display);font-weight:800;font-size:1.22rem;color:#0E1B36;line-height:1.15}
.pd-row-desc{display:block;font-size:.9rem;color:#3d4a63;margin-top:.15rem}
.pd-arrow{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid #dfe4f0;display:grid;place-items:center;color:#184FCB;transition:background .15s ease,border-color .15s ease,color .15s ease}
.pd-rows a:hover .pd-arrow{background:#184FCB;border-color:#184FCB;color:#fff}
@media (max-width:900px){
  .plugdemos-grid{grid-template-columns:1fr}
  .plugdemos-panel{padding:1.7rem 1.4rem}
}
@media (max-width:560px){
  .pd-rows a{flex-wrap:wrap;gap:.7rem}
  .pd-num{display:none}
  .pd-arrow{display:none}
}
.pd-row-ico svg{width:26px;height:26px}
@media (max-width:781px){
  .plugdemos{padding:2.5rem 0 2.7rem}
}
/* ---- FAQ, split editorial (home): dark spotlight panel + numbered rule rows ---- */
.ariade-faq-split{display:grid;grid-template-columns:.9fr 1.6fr;gap:1.6rem;align-items:stretch}
.faq-split-panel{display:flex;flex-direction:column;padding:2rem 1.8rem;border-radius:18px;background:linear-gradient(155deg,#1B3573,#0E1B36 75%);box-shadow:0 22px 44px -26px rgba(14,27,54,.65);position:relative;overflow:hidden}
.faq-split-panel::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 70%);pointer-events:none}
.faq-split-panel>*{position:relative;z-index:1}
.faq-split-panel .eyebrow{color:#7FB0FF}
.faq-split-panel .eyebrow svg{color:#7FB0FF}
.faq-split-panel h2{color:#fff;font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 .6rem;line-height:1.1}
.faq-split-sub{color:#D7E1F2;margin:0 0 1.2rem}
.faq-split-stat{margin-top:auto;padding-top:1rem}
.faq-split-stat .n{display:block;font-family:var(--display);font-weight:900;font-size:3rem;line-height:1;color:#fff}
.faq-split-stat .n em{font-style:normal;background:linear-gradient(90deg,#7FB0FF,#A78BFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.faq-split-stat .l{display:block;color:#B8C9EA;font-size:.9rem;margin-top:.25rem}
.faq-split-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.7rem 1.4rem;margin-top:1.3rem;border-radius:11px;background:#4F46E5;color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;text-decoration:none;align-self:flex-start}
.faq-split-btn:hover{background:#3F37C9}
.faq-split-btn:focus-visible{outline:3px solid #7FB0FF;outline-offset:3px}
.ariade-faq-editorial{counter-reset:faqed;display:flex;flex-direction:column;justify-content:center}
.ariade-faq-editorial details.wp-block-details{counter-increment:faqed;margin:0;padding:0;border-bottom:0;border-top:1px solid #ccd5e6}
.ariade-faq-editorial details.wp-block-details:last-of-type{border-bottom:1px solid #ccd5e6}
.ariade-faq-editorial details.wp-block-details>summary{display:flex;align-items:baseline;gap:1.2rem;padding:1.25rem .4rem;font-family:var(--display);font-weight:800;font-size:clamp(1.1rem,1.8vw,1.4rem);color:#0E1B36;line-height:1.2}
.ariade-faq-editorial details.wp-block-details>summary::before{content:counter(faqed,decimal-leading-zero);content:counter(faqed,decimal-leading-zero) / "";font-size:1.5rem;font-weight:900;color:#4E5F86;flex:none;width:2.6rem;line-height:1;transform:none}
.ariade-faq-editorial details.wp-block-details[open]>summary::before{transform:none;color:#184FCB}
.ariade-faq-editorial details.wp-block-details>summary::after{content:"+";content:"+" / "";margin-left:auto;align-self:center;font-weight:700;font-size:1.6rem;line-height:1;color:#184FCB;transition:transform .2s ease}
.ariade-faq-editorial details.wp-block-details[open]>summary::after{transform:rotate(45deg)}
.ariade-faq-editorial details.wp-block-details>summary:hover,.ariade-faq-editorial details.wp-block-details[open]>summary{color:#184FCB}
.ariade-faq-editorial details.wp-block-details>summary:focus-visible{outline:3px solid #184FCB;outline-offset:-3px;border-radius:6px}
.ariade-faq-editorial details.wp-block-details>*:not(summary){margin:0;padding:0 .4rem 1.4rem 4rem;max-width:60rem}
@media (max-width:900px){
  .ariade-faq-split{grid-template-columns:1fr}
  .faq-split-panel{padding:1.7rem 1.4rem}
}
@media (max-width:560px){
  .ariade-faq-editorial details.wp-block-details>*:not(summary){padding-left:.4rem}
}
@media (prefers-reduced-motion:reduce){
  .ariade-faq-editorial details.wp-block-details>summary::after{transition:none}
}
/* ============================================================
   ABOUT v2 (home): tilted frame + navy stats band (design D2)
   Author: Shivaji Mitra · M/S. Anblik
   ============================================================ */
.abt2-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:-46px}
.abt2-visualwrap{position:relative;padding:26px}
.abt2-visualwrap::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#184FCB,#6D28D9 55%,#BE185D);border-radius:24px;opacity:.12;transform:rotate(-2.2deg)}
.abt2-visual{position:relative;border:6px solid #fff;border-radius:18px;box-shadow:0 30px 60px -30px rgba(14,27,54,.55);overflow:hidden;transform:rotate(1.6deg)}
.abt2-visual img{display:block;width:100%;height:auto}
.abt2-strip{position:relative;z-index:2;background:#0E1B36;border-radius:18px;padding:1.5rem 1rem;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 26px 54px -28px rgba(14,27,54,.65)}
.abt2-cell{text-align:center;padding:.3rem 1rem;border-left:1px solid rgba(255,255,255,.14)}
.abt2-cell:first-child{border-left:0}
.abt2-cell b{display:block;font-family:var(--display,inherit);font-size:2rem;font-weight:900;line-height:1;background:linear-gradient(120deg,#8db0ff,#c9b1ff 55%,#ff9ecb);-webkit-background-clip:text;background-clip:text;color:transparent}
.abt2-cell span{display:block;margin-top:.35rem;font-size:.78rem;color:#c3cbe4}
@media(max-width:860px){
  .abt2-grid{grid-template-columns:1fr;margin-bottom:1.2rem}
  .abt2-strip{grid-template-columns:repeat(2,1fr);row-gap:1rem}
  .abt2-cell:nth-child(2n+1){border-left:0}
}
@media (forced-colors:active){
  .abt2-strip,.abt2-visual{border:1px solid CanvasText}
  .abt2-cell b{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}
}
/* ============================================================
   HOME ENQUIRY FORM: two-column field layout (engage section)
   The Accessible Forms fields flow into two columns; the title,
   notes, error summary, message, file and consent rows span the
   full width. Author: Shivaji Mitra · M/S. Anblik
   ============================================================ */
.engage-form-col .aaf-form,
.engage-form-col .aaf-form .aaf-step{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem;align-items:start}
.engage-form-col .aaf-form > *,
.engage-form-col .aaf-form .aaf-step > *{grid-column:1 / -1}
.engage-form-col .aaf-form > .aaf-field,
.engage-form-col .aaf-form .aaf-step > .aaf-field{grid-column:auto}
.engage-form-col .aaf-form > .aaf-field-textarea,
.engage-form-col .aaf-form > .aaf-field-consent,
.engage-form-col .aaf-form > .aaf-field-file,
.engage-form-col .aaf-form .aaf-step > .aaf-field-textarea,
.engage-form-col .aaf-form .aaf-step > .aaf-field-consent,
.engage-form-col .aaf-form .aaf-step > .aaf-field-file{grid-column:1 / -1}
/* Compact message box on the home enquiry form: roughly two text rows.
   Stays resizable (resize:vertical) so people who need more room can drag it. */
.engage-form-col .aaf-field-textarea textarea{min-height:0;height:5.4rem;resize:vertical}
/* The column heading "Start a project" already titles this form, so the
   plugin's own form title is hidden VISUALLY ONLY: it stays in the
   accessibility tree because the form's aria-labelledby points at it. */
.engage-form-col .aaf-form-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Plugin's grey required-note fails contrast on the navy band: lighten it. */
.engage-form-col .aaf-required-note{color:#B8C9EA}
@media (max-width:760px){
  .engage-form-col .aaf-form,
  .engage-form-col .aaf-form .aaf-step{grid-template-columns:1fr}
}