/* Inner-page components (all pages except home) — Advents Wealth. Moved verbatim from the approved build; edit with care. */
/* ===== Inner pages (built on the Design 2 system) ===== */
body.inner{background:#FFFFFF}
.snav{transform:none!important}
.snav-in{gap:20px}
.snav-links{display:flex;gap:4px;align-items:center}
.snav-links>a,.ip-dd>a{position:relative;font-weight:600;font-size:14.5px;color:#2C303A;padding:8px 10px}
.ip-dd{position:relative}
.ip-dd>a .cv{display:inline-block;margin-left:4px;font-size:11px;transition:transform .3s}
.ip-dd:hover>a .cv{transform:rotate(180deg)}
.ip-dm{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,8px);min-width:250px;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:16px;padding:10px;
 box-shadow:0 30px 60px -24px rgba(11,40,26,.45);opacity:0;pointer-events:none;transition:.28s cubic-bezier(.2,.8,.2,1);display:grid;gap:2px;z-index:5}
.ip-dm::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px}
.ip-dd:hover .ip-dm,.ip-dd:focus-within .ip-dm{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.ip-dm a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;font-weight:600;font-size:14px;color:#23272F;transition:background .2s}
.ip-dm a:hover,.ip-dm a.on{background:#E8F5EE;color:#165036}
.ip-dm a span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036);flex:0 0 auto}
.ip-dm a span svg{width:16px;height:16px;color:#FFFFFF}
.snav-links a.on{color:#165036}
.snav-links a.on::after{transform:scaleX(1)}
.ip-bg{display:none;margin-left:10px;width:44px;height:44px;border-radius:12px;border:1px solid #DDE0E5;background:#FFFFFF;cursor:pointer}
.ip-bg span{display:block;width:20px;height:2px;margin:4px auto;background:#0B281A;border-radius:2px;transition:.3s}
.ip-mn{display:none;position:fixed;top:64px;left:12px;right:12px;z-index:109;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:18px;box-shadow:0 30px 60px -20px rgba(11,40,26,.45);padding:12px;max-height:calc(100vh - 90px);overflow:auto}
.ip-mn.open{display:block;animation:ipDrop .35s cubic-bezier(.2,.8,.2,1)}
@keyframes ipDrop{from{opacity:0;transform:translateY(-8px)}}
.ip-mn a{display:block;padding:11px 12px;border-radius:10px;font-weight:600;color:#23272F}
.ip-mn a:hover,.ip-mn a.on{background:#E8F5EE;color:#165036}
.ip-mn h6{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#165036;margin:12px 12px 4px}
@media(max-width:1060px){.snav-links{display:none!important}.ip-bg{display:block}.snav-cta{margin-left:auto}}

/* ---------- hero ---------- */
.ph{padding:86px 18px 0}
.ph-p{position:relative;max-width:1240px;margin:0 auto;border-radius:30px;overflow:hidden;isolation:isolate;
 background:linear-gradient(160deg,#F2F9F5 0%,#E8F5EE 55%,#E3E7ED 100%);border:1px solid #DDE0E5;padding:clamp(34px,5vw,64px) clamp(22px,5vw,64px)}
.ph-p::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#C0DECE 1.1px,transparent 1.1px);background-size:22px 22px;
 -webkit-mask-image:radial-gradient(60% 70% at 85% 30%,#000000,transparent 75%);mask-image:radial-gradient(60% 70% at 85% 30%,#000000,transparent 75%);opacity:.8}
.ph-p .blob{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.55}
.ph-p .blob.a{width:380px;height:380px;background:#C5E7D7;right:-80px;top:-120px;animation:ipBlob 14s ease-in-out infinite alternate}
.ph-p .blob.b{width:300px;height:300px;background:#C5E7D7;left:-100px;bottom:-140px;animation:ipBlob 18s ease-in-out infinite alternate-reverse}
@keyframes ipBlob{to{transform:translate(40px,30px) scale(1.12)}}
.ph-g{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,70px);align-items:center}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;font-weight:600;color:#5B6B67}
.crumb a{color:#165036}.crumb a:hover{text-decoration:underline}
.crumb i{font-style:normal;opacity:.5}
.ph-eye{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:#165036;background:#FFFFFF;border:1px solid #C0DECE;padding:6px 14px 6px 6px;border-radius:999px;box-shadow:0 8px 20px -14px rgba(11,40,26,.5)}
.ph-eye b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.ph-eye b svg{width:14px;height:14px;color:#FFFFFF}
.ph-h1{margin:18px 0 0;line-height:1.04}
.ph-h1 .l1{display:block;font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:clamp(36px,4.3vw,56px);color:#0B281A;letter-spacing:-.005em}
.ph-h1 .l2{position:relative;display:inline-block;font-family:"Lobster",cursive;font-weight:400;font-size:clamp(30px,3.6vw,46px);color:#165036;margin-top:6px;line-height:1.15}
.ph-h1 .swoosh{position:absolute;left:0;right:0;bottom:-12px;width:100%;height:16px;overflow:visible}
.ph-h1 .swoosh path{fill:none;stroke:#1A7A4C;stroke-width:3;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:ipDraw 1.2s 1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes ipDraw{to{stroke-dashoffset:0}}
.ph-lead{margin:30px 0 0;font-size:16.5px;line-height:1.7;color:#3D4B47;max-width:540px}
.ph-lead+.ph-lead{margin-top:12px}
.ph-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ph-btns .kx-b{padding:12px 26px;font-size:15px}
.ph-tr{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:13.5px;font-weight:600;color:#3D4B47}
.ph-tr span{display:inline-flex;align-items:center;gap:8px}
.ph-tr svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#165036;color:#FFFFFF}
.fu{opacity:0;transform:translateY(22px);animation:ipUp .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes ipUp{to{opacity:1;transform:none}}

/* hero visual card */
.pv{position:relative}
.pv-c{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3.3;isolation:isolate;
 background:radial-gradient(120% 90% at 85% 10%,#1A5C3D 0%,#0B281A 38%,#0B281A 70%,#071710 100%);box-shadow:0 40px 80px -36px rgba(7,23,16,.75),0 0 0 1px rgba(255,255,255,.06) inset}
.pv-c::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.pv-wm{position:absolute;right:-12%;top:50%;width:62%;transform:translateY(-50%);opacity:.08;filter:brightness(0) invert(1);z-index:-1}
.pv-c>svg{position:absolute;inset:0;width:100%;height:100%}
.pv-tag{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#E8F5EE;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);z-index:2}
.pv-tag i{width:7px;height:7px;border-radius:50%;background:#58D68D;box-shadow:0 0 0 0 rgba(88,214,141,.7);animation:ipPing 2s infinite}
@keyframes ipPing{70%{box-shadow:0 0 0 8px rgba(88,214,141,0)}100%{box-shadow:0 0 0 0 rgba(88,214,141,0)}}
.pv-foot{display:flex;align-items:center;gap:12px;background:#FFFFFF;border-radius:16px;padding:12px 14px;margin:-34px 18px 0;position:relative;z-index:3;box-shadow:0 20px 40px -24px rgba(11,40,26,.55);border:1px solid #E2E5E9}
.pv-foot img{width:38px;height:38px}
.pv-foot b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:15px;color:#0B281A}
.pv-foot small{font-size:12.5px;color:#5B6B67}
.pv-foot .k{margin-left:auto;font-size:12px;font-weight:700;color:#FFFFFF;background:#165036;padding:7px 12px;border-radius:8px;white-space:nowrap}
.chipf{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#FFFFFF;border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 24px 44px -20px rgba(7,23,16,.55);border:1px solid #E2E5E9;animation:ipBob 5.5s ease-in-out infinite}
.chipf span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.chipf span svg{width:18px;height:18px;color:#FFFFFF}
.chipf b{display:block;font-size:13.5px;color:#0B281A;line-height:1.25}
.chipf small{font-size:11.5px;color:#5B6B67;font-weight:600}
.chipf.c1{left:-26px;top:16%}
.chipf.c2{right:-22px;top:46%;animation-delay:-2.2s}
@keyframes ipBob{50%{transform:translateY(-10px)}}

/* svg scene helpers */
.sv-draw{stroke-dasharray:var(--l,800);stroke-dashoffset:var(--l,800);animation:svDraw 2.4s .5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes svDraw{to{stroke-dashoffset:0}}
.sv-loop{stroke-dasharray:var(--l,800);stroke-dashoffset:var(--l,800);animation:svLoop 5s .3s cubic-bezier(.4,0,.2,1) infinite}
@keyframes svLoop{0%{stroke-dashoffset:var(--l,800)}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.sv-grow{transform-box:fill-box;transform-origin:bottom;animation:svGrow 1.2s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
@keyframes svGrow{from{transform:scaleY(0)}}
.sv-breathe{transform-box:fill-box;transform-origin:bottom;animation:svBr 3s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes svBr{from{transform:scaleY(.7)}to{transform:scaleY(1)}}
.sv-pop{transform-box:fill-box;transform-origin:center;animation:svPop .7s cubic-bezier(.3,1.5,.5,1) both;animation-delay:var(--d,0s)}
@keyframes svPop{from{transform:scale(0);opacity:0}}
.sv-pulse{transform-box:fill-box;transform-origin:center;animation:svPulse 2.6s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes svPulse{from{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}
.sv-float{animation:svFloat 4s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svFloat{50%{transform:translateY(-8px)}}
.sv-spin{transform-box:fill-box;transform-origin:center;animation:svSpin var(--s,18s) linear infinite}
@keyframes svSpin{to{transform:rotate(360deg)}}
.sv-coin{animation:svCoin 3.2s cubic-bezier(.3,.7,.3,1) infinite;animation-delay:var(--d,0s);opacity:0}
@keyframes svCoin{0%{transform:translateY(-40px);opacity:0}25%{transform:none;opacity:1}80%{opacity:1}100%{opacity:0}}
.sv-blink{animation:svBlink 1.8s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svBlink{50%{opacity:.25}}
.sv-dash{stroke-dasharray:6 8;animation:svDash 2s linear infinite}
@keyframes svDash{to{stroke-dashoffset:-28}}

/* ---------- sections ---------- */
.ips{padding:clamp(64px,8vw,104px) 0;position:relative}
.ips.tint{background:linear-gradient(180deg,#F4F5F7,#EEF0F4)}
.ips .center{text-align:center}
.ip-lede{max-width:720px;margin:18px auto 0;text-align:center;font-size:16px;color:#5B6B67;line-height:1.7}

/* intro split */
.ix{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center;margin-top:44px}
.ix p{font-size:16px;line-height:1.75;color:#3D4B47;margin:0 0 14px}
.ix p.big{font-family:"Noto Serif",Georgia,serif;font-size:clamp(20px,2vw,24px);line-height:1.45;color:#0B281A}
.ck{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.ck li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;font-weight:600;color:#23272F}
.ck li i{flex:0 0 26px;height:26px;border-radius:50%;background:#E8F5EE;display:grid;place-items:center;margin-top:-1px}
.ck li i svg{width:15px;height:15px;color:#165036}
.ck li i svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .6s .2s}
.in .ck li i svg path,.ck.in li i svg path{stroke-dashoffset:0}
.ix-v{position:relative;border-radius:26px;background:linear-gradient(160deg,#F2F9F5,#E8EBF0);border:1px solid #DDE0E5;padding:26px}
.bt-g{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bt{background:#FFFFFF;border:1px solid #E2E5E9;border-radius:16px;padding:18px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;color:#0B281A;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.bt:hover{transform:translateY(-4px);box-shadow:0 20px 34px -22px rgba(11,40,26,.55)}
.bt span{flex:0 0 42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036);box-shadow:0 10px 20px -8px rgba(22,80,54,.6)}
.bt span svg{width:21px;height:21px;color:#FFFFFF}
.bt.wide{grid-column:1/-1;background:linear-gradient(135deg,#165036,#0B281A);color:#FFFFFF;border:0}
.bt.wide span{background:rgba(255,255,255,.12);box-shadow:none}
.bt.wide small{display:block;font-weight:500;font-size:13px;color:#C5E7D7;margin-top:2px}

/* card grid (uses .gc from home) */
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:40px}
.cgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cgrid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cgrid .gc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px 24px;border-radius:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.cgrid .gc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(11,40,26,.5)}
.cgrid .gc h3{min-height:0;margin:18px 0 8px}
.cgrid .gc p{margin:0}
.cgrid .gc .gc-ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.cgrid .gc .gc-ic svg{width:26px;height:26px;color:#FFFFFF}
.gc .num{position:absolute;top:18px;right:20px;font-family:"Noto Serif",Georgia,serif;font-size:30px;color:#E2E6EB;font-weight:700}
.cgrid .gc{position:relative}
.gc .cta-l{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:#165036}
.gc .cta-l svg{width:16px;height:16px;transition:transform .3s}
.gc:hover .cta-l svg{transform:translateX(4px)}

/* process */
.pr{position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:18px;margin-top:50px}
.pr-ln{position:absolute;left:calc(100%/var(--n,5)/2);right:calc(100%/var(--n,5)/2);top:31px;height:2px;background:#DDE0E5;z-index:0}
.pr-ln i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#165036,#1A7A4C);transition:width .6s cubic-bezier(.4,0,.2,1)}
.pr-s{position:relative;z-index:1;text-align:center;cursor:pointer;padding:0 6px}
.pr-s .nd{width:64px;height:64px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:#FFFFFF;border:2px solid #DDE0E5;font-family:"Noto Serif",Georgia,serif;font-weight:700;font-size:20px;color:#9CA2AE;transition:all .45s cubic-bezier(.2,.8,.2,1);position:relative}
.pr-s .nd svg{width:26px;height:26px}
.pr-s.done .nd{border-color:#165036;color:#165036}
.pr-s.on .nd{background:linear-gradient(135deg,#1A7A4C,#165036);border-color:transparent;color:#FFFFFF;transform:scale(1.1);box-shadow:0 16px 30px -12px rgba(22,80,54,.7)}
.pr-s.on .nd::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px dashed #1A7A4C;animation:svSpin 8s linear infinite}
.pr-s h4{font-family:"Noto Serif",Georgia,serif;font-size:17px;color:#0B281A;margin:20px 0 6px;line-height:1.3}
.pr-s p{font-size:14px;color:#5B6B67;line-height:1.55;margin:0}
.pr-s .st{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1A7A4C;margin-top:14px}

/* who */
.who{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px}
.wp{display:inline-flex;align-items:center;gap:12px;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:999px;padding:8px 20px 8px 8px;font-weight:700;font-size:15px;color:#0B281A;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.wp:hover{transform:translateY(-4px);border-color:#58D68D;box-shadow:0 18px 30px -20px rgba(11,40,26,.5)}
.wp span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.wp span svg{width:19px;height:19px;color:#FFFFFF}
.who-note{text-align:center;margin:28px auto 0;max-width:640px;font-family:"Noto Serif",Georgia,serif;font-size:19px;color:#0B281A}
.who-note em{font-style:normal;color:#165036}

/* dark band */
.band{position:relative;border-radius:28px;overflow:hidden;isolation:isolate;padding:clamp(34px,5vw,60px);color:#FFFFFF;
 background:radial-gradient(110% 120% at 100% 0%,#1A5C3D 0%,#0B281A 35%,#0B281A 65%,#071710 100%)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000000 60%);mask-image:linear-gradient(90deg,transparent,#000000 60%)}
.band .wm{position:absolute;right:-60px;bottom:-80px;width:340px;opacity:.06;filter:brightness(0) invert(1);z-index:-1}
.band-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,5vw,60px);align-items:center}
.band .ey{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#58D68D}
.band h3{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.2;margin:12px 0 0;color:#FFFFFF}
.band h3 em{font-family:"Lobster",cursive;font-style:normal;color:#58D68D}
.band p{color:#C5CCDB;font-size:16px;line-height:1.7;margin:16px 0 0}
.band .ck li{color:#EBEEF4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:14px 16px;border-radius:14px;align-items:center}
.band .ck li i{background:#58D68D}
.band .ck li i svg{color:#0B281A}
.band .note{display:inline-flex;margin-top:22px;font-size:14px;font-weight:700;color:#58D68D;border-left:3px solid #58D68D;padding-left:12px}

/* faq side */
.ip-fq{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,5vw,60px);align-items:start;margin-top:38px}
.fq-side{position:sticky;top:96px;border-radius:22px;padding:30px;color:#FFFFFF;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 85% 0%,#1A5C3D,#0B281A 60%,#071710)}
.fq-side .q{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.1);font-family:"Noto Serif",Georgia,serif;font-size:38px;color:#58D68D;animation:ipBob 4s ease-in-out infinite}
.fq-side b{display:block;font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:24px;margin-top:20px}
.fq-side p{color:#C5CCDB;font-size:14.5px;margin:8px 0 0;line-height:1.6}
.fq-side .kx-b{margin-top:20px;background:#58D68D;border-color:#58D68D;color:#0B281A}
.fq-side .wm{position:absolute;right:-40px;bottom:-40px;width:180px;opacity:.07;filter:brightness(0) invert(1);z-index:-1}

/* final CTA */
.cta2{position:relative;border-radius:30px;overflow:hidden;isolation:isolate;text-align:center;color:#FFFFFF;padding:clamp(48px,7vw,86px) clamp(22px,5vw,60px);
 background:radial-gradient(90% 120% at 50% 0%,#1A5C3D 0%,#0B281A 40%,#0B281A 70%,#071710 100%)}
.cta2 .rg{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(88,214,141,.15);transform:translate(-50%,-50%);z-index:-1}
.cta2 .rg.r1{width:420px;height:420px}.cta2 .rg.r2{width:680px;height:680px}.cta2 .rg.r3{width:940px;height:940px}
.cta2 .orb{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#58D68D;box-shadow:0 0 16px #58D68D;z-index:-1;animation:ipOrb 12s linear infinite}
.cta2 .orb.o2{animation-duration:8s;animation-direction:reverse;--r:210px}
@keyframes ipOrb{from{transform:rotate(0) translateX(var(--r,340px))}to{transform:rotate(360deg) translateX(var(--r,340px))}}
.cta2 img.em{width:74px;margin:0 auto;filter:drop-shadow(0 14px 30px rgba(26,122,76,.5));animation:ipBob 5s ease-in-out infinite}
.cta2 h2{font-family:"Noto Serif",Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.4vw,42px);line-height:1.2;margin:22px auto 0;max-width:820px;color:#FFFFFF}
.cta2 p{max-width:600px;margin:16px auto 0;color:#C5CCDB;font-size:16.5px;line-height:1.7}
.cta2 .bx{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.cta2 .kx-b{padding:12px 26px;font-size:15px}
.cta2 .kx-bf{background:#58D68D;border-color:#58D68D;color:#0B281A}
.cta2 .kx-bf:hover{background:#FFFFFF;border-color:#FFFFFF}
.cta2 .kx-bo{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.35)}
.cta2 .kx-bo:hover{background:rgba(255,255,255,.1)}
.cta2 .ct{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.cta2 .ct a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#DEE4EF;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:9px 16px;border-radius:999px}
.cta2 .ct svg{width:16px;height:16px;color:#58D68D}
.cta2 .disc{font-size:12.5px;color:#A1ABC0;max-width:720px;margin:24px auto 0}

/* related */
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:34px}
.rl{display:flex;align-items:center;gap:12px;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:16px;padding:16px;font-weight:700;color:#0B281A;transition:.35s cubic-bezier(.2,.8,.2,1)}
.rl span{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#EBEEF2}
.rl span svg{width:20px;height:20px;color:#165036}
.rl em{margin-left:auto;font-style:normal;color:#165036;transition:transform .3s}
.rl:hover{border-color:#58D68D;transform:translateY(-4px);box-shadow:0 18px 30px -22px rgba(11,40,26,.55)}
.rl:hover span{background:linear-gradient(135deg,#1A7A4C,#165036)}.rl:hover span svg{color:#FFFFFF}
.rl:hover em{transform:translateX(4px)}

/* inline calculator */
.icalc{display:grid;grid-template-columns:1.1fr .9fr;border-radius:26px;overflow:hidden;border:1px solid #DDE0E5;background:#FFFFFF;box-shadow:0 40px 80px -50px rgba(11,40,26,.5);margin-top:40px}
.ic-f{padding:clamp(24px,4vw,40px);display:grid;gap:24px}
.ic-f .cm-f label{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14.5px;color:#23272F;gap:10px}
.ic-f .cm-val{display:inline-flex;align-items:center;gap:2px;background:#F1F3F7;border:1px solid #D6DBE4;border-radius:10px;padding:6px 10px;font-weight:700;color:#165036}
.ic-f .cm-val input{width:98px;border:0;background:transparent;font:inherit;color:inherit;text-align:right;outline:none}
.ic-f input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;margin-top:14px;background:linear-gradient(90deg,#165036 var(--p,50%),#E3E6EA var(--p,50%));outline:none}
.ic-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:6px solid #165036;box-shadow:0 4px 12px rgba(11,40,26,.3);cursor:grab}
.ic-f input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#FFFFFF;border:6px solid #165036}
.ic-f select{width:100%;margin-top:10px;height:46px;border-radius:12px;border:1.5px solid #D6DBE4;padding:0 12px;font:inherit;font-weight:700}
.ic-o{background:radial-gradient(120% 90% at 85% 0%,#1A5C3D,#0B281A 55%,#071710);color:#FFFFFF;padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:14px}
.ic-o .ey{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#58D68D}
.ic-o .r{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#C5CCDB;font-size:14.5px}
.ic-o .r b{color:#FFFFFF;font-size:16px}
.ic-o .r.big{flex-direction:column;align-items:flex-start;border:0;background:rgba(255,255,255,.07);border-radius:16px;padding:16px 18px}
.ic-o .r.big b{font-family:"Noto Serif",Georgia,serif;font-size:clamp(30px,3.4vw,40px);font-weight:400;color:#58D68D}
.ic-o .kx-b{margin-top:auto;text-align:center;background:#58D68D;border-color:#58D68D;color:#0B281A}
.ic-note{font-size:12.5px;color:#5B6B67;margin:14px 0 0;text-align:center}

/* About: journey */
.jt{position:relative;max-width:980px;margin:56px auto 0}
.jt-ln{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:#DDE0E5}
.jt-ln i{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(#165036,#1A7A4C)}
.jt-i{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:46px}
.jt-i:last-child{margin-bottom:0}
.jt-i .yr{position:absolute;left:50%;top:18px;transform:translate(-50%,0);width:20px;height:20px;border-radius:50%;background:#FFFFFF;border:3px solid #DDE0E5;z-index:1;transition:.5s}
.jt-i.lit .yr{border-color:#165036;background:#1A7A4C;box-shadow:0 0 0 7px rgba(26,122,76,.15)}
.jt-c{background:#FFFFFF;border:1px solid #DDE0E5;border-radius:20px;padding:26px;box-shadow:0 24px 40px -34px rgba(11,40,26,.5);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.jt-c:hover{transform:translateY(-5px)}
.jt-i:nth-child(odd) .jt-c{grid-column:1;text-align:right}
.jt-i:nth-child(even) .jt-c{grid-column:2}
.jt-c .y{font-family:"Lobster",cursive;font-size:40px;color:#165036;line-height:1}
.jt-c h4{font-family:"Noto Serif",Georgia,serif;font-size:20px;color:#0B281A;margin:10px 0 8px}
.jt-c p{font-size:15px;color:#3D4B47;line-height:1.65;margin:0}
.jt-c .ic{width:46px;height:46px;border-radius:14px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036);margin-bottom:12px}
.jt-c .ic svg{width:22px;height:22px;color:#FFFFFF}
.jt-today{text-align:center;margin-top:40px}
.jt-today .ttl{display:inline-block;font-family:"Lobster",cursive;font-size:44px;color:#165036}
.stx{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.stx div{background:#FFFFFF;border:1px solid #DDE0E5;border-radius:18px;padding:22px 14px;text-align:center}
.stx b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:clamp(26px,3vw,36px);color:#165036}
.stx span{font-size:13.5px;font-weight:600;color:#5B6B67}

/* vision / mission */
.vm2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.vmc{position:relative;border-radius:24px;padding:clamp(26px,4vw,40px);overflow:hidden;isolation:isolate;border:1px solid #DDE0E5;background:#FFFFFF}
.vmc.dk{background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710);color:#FFFFFF;border:0}
.vmc .tg{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#165036}
.vmc.dk .tg{color:#58D68D}
.vmc .tg span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.vmc.dk .tg span{background:rgba(255,255,255,.12)}
.vmc .tg svg{width:20px;height:20px;color:#FFFFFF}
.vmc h3{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(20px,2.1vw,25px);line-height:1.45;margin:18px 0 0;color:#0B281A}
.vmc.dk h3{color:#FFFFFF}
.vmc .pts{display:grid;gap:10px;margin-top:22px}
.vmc .pt{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:#F3F5F8}
.vmc.dk .pt{background:rgba(255,255,255,.07)}
.vmc .pt b{font-family:"Lobster",cursive;font-weight:400;font-size:21px;color:#165036;min-width:110px}
.vmc.dk .pt b{color:#58D68D}
.vmc .pt span{font-size:14.5px;color:#3D4B47;line-height:1.5}
.vmc.dk .pt span{color:#C0DECE}
/* FORTUNE values */
.fv{margin-top:44px}
.fv-l{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.fv-k{position:relative;aspect-ratio:1/1.12;border-radius:20px;border:1.5px solid #DDE0E5;background:#FFFFFF;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .45s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.fv-k b{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(34px,4.6vw,60px);line-height:1;color:#165036;transition:.45s}
.fv-k small{font-size:12.5px;font-weight:700;color:#5B6B67;letter-spacing:.04em;transition:.45s}
.fv-k.on{background:linear-gradient(160deg,#1A7A4C,#165036 60%,#0B281A);border-color:transparent;transform:translateY(-8px);box-shadow:0 24px 40px -20px rgba(22,80,54,.7)}
.fv-k.on b,.fv-k.on small{color:#FFFFFF}
.fv-k::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:#58D68D}
.fv-k.on::after{animation:ipBar var(--fvd,2600ms) linear forwards}
@keyframes ipBar{to{width:100%}}
.fv-d{margin-top:20px;border-radius:20px;background:#F3F5F8;border:1px solid #DDE0E5;padding:24px 28px;display:flex;align-items:center;gap:22px;min-height:104px}
.fv-d .L{font-family:"Lobster",cursive;font-size:60px;color:#165036;line-height:1;min-width:56px;text-align:center}
.fv-d h4{font-family:"Noto Serif",Georgia,serif;font-size:22px;color:#0B281A;margin:0}
.fv-d p{margin:4px 0 0;font-size:15.5px;color:#3D4B47}
.fv-d .sw{animation:ipUp .5s cubic-bezier(.2,.8,.2,1)}
/* team */
.tm{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.tc{position:relative;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:22px;padding:28px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;overflow:hidden}
.tc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -32px rgba(11,40,26,.55)}
.tc .av{position:relative;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-family:"Noto Serif",Georgia,serif;font-size:32px;color:#FFFFFF;background:radial-gradient(circle at 30% 20%,#1A7A4C,#165036 55%,#0B281A)}
.tc .av::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed #58D68D;animation:svSpin 16s linear infinite}
.tc h4{font-family:"Noto Serif",Georgia,serif;font-size:21px;color:#0B281A;margin:22px 0 4px}
.tc .rl2{font-size:13px;font-weight:700;color:#165036}
.tc .cr{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tc p{font-size:14.5px;color:#3D4B47;line-height:1.65;margin:14px 0 0}
.mentor{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:20px;border-radius:24px;padding:clamp(24px,4vw,36px);color:#FFFFFF;background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710)}
.mentor .av{width:110px;height:110px;font-size:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.mentor .ey{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#58D68D}
.mentor h4{font-family:"Noto Serif",Georgia,serif;font-size:24px;margin:8px 0 2px;color:#FFFFFF;font-weight:400}
.mentor .rl2{color:#C5E7D7}
.mentor p{color:#C0DECE;font-size:15px;line-height:1.7;margin:12px 0 0}
.mentor .cr .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#E8F5EE}
/* philosophy */
.phl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.phc{border-radius:24px;border:1px solid #DDE0E5;background:#FFFFFF;padding:clamp(24px,4vw,34px)}
.phc h4{font-family:"Noto Serif",Georgia,serif;font-size:20px;color:#0B281A;margin:0 0 18px;font-weight:600}
.phc .tg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.phc .t{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#F3F5F8;font-weight:700;color:#0B281A;font-size:15px}
.phc .t span{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.phc .t span svg{width:19px;height:19px;color:#FFFFFF}
.phc.alt .t{background:#FFFFFF;border:1.5px solid #DDE0E5}
.phq{margin-top:22px;text-align:center;font-family:"Noto Serif",Georgia,serif;font-size:clamp(20px,2.4vw,28px);line-height:1.45;color:#0B281A;max-width:880px;margin-inline:auto}
.phq em{font-family:"Lobster",cursive;font-style:normal;color:#165036}
.regs2{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.regs2 span{font-weight:800;font-size:13px;letter-spacing:.06em;padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FFFFFF}
.ncfe-v{position:relative;aspect-ratio:1;max-width:340px;margin:auto}
.ncfe-v .cc{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(88,214,141,.35)}
.ncfe-v .cc.c2{inset:14%}
.ncfe-v .ctr{position:absolute;inset:32%;border-radius:50%;background:#FFFFFF;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,255,255,.06)}
.ncfe-v .ctr img{width:70%}
.ncfe-v .rgn{position:absolute;width:64px;height:64px;margin:-32px;border-radius:18px;background:#FFFFFF;color:#0B281A;display:grid;place-items:center;font-weight:800;font-size:12.5px;box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}

/* products 2x2 */
.pp{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.pc2{position:relative;border-radius:24px;border:1px solid #DDE0E5;background:#FFFFFF;padding:clamp(24px,3.5vw,34px);display:grid;grid-template-columns:1fr 130px;gap:18px;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.pc2:hover{transform:translateY(-6px);box-shadow:0 30px 50px -32px rgba(11,40,26,.55)}
.pc2.dk{background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710);color:#FFFFFF;border:0}
.pc2 h3{font-family:"Noto Serif",Georgia,serif;font-size:23px;color:#0B281A;margin:0;font-weight:600}
.pc2.dk h3{color:#FFFFFF}
.pc2 p{font-size:15px;line-height:1.65;color:#3D4B47;margin:10px 0 0}
.pc2.dk p{color:#C5CCDB}
.pc2 .kx-b{margin-top:20px}
.pc2.dk .kx-b{background:#58D68D;border-color:#58D68D;color:#0B281A}
.pc2 .il{border-radius:18px;background:#EBEEF2;display:grid;place-items:center;align-self:stretch;min-height:130px}
.pc2.dk .il{background:rgba(255,255,255,.06)}
.pc2 .il svg{width:84%;height:auto}
/* months strip (tax) */
.mo{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:30px}
.mo span{position:relative;text-align:center;font-size:12px;font-weight:700;color:#5B6B67;padding:14px 0 10px;border-radius:12px;background:#F3F5F8;border:1px solid #E2E5E9;transition:.4s}
.mo span.on{background:linear-gradient(135deg,#1A7A4C,#165036);color:#FFFFFF;border-color:transparent;transform:translateY(-4px)}
.mo span.mar{outline:2px dashed #E5A5A5;outline-offset:2px}
.mo-l{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#5B6B67;margin-top:12px}
.mo-l b{color:#165036}
/* consultancy list */
.cs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.cs a,.cs div{position:relative;border-radius:18px;border:1px solid #DDE0E5;background:#FFFFFF;padding:22px;transition:.4s cubic-bezier(.2,.8,.2,1)}
.cs div:hover{transform:translateY(-5px);border-color:#58D68D;box-shadow:0 24px 40px -28px rgba(11,40,26,.55)}
.cs span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036)}
.cs span svg{width:24px;height:24px;color:#FFFFFF}
.cs h4{font-family:"Noto Serif",Georgia,serif;font-size:17px;color:#0B281A;margin:16px 0 0;line-height:1.35}
.cs i{position:absolute;top:18px;right:20px;font-style:normal;font-family:"Noto Serif",Georgia,serif;font-size:22px;color:#E2E6EB;font-weight:700}
.sep-note{margin:26px auto 0;max-width:820px;text-align:center;font-size:13.5px;color:#5B6B67;background:#F3F5F8;border:1px dashed #C0DECE;border-radius:14px;padding:14px 18px}
/* compare (sif) */
.cmp{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px;margin-top:44px}
.cmp div{border-radius:22px;border:1px solid #DDE0E5;background:#FFFFFF;padding:24px;text-align:center}
.cmp div b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:21px;color:#0B281A}
.cmp div small{display:block;font-size:13.5px;color:#5B6B67;margin-top:6px}
.cmp .lvl{display:flex;gap:5px;justify-content:center;margin-top:16px}
.cmp .lvl i{width:22px;height:8px;border-radius:5px;background:#DDE0E5}
.cmp .lvl i.f{background:#1A7A4C}
.cmp .mid{background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710);border:0;padding:34px 24px;transform:translateY(-14px);box-shadow:0 30px 60px -30px rgba(11,40,26,.7)}
.cmp .mid b{color:#FFFFFF;font-size:24px}.cmp .mid small{color:#C5CCDB}
.cmp .mid .lvl i{background:rgba(255,255,255,.18)}.cmp .mid .lvl i.f{background:#58D68D}
.cmp .mid .tg{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:#58D68D;color:#0B281A;padding:5px 10px;border-radius:999px;margin-bottom:12px}
.cmp-l{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:13px;font-weight:600;color:#5B6B67;flex-wrap:wrap}

/* goals grid */
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.gl2{position:relative;border-radius:20px;border:1px solid #DDE0E5;background:#FFFFFF;padding:24px 20px;overflow:hidden;transition:.45s cubic-bezier(.2,.8,.2,1)}
.gl2::before{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#E8F5EE,transparent 70%);transition:.5s}
.gl2:hover{transform:translateY(-6px);box-shadow:0 26px 44px -30px rgba(11,40,26,.55);border-color:#58D68D}
.gl2:hover::before{transform:scale(1.6)}
.gl2 span{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036);box-shadow:0 12px 22px -10px rgba(22,80,54,.7)}
.gl2 span svg{width:25px;height:25px;color:#FFFFFF}
.gl2 h4{position:relative;font-family:"Noto Serif",Georgia,serif;font-size:18px;color:#0B281A;margin:18px 0 6px}
.gl2 p{position:relative;font-size:14px;color:#5B6B67;line-height:1.55;margin:0}
.gl2.cta{background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710);border:0;color:#FFFFFF;display:flex;flex-direction:column;justify-content:center}
.gl2.cta h4{color:#FFFFFF}.gl2.cta p{color:#C5CCDB}.gl2.cta .kx-b{margin-top:16px;align-self:flex-start;background:#58D68D;border-color:#58D68D;color:#0B281A}
/* random vs goal */
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;margin-top:40px}
.vs .side{border-radius:22px;padding:26px;border:1px solid #DDE0E5;background:#FFFFFF}
.vs .side.good{background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710);color:#FFFFFF;border:0}
.vs .side h4{font-family:"Noto Serif",Georgia,serif;font-size:20px;margin:0 0 14px;color:#0B281A}
.vs .side.good h4{color:#FFFFFF}
.vs .side svg.sc{width:100%;height:120px;margin-bottom:12px}
.vs .side li{list-style:none;display:flex;gap:10px;align-items:center;font-weight:600;font-size:14.5px;padding:8px 0;color:#3D4B47}
.vs .side.good li{color:#E2E6F0}
.vs .side li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:#F6E3E3;color:#B54848}
.vs .side.good li i{background:#58D68D;color:#0B281A}
.vs ul{padding:0;margin:0}
.vs .mid{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;border:1px solid #DDE0E5;font-family:"Noto Serif",Georgia,serif;font-weight:700;color:#165036;box-shadow:0 14px 30px -18px rgba(11,40,26,.5)}

/* responsive */
@media(max-width:1060px){
 .cgrid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gg{grid-template-columns:repeat(2,1fr)}
 .cs{grid-template-columns:repeat(2,1fr)}
 .chipf.c1{left:-8px}.chipf.c2{right:-8px}
}
@media(max-width:900px){
 .ph-g,.ix,.band-g,.ip-fq,.icalc,.vm2,.phl,.pp,.tm{grid-template-columns:1fr}
 .fq-side{position:static}
 .pr{grid-template-columns:1fr;gap:0;max-width:520px;margin-inline:auto}
 .pr-ln{left:31px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .pr-ln i{width:100%!important;height:var(--ph,0%);transition:height .6s}
 .pr-s{display:grid;grid-template-columns:64px 1fr;column-gap:18px;text-align:left;padding:0 0 26px}
 .pr-s .nd{grid-row:1/4;margin:0}
 .pr-s h4{margin:8px 0 4px}.pr-s .st{margin:0;grid-column:2;grid-row:1}
 .jt-ln{left:20px}
 .jt-i{grid-template-columns:1fr;gap:0;padding-left:52px}
 .jt-i .yr{left:20px}
 .jt-i:nth-child(odd) .jt-c,.jt-i:nth-child(even) .jt-c{grid-column:1;text-align:left}
 .stx{grid-template-columns:repeat(2,1fr)}
 .fv-l{grid-template-columns:repeat(7,1fr);gap:6px}
 .fv-k small{display:none}
 .cmp{grid-template-columns:1fr}.cmp .mid{transform:none}
 .vs{grid-template-columns:1fr}.vs .mid{margin:auto}
 .mentor{grid-template-columns:1fr}
 .mo{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:600px){
 .ph{padding:76px 10px 0}
 .ph-p{border-radius:22px}
 .chipf{display:none}
 .pv-foot .k{display:none}
 .cgrid.c3,.cgrid.c4,.gg,.cs,.bt-g,.phc .tg2{grid-template-columns:1fr}
 .pc2{grid-template-columns:1fr}.pc2 .il{min-height:120px}
 .fv-k{border-radius:12px}
 .fv-d{flex-direction:column;align-items:flex-start;gap:8px}
 .ph-btns .kx-b{flex:1;text-align:center}
}
@media(prefers-reduced-motion:reduce){.fu{opacity:1;transform:none;animation:none}.sv-draw,.sv-loop{stroke-dashoffset:0;animation:none}}

.js .ipr{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0s)}
.js .ipr.in{opacity:1;transform:none}
/* ===== v2 inner page components (reference-led layout, Advents Wealth teal) ===== */
.h2w{padding:96px 0 10px}
.h2g{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);align-items:center;min-height:440px}
.h2t .crumb{margin-bottom:18px}
.h2t h1{font-family:"Noto Serif",Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(30px,3.6vw,46px);line-height:1.28;color:#165036;margin:0}
.h2t h1 .w{display:inline-block;overflow:hidden;vertical-align:top}
.h2t h1 .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.16,.84,.24,1) var(--d,0s)}
.h2t h1.go .w>span{transform:none}
.h2t h1 em{font-style:normal;color:#1A7A4C}
.h2t p{font-size:16px;line-height:1.7;color:#3D4B47;margin:18px 0 0;max-width:520px}
.h2t .ph-btns{margin-top:26px}
.h2t .kx-b{padding:11px 24px;font-size:14.5px}
.frm{position:relative;border-radius:22px;background:#FFFFFF;border:1px solid #DDE0E5;padding:22px;box-shadow:0 40px 70px -46px rgba(11,40,26,.55);isolation:isolate;overflow:hidden}
.frm::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#D6DBE4 1px,transparent 1px);background-size:18px 18px;opacity:.7}
.frm .px{position:absolute;color:#1A7A4C;font-weight:700;font-size:20px;line-height:1;animation:ipBlink 2.4s ease-in-out infinite}
@keyframes ipBlink{50%{opacity:.25;transform:rotate(90deg)}}
.frm .tagi{position:absolute;right:14px;bottom:12px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7C918B}
.frm-in{position:relative;border-radius:16px;overflow:hidden;animation:frFloat 6s ease-in-out infinite}
@keyframes frFloat{50%{transform:translateY(-8px)}}
.frm-dk{background:radial-gradient(120% 90% at 85% 10%,#1A5C3D 0%,#0B281A 38%,#0B281A 70%,#071710 100%);aspect-ratio:4/3.1;position:relative}
.frm-dk>svg{position:absolute;inset:0;width:100%;height:100%}
.frm-dk .pv-wm{position:absolute;right:-12%;top:50%;width:60%;transform:translateY(-50%);opacity:.08;filter:brightness(0) invert(1)}
/* mf card mock */
.mfc{max-width:420px;margin:12px auto 0;padding:10px 6px}
.mfc .ttl{text-align:center;font-family:"Noto Serif",Georgia,serif;font-weight:700;color:#0B281A;font-size:16px;margin-bottom:10px}
.mfc .card{position:relative;border-radius:18px;padding:22px 22px 18px;color:#FFFFFF;background:linear-gradient(135deg,#1A5C3D 0%,#165036 45%,#0B281A 100%);box-shadow:0 26px 40px -22px rgba(7,23,16,.8);overflow:hidden;animation:frFloat 6s ease-in-out infinite}
.mfc .card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 60%);transform:translateX(-100%);animation:shineX 4.5s ease-in-out infinite}
@keyframes shineX{60%,100%{transform:translateX(100%)}}
.mfc .card img{position:absolute;right:14px;top:12px;width:34px;border-radius:50%;background:#FFFFFF;padding:2px}
.mfc .tg{width:34px;height:18px;border-radius:9px;background:rgba(255,255,255,.3);position:relative}
.mfc .tg::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#FFFFFF;animation:tgl 3s ease-in-out infinite}
@keyframes tgl{50%{left:19px}}
.mfc .val{font-family:"Noto Serif",Georgia,serif;font-size:clamp(30px,3.2vw,40px);margin-top:16px;letter-spacing:.01em}
.mfc .dots{letter-spacing:.3em;opacity:.75;margin-top:6px}
.mfc .pg{margin-top:18px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#0B281A}
.mfc .pg .bar{flex:1;height:22px;border-radius:6px;background:#E5E8ED;overflow:hidden;position:relative}
.mfc .pg .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#165036,#1A7A4C);border-radius:6px;transition:width 2s cubic-bezier(.2,.8,.2,1) .6s;display:flex;align-items:center;padding-left:10px;color:#FFFFFF;font-style:normal}
.mfc .cap{font-size:12px;color:#3D4B47;margin-top:10px;font-weight:600}
/* phone mock */
.phs{display:flex;justify-content:center;align-items:flex-end;gap:16px;padding:6px 0}
.ph1{width:200px;border-radius:30px;background:#0B281A;padding:9px;box-shadow:0 30px 50px -26px rgba(7,23,16,.8);animation:frFloat 6s ease-in-out infinite}
.ph1.b{width:180px;animation-delay:-3s;transform:translateY(20px)}
.ph1 .sc{border-radius:23px;background:#FFFFFF;overflow:hidden;min-height:330px;display:flex;flex-direction:column}
.ph1 .nt{width:60px;height:6px;border-radius:4px;background:#0B281A;margin:8px auto 4px}
.ph1 .hd{display:flex;align-items:center;gap:6px;padding:6px 12px;font-weight:800;font-size:11px;color:#0B281A}
.ph1 .hd img{width:22px}
.ph1 .bn{margin:6px 10px;border-radius:12px;padding:12px;background:linear-gradient(135deg,#1A7A4C,#165036);color:#FFFFFF}
.ph1 .bn small{display:block;font-size:9px;opacity:.85;font-weight:700;letter-spacing:.1em}
.ph1 .bn b{font-family:"Noto Serif",Georgia,serif;font-size:15px}
.ph1 .rw{display:flex;align-items:center;gap:8px;margin:5px 10px;padding:8px;border-radius:10px;background:#F2F4F7;font-size:10px;font-weight:700;color:#23272F;opacity:0;animation:rwIn .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d)}
@keyframes rwIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.ph1 .rw i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#1A7A4C,#165036);display:grid;place-items:center;flex:0 0 auto}
.ph1 .rw i svg{width:12px;height:12px;color:#FFFFFF}
.ph1 .rw em{margin-left:auto;font-style:normal;color:#165036}
.ph1 .rw .br{flex:1;height:5px;border-radius:4px;background:#C0DECE;overflow:hidden}
.ph1 .rw .br b{display:block;height:100%;background:#1A7A4C;width:var(--w);animation:brG 1.6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}
@keyframes brG{from{width:0}}
.ph1 .cta{margin:auto 10px 12px;border-radius:10px;background:#165036;color:#FFFFFF;font-weight:800;font-size:10px;text-align:center;padding:9px}
.sifm{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.sifm h4{font-family:"Noto Serif",Georgia,serif;font-size:clamp(20px,2.2vw,26px);color:#0B281A;line-height:1.25;margin:0}
.sifm h4 em{display:block;font-style:normal;color:#1A7A4C}

/* what-is band */
.wb{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;text-align:center;color:#FFFFFF;padding:clamp(34px,5vw,56px) clamp(22px,6vw,90px);
 background:radial-gradient(90% 140% at 50% 0%,#113F29 0%,#0B281A 40%,#0B281A 70%,#071710 100%)}
.wb::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.wb h2{font-family:"Noto Serif",Georgia,serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(24px,2.8vw,36px);line-height:1.35;margin:0;color:#FFFFFF}
.wb p{max-width:860px;margin:16px auto 0;color:#C0DECE;font-size:16px;line-height:1.75}
.wb .wb-k{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.wb .wb-k span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#E5EAF3}
.wb .wb-k svg{width:16px;height:16px;color:#58D68D}

/* type cards (tab title + icon + best for) */
.tcg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.tcg.c2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
.tcg.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tc2{position:relative;border:1px solid #DDE0E5;border-radius:14px;background:#FFFFFF;padding:0 18px 18px;box-shadow:0 14px 30px -22px rgba(11,40,26,.45);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.tc2:hover{transform:translateY(-6px);border-color:#58D68D;box-shadow:0 30px 50px -30px rgba(11,40,26,.55)}
.tc2 .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 -6px 0 -6px;transform:translateY(-1px)}
.tc2 .tb{display:inline-block;background:#FFFFFF;border:1px solid #DDE0E5;border-radius:0 0 12px 0;padding:12px 18px;margin-left:-13px;font-family:"Noto Serif",Georgia,serif;font-weight:700;font-size:16.5px;color:#0B281A;box-shadow:6px 8px 14px -10px rgba(11,40,26,.35)}
.tc2 .ic{margin-top:12px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1A7A4C,#165036);box-shadow:0 10px 18px -8px rgba(22,80,54,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tc2:hover .ic{transform:rotate(-8deg) scale(1.08)}
.tc2 .ic svg{width:21px;height:21px;color:#FFFFFF}
.tc2 p{font-size:14.5px;color:#3D4B47;line-height:1.6;margin:16px 0 0}
.tc2 .bf{font-size:12px;font-weight:700;color:#5B6B67;margin-top:14px}
.tc2 .bx{margin-top:6px;border:1px solid #DDE0E5;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600;color:#0B281A;background:#F7F8FA;box-shadow:0 6px 12px -10px rgba(11,40,26,.4)}
.tc2 .tgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tc2 .tgs span{font-size:12px;font-weight:700;color:#165036;border:1px solid #DDE0E5;background:#FFFFFF;padding:6px 11px;border-radius:8px;box-shadow:0 6px 12px -10px rgba(11,40,26,.4)}

/* how it works: card + steps */
.hw{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,50px);align-items:center;margin-top:40px}
.hwc{position:relative;border:1px solid #DDE0E5;border-radius:18px;background:#FFFFFF;padding:22px 24px;box-shadow:0 30px 60px -40px rgba(11,40,26,.55)}
.hwc .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.hwc .top b{background:linear-gradient(135deg,#165036,#0B281A);color:#FFFFFF;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:8px}
.hwc .top img{width:34px}
.hwc ol{list-style:none;margin:0;padding:0;position:relative}
.hwc ol::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:#DDE0E5}
.hwc li{position:relative;display:flex;align-items:center;gap:14px;padding:12px 0;font-weight:700;font-size:14.5px;color:#7C918B;transition:color .35s}
.hwc li i{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;background:#FFFFFF;border:2px solid #C0DECE;display:grid;place-items:center;transition:.35s}
.hwc li i::after{content:"";width:8px;height:8px;border-radius:50%;background:#C0DECE;transition:.35s}
.hwc li span{flex:1;border-bottom:1px dashed #DDE0E5;padding-bottom:6px}
.hwc li.on{color:#0B281A}
.hwc li.on i{border-color:#165036;box-shadow:0 0 0 6px rgba(26,122,76,.15)}
.hwc li.on i::after{background:#1A7A4C}
.hwc li.done i{border-color:#1A7A4C}.hwc li.done i::after{background:#1A7A4C}
.hws{display:grid;gap:12px}
.hwb{border:1px solid #DDE0E5;border-radius:10px;background:#FFFFFF;padding:16px 20px;text-align:right;box-shadow:0 10px 24px -20px rgba(11,40,26,.5);transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;position:relative;overflow:hidden}
.hwb::before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#1A7A4C;transform:scaleY(0);transition:transform .4s}
.hwb h4{font-family:"Noto Serif",Georgia,serif;text-transform:uppercase;font-weight:700;font-size:15.5px;letter-spacing:.02em;color:#0B281A;margin:0}
.hwb p{font-size:13.5px;color:#5B6B67;margin:6px 0 0}
.hwb.on{border-color:#58D68D;transform:translateX(-6px);box-shadow:0 20px 34px -24px rgba(11,40,26,.55)}
.hwb.on::before{transform:scaleY(1)}
.hwb.on h4{color:#165036}

/* arc wrapper */
.solve.ips2{padding-block:clamp(50px,7vw,90px) 20px!important}
.solve.ips2 .arc{margin-top:-30px!important}

/* who this is for */
.wf{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;color:#FFFFFF;padding:clamp(34px,5vw,56px) clamp(20px,4vw,50px);
 background:radial-gradient(100% 140% at 50% 0%,#113F29 0%,#0B281A 40%,#0B281A 70%,#071710 100%)}
.wf::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.wf h2{text-align:center;font-family:"Noto Serif",Georgia,serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(24px,2.8vw,34px);margin:0;color:#FFFFFF}
.wf .sb{text-align:center;color:#C5CCDB;font-size:14.5px;margin:8px 0 0}
.wf-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,46px);align-items:center;margin-top:34px}
.wfc{border-radius:16px;background:#FFFFFF;color:#0B281A;padding:22px;box-shadow:0 30px 50px -28px rgba(0,0,0,.6);position:relative;overflow:hidden}
.wfc::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#E2E6EB 1px,transparent 1px);background-size:16px 16px;opacity:.7}
.wfc>*{position:relative}
.wfc .hd{display:flex;justify-content:space-between;align-items:center;font-family:"Noto Serif",Georgia,serif;font-weight:700;font-size:18px;color:#165036;margin-bottom:14px}
.wfc .hd img{width:32px}
.wfc .it{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-top:8px;border-radius:8px;background:#F2F4F7;font-size:12.5px;font-weight:700;color:#3D4B47;transition:.4s}
.wfc .it b{width:20px;height:20px;border-radius:50%;background:#C0DECE;color:#FFFFFF;font-size:10.5px;display:grid;place-items:center;flex:0 0 auto;transition:.4s}
.wfc .it.on{background:linear-gradient(90deg,#165036,#165036);color:#FFFFFF;transform:translateX(6px)}
.wfc .it.on b{background:#58D68D;color:#0B281A}
.wfl{display:grid;gap:12px}
.wfl div{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:15px;color:#EBEEF4;transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.wfl div:hover{background:rgba(255,255,255,.14);transform:translateX(6px)}
.wfl span{flex:0 0 34px;height:34px;border-radius:8px;background:#FFFFFF;display:grid;place-items:center}
.wfl span svg{width:18px;height:18px;color:#165036}

/* comparison table */
.tbw{margin-top:40px;border:1px solid #DDE0E5;border-radius:14px;overflow:auto;box-shadow:0 30px 60px -48px rgba(11,40,26,.55);background:#FFFFFF}
.tbw table{width:100%;border-collapse:collapse;min-width:640px}
.tbw th,.tbw td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid #E8EBEF;vertical-align:top}
.tbw th{font-family:"Noto Serif",Georgia,serif;text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:#0B281A;background:#F3F5F8}
.tbw td:first-child{font-weight:700;color:#23272F;width:22%}
.tbw td{color:#3D4B47}
.tbw tr:last-child td{border-bottom:0}
.tbw tbody tr{transition:background .25s}
.tbw tbody tr:hover{background:#F7F8FB}
.tbw .hl{background:rgba(26,122,76,.07);font-weight:700;color:#165036}
.tbw th.hl{background:linear-gradient(135deg,#1A7A4C,#165036);color:#FFFFFF}
.tb-note{text-align:center;font-size:12.5px;color:#5B6B67;margin-top:12px}

/* faq (home layout) */
.ips2 .fq-grid{margin-inline:auto}
.fq-art2{position:relative}

/* cta v2 */
.cb{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;text-align:center;color:#FFFFFF;padding:clamp(40px,6vw,64px) clamp(22px,6vw,80px);
 background:radial-gradient(90% 140% at 50% 0%,#113F29 0%,#0B281A 40%,#0B281A 70%,#071710 100%)}
.cb::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
.cb .rg{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(88,214,141,.12);transform:translate(-50%,-50%);z-index:-1}
.cb h2{font-family:"Noto Serif",Georgia,serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(24px,3vw,38px);line-height:1.35;margin:0;color:#FFFFFF}
.cb p{max-width:720px;margin:14px auto 0;color:#C0DECE;font-size:16px;line-height:1.7}
.cb .bx{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.cb .pill{display:inline-flex;align-items:center;gap:8px;background:#FFFFFF;color:#0B281A;font-weight:800;font-size:14.5px;padding:11px 26px;border-radius:999px;transition:transform .3s,box-shadow .3s}
.cb .pill:hover{transform:translateY(-3px);box-shadow:0 14px 30px -12px rgba(88,214,141,.7)}
.cb .pill.gh{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.4)}
.cb .disc{font-size:12px;color:#A1ABC0;margin-top:20px}

/* IAP */
.iaph{border:1px solid #DDE0E5;border-radius:22px;background:#FFFFFF;padding:clamp(24px,4vw,44px);box-shadow:0 40px 70px -50px rgba(11,40,26,.55);position:relative;overflow:hidden;isolation:isolate}
.iaph::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 100% 0%,#E8F5EE,transparent 70%)}
.iaph h1{text-align:center;font-family:"Noto Serif",Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.2vw,40px);line-height:1.3;color:#165036;margin:0}
.iaph-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,44px);align-items:center;margin-top:30px}
.prt{position:relative;aspect-ratio:4/4.4;border-radius:20px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#1A7A4C,#165036 50%,#0B281A);display:grid;place-items:center;box-shadow:0 30px 50px -30px rgba(7,23,16,.7)}
.prt .mono{font-family:"Noto Serif",Georgia,serif;font-size:clamp(70px,8vw,110px);color:#FFFFFF;line-height:1}
.prt .rgs i{position:absolute;left:50%;top:44%;border:1px solid rgba(88,214,141,.3);border-radius:50%;transform:translate(-50%,-50%);animation:prR 5s ease-out infinite}
.prt .rgs i:nth-child(1){width:46%;aspect-ratio:1}.prt .rgs i:nth-child(2){width:68%;aspect-ratio:1;animation-delay:-1.6s}.prt .rgs i:nth-child(3){width:90%;aspect-ratio:1;animation-delay:-3.2s}
@keyframes prR{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}}
.prt .cap{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:12px;padding:10px 12px;text-align:center}
.prt .cap b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:15px;color:#0B281A}
.prt .cap small{font-size:11.5px;color:#5B6B67;font-weight:600}
.iapd p.ld{font-size:16.5px;color:#3D4B47;line-height:1.7;margin:0 0 18px}
.det{border-radius:16px;padding:16px;background:linear-gradient(135deg,#165036,#0B281A);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.det div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px;color:#FFFFFF}
.det span{flex:0 0 34px;height:34px;border-radius:9px;background:#FFFFFF;display:grid;place-items:center}
.det span svg{width:17px;height:17px;color:#165036}
.det small{display:block;font-size:11px;color:#C5E7D7;font-weight:700;letter-spacing:.06em}
.det b{font-size:14px}
.iapd .kx-b{margin-top:18px}
.hook{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;text-align:center}
.hook .hex{margin:0 auto}
.hook b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:16px;color:#0B281A;margin-top:14px;line-height:1.35}
.hook>div{opacity:0;transform:translateY(20px);transition:.7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--rd,0s)}
.hook.in>div,.in .hook>div{opacity:1;transform:none}
.lrn{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,50px);align-items:center;margin-top:40px}
.lrn ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lrn li{display:flex;align-items:center;gap:12px;border:1px solid #DDE0E5;border-radius:10px;padding:13px 16px;background:#FFFFFF;font-weight:600;font-size:15px;color:#23272F;box-shadow:0 10px 20px -18px rgba(11,40,26,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.lrn li:hover{transform:translateX(6px);border-color:#58D68D}
.lrn li span{flex:0 0 30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#EBEEF2}
.lrn li span svg{width:16px;height:16px;color:#165036}
.lrn .vis{border:1px solid #DDE0E5;border-radius:18px;background:#FFFFFF;padding:26px;box-shadow:0 30px 60px -40px rgba(11,40,26,.55);display:grid;place-items:center;position:relative;overflow:hidden}
.lrn .vis svg{width:80%;height:auto}
.prs{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,4vw,46px);align-items:center;margin-top:30px}
.prs p{color:#C0DECE;font-size:15.5px;line-height:1.75;margin:0 0 14px}
.prs p b{color:#FFFFFF}
.prs .q{font-family:"Lobster",cursive;font-size:24px;color:#58D68D}
.mom{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.mom button{position:relative;aspect-ratio:1/1.05;border-radius:18px;border:1px solid #DDE0E5;background:radial-gradient(120% 90% at 30% 10%,#1A7A4C,#165036 45%,#0B281A);overflow:hidden;cursor:pointer;color:#FFFFFF;text-align:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mom button:hover{transform:translateY(-6px)}
.mom .pl{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#FFFFFF;color:#0B281A;display:grid;place-items:center}
.mom .pl svg{width:20px;height:20px;margin-left:3px}
.mom .pl::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);animation:svPulse 2.4s ease-out infinite}
.mom .cp{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(8,13,29,.85))}
.mom .cp b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:17px}
.mom .cp small{font-size:12.5px;color:#C5E7D7}
.mom .tg{position:absolute;top:14px;left:14px;font-size:11.5px;font-weight:800;background:rgba(255,255,255,.16);padding:6px 10px;border-radius:999px}
.vm2m{position:fixed;inset:0;z-index:300;background:rgba(4,6,14,.86);display:grid;place-items:center;padding:20px}
.vm2m div{background:radial-gradient(circle,#165036,#080D1D);color:#FFFFFF;border-radius:18px;padding:40px 30px;text-align:center;font-family:"Noto Serif",Georgia,serif;font-size:22px;max-width:520px;position:relative}
.vm2m button{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#FFFFFF;color:#0B281A;font-weight:800;border:0;cursor:pointer}

@media(max-width:900px){
 .h2g,.hw,.wf-g,.iaph-g,.lrn,.prs{grid-template-columns:1fr}
 .h2g{min-height:0}
 .tcg,.tcg.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hook{grid-template-columns:repeat(2,1fr)}
 .mom{grid-template-columns:1fr 1fr}
 .hwb{text-align:left}.hwb::before{left:0;right:auto}.hwb.on{transform:translateX(6px)}
}
@media(max-width:600px){
 .h2w{padding-top:84px}
 .tcg,.tcg.c2,.tcg.c4,.mom{grid-template-columns:1fr}
 .ph1.b{display:none}
 .det{grid-template-columns:1fr}
 .prt{max-width:300px;margin:auto}
 .sifm{grid-template-columns:1fr;text-align:center}
}
.snav-cta{white-space:nowrap}
@media(max-width:600px){.snav-in{padding:8px 14px;gap:10px}.snav-logo img{height:28px}.snav-cta{font-size:12.5px;padding:8px 12px!important}.ip-bg{width:40px;height:40px;margin-left:4px}}

.sec-sub::after,.center .sec-sub::after{display:none!important;content:none!important}
.lg-hero{padding-bottom:10px}
.lg-h1{font-family:"Noto Serif",Georgia,serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(30px,3.6vw,46px);color:#165036;margin:18px 0 0}
.lg-hero p{font-size:16.5px;line-height:1.7;color:#3D4B47;max-width:720px;margin:14px 0 0}
.lg-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lg-chips span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#165036;background:#E8F5EE;border:1px solid #C0DECE;padding:8px 14px;border-radius:999px}
.lg-chips svg{width:15px;height:15px}
.lg-g{display:grid;grid-template-columns:270px 1fr;gap:36px;align-items:start}
.lg-toc{position:sticky;top:90px;border:1px solid #DDE0E5;border-radius:18px;background:#FFFFFF;padding:14px;display:grid;gap:2px;box-shadow:0 30px 50px -40px rgba(11,40,26,.55)}
.lg-toc b{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#165036;padding:6px 10px 10px}
.lg-toc a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-weight:600;font-size:14px;color:#353C4E;transition:background .25s,color .25s}
.lg-toc a span{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#E8F5EE;transition:.25s}
.lg-toc a span svg{width:15px;height:15px;color:#165036}
.lg-toc a:hover{background:#F3F5F8}
.lg-toc a.on{background:#E8F5EE;color:#0B281A}
.lg-toc a.on span{background:linear-gradient(135deg,#1A7A4C,#165036)}.lg-toc a.on span svg{color:#FFFFFF}
.lg-docs{display:grid;gap:26px}
.lg-doc{border:1px solid #DDE0E5;border-radius:20px;background:#FFFFFF;padding:clamp(24px,4vw,44px);box-shadow:0 30px 60px -50px rgba(11,40,26,.55);scroll-margin-top:90px}
.lg-ey{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#165036}
.lg-ey svg{width:15px;height:15px}
.lg-doc h2{font-family:"Noto Serif",Georgia,serif;font-weight:600;font-size:clamp(24px,2.6vw,32px);color:#0B281A;margin:10px 0 0}
.lg-up{font-size:13px;color:#7C918B;margin:6px 0 0;padding-bottom:18px;border-bottom:1px solid #E8EBEF}
.lg-b h3{font-family:"Noto Serif",Georgia,serif;font-size:18px;color:#165036;margin:26px 0 8px}
.lg-b p{font-size:15px;line-height:1.75;color:#3D4B47;margin:0 0 8px}
.lg-b a{color:#165036;font-weight:700}
.lg-ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px}
.lg-ul li{position:relative;padding-left:28px;font-size:15px;line-height:1.6;color:#3D4B47}
.lg-ul li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#E8F5EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%230F6153' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.lg-note{margin:14px 0;border-left:4px solid #1A7A4C;background:#F3F5F8;border-radius:10px;padding:14px 16px;font-size:14.5px;color:#23272F;line-height:1.65}
.lg-tb{margin-top:6px}.lg-tb table{min-width:520px}
.lg-small{font-size:13px!important;color:#7C918B!important;margin-top:10px!important}
.lg-off{display:flex;gap:16px;align-items:center;border-radius:16px;padding:18px;color:#FFFFFF;background:radial-gradient(120% 100% at 100% 0%,#1A5C3D,#0B281A 60%,#071710)}
.lg-off .av{flex:0 0 56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}
.lg-off .av svg{width:26px;height:26px;color:#58D68D}
.lg-off b{font-family:"Noto Serif",Georgia,serif;font-size:19px;display:block}
.lg-off small{color:#C5E7D7;font-size:13px}
.lg-off .ct{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lg-off .ct a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#FFFFFF!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:7px 12px;border-radius:999px}
.lg-off .ct svg{width:14px;height:14px;color:#58D68D}
.lg-tl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-tl div{border:1px solid #DDE0E5;border-radius:14px;padding:16px;background:#F7F8FB}
.lg-tl b{font-family:"Noto Serif",Georgia,serif;font-size:34px;color:#165036;line-height:1}
.lg-tl span{font-weight:700;color:#0B281A;margin-left:6px}
.lg-tl small{display:block;color:#5B6B67;font-size:13.5px;margin-top:6px}
.lg-dd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-dd>div{border-radius:14px;padding:16px;border:1px solid #DDE0E5}
.lg-dd .do{background:#F2F9F5}.lg-dd .dont{background:#FBF4F4;border-color:#F0DADA}
.lg-dd b{display:block;font-family:"Noto Serif",Georgia,serif;font-size:17px;margin-bottom:6px;color:#165036}
.lg-dd .dont b{color:#A54646}
.lg-dd .dont .lg-ul li::before{background:#F6E3E3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23A54646' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/11px no-repeat}
.lg-links{display:flex;flex-wrap:wrap;gap:10px}
.lg-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid #DDE0E5;border-radius:10px;padding:10px 14px;font-size:14px;background:#FFFFFF;color:#0B281A!important;transition:.3s cubic-bezier(.2,.8,.2,1)}
.lg-links a span{color:#1A7A4C}
.lg-links a:hover{border-color:#58D68D;transform:translateY(-3px);box-shadow:0 14px 24px -18px rgba(11,40,26,.55)}
@media(max-width:900px){.lg-g{grid-template-columns:1fr}.lg-toc{position:static;grid-template-columns:1fr 1fr}.lg-toc b{grid-column:1/-1}}
@media(max-width:600px){.lg-toc{grid-template-columns:1fr}.lg-tl,.lg-dd{grid-template-columns:1fr}}

/* ===== new footer ===== */
.nf{background:#071710;color:#BBC1CD;margin-top:clamp(30px,5vw,60px);font-family:"Instrument Sans",system-ui,sans-serif;position:relative;overflow:hidden;isolation:isolate}
.nf::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 0% 0%,rgba(26,122,76,.12),transparent 60%)}
.nf-in{width:min(1180px,100%);margin-inline:auto;padding:clamp(44px,6vw,70px) 24px 0}
.nf-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:clamp(18px,2.6vw,40px)}
.nf-col h5.nf-h2{margin-top:26px}
.nf-logo{height:50px;width:auto;background:#FFFFFF;padding:8px 14px;border-radius:12px;box-sizing:border-box}
.nf-blurb{font-size:15px;line-height:1.75;margin:18px 0 0;max-width:330px}
.nf-soc{display:flex;gap:10px;margin-top:22px}
.nf-soc a{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:#FFFFFF;transition:.3s}
.nf-soc a:hover{background:#1A7A4C;border-color:#1A7A4C;transform:translateY(-3px)}
.nf-soc svg{width:17px;height:17px}
.nf-addr{font-size:14.5px;line-height:1.65;margin:22px 0 0;color:#D6DBE5}
.nf-app{font-weight:800;color:#FFFFFF;font-size:14px;margin:22px 0 10px}
.nf-st{display:flex;gap:10px;flex-wrap:wrap}
.nf-st a{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 14px;color:#FFFFFF;transition:.3s}
.nf-st a:hover{background:rgba(255,255,255,.08)}
.nf-st svg{width:20px;height:20px}
.nf-st small{display:block;font-size:9.5px;letter-spacing:.04em;line-height:1}
.nf-st b{font-size:15px;line-height:1.1}
.nf-col h5{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#FFFFFF;font-weight:800;margin:6px 0 20px;font-family:"Instrument Sans",system-ui,sans-serif}
.nf-col a{display:block;font-size:15px;color:#CAD0DB;margin-bottom:14px;transition:color .25s,transform .25s}
.nf-col a:hover{color:#58D68D;transform:translateX(3px)}
.nf-reg{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:26px 0;display:grid;gap:10px;font-size:13.5px;line-height:1.65;color:#A5ACBB}
.nf-reg b{color:#D6DBE5;font-weight:600}
.nf-bot{border-top:1px solid rgba(255,255,255,.1);padding:22px 0 26px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:#A5ACBB}
@media(max-width:1060px){.nf-top{grid-template-columns:repeat(4,1fr)}.nf-top>div:first-child{grid-column:1/-1}}
@media(max-width:900px){.nf-top{grid-template-columns:1fr 1fr}.nf-top>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.nf-top{grid-template-columns:1fr}}