@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* Fallback values (zero specificity): tokens.css always wins when present. */
:where(html){--brand-navy:#0a2257;--brand-orange:#f76b0a;--on-orange:#0a2257;--orange-ink:#b04700;--surface:#fff;--surface-alt:#f3f6fb;--surface-deep:#0a2257;--ink-strong:#0a2257;--ink:#1b2440;--ink-muted:#4f5a78;--on-deep:#fff;--on-deep-muted:#c3cde6;--border:#dbe2ef;--border-strong:#7d89a6;--focus:#b04700;--shadow-card:0 1px 2px rgba(10,34,87,.06),0 10px 28px rgba(10,34,87,.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-pill:999px;--font-serif:"Libre Baskerville",Georgia,serif;--font-sans:Manrope,"Segoe UI",system-ui,sans-serif}
:where([data-theme="dark"]){--brand-orange:#ff7a1f;--orange-ink:#ff9a52;--surface:#0b1430;--surface-alt:#111d40;--surface-deep:#060f2a;--ink-strong:#fff;--ink:#e6ebf7;--ink-muted:#a9b4cf;--on-deep-muted:#b7c2de;--border:#26345f;--border-strong:#6d7ca3;--focus:#ff9a52}

.vrk{font-family:var(--font-sans);font-size:16px;line-height:26px;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}
.vrk *{box-sizing:border-box}
.vrk h1,.vrk h2,.vrk h3,.vrk p,.vrk ul{margin:0}
.vrk ul{padding:0;list-style:none}
.vrk a{color:inherit;text-decoration:none}
.vrk :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.vrk-container{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}
.vrk-section{padding:var(--space-20) 0;position:relative}
.vrk-section--alt{background:var(--surface-alt)}
.vrk-section--deep{background:var(--surface-deep);color:var(--on-deep)}

/* type */
.vrk-display{font-family:var(--font-serif);font-size:54px;line-height:62px;font-weight:700;letter-spacing:-.01em;color:var(--ink-strong)}
.vrk-h1{font-family:var(--font-serif);font-size:42px;line-height:52px;font-weight:700;color:var(--ink-strong)}
.vrk-h2{font-family:var(--font-serif);font-size:32px;line-height:42px;font-weight:700;color:var(--ink-strong)}
.vrk-h3{font-size:20px;line-height:28px;font-weight:700;color:var(--ink-strong)}
.vrk-eyebrow{display:block;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:var(--space-3)}
.vrk-lead{font-size:18px;line-height:30px;font-weight:500;color:var(--ink-muted)}
.vrk-small{font-size:14px;line-height:22px}
.vrk-muted{color:var(--ink-muted)}
.vrk-section--deep .vrk-h1,.vrk-section--deep .vrk-h2,.vrk-section--deep .vrk-h3,.vrk-section--deep .vrk-display{color:var(--on-deep)}
.vrk-section--deep .vrk-lead,.vrk-section--deep .vrk-muted{color:var(--on-deep-muted)}
.vrk-section--deep .vrk-eyebrow{color:var(--brand-orange)}
.vrk-swoosh{background-image:linear-gradient(var(--brand-orange),var(--brand-orange));background-repeat:no-repeat;background-size:100% 4px;background-position:0 92%;padding-bottom:4px}
.vrk-head{max-width:720px;margin-bottom:var(--space-12)}
.vrk-head--center{margin-left:auto;margin-right:auto;text-align:center}
.vrk-head .vrk-lead{margin-top:var(--space-4)}

/* buttons */
.vrk-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:700;padding:var(--space-3) 22px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,background-color .15s}
.vrk-btn:hover{transform:translateY(-1px)}
.vrk-btn--primary{background:var(--brand-orange);color:var(--on-orange)}
.vrk-btn--primary:hover{filter:brightness(1.05)}
.vrk-btn--secondary{background:transparent;color:var(--ink-strong);border-color:var(--border-strong)}
.vrk-btn--secondary:hover{border-color:var(--ink-strong)}
.vrk-btn--on-deep{background:transparent;color:var(--on-deep);border-color:var(--on-deep-muted)}
.vrk-btn--on-deep:hover{border-color:var(--on-deep)}
.vrk-btn--lg{padding:15px 26px;font-size:16px}
.vrk-btn svg{width:18px;height:18px;flex:none}
.vrk-link{font-weight:700;font-size:15px;color:var(--orange-ink);display:inline-flex;gap:6px;align-items:center}
.vrk-link:hover{text-decoration:underline}

/* top bar + header */
.vrk-topbar{background:var(--surface-deep);color:var(--on-deep-muted);font-size:13px;line-height:18px}
.vrk-topbar .vrk-container{display:flex;justify-content:space-between;align-items:center;height:40px;gap:var(--space-6)}
.vrk-topbar span,.vrk-topbar a{display:inline-flex;align-items:center;gap:6px}
.vrk-topbar a:hover{color:var(--on-deep)}
.vrk-topbar svg{width:14px;height:14px}
.vrk-topbar-group{display:flex;gap:var(--space-6)}
.vrk-header{background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:2}
.vrk-header .vrk-container{display:flex;align-items:center;height:84px;gap:var(--space-8)}
.vrk-brand{display:flex;align-items:center;gap:var(--space-3)}
.vrk-brand img{width:56px;height:56px;border-radius:var(--radius-pill);display:block}
.vrk-brand-name{font-family:var(--font-serif);font-weight:700;font-size:19px;line-height:22px;color:var(--ink-strong);letter-spacing:.02em}
.vrk-brand-tag{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.vrk-nav{display:flex;gap:var(--space-6);margin-left:auto;font-weight:700;font-size:15px}
.vrk-nav a{padding:30px 2px;color:var(--ink);border-bottom:3px solid transparent;display:inline-flex;align-items:center;gap:4px}
.vrk-nav a:hover{color:var(--ink-strong)}
.vrk-nav a[aria-current="page"]{color:var(--ink-strong);border-bottom-color:var(--brand-orange)}
.vrk-nav svg{width:14px;height:14px}

/* page hero (inner pages) */
.vrk-pagehero{background:var(--surface-deep);color:var(--on-deep);padding:64px 0 72px;position:relative;overflow:hidden}
.vrk-pagehero .vrk-h1{color:var(--on-deep);margin-top:var(--space-3)}
.vrk-pagehero .vrk-lead{color:var(--on-deep-muted);max-width:680px;margin-top:var(--space-4)}
.vrk-crumbs{font-size:13px;color:var(--on-deep-muted);display:flex;gap:8px}
.vrk-crumbs b{color:var(--on-deep);font-weight:600}
.vrk-pagehero::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;border:56px solid var(--brand-orange);opacity:.18}

/* home hero */
.vrk-hero{padding:72px 0 88px;background:var(--surface);overflow:hidden}
.vrk-hero .vrk-container{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.vrk-hero .vrk-lead{margin-top:var(--space-6);max-width:540px}
.vrk-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}
.vrk-hero-meta{display:flex;gap:var(--space-6);margin-top:var(--space-8);font-size:14px;color:var(--ink-muted)}
.vrk-hero-meta span{display:inline-flex;gap:8px;align-items:center}
.vrk-hero-meta svg{width:18px;height:18px;color:var(--orange-ink)}
.vrk-hero-media{position:relative}
.vrk-hero-media img.photo{width:100%;height:470px;object-fit:cover;border-radius:var(--radius-lg);display:block}
.vrk-hero-media::before{content:"";position:absolute;inset:-18px 40px 40px -18px;border:2px solid var(--brand-orange);border-radius:var(--radius-lg);z-index:0}
.vrk-hero-media img.photo{position:relative;z-index:1}
.vrk-floatcard{position:absolute;left:-36px;bottom:-28px;z-index:2;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4);display:flex;gap:var(--space-3);align-items:center;border:1px solid var(--border)}
.vrk-floatcard img{width:52px;height:52px;border-radius:50%}
.vrk-floatcard b{display:block;font-family:var(--font-serif);color:var(--ink-strong);font-size:16px;line-height:22px}
.vrk-floatcard span{font-size:13px;color:var(--ink-muted)}

/* pillars */
.vrk-pillars{background:var(--surface-deep);color:var(--on-deep)}
.vrk-pillars .vrk-container{display:grid;grid-template-columns:repeat(4,1fr)}
.vrk-pillar{display:flex;gap:var(--space-4);align-items:center;padding:28px var(--space-6)}
.vrk-pillar + .vrk-pillar{border-left:1px solid rgba(255,255,255,.14)}
.vrk-pillar-ico{width:48px;height:48px;border-radius:50%;border:2px solid var(--brand-orange);display:grid;place-items:center;flex:none;color:var(--on-deep)}
.vrk-pillar-ico svg{width:22px;height:22px}
.vrk-pillar b{display:block;font-size:16px;line-height:22px}
.vrk-pillar span{font-size:13px;line-height:18px;color:var(--on-deep-muted)}

/* service cards */
.vrk-svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.vrk-svc-grid--3{grid-template-columns:repeat(3,1fr)}
.vrk-svc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow .2s,transform .2s,border-color .2s}
.vrk-svc:hover{box-shadow:var(--shadow-card);transform:translateY(-2px);border-color:transparent}
.vrk-svc-top{display:flex;align-items:center;justify-content:space-between}
.vrk-num{font-family:var(--font-serif);font-weight:700;font-size:15px;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--brand-navy);color:var(--on-deep);display:grid;place-items:center;position:relative}
.vrk-num::after{content:"";position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;background:var(--brand-orange);border-radius:3px;z-index:-0}
.vrk-tag{font-size:12px;font-weight:700;color:var(--ink-muted);letter-spacing:.04em}
.vrk-svc p{font-size:14px;line-height:22px;color:var(--ink-muted)}
.vrk-checks{display:flex;flex-direction:column;gap:6px}
.vrk-checks li{display:flex;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.vrk-checks li::before{content:"";flex:none;width:14px;height:8px;margin-top:5px;border-left:2px solid var(--orange-ink);border-bottom:2px solid var(--orange-ink);transform:rotate(-45deg) translate(1px,-1px)}
.vrk-svc .vrk-link{margin-top:auto;padding-top:var(--space-2)}
.vrk-svc-group{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:var(--space-3) 0 6px}

/* two-column feature */
.vrk-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.vrk-split img{width:100%;border-radius:var(--radius-lg);display:block;object-fit:cover}
.vrk-points{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-8)}
.vrk-point b{display:block;color:var(--ink-strong);font-size:16px;margin-bottom:4px}
.vrk-point span{font-size:14px;line-height:22px;color:var(--ink-muted)}

/* steps */
.vrk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);counter-reset:s}
.vrk-step{position:relative;padding-top:var(--space-12)}
.vrk-step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:0;left:0;font-family:var(--font-serif);font-weight:700;font-size:28px;color:var(--brand-orange)}
.vrk-step::after{content:"";position:absolute;top:16px;left:56px;right:-12px;height:2px;background:var(--border)}
.vrk-step:last-child::after{display:none}
.vrk-step b{display:block;color:var(--ink-strong);font-size:17px;margin-bottom:6px}
.vrk-step span{font-size:14px;line-height:22px;color:var(--ink-muted)}
.vrk-section--deep .vrk-step b{color:var(--on-deep)}
.vrk-section--deep .vrk-step span{color:var(--on-deep-muted)}
.vrk-section--deep .vrk-step::after{background:rgba(255,255,255,.18)}

/* audience chips */
.vrk-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.vrk-aud{border:1px solid var(--border);border-radius:var(--radius-md);padding:20px var(--space-6);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}
.vrk-aud b{color:var(--ink-strong)}
.vrk-aud span{font-size:13px;color:var(--ink-muted)}

/* CTA band */
.vrk-cta{background:var(--brand-orange);color:var(--on-orange);border-radius:var(--radius-lg);padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);position:relative;overflow:hidden}
.vrk-cta h2{font-family:var(--font-serif);font-size:32px;line-height:40px;color:var(--on-orange)}
.vrk-cta p{margin-top:8px;font-weight:600;color:var(--on-orange)}
.vrk-cta .vrk-btn--navy{background:var(--brand-navy);color:var(--on-deep)}
.vrk-cta .vrk-btn--outline{border-color:var(--on-orange);color:var(--on-orange);background:transparent}
.vrk-cta::after{content:"";position:absolute;right:30%;top:-90px;width:220px;height:220px;border-radius:50%;border:28px solid var(--on-orange);opacity:.08}

/* footer */
.vrk-footer{background:var(--surface-deep);color:var(--on-deep-muted);padding:64px 0 0;font-size:14px;line-height:22px}
.vrk-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px}
.vrk-footer h4,.vrk-footer .vrk-foot-h{color:var(--on-deep);font-family:var(--font-sans);font-size:14px;line-height:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-4)}
.vrk-foot-spacer{font-size:14px;line-height:22px;margin:0 0 var(--space-4)}
.vrk-footer li{margin-bottom:10px}
.vrk-footer a:hover{color:var(--on-deep)}
.vrk-footer .vrk-brand-name{color:var(--on-deep)}
.vrk-footer .vrk-brand-tag{color:var(--on-deep-muted)}
.vrk-footer .vrk-contact li{display:flex;gap:10px}
.vrk-footer .vrk-contact svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--brand-orange)}
.vrk-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding:20px 0;display:flex;justify-content:space-between;font-size:13px}

/* forms */
.vrk-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4)}
.vrk-field{display:flex;flex-direction:column;gap:6px}
.vrk-field label{font-size:13px;font-weight:700;color:var(--ink-strong)}
.vrk-field input,.vrk-field select,.vrk-field textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--surface-alt);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px}
.vrk-field textarea{min-height:84px;resize:vertical}

/* chips / tabs */
.vrk-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}
.vrk-chip{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer}
.vrk-chip[aria-pressed="true"]{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--on-deep)}

/* wireframe annotations */
.vrk-anno{position:absolute;top:12px;left:12px;z-index:5;font:600 11px/14px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--orange-ink);background:var(--surface);border:1px dashed var(--orange-ink);border-radius:4px;padding:3px 8px}
.vrk-section--deep>.vrk-anno,.vrk-pagehero>.vrk-anno,.vrk-pillars>.vrk-anno,.vrk-footer>.vrk-anno{background:var(--surface-deep);color:var(--brand-orange);border-color:var(--brand-orange)}
.vrk-ph{background:repeating-linear-gradient(135deg,var(--surface-alt) 0 12px,var(--surface) 12px 24px);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);display:grid;place-items:center;color:var(--ink-muted);font:600 12px/16px ui-monospace,Menlo,monospace;text-align:center;padding:16px}

/* FAQ */
.vrk-faq{border-top:1px solid var(--border)}
.vrk-faq details{border-bottom:1px solid var(--border);padding:18px 0}
.vrk-faq summary{cursor:pointer;font-weight:700;color:var(--ink-strong);list-style:none;display:flex;justify-content:space-between}
.vrk-faq summary::after{content:"+";color:var(--orange-ink);font-size:20px}
.vrk-faq details[open] summary::after{content:"–"}
.vrk-faq p{margin-top:10px;font-size:15px;color:var(--ink-muted)}

/* services explorer (home) */
.vrk-explorer{display:grid;grid-template-columns:340px 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;min-height:620px}
.vrk-ex-nav{background:var(--surface-deep);padding:20px 16px 24px;display:flex;flex-direction:column;gap:2px}
.vrk-ex-cat{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-orange);padding:16px 12px 6px}
.vrk-ex-cat:first-child{padding-top:4px}
.vrk-ex-item{font:inherit;font-size:15px;font-weight:600;color:var(--on-deep-muted);background:transparent;border:0;border-radius:var(--radius-sm);padding:9px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;width:100%}
.vrk-ex-item .n{font-family:var(--font-serif);font-size:12px;width:20px;opacity:.8}
.vrk-ex-item .c{margin-left:auto;font-size:12px;opacity:.7}
.vrk-ex-item:hover{color:var(--on-deep);background:rgba(255,255,255,.06)}
.vrk-ex-item[aria-selected="true"]{background:var(--brand-orange);color:var(--on-orange)}
.vrk-ex-item[aria-selected="true"] .n,.vrk-ex-item[aria-selected="true"] .c{opacity:1}
.vrk-ex-body{padding:44px 48px;position:relative}
.vrk-ex-panel{display:flex;flex-direction:column;height:100%}
.vrk-ex-panel[hidden]{display:none}
.vrk-ex-top{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding-bottom:28px;border-bottom:1px solid var(--border)}
.vrk-ex-title{font-family:var(--font-serif);font-size:34px;line-height:42px;font-weight:700;color:var(--ink-strong);margin:0 0 10px}
.vrk-ex-top .vrk-lead{max-width:560px}
.vrk-ex-num{font-family:var(--font-serif);font-weight:700;font-size:96px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--brand-orange);flex:none}
.vrk-ex-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 32px;padding:20px 0 32px}
.vrk-ex-foot{margin-top:auto;display:flex;gap:12px;padding-top:24px;border-top:1px solid var(--border)}
.vrk-ex-help{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}
.vrk-ex-help b{color:var(--ink-strong)}
.vrk-ex-help span{color:var(--ink-muted)}

.dd{position:relative;display:flex}
.dd-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:12px;grid-template-columns:1fr 1fr;gap:2px;z-index:20}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:grid}
.dd-menu a{padding:8px 10px!important;border:0!important;border-radius:6px;font-size:14px;font-weight:600;gap:10px!important}
.dd-menu a:hover{background:var(--surface-alt)}
.dd-menu .n{font-family:var(--font-serif);color:var(--orange-ink);font-size:12px;width:20px}
.vrk-anno{display:none}
body.notes .vrk-anno{display:block}
#notes-toggle{position:fixed;right:20px;bottom:20px;z-index:50;font:600 13px/1 var(--font-sans);padding:10px 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-strong);cursor:pointer;box-shadow:var(--shadow-card)}

/* ===== additions: inner pages, forms, responsive (Design A) ===== */
/* logo circle slightly larger than the base 56px */
.vrk-brand img{width:68px;height:68px}
.vrk-chip{display:inline-block;text-decoration:none}
.vrk-chip:hover{border-color:var(--ink-strong)}
.vrk-svc[hidden]{display:none}
.vrk-burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-strong);align-items:center;justify-content:center;cursor:pointer}
.vrk-burger svg{width:22px;height:22px}
.vrk-nav .dd>a svg{width:14px;height:14px}

/* page hero with big number */
.vrk-herogrid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}
.vrk-bignum{width:120px;height:120px;border-radius:var(--radius-lg);background:var(--brand-orange);color:var(--on-orange);display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;font-size:44px;position:relative;z-index:1}
.vrk-pagehero .vrk-container{position:relative;z-index:1}
.vrk-picker{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:18px 0}

/* service detail */
.vrk-detail{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.vrk-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.vrk-sub{margin-top:56px}
.vrk-docs{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;padding:24px;border-radius:var(--radius-md);background:var(--surface-alt);margin-top:20px}

/* about / contact */
.vrk-office{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.vrk-office img{width:100%;height:340px;object-fit:cover;border-radius:var(--radius-lg)}
.vrk-iline{display:flex;gap:10px;align-items:flex-start}
.vrk-iline svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--orange-ink)}
.vrk-contactgrid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:start}
.vrk-ccards{grid-template-columns:1fr 1fr;margin-top:32px}
.vrk-ccards .vrk-pillar-ico{border-color:var(--border);background:var(--surface-alt)}
a.vrk-aud{text-decoration:none;transition:background-color .15s,border-color .15s}
a.vrk-aud:hover{background:var(--surface-alt);border-color:var(--brand-orange)}

/* enquiry form states */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.form-msg{font-size:14px;line-height:21px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--ink-strong)}
.form-msg.ok{background:#e7f8ee;color:#0b5b2c}
.form-msg.err{background:#fdecea;color:#8a1c12}
.form-msg a{font-weight:700;text-decoration:underline}
.vrk-form [aria-invalid="true"]{border-color:#c0392b}
.vrk-form button[disabled]{opacity:.6;cursor:progress}
.vrk-field input:focus,.vrk-field select:focus,.vrk-field textarea:focus{outline:2px solid var(--focus);outline-offset:1px}

/* ---------- tablet ---------- */
@media (max-width:1000px){
  .vrk-container{padding:0 24px}
  .vrk-section{padding:64px 0}
  .vrk-header .vrk-container{height:72px;gap:16px;position:relative}
  .vrk-burger{display:inline-flex}
  .vrk-cta-btn{display:none}
  .vrk-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;gap:0;margin:0;padding:8px 24px 16px}
  .vrk-header.open .vrk-nav{display:flex}
  .vrk-nav a{padding:14px 2px;border-bottom:1px solid var(--border)}
  .vrk-nav a[aria-current="page"]{border-bottom-color:var(--brand-orange)}
  .vrk-nav .dd{display:block}.vrk-nav .dd-menu{display:none!important}
  .vrk-hero{padding:48px 0 64px}
  .vrk-hero .vrk-container,.vrk-split,.vrk-detail,.vrk-contactgrid{grid-template-columns:1fr;gap:48px}
  .vrk-display{font-size:42px;line-height:50px}
  .vrk-hero-media img.photo{height:auto}
  .vrk-floatcard{left:12px;bottom:-24px}
  .vrk-pillars .vrk-container{grid-template-columns:1fr 1fr}
  .vrk-pillar:nth-child(3){border-left:0}
  .vrk-pillar:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
  .vrk-svc-grid,.vrk-svc-grid--3{grid-template-columns:1fr 1fr}
  .vrk-steps{grid-template-columns:1fr 1fr;gap:32px 24px}
  .vrk-step::after{display:none}
  .vrk-audience{grid-template-columns:1fr 1fr}
  .vrk-cta{flex-direction:column;align-items:flex-start;padding:40px 32px}
  .vrk-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .vrk-explorer{grid-template-columns:1fr;min-height:0}
  .vrk-ex-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:6px}
  .vrk-ex-cat{display:none}
  .vrk-ex-item{width:auto;white-space:nowrap;flex:none}
  .vrk-ex-item .c{display:none}
  .vrk-ex-body{padding:28px 24px}
  .vrk-ex-groups{grid-template-columns:1fr 1fr}
  .vrk-office{grid-template-columns:1fr 1fr}.vrk-office .vrk-form{grid-column:span 2}
  .vrk-pagehero{padding:48px 0 56px}
  .vrk-herogrid{grid-template-columns:1fr}
  .vrk-bignum{width:88px;height:88px;font-size:32px;order:-1}
  aside .vrk-form,.vrk-enquire .vrk-form{position:static!important}
}
/* ---------- phone ---------- */
@media (max-width:640px){
  .vrk-container{padding:0 18px}
  .vrk-section{padding:56px 0}
  .hide-sm{display:none!important}
  .vrk-topbar-group:last-child{display:none}
  .vrk-brand img{width:52px;height:52px}
  .vrk-brand-name{font-size:16px}
  .vrk-brand-tag{font-size:9.5px;letter-spacing:.06em}
  .vrk-display{font-size:34px;line-height:42px}
  .vrk-h1{font-size:32px;line-height:40px}
  .vrk-h2{font-size:26px;line-height:34px}
  .vrk-lead{font-size:16px;line-height:26px}
  .vrk-actions .vrk-btn{flex:1 1 100%;justify-content:center}
  .vrk-hero-meta{flex-wrap:wrap;gap:12px 20px}
  .vrk-hero-media img.photo{height:auto}
  .vrk-hero-media::before{display:none}
  .vrk-floatcard{position:relative;left:0;bottom:0;margin:-28px 12px 0}
  .vrk-pillars .vrk-container,.vrk-svc-grid,.vrk-svc-grid--3,.vrk-steps,.vrk-audience,.vrk-groups,.vrk-docs,.vrk-ccards,.vrk-points,.vrk-ex-groups,.vrk-footer-grid,.vrk-office{grid-template-columns:1fr}
  .vrk-office .vrk-form{grid-column:auto}
  .vrk-pillar+.vrk-pillar{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .vrk-head{margin-bottom:32px}
  .vrk-head[style*="flex"]{flex-direction:column;align-items:flex-start!important}
  .vrk-ex-top{flex-direction:column;gap:12px}
  .vrk-ex-num{font-size:56px}
  .vrk-ex-title{font-size:26px;line-height:34px}
  .vrk-ex-foot,.vrk-ex-help{flex-direction:column;align-items:stretch}
  .vrk-ex-foot .vrk-btn,.vrk-ex-help .vrk-btn{justify-content:center}
  .vrk-cta{padding:32px 22px}
  .vrk-cta h2{font-size:26px;line-height:34px}
  .vrk-footer-bottom{flex-direction:column;gap:8px}
  .vrk-picker .vrk-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .vrk-picker .vrk-chip{flex:none}
  .vrk-form{padding:22px 18px}
}

/* hero photo: near-square office photo */
.vrk-hero-media img.photo{height:auto;aspect-ratio:513/470;object-position:center}

/* hero backdrops: ITR-filing photo, navy-tinted so the photo stays visible */
.vrk-hero{position:relative;isolation:isolate}
.vrk-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.vrk-hero-bg img{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);object-fit:cover;object-position:center 40%;filter:blur(2.5px) saturate(1.1)}
.vrk-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,34,87,.93) 0%,rgba(10,34,87,.8) 46%,rgba(10,34,87,.35) 100%)}
.vrk-hero .vrk-display,.vrk-hero .vrk-display *{color:#fff!important}
.vrk-hero .vrk-lead{color:#d6def2}
.vrk-hero .vrk-eyebrow{color:#ffb078}
.vrk-hero-meta,.vrk-hero-meta a{color:#d6def2}
.vrk-hero-meta svg{color:var(--brand-orange)}
.vrk-hero .vrk-btn--secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.vrk-hero .vrk-btn--secondary:hover{background:rgba(255,255,255,.12)}
.vrk-pagehero{isolation:isolate}
.vrk-pagehero::before{content:"";position:absolute;inset:-10px;z-index:-1;background:linear-gradient(rgba(10,34,87,.86),rgba(10,34,87,.7)),url(assets/bg-itr-v1.jpg) center 40%/cover no-repeat;filter:blur(2.5px)}
/* about: "Everything under one roof" */
.ab-orbit-sec{position:relative;isolation:isolate;background:none;overflow:hidden}
.ab-orbit-sec::before{transform:translateX(-5%) scale(1.1);content:"";position:absolute;inset:-10px;z-index:-1;background:linear-gradient(rgba(10,34,87,.84),rgba(10,34,87,.72)),url(assets/bg-itr-v1.jpg) center/cover no-repeat;filter:blur(2.5px)}
.ab-orbit-sec .vrk-h2{color:var(--brand-orange)}
.ab-orbit-sec .vrk-eyebrow{color:#fff}

/* ===== landing: tax animation + icon-led layout ===== */
@keyframes fx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fx-rise{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.5}85%{opacity:.5}100%{transform:translateY(-520px) rotate(18deg);opacity:0}}
@keyframes fx-draw{0%,12%{stroke-dashoffset:26}30%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:26}}
@keyframes fx-pop{0%,10%{transform:scale(.6);opacity:0}22%{transform:scale(1.1);opacity:1}30%,88%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:0}}
@keyframes fx-fill{0%{width:0}55%,90%{width:100%}100%{width:100%}}
@keyframes fx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(247,107,10,.45)}50%{box-shadow:0 0 0 12px rgba(247,107,10,0)}}
@keyframes fx-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.fx-tick path{stroke-dasharray:26;stroke-dashoffset:26;animation:fx-draw 6s ease-in-out infinite;animation-delay:var(--d,0s)}

/* hero */
.fx-float{position:absolute;inset:0;overflow:hidden}
.fx-float span{position:absolute;bottom:-60px;left:var(--x);font:800 var(--s)/1 var(--font-serif);color:#fff;opacity:0;animation:fx-rise var(--t) linear infinite;animation-delay:var(--dl);text-shadow:0 0 18px rgba(247,107,10,.6)}
.fx-hero{position:absolute;inset:0;pointer-events:none}
.fx-chip{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border-radius:999px;padding:8px 16px 8px 8px;box-shadow:0 12px 28px rgba(10,34,87,.28);animation:fx-bob 5s ease-in-out infinite;animation-delay:var(--d)}
.fx-chip-ico{width:30px;height:30px;border-radius:50%;background:var(--brand-orange);color:#fff;display:grid;place-items:center}
.fx-chip-ico svg{width:16px;height:16px}
.fx-chip b{display:block;font-size:13px;color:var(--ink-strong);line-height:1.1}
.fx-chip i{font-style:normal;font-size:11px;color:var(--ink-muted)}
.fx-chip.c1{left:-34px;top:34px}
.fx-chip.c2{right:-18px;top:46%}
.fx-chip.c3{left:6%;bottom:-20px}

/* filing band */
.fx-band{padding:56px 0}
.fx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.fx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:grid;gap:14px;justify-items:start;box-shadow:0 6px 20px rgba(10,34,87,.06)}
.fx-card-ico{width:48px;height:48px;border-radius:14px;background:var(--surface-alt);color:var(--ink-strong);display:grid;place-items:center}
.fx-card-ico svg{width:26px;height:26px}
.fx-card b{font-size:18px;color:var(--ink-strong)}
.fx-bar{width:100%;height:8px;border-radius:99px;background:var(--surface-alt);overflow:hidden}
.fx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-orange),#ffa35c);animation:fx-fill 6s ease-in-out infinite;animation-delay:var(--d)}
.fx-state{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#0a7a3d}
.fx-state .fx-tick{width:20px;height:20px;padding:3px;border-radius:50%;background:#dff5e8;box-sizing:border-box;animation:fx-pop 6s ease-in-out infinite;animation-delay:var(--d)}

/* service tiles */
.fx-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.fx-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px 10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.fx-tile b{font-size:14px;line-height:1.25;color:var(--ink-strong)}
.fx-tile-n{position:absolute;top:8px;left:12px;font:700 12px var(--font-serif);color:var(--orange-ink)}
.fx-tile-ico{width:56px;height:56px;border-radius:16px;background:var(--surface-alt);color:var(--ink-strong);display:grid;place-items:center;transition:background .25s,color .25s,transform .35s}
.fx-tile-ico svg{width:28px;height:28px}
.fx-tile:hover{transform:translateY(-6px);border-color:var(--brand-orange);box-shadow:0 14px 28px rgba(10,34,87,.14)}
.fx-tile:hover .fx-tile-ico{background:var(--brand-orange);color:#fff;transform:rotate(-8deg) scale(1.08)}

/* why / steps / audience */
.fx-pts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.fx-pt{display:flex;align-items:center;gap:14px}
.fx-pt span{width:48px;height:48px;border-radius:14px;background:var(--surface-alt);color:var(--brand-orange);display:grid;place-items:center;flex:none}
.fx-pt svg{width:24px;height:24px}
.fx-pt b{color:var(--ink-strong);font-size:16px}
.fx-step-ico{width:56px;height:56px;border-radius:50%;border:2px solid var(--brand-orange);color:#fff;display:grid;place-items:center;margin:0 0 14px;animation:fx-pulse 3s ease-in-out infinite}
.fx-step-ico svg{width:26px;height:26px}
.vrk-step{padding-top:var(--space-10)}
.fx-aud-ico{width:44px;height:44px;border-radius:12px;background:var(--surface-alt);color:var(--brand-orange);display:grid;place-items:center;flex:none;margin-right:14px}
.fx-aud-ico svg{width:22px;height:22px}
a.vrk-aud{justify-content:flex-start}
a.vrk-aud>svg:last-child{margin-left:auto;transition:transform .2s}
a.vrk-aud:hover>svg:last-child{transform:translateX(5px)}
.vrk-pillar-ico svg{transition:transform .3s}
.vrk-pillar:hover .vrk-pillar-ico svg{transform:scale(1.18) rotate(-6deg)}

/* scroll reveal (only when JS + motion allowed) */
.fx-js .fx-tile,.fx-js .fx-card,.fx-js .vrk-step,.fx-js .vrk-aud,.fx-js .fx-pt{opacity:0}
.fx-js .in{animation:fx-in .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*70ms)}

@media (max-width:1100px){.fx-tiles{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.fx-chip.c1{left:8px}.fx-chip.c2{right:8px}.fx-cards{grid-template-columns:1fr}}
@media (max-width:640px){.fx-tiles{grid-template-columns:repeat(2,1fr)}.fx-pts{grid-template-columns:1fr}.fx-chip.c3{display:none}.fx-chip{padding:6px 12px 6px 6px}}
@media (prefers-reduced-motion:reduce){.fx-chip,.fx-float span,.fx-step-ico,.fx-bar i,.fx-state .fx-tick,.fx-tick path{animation:none!important}.fx-tick path{stroke-dashoffset:0}.fx-float{display:none}.fx-bar i{width:100%}}
.fx-hero{z-index:3}
.fx-float span{left:calc(42% + var(--x)*.56)}
.vrk-step{padding-top:0}
.vrk-step::before{position:static;display:block;margin-bottom:8px}
.vrk-step::after{top:18px}
a.vrk-aud>svg:last-child{width:18px;height:18px;flex:none}

/* why section: tax illustration on a soft blue wash, with the filing badges */
.fx-why{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#eaf3ff 0%,#f6faff 55%,#fff1e6 100%)}
.fx-why>.vrk-container{position:relative;z-index:1}
.fx-whybg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fx-whybg>img.fx-illus{position:absolute;right:2%;bottom:0;width:min(440px,38vw);height:auto;opacity:.55;animation:fx-bob2 7s ease-in-out infinite}
.fx-whybg .fx-float{z-index:1}
.fx-whybg .fx-float span{left:var(--x);color:var(--brand-orange);text-shadow:none}
.fx-whybg .fx-chip{z-index:2}
.fx-chip.w1{left:3%;top:28px}
.fx-chip.w2{right:4%;top:34px}
.fx-chip.w3{right:9%;bottom:34px}
@keyframes fx-drift{from{transform:scale(1.04) translateX(-14px)}to{transform:scale(1.12) translateX(14px)}}
@media (max-width:900px){.fx-chip.w1,.fx-chip.w3{display:none}}
@media (prefers-reduced-motion:reduce){.fx-whybg>img.fx-illus{animation:none!important}}

/* about page */
.ab-hero::before{background:linear-gradient(rgba(10,34,87,.84),rgba(10,34,87,.66)),url(assets/bg-taxreturn-v1.jpg) center/cover no-repeat!important}
.ab-orbit-sec::before{background:linear-gradient(rgba(10,34,87,.5),rgba(10,34,87,.4)),url(assets/bg-itr-v1.jpg) center/cover no-repeat!important;filter:none}
.ab-core{background:var(--brand-orange)!important;color:#fff!important;box-shadow:0 0 0 10px rgba(247,107,10,.25),0 18px 40px rgba(0,0,0,.35)}
.ab-core span{color:#fff!important;opacity:.92}
.ab-core b{color:#fff}
@keyframes fx-bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.fx-whybg>img.fx-illus{width:min(290px,28vw);right:2%;bottom:10px}
.fx-chip.w3{right:auto;left:49%;bottom:40px}

/* ===== About page: animated sections (from VRK-Tax-Solutions-Website package) ===== */
.vrk-mapbox{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface-alt)}
.vrk-mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vrk-mapbox .vrk-btn{position:absolute;right:12px;bottom:12px;box-shadow:var(--shadow-card)}
.ab-hero{padding:56px 0 72px}
.ab-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab-tag{font-family:var(--font-serif);font-style:italic;font-size:20px;color:var(--brand-orange);margin-top:24px!important}
.ab-dash{position:relative;max-width:440px;justify-self:end;width:100%}
.ab-card{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.28);animation:ab-float 6s ease-in-out infinite}
.ab-card-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ab-card-h img{width:40px;height:40px;border-radius:50%}
.ab-card-h b{display:block;color:var(--ink-strong);font-size:15px;line-height:1.2}
.ab-card-h span{font-size:12px;color:var(--ink-muted)}
.ab-card-h em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:800;color:#1f7a4d;background:rgba(31,122,77,.12);padding:5px 10px;border-radius:999px}
[data-theme="dark"] .ab-card-h em{color:#5fd39a}
.ab-chart{width:100%;height:auto;display:block}
.ab-axis{stroke:var(--border);stroke-width:2}
.ab-bar{fill:var(--brand-navy);transform-box:fill-box;transform-origin:bottom;animation:ab-grow 6s ease-out infinite}
[data-theme="dark"] .ab-bar{fill:#3a5aa8}
.ab-bar:nth-of-type(6){fill:var(--brand-orange)}
.ab-line{fill:none;stroke:var(--brand-orange);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320;animation:ab-draw 6s ease-out infinite}
.ab-dot{fill:var(--brand-orange);transform-box:fill-box;transform-origin:center;animation:ab-pop 6s ease-out infinite}
.ab-prog{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-muted);margin-top:8px}
.ab-prog div{flex:1;height:8px;border-radius:99px;background:var(--surface-alt);overflow:hidden}
.ab-prog i{display:block;height:100%;width:100%;background:var(--brand-orange);transform-origin:left;animation:ab-fill 6s ease-out infinite}
.ab-prog b{color:var(--ink-strong)}
.ab-badge{position:absolute;display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink-strong);font-weight:700;font-size:13px;padding:9px 14px 9px 9px;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.22);opacity:0;animation:ab-badge 6s ease-out infinite;animation-delay:var(--d)}
.ab-badge span{width:24px;height:24px;border-radius:50%;background:var(--brand-orange);color:var(--on-orange);display:grid;place-items:center}
.ab-badge svg{width:13px;height:13px}
.ab-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.ab-facts div{padding:28px 16px;border-radius:var(--radius-lg);background:var(--surface-alt)}
.ab-facts b{display:block;font-family:var(--font-serif);font-size:44px;line-height:1.1;color:var(--ink-strong)}
.ab-facts span{font-size:14px;font-weight:600;color:var(--ink-muted)}
.ab-orbit{position:relative;width:720px;height:720px;margin:-30px auto}
.ab-ring{position:absolute;inset:50%;border-radius:50%;border:1.5px dashed var(--border-strong);opacity:.6}
.ab-ring.r1{width:584px;height:584px;margin:-292px 0 0 -292px;animation:ab-spin 90s linear infinite}
.ab-ring.r2{width:300px;height:300px;margin:-150px 0 0 -150px;border-style:solid;border-color:rgba(247,107,10,.35);animation:ab-pulse 4s ease-in-out infinite}
.ab-core{position:absolute;left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;background:var(--brand-navy);color:var(--on-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 0 0 12px rgba(10,34,87,.08),0 20px 40px rgba(10,34,87,.25)}
.ab-core img{width:64px;height:64px;border-radius:50%;margin-bottom:6px}
.ab-core b{font-family:var(--font-serif);font-size:20px}
.ab-core span{font-size:12px;color:var(--on-deep-muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ab-spin{position:absolute;left:50%;top:50%;width:0;height:0;animation:ab-spin 80s linear infinite}
.ab-spin li{position:absolute;left:0;top:0}
.ab-spin a{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-strong);background:var(--surface);border:1px solid var(--border);padding:6px 11px 6px 6px;border-radius:999px;box-shadow:0 6px 16px rgba(10,34,87,.08);animation:ab-unspin 80s linear infinite;transition:border-color .15s}
.ab-spin a:hover{border-color:var(--brand-orange)}
.ab-spin a span,.ab-grid a span{font-family:var(--font-serif);font-size:11px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--brand-orange);color:var(--on-orange)}
.ab-orbit:hover .ab-spin,.ab-orbit:hover .ab-spin a{animation-play-state:paused}
.ab-grid{display:none}
.ab-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ab-tile{text-align:center;padding:32px 20px;border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s}
.ab-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.ab-tile b{color:var(--ink-strong);font-size:16px;margin-top:10px}
.ab-tile>span:last-child{font-size:14px;color:var(--ink-muted)}
.ab-ico{position:relative;width:72px;height:72px;display:grid;place-items:center;color:var(--orange-ink)}
.ab-ico>svg:not(.ab-ico-ring){width:28px;height:28px;animation:ab-bob 3s ease-in-out infinite;animation-delay:var(--d)}
.ab-ico-ring{position:absolute;inset:0;width:72px;height:72px;transform:rotate(-90deg)}
.ab-ico-ring circle{fill:rgba(247,107,10,.08);stroke:var(--brand-orange);stroke-width:3;stroke-dasharray:183;stroke-dashoffset:183;animation:ab-ring 5s ease-in-out infinite;animation-delay:var(--d)}
.ab-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:12px}
.ab-line-bg{position:absolute;top:40px;left:12%;right:12%;height:3px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden}
.ab-line-bg i{display:block;height:100%;background:var(--brand-orange);transform-origin:left;animation:ab-fill 4s ease-in-out infinite}
.ab-step{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.ab-step .n{width:58px;height:58px;border-radius:50%;background:var(--brand-navy);border:3px solid rgba(255,255,255,.25);display:grid;place-items:center;font-family:var(--font-serif);font-weight:700;color:var(--on-deep);font-size:18px;margin-bottom:10px;animation:ab-step 4s ease-in-out infinite;animation-delay:calc(var(--d) * 0.25)}
.ab-step b{color:var(--on-deep);font-size:17px}
.ab-step>span:last-child{font-size:14px;color:var(--on-deep-muted)}
.ab-office{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:stretch}
.ab-office figure{margin:0;position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:340px}
.ab-office figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ab-office figure:hover img{transform:scale(1.05)}
.ab-office figcaption{position:absolute;left:14px;bottom:14px;background:var(--surface);color:var(--ink-strong);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px}
@keyframes ab-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ab-grow{0%{transform:scaleY(0)}25%,100%{transform:scaleY(1)}}
@keyframes ab-draw{0%,15%{stroke-dashoffset:320}45%,100%{stroke-dashoffset:0}}
@keyframes ab-pop{0%,40%{transform:scale(0)}50%{transform:scale(1.4)}58%,100%{transform:scale(1)}}
@keyframes ab-fill{0%{transform:scaleX(0)}50%,100%{transform:scaleX(1)}}
@keyframes ab-badge{0%{opacity:0;transform:translateY(10px) scale(.9)}8%,80%{opacity:1;transform:none}92%,100%{opacity:0}}
@keyframes ab-spin{to{transform:rotate(360deg)}}
@keyframes ab-unspin{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
@keyframes ab-pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:.25}}
@keyframes ab-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ab-ring{0%{stroke-dashoffset:183}45%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-183}}
@keyframes ab-step{0%,20%,100%{background:var(--brand-navy);color:var(--on-deep)}8%,14%{background:var(--brand-orange);color:var(--on-orange)}}
@media (prefers-reduced-motion:reduce){.ab-hero *,.ab-orbit *,.ab-tiles *,.ab-track *,.ab-card{animation:none!important}.ab-badge{opacity:1}.ab-line{stroke-dashoffset:0}}
@media (max-width:1080px){
  .ab-hero-grid{grid-template-columns:1fr;gap:56px}
  .ab-dash{justify-self:center;max-width:400px}
  .ab-facts,.ab-tiles{grid-template-columns:1fr 1fr}
  .ab-office{grid-template-columns:1fr 1fr}
  .ab-office .vrk-form{grid-column:span 2}
}
@media (max-width:640px){
  .ab-dash{max-width:300px}
  .ab-card-h em{display:none}
  .ab-badge{font-size:11.5px;padding:7px 11px 7px 7px}
  .ab-badge[style*="left:-56px"]{left:-10px!important}.ab-badge[style*="right:-30px"]{right:-14px!important}
  .ab-facts b{font-size:34px}
  .ab-orbit{display:none}
  .ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ab-grid a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-strong);background:var(--surface);border:1px solid var(--border);padding:8px;border-radius:12px}
  .ab-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .ab-tile{padding:22px 12px}
  .ab-track{grid-template-columns:1fr 1fr;row-gap:32px}
  .ab-line-bg{display:none}
  .ab-office{grid-template-columns:1fr}
  .ab-office figure{min-height:240px}
  .ab-office .vrk-form{grid-column:auto}
}
@media (min-width:641px) and (max-width:900px){ .ab-orbit{transform:scale(.7);margin:-110px auto} }

/* ===== Hero: animated tax & GST filing illustration (replaces office photo) ===== */
.hx{position:relative;aspect-ratio:513/470;max-width:560px;width:100%;justify-self:end;--cyc:9s}
.hx::before{display:none}
.hx-doc{position:absolute;left:2%;top:4%;width:52%;background:#fff;border-radius:14px;padding:18px 18px 16px;box-shadow:0 18px 40px rgba(0,0,0,.28);transform:rotate(-7deg);z-index:1;animation:hx-docin var(--cyc) ease-in-out infinite}
.hx-doc-h{border-bottom:2px solid #f76b0a;padding-bottom:8px;margin-bottom:12px}
.hx-doc-h b{display:block;font:700 13px/1.3 var(--font-serif);color:#0a2257}
.hx-doc-h span{font:600 10.5px/1.4 var(--font-sans);color:#4f5a78;letter-spacing:.04em}
.hx-doc i{display:block;height:7px;border-radius:4px;background:#e3e8f3;margin:8px 0}
.hx-doc-row{display:flex;justify-content:space-between;margin-top:14px;font:600 10.5px/1 var(--font-sans);color:#4f5a78}
.hx-doc-row b{color:#1f7a4d}
.hx-stamp{position:absolute;right:12px;top:58px;font:800 15px/1 var(--font-sans);letter-spacing:.14em;color:#1f7a4d;border:3px solid #1f7a4d;border-radius:8px;padding:6px 10px;transform:rotate(-14deg) scale(2);opacity:0;animation:hx-stamp var(--cyc) ease-out infinite}
.hx-win{position:absolute;right:0;bottom:6%;width:76%;background:#fff;border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.35);overflow:hidden;z-index:2;animation:hx-float 6s ease-in-out infinite}
.hx-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#0a2257}
.hx-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35)}
.hx-bar span:first-child{background:#f76b0a}
.hx-bar em{margin-left:8px;font:700 12px/1 var(--font-sans);font-style:normal;color:#fff;letter-spacing:.02em}
.hx-tabs{display:flex;gap:6px;padding:12px 14px 4px}
.hx-tabs span{font:700 11px/1 var(--font-sans);padding:7px 10px;border-radius:999px;color:#4f5a78;background:#f3f6fb}
.hx-tabs span.on{background:#f76b0a;color:#0a2257}
.hx-rows{padding:6px 14px 2px}
.hx-row{display:grid;grid-template-columns:42% 1fr 18px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f7;font:600 11.5px/1.2 var(--font-sans);color:#1b2440}
.hx-row div{height:8px;border-radius:5px;background:#eef1f7;overflow:hidden}
.hx-row i{display:block;height:100%;width:var(--w);background:#0a2257;border-radius:5px;transform-origin:left;transform:scaleX(0);animation:hx-fill var(--cyc) ease-out infinite;animation-delay:var(--d)}
.hx-row b{width:18px;height:18px;border-radius:50%;background:#1f7a4d;color:#fff;font-size:11px;display:grid;place-items:center;opacity:0;animation:hx-tick var(--cyc) ease-out infinite;animation-delay:var(--d)}
.hx-prog{display:flex;align-items:center;gap:10px;padding:12px 14px 4px;font:600 11px/1 var(--font-sans);color:#4f5a78}
.hx-prog div{flex:1;height:8px;border-radius:5px;background:#eef1f7;overflow:hidden}
.hx-prog i{display:block;height:100%;width:100%;background:#f76b0a;transform-origin:left;transform:scaleX(0);animation:hx-prog var(--cyc) ease-in-out infinite}
.hx-prog b{color:#0a2257}
.hx-btn{position:relative;margin:12px 14px 16px;text-align:center;font:800 12.5px/1 var(--font-sans);color:#fff;background:#0a2257;padding:12px;border-radius:10px;animation:hx-press var(--cyc) ease-in-out infinite}
.hx-cursor{position:absolute;width:18px;height:18px;right:22%;top:56%;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3l7 17 2.5-7L21 10.5z' fill='%23fff' stroke='%230a2257' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");animation:hx-cursor var(--cyc) ease-in-out infinite}
.hx-toast{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:#e8f6ee;border:1px solid #bfe6cf;border-radius:12px;padding:10px 12px;opacity:0;transform:translateY(14px);animation:hx-toast var(--cyc) ease-out infinite}
.hx-toast>span{width:30px;height:30px;border-radius:50%;background:#1f7a4d;color:#fff;display:grid;place-items:center;flex:none}
.hx-toast svg{width:16px;height:16px}
.hx-toast b{display:block;font:800 12.5px/1.2 var(--font-sans);color:#14532d}
.hx-toast small{font:600 11px/1.3 var(--font-sans);color:#2f6b49}
.hx-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;color:#0a2257;font:700 12.5px/1 var(--font-sans);padding:8px 13px 8px 8px;border-radius:999px;box-shadow:0 12px 28px rgba(0,0,0,.28);opacity:0;animation:hx-chip var(--cyc) ease-out infinite}
.hx-chip>span{width:24px;height:24px;border-radius:50%;background:#f76b0a;color:#0a2257;display:grid;place-items:center}
.hx-chip svg{width:13px;height:13px}
.hx-chip.c1{right:-4%;top:6%;animation-delay:3.4s}
.hx-chip.c2{left:-6%;top:46%;animation-delay:4.4s}
.hx-chip.c3{left:6%;bottom:-2%;animation-delay:5.4s}
.hx-chip .bell{background:#0a2257;color:#fff;animation:hx-ring 1.6s ease-in-out infinite}
.hx-coin{position:absolute;z-index:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 20px/1 var(--font-serif);color:#0a2257;background:radial-gradient(circle at 35% 30%,#ffd2a8,#f76b0a);box-shadow:0 8px 18px rgba(0,0,0,.25);animation:hx-bob 4s ease-in-out infinite}
.hx-coin.k1{right:8%;top:-4%}
.hx-coin.k2{left:46%;top:-8%;width:34px;height:34px;font-size:16px;animation-delay:-1.3s}
.hx-coin.k3{right:-6%;bottom:30%;width:38px;height:38px;font-size:17px;background:radial-gradient(circle at 35% 30%,#fff,#c3cde6);animation-delay:-2.4s}
@keyframes hx-fill{0%,3%{transform:scaleX(0)}14%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hx-tick{0%,10%{opacity:0;transform:scale(.4)}15%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes hx-prog{0%,30%{transform:scaleX(0)}50%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hx-cursor{0%,46%{transform:translate(40px,30px);opacity:0}52%{transform:translate(0,0);opacity:1}56%{transform:translate(0,0) scale(.8)}60%,70%{transform:translate(0,0) scale(1);opacity:1}76%,100%{opacity:0}}
@keyframes hx-press{0%,54%,60%,100%{transform:none;background:#0a2257}56%{transform:scale(.96);background:#f76b0a}}
@keyframes hx-toast{0%,58%{opacity:0;transform:translateY(14px)}63%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(14px)}}
@keyframes hx-stamp{0%,62%{opacity:0;transform:rotate(-14deg) scale(2)}67%{opacity:1;transform:rotate(-14deg) scale(.92)}70%,92%{opacity:1;transform:rotate(-14deg) scale(1)}100%{opacity:0}}
@keyframes hx-docin{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-8px)}}
@keyframes hx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hx-chip{0%{opacity:0;transform:translateY(12px) scale(.9)}6%,48%{opacity:1;transform:none}58%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes hx-ring{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}90%{transform:rotate(6deg)}}
@keyframes hx-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(8deg)}}
@media (max-width:1080px){.hx{justify-self:center;max-width:520px;margin-top:8px}}
@media (max-width:640px){
  .hx{max-width:none;aspect-ratio:auto;height:400px;margin:8px 4px 0}
  .hx-doc{width:60%;padding:14px}
  .hx-win{width:86%;bottom:4%}
  .hx-row{font-size:10.5px;grid-template-columns:44% 1fr 16px;gap:8px;padding:6px 0}
  .hx-chip{font-size:11px;padding:6px 10px 6px 6px}
  .hx-chip>span{width:20px;height:20px}
  .hx-chip.c1{right:0;top:2%}.hx-chip.c2{left:0;top:27%}.hx-chip.c3{left:2%;bottom:-4%}
  .hx-coin.k3{right:2%}
}
@media (prefers-reduced-motion:reduce){
  .hx *{animation:none!important}
  .hx-row i,.hx-prog i{transform:none}.hx-row b,.hx-toast,.hx-chip,.hx-stamp{opacity:1}.hx-toast{transform:none}.hx-stamp{transform:rotate(-14deg)}.hx-cursor{display:none}
}

/* ===== File. Verify. Done. — cartoon highlight ===== */
.fx-band-grid{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center;max-width:1120px;margin:0 auto}
.fx-band-grid .fx-cards{max-width:none;margin:0}
.fx-toon{width:100%;height:auto;display:block;overflow:visible}
.fx-toon .t-bg{fill:#e9effa}
[data-theme="dark"] .fx-toon .t-bg{fill:#16285e}
.fx-toon .t-arc{fill:none;stroke:#f76b0a;stroke-width:6;stroke-linecap:round}
.fx-toon .t-skin{fill:#f1c19a}
.fx-toon .t-hair{fill:#2b2118}
.fx-toon .t-eyes{fill:#1b2440;transform-box:fill-box;transform-origin:center;animation:t-blink 4.5s infinite}
.fx-toon .t-glass{fill:none;stroke:#0a2257;stroke-width:2.5}
.fx-toon .t-cheek{fill:#f59a7a;opacity:.45}
.fx-toon .t-smile{fill:none;stroke:#1b2440;stroke-width:3;stroke-linecap:round}
.fx-toon .t-shirt,.fx-toon .t-sleeve{fill:#0a2257}
.fx-toon .t-collar{fill:#fff}
.fx-toon .t-tie{fill:#f76b0a}
.fx-toon .t-desk{fill:#0a2257}
[data-theme="dark"] .fx-toon .t-desk{fill:#3a5aa8}
.fx-toon .t-lap{fill:#1b2440}
.fx-toon .t-screen{fill:#fff}
.fx-toon .t-scrline{stroke:#c3cde6;stroke-width:6;stroke-linecap:round}
.fx-toon .t-lapbase{fill:#7d89a6}
.fx-toon .t-ok circle,.fx-toon .t-pop circle{fill:#1f7a4d}
.fx-toon .t-ok path,.fx-toon .t-pop path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.fx-toon .t-doc rect{fill:#fff;stroke:#dbe2ef;stroke-width:2}
.fx-toon .t-doc .t-doc-h{fill:#f76b0a;stroke:none}
.fx-toon .t-doc text{font:800 12px Manrope,system-ui,sans-serif;fill:#0a2257}
.fx-toon .t-line{stroke:#dbe2ef;stroke-width:6;stroke-linecap:round}
.fx-toon .t-stamp rect{fill:none;stroke:#1f7a4d;stroke-width:2.5}
.fx-toon .t-stamp text{font:800 11px Manrope,system-ui,sans-serif;fill:#1f7a4d;letter-spacing:.12em}
.fx-toon .t-bubble path{fill:#fff;stroke:#dbe2ef;stroke-width:2}
.fx-toon .t-bubble text{font:800 14px Manrope,system-ui,sans-serif;fill:#0a2257}
.fx-toon .t-plane path:first-child{fill:#fff;stroke:#0a2257;stroke-width:2.5;stroke-linejoin:round}
.fx-toon .t-plane path:last-child{fill:none;stroke:#0a2257;stroke-width:2}
.fx-toon .t-spark path{stroke:#f76b0a;stroke-width:3.5;stroke-linecap:round}
/* motion */
.fx-toon .t-head{transform-box:fill-box;transform-origin:50% 90%;animation:t-nod 4s ease-in-out infinite}
.fx-toon .t-armL{transform-box:view-box;transform-origin:110px 250px;animation:t-wave 3s ease-in-out infinite}
.fx-toon .t-armR{transform-box:view-box;transform-origin:200px 262px;animation:t-thumb 1.6s ease-in-out infinite}
.fx-toon .t-stamp{transform-box:fill-box;transform-origin:center;animation:t-stamp 4.8s ease-out infinite}
.fx-toon .t-ok{transform-box:fill-box;transform-origin:center;animation:t-pop 4.8s ease-out infinite;animation-delay:.6s}
.fx-toon .t-pop{transform-box:fill-box;transform-origin:center;animation:t-pop 4.8s ease-out infinite}
.fx-toon .t-pop.p1{animation-delay:1.2s}.fx-toon .t-pop.p2{animation-delay:2s}
.fx-toon .t-bubble{transform-box:fill-box;transform-origin:20% 100%;animation:t-bubble 4.8s ease-out infinite;animation-delay:.9s}
.fx-toon .t-plane{animation:t-plane 6s ease-in-out infinite}
.fx-toon .t-spark{transform-box:fill-box;transform-origin:center;animation:t-spark 2.4s ease-in-out infinite}
.fx-toon .t-spark.s2{animation-delay:-1.2s}
@keyframes t-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes t-nod{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}}
@keyframes t-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
@keyframes t-thumb{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes t-stamp{0%,8%{opacity:0;transform:scale(2.2)}16%{opacity:1;transform:scale(.9)}20%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes t-pop{0%,6%{opacity:0;transform:scale(.3)}14%{opacity:1;transform:scale(1.15)}18%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}
@keyframes t-bubble{0%,4%{opacity:0;transform:scale(.6)}12%,82%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(.9)}}
@keyframes t-plane{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,-14px) rotate(-6deg)}}
@keyframes t-spark{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
@media (max-width:900px){.fx-band-grid{grid-template-columns:1fr;gap:24px}.fx-toon{max-width:300px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.fx-toon *{animation:none!important}}

/* ===== About: keep the rotating service circle on phones (scaled down) ===== */
@media (max-width:640px){
  .ab-orbit{display:block;left:50%;margin:-10px 0 -375px -360px;transform:scale(.48);transform-origin:center top}
  .ab-spin a{font-size:18px;font-weight:800;gap:6px;padding:5px 11px 5px 5px}
  .ab-spin a span{width:24px;height:24px;font-size:11px}
  .ab-grid{display:none}
}

/* ===== Owner credit (landing + about hero) ===== */
.vrk-owner{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);max-width:100%}
.vrk-owner-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--brand-orange);color:var(--on-orange);font:800 17px/1 var(--font-sans);letter-spacing:.04em;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.vrk-owner-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.25;min-width:0}
.vrk-owner-txt b{color:#fff;font-size:16px}
.vrk-owner-txt>span:not(.vrk-owner-exp){color:#d6def2;font-size:13px}
.vrk-owner-exp{margin-top:4px;font:800 12px/1 var(--font-sans);color:var(--on-orange);background:#ffb078;padding:6px 10px;border-radius:999px;white-space:nowrap}

/* accessibility helpers */
.vrk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:640px){.vrk-foot-spacer{display:none}}
.vrk-footer .vrk-foot-h{margin:0 0 16px!important;line-height:22px!important;padding:0}
.vrk-foot-spacer{height:22px;line-height:22px!important;margin:0 0 16px!important;padding:0}