:root{--navy:#14254B;--navy2:#0e1b3a;--orange:#F29A2E;--od:#b86d0a;--ink:#1b2333;--mut:#5a6478;--line:#dfe3ec;--tint:#f3f5f9;
--serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:'Source Sans 3','Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{font:400 1.0625rem/1.65 var(--sans);color:var(--ink);background:#fff;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);font-weight:600;line-height:1.16;letter-spacing:-.005em}
h1{font-size:clamp(2rem,4.6vw,3.3rem)}h2{font-size:clamp(1.6rem,3vw,2.35rem)}h3{font-size:1.3rem}h4{font-size:1.1rem}
p{max-width:66ch}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
section{padding:clamp(52px,7vw,92px) 0}
.tint{background:var(--tint)}.dark{background:var(--navy);color:#fff}.dark h2,.dark h3{color:#fff}
.bar{display:block;width:56px;height:4px;background:var(--orange);margin-bottom:20px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.skip{position:absolute;left:-999px;top:6px;background:var(--navy);color:#fff;padding:10px 16px;z-index:200}.skip:focus{left:6px}
.lead{font-size:1.2rem;color:var(--mut);margin-top:16px}
/* buttons + links */
.btn{display:inline-block;font:600 1rem var(--sans);padding:14px 28px;background:var(--orange);color:var(--navy);text-decoration:none;border:2px solid var(--orange);transition:.2s;cursor:pointer}
.btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.o{background:transparent;border-color:var(--navy);color:var(--navy)}.btn.o:hover{background:var(--navy);color:#fff}
.dark .btn.o{border-color:#fff;color:#fff}.dark .btn.o:hover{background:#fff;color:var(--navy)}
.more{font-weight:600;color:var(--navy);text-decoration:none;display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:14px}
.more:after{content:"";width:8px;height:8px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:rotate(45deg);transition:.2s}
.more:hover{text-decoration:underline}.more:hover:after{transform:rotate(45deg) translate(2px,-2px)}
/* top bar + header */
.top{background:var(--navy2);color:rgba(255,255,255,.8);font-size:.88rem}
.top .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.top a{text-decoration:none}.top a:hover{color:var(--orange)}.top span+span,.top a+a{margin-left:22px}
header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand img{height:46px;width:auto}
.menu{display:flex;list-style:none;gap:6px;align-items:center;height:100%}
.menu>li{position:relative;height:100%;display:flex;align-items:center}
.menu>li>a,.menu>li>button{font:600 1rem var(--sans);color:var(--navy);text-decoration:none;background:none;border:0;padding:0 16px;height:100%;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:3px solid transparent}
.menu>li>a:hover,.menu>li>button:hover,.menu a.cur{border-bottom-color:var(--orange)}
.menu>li>button:after{content:"";width:6px;height:6px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg) translateY(-2px)}
.sub{display:none;position:absolute;top:100%;left:0;min-width:340px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);box-shadow:0 14px 30px rgba(20,37,75,.14);list-style:none;padding:8px 0}
.sub a{display:block;padding:12px 24px;text-decoration:none;font-weight:600;color:var(--navy)}
.sub a small{display:block;font-weight:400;color:var(--mut);font-size:.9rem}
.sub a:hover{background:var(--tint)}
.menu>li:hover .sub,.menu>li.open .sub{display:block}
.menu .btn{padding:11px 22px;margin-left:10px}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;color:var(--navy)}
.burger span,.burger span:before,.burger span:after{display:block;width:26px;height:2px;background:currentColor;position:relative;margin:auto;transition:.25s}
.burger span:before,.burger span:after{content:"";position:absolute;left:0}.burger span:before{top:-8px}.burger span:after{top:8px}
.burger[aria-expanded=true] span{background:transparent}.burger[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.burger[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}
/* hero */
.hero{position:relative;min-height:clamp(440px,64vh,640px);display:flex;align-items:flex-end;background:var(--navy) center/cover no-repeat;padding:0}
.hero.sm{min-height:clamp(320px,44vh,420px)}
.hero .card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(28px,3.5vw,48px);max-width:620px;margin:0 0 -1px;border-top:4px solid var(--orange)}
.hero .card p{margin:16px 0 26px;color:var(--mut);font-size:1.12rem}
.hero .wrap{width:100%}
.crumb{font-size:.9rem;color:var(--mut);margin-bottom:12px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
/* grids/cards */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}
.cd{background:#fff;display:flex;flex-direction:column;border:1px solid var(--line);transition:box-shadow .2s}
.cd:hover{box-shadow:0 12px 28px rgba(20,37,75,.12)}
.cd img{aspect-ratio:16/9;object-fit:cover;width:100%}
.cd .b{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.cd p{color:var(--mut);margin-top:10px;font-size:1rem}
.tx{padding:28px 26px;background:#fff;border-top:4px solid var(--navy)}.tx p{color:var(--mut);margin-top:10px;font-size:1rem}
.tint .tx{background:#fff}
.tx.or{border-top-color:var(--orange)}
.img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ticks{list-style:none;margin-top:20px}.ticks li{padding:11px 0 11px 30px;border-top:1px solid var(--line);position:relative}
.ticks li:last-child{border-bottom:1px solid var(--line)}
.ticks li:before{content:"";position:absolute;left:4px;top:19px;width:12px;height:6px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
.dark .ticks li{border-color:rgba(255,255,255,.2)}
.stat{border-left:3px solid var(--orange);padding:4px 0 4px 20px}
.stat b{display:block;font:600 1.35rem var(--serif);color:#fff;margin-bottom:6px}.stat span{color:rgba(255,255,255,.78);font-size:1rem}
.ko{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);margin-top:36px}
.ko div{padding:30px 28px;border-left:1px solid var(--line);background:#fff}.ko div:first-child{border-left:0}
.ko b{display:block;font:600 2.6rem/1 var(--serif);color:var(--orange);margin-bottom:12px}.ko h4{margin-bottom:8px}.ko p{color:var(--mut);font-size:1rem}
.steps{list-style:none;counter-reset:s}.steps li{counter-increment:s;padding:0 0 26px 62px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;background:var(--navy);color:#fff;font:600 1.05rem var(--serif);display:grid;place-items:center}
.steps li:after{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:var(--line)}.steps li:last-child:after{display:none}
.steps b{font:600 1.1rem var(--serif);color:var(--navy);display:block}.steps span{color:var(--mut)}
.cta{background:var(--navy) url(assets/img/footer.jpg) center/cover fixed;position:relative}
.cta:before{content:"";position:absolute;inset:0;background:rgba(14,27,58,.58)}
.cta .wrap{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta h2{color:#fff;max-width:24ch}
.art{scroll-margin-top:100px;padding:44px 0;border-top:1px solid var(--line)}.art h2{font-size:1.7rem;margin-bottom:14px}.art p+p{margin-top:14px}
.art .meta{color:var(--od);font-weight:600;font-size:.92rem;margin-bottom:8px}
.art img{aspect-ratio:21/8;object-fit:cover;width:100%;margin-bottom:24px}
.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font:600 1.1rem var(--serif);color:var(--navy);cursor:pointer}.faq p{margin-top:10px;color:var(--mut)}
/* form */
form{background:#fff;padding:clamp(24px,3vw,40px);display:grid;gap:16px;border-top:4px solid var(--orange);color:var(--ink)}
label{font-weight:600;color:var(--navy);display:grid;gap:6px;font-size:.98rem}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid #c5ccda;border-radius:0;width:100%;background:#fff}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(242,154,46,.5);border-color:var(--orange)}textarea{min-height:130px;resize:vertical}
#msg{font-weight:600;color:var(--navy)}.note{font-size:.88rem;color:var(--mut)}
.det{list-style:none;margin-top:26px}.det li{padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:10px}.det li b{color:var(--navy)}
/* footer */
footer{background:linear-gradient(rgba(14,27,58,.58),rgba(14,27,58,.58)),url(assets/img/footer.jpg) center/cover fixed;color:rgba(255,255,255,.92);padding:64px 0 calc(28px + env(safe-area-inset-bottom));font-size:.96rem}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font:600 1rem var(--sans);margin-bottom:14px}footer ul{list-style:none}footer li{padding:5px 0}
footer a{text-decoration:none}footer a:hover{color:var(--orange)}footer img{height:50px;width:auto;margin-bottom:18px}
.legal{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:.86rem}
@media(max-width:1020px){
.g2{grid-template-columns:1fr}.g3,.ko{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}
.ko div{border-left:0;border-top:1px solid var(--line)}.ko div:first-child{border-top:0}
.burger{display:block}
.menu{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;height:auto;gap:0;padding:6px 28px 24px;border-bottom:1px solid var(--line);display:none;max-height:calc(100vh - 110px);overflow:auto}
.menu.open{display:flex}.menu>li{height:auto;flex-direction:column;align-items:stretch;border-top:1px solid var(--line)}
.menu>li>a,.menu>li>button{padding:16px 0;height:auto;border:0;justify-content:space-between;width:100%}
.menu>li>button:after{margin-right:4px}
.sub{position:static;display:none;box-shadow:none;border:0;min-width:0;padding:0 0 10px 14px}.menu>li:hover .sub{display:none}.menu>li.open .sub{display:block}
.menu .btn{margin:16px 0 0;text-align:center}.top .hide{display:none}
.hero .card{max-width:none}
}
@media(max-width:600px){body{font-size:1rem}.wrap{padding:0 18px}.g4{grid-template-columns:1fr}.fg{grid-template-columns:1fr}
.hero{min-height:0;padding-top:200px}.hero.sm{padding-top:130px}.hero .card{padding:24px 20px}.hero .btn{width:100%;text-align:center}
.det li{grid-template-columns:1fr;gap:2px}.top .wrap{justify-content:center}.brand img{height:40px}.cta .btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.menu>li>a.btn{background:var(--orange);color:var(--navy);padding:11px 22px;height:auto;border:2px solid var(--orange);margin-left:10px}
.menu>li>a.btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
@media(max-width:1020px){.menu>li>a.btn{margin:16px 0 0;justify-content:center;width:100%}}
.service-carousel{max-width:1240px;margin:0 auto}
.service-carousel-viewport{overflow:hidden}
.service-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/3);gap:28px;width:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform}
.service-carousel-track>.cd{min-width:0}
.service-carousel-track>.cd img{aspect-ratio:16/9;max-height:none}
.service-carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:22px}
.carousel-arrow,.carousel-dot{border:0;background:none;color:var(--navy);cursor:pointer}
.carousel-arrow{font:600 1.4rem var(--sans);width:40px;height:40px;border:1px solid var(--line)}
.carousel-arrow:hover{background:var(--navy);color:#fff}
.carousel-dots{display:flex;gap:9px;align-items:center}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:#c7ceda;padding:0}
.carousel-dot[aria-current=true]{background:var(--orange);outline:2px solid var(--navy);outline-offset:2px}
.consultation-prompt{background:#e9f2f0;border-top:1px solid #c9ded8;border-bottom:1px solid #c9ded8}
.consultation-prompt .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 28px}
.consultation-prompt p{grid-column:1/-1;color:var(--mut);font-weight:600}
.consultation-prompt h2{max-width:28ch}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:99;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:16px;background:#168b58;color:#fff;text-decoration:none;box-shadow:0 5px 18px rgba(16,47,37,.25);animation:whatsapp-drop .85s cubic-bezier(.2,.8,.3,1.15) both}
.whatsapp-float:hover{background:#116e46;color:#fff}
.whatsapp-float svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-float svg path+path{fill:currentColor;stroke:none}
@keyframes whatsapp-drop{0%{transform:translateY(-75vh);opacity:0}70%{transform:translateY(8px);opacity:1}100%{transform:translateY(0)}}
.testimonial-layout{align-items:start}
.testimonial-list{display:grid;gap:16px;margin-top:28px}
.testimonial-entry{padding:22px 24px;border:1px solid var(--line);border-top:3px solid var(--orange);background:#fff}
.testimonial-entry h3{font-size:1.2rem}
.testimonial-entry p{margin-top:10px;color:var(--mut)}
.testimonial-entry .testimonial-rating{color:#a95c00;font-size:1.15rem;letter-spacing:0}
.testimonial-entry .testimonial-principal,.testimonial-entry .testimonial-business-line{font-size:.92rem}
.testimonial-entry .testimonial-principal:before{content:'Principal: ';font-weight:600;color:var(--navy)}
.testimonial-entry .testimonial-business-line:before{content:'Business: ';font-weight:600;color:var(--navy)}
.testimonial-entry .testimonial-location{font-size:.92rem}
.testimonial-entry .testimonial-location:before{content:'Office: ';font-weight:600;color:var(--navy)}
#testimonial-form h2{font-size:1.65rem;margin-bottom:4px}
.consent{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;font-weight:400;color:var(--ink)}
.consent input{width:18px;height:18px;margin-top:4px;accent-color:var(--navy)}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-error{color:#a12622!important;font-weight:600}
button:disabled{opacity:.65;cursor:wait}
.rating-fieldset{border:0;padding:0;margin:0}
.rating-fieldset legend{font-weight:600;color:var(--navy);margin-bottom:8px}
.rating-stars{display:flex;gap:4px}
.rating-stars button{width:42px;height:42px;padding:0;border:1px solid var(--line);background:#fff;color:#aeb7c5;font-size:1.75rem;line-height:1;cursor:pointer;transition:color .16s,background .16s,transform .16s}
.rating-stars button:hover{color:var(--orange);transform:translateY(-2px)}
.rating-stars button.is-active{color:#bf7100;background:#fff8e9}
.rating-stars button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.menu>li>a.brochure-download{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:10px 14px;margin-left:4px}
.menu>li>a.brochure-download:hover{background:var(--navy);color:#fff}
@keyframes brand-arrive{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
.insights-page .page-hero-card{position:relative;overflow:hidden}
.insights-page .page-hero-card:after{content:"";position:absolute;right:-38px;top:18px;width:150px;height:150px;border:1px solid rgba(20,37,75,.15);border-radius:50%;box-shadow:0 0 0 14px rgba(20,37,75,.035),0 0 0 29px rgba(20,37,75,.025);pointer-events:none}
.insight-index{background:#eaf0f3;border-top:1px solid #d5e0e6;border-bottom:1px solid #d5e0e6}
.insight-index-grid{display:grid;grid-template-columns:minmax(190px,.75fr) 1.25fr;gap:clamp(30px,7vw,100px);align-items:center}
.insight-index-brand{display:flex;align-items:center;gap:18px;border-right:1px solid #c5d2d9;padding:20px 28px 20px 0}
.insight-index-brand img{width:76px;height:auto}
.insight-index-brand span{display:block;color:var(--mut);font-size:.82rem;text-transform:uppercase}
.insight-index-brand b{display:block;color:var(--navy);font:600 1.2rem var(--serif)}
.insight-index-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.insight-index-list a{display:block;height:100%;padding:8px 0;text-decoration:none;border-top:2px solid var(--orange);color:var(--navy);font:600 1.08rem/1.3 var(--serif)}
.insight-index-list a:hover{color:var(--od)}
.insight-index-list small{display:block;color:var(--mut);font:400 .85rem/1.45 var(--sans);margin-top:8px}
.insights-page .art{padding:54px 0}
.insights-page .art .meta{display:inline-flex;align-items:center;gap:10px}
.insights-page .art .meta:before{content:"";width:22px;height:2px;background:var(--orange)}
.insights-page .art h2{max-width:28ch;font-size:clamp(1.7rem,3vw,2.3rem)}
.insights-page .art img{transition:filter .35s,transform .6s;filter:saturate(.82)}
.insights-page .art:hover img{filter:saturate(1);transform:scale(1.008)}
.insight-preview .head{align-items:center}
.insight-preview-heading{display:flex;align-items:center;gap:22px}
.insight-preview-heading>img{width:82px;height:auto;flex:0 0 auto;animation:brand-arrive .9s cubic-bezier(.2,.8,.2,1) both}
.insight-preview-heading .bar{margin-bottom:12px}
.insight-preview-heading h2{max-width:26ch}
.insight-preview-heading p{margin-top:8px;color:var(--mut)}
.field-note-label,.insight-number{display:block;color:var(--od);font-size:.76rem;font-weight:600;letter-spacing:.08em}
.insight-number{margin-bottom:8px;font-size:.7rem}
.insight-preview .cd{overflow:hidden;transition:transform .25s,box-shadow .25s}
.insight-preview .cd:hover{transform:translateY(-5px)}
.insight-preview .cd img{transition:transform .5s,filter .35s;filter:saturate(.82)}
.insight-preview .cd:hover img{transform:scale(1.035);filter:saturate(1)}
.brochure-hero{display:block;width:max-content;margin-top:16px;padding-top:0;color:var(--navy);border-bottom:1px solid var(--orange)}
.brochure-hero:after{display:none}

@media(max-width:600px){
	.consultation-prompt .wrap{grid-template-columns:1fr}
	.consultation-prompt p{grid-column:auto}
	.consultation-prompt .btn{width:100%;text-align:center}
	.whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:54px;height:54px}
	.whatsapp-float span{position:absolute;left:-9999px}
	.service-carousel-track{grid-auto-columns:100%;gap:0}
	.service-carousel-track>.cd img{aspect-ratio:4/3}
	.insight-index-grid{grid-template-columns:1fr;gap:22px}
	.insight-index-brand{border-right:0;border-bottom:1px solid #c5d2d9;padding:0 0 18px}
	.insight-index-list{grid-template-columns:1fr;gap:14px}
	.insight-preview-heading{align-items:flex-start;gap:14px}
	.insight-preview-heading>img{width:58px}
	.insight-preview .head{align-items:flex-start}
}
@media(min-width:601px) and (max-width:1020px){.service-carousel-track{grid-auto-columns:calc((100% - 28px)/2)}}
@media(max-width:760px){.insight-index-grid{grid-template-columns:1fr;gap:22px}.insight-index-brand{border-right:0;border-bottom:1px solid #c5d2d9;padding:0 0 18px}.insight-index-list{grid-template-columns:1fr;gap:14px}}
@media(prefers-reduced-motion:reduce){.service-carousel-track{transition:none}.whatsapp-float{animation:none}}
@media(prefers-reduced-motion:reduce){.insights-page .art img{transition:none}}
.insights-page .page-hero .field-note-label{margin-bottom:18px;color:var(--od)}
.insights-page .page-hero h1{max-width:13ch;font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.035em}
.insights-page .page-hero-card p{max-width:38ch;margin:18px 0 8px;font-size:1.2rem}
.insights-page .page-hero-card .more{border-bottom:1px solid var(--orange);margin-top:12px}
.insight-index{background:var(--navy);border:0;color:#fff}
.insight-index-grid{grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:clamp(28px,5vw,72px)}
.insight-index-brand{border-color:rgba(255,255,255,.2)}
.insight-index-brand span{color:#ffbf70;letter-spacing:.12em;font-size:.72rem;font-weight:600}
.insight-index-brand b{color:#fff;font-size:1.3rem;line-height:1.25;margin-top:5px}
.insight-index-list{gap:14px}
.insight-index-list a{position:relative;min-height:128px;padding:16px 14px 14px;border:1px solid rgba(255,255,255,.22);border-top:3px solid var(--orange);background:rgba(255,255,255,.055);color:#fff;font-size:1.04rem;transition:background .2s,transform .2s}
.insight-index-list a:hover{background:rgba(255,255,255,.13);color:#fff;transform:translateY(-3px)}
.insight-index-list a>span{display:block;margin-bottom:12px;color:#ffbf70;font:600 .75rem var(--sans);letter-spacing:.12em}
.insight-index-list small{color:rgba(255,255,255,.72);font-size:.83rem}
.insight-library{background:#f6f5f1}
.insights-page .art{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:0;margin:0 0 34px;padding:0;border:1px solid #e1e2e6;background:#fff;box-shadow:0 12px 34px rgba(20,37,75,.07);scroll-margin-top:108px}
.insights-page .art:last-child{margin-bottom:0}
.insights-page .art:nth-child(even) img{grid-column:2;grid-row:1}
.insights-page .art img{width:100%;height:100%;min-height:400px;aspect-ratio:auto;object-fit:cover;margin:0;filter:saturate(.88)}
.insights-page .art:nth-child(even) .art-copy{grid-column:1;grid-row:1}
.insights-page .art-copy{align-self:center;padding:clamp(26px,4vw,52px)}
.insights-page .issue-no{display:block;margin-bottom:18px;color:var(--od);font-size:.73rem;font-weight:600;letter-spacing:.14em}
.insights-page .art .meta{margin-bottom:10px;text-transform:uppercase;letter-spacing:.07em;font-size:.8rem}
.insights-page .art .meta:before{width:26px}
.insights-page .art h2{max-width:20ch;margin-bottom:16px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}
.insights-page .art .art-dek{margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--navy);font:500 1.12rem/1.5 var(--serif)}
.insights-page .art-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.insights-page .art-body p{padding:13px 14px;border-left:2px solid var(--orange);background:#f5f6f8;color:var(--mut);font-size:.91rem;line-height:1.5}
.insights-page .art-body p+p{margin:0}
.insights-page .art:nth-child(3) .art-body{grid-template-columns:1fr}
.insights-page .art:nth-child(3) .art-body p{font-size:1rem}
@media(max-width:820px){
  .insights-page .art{grid-template-columns:1fr}
  .insights-page .art:nth-child(even) img,.insights-page .art:nth-child(even) .art-copy{grid-column:1;grid-row:auto}
  .insights-page .art img{height:auto;min-height:0;aspect-ratio:16/7}
  .insights-page .art-copy{padding:clamp(24px,5vw,40px)}
}
@media(max-width:600px){
  .insight-index-grid{grid-template-columns:1fr}
  .insights-page .page-hero h1{font-size:clamp(2.35rem,12vw,3.3rem)}
  .insight-index-list{grid-template-columns:1fr}
  .insight-index-list a{min-height:0}
  .insights-page .art-body{grid-template-columns:1fr}
}

.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#14254b;padding:clamp(24px,5vw,64px) 0}
.page-hero:before{content:"";position:absolute;inset:-16px;z-index:-1;background:linear-gradient(rgba(20,37,75,.38),rgba(20,37,75,.38)),var(--hero-backdrop) center/cover;filter:blur(12px);transform:scale(1.04)}
body.about-page{--hero-backdrop:url("assets/img/hero.jpg")}
body.index-page{--hero-backdrop:url("assets/img/Home.jpg")}
body.services-page{--hero-backdrop:url("assets/img/Home.jpg")}
body.testimonials-page{--hero-backdrop:url("assets/img/insight2.jpg")}
body.insights-page{--hero-backdrop:url("assets/img/industries.jpg")}
body.industries-page{--hero-backdrop:url("assets/img/insight1.jpg")}
body.bookkeeping-page{--hero-backdrop:url("assets/img/bb.jpg")}
body.far-page{--hero-backdrop:url("assets/img/hehe.jpg")}
body.financial-statements-page{--hero-backdrop:url("assets/img/industries.jpg")}
body.inventory-page{--hero-backdrop:url("assets/img/industryc1.jpg")}
body.gross-profit-analysis-page{--hero-backdrop:url("assets/img/Gross profit analysis.jpg")}
.page-hero .page-hero-layout{display:flex;flex-direction:column;align-items:center}
.page-hero .page-hero-media{order:1;position:relative;z-index:1;width:min(100%,1000px)}
.page-hero .page-hero-media::before{content:"";position:absolute;inset:0;transform:translate(12px,12px);border:3px solid #f5a02a;border-radius:6px;pointer-events:none;opacity:0;animation:hero-frame .8s ease .9s forwards}
.page-hero .page-hero-image{position:relative;display:block;width:100%;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.35);animation:hero-reveal .9s cubic-bezier(.22,.8,.3,1) .15s both}
.page-hero .page-hero-card{order:2;position:relative;z-index:2;width:min(calc(100% - 48px),880px);margin:-40px 0 0;padding:clamp(24px,3.5vw,48px);background:rgba(248,248,249,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:4px solid #f5a02a;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:hero-rise-up .8s cubic-bezier(.22,.8,.3,1) .45s both}
.page-hero .page-hero-card p{margin:16px 0 26px;color:var(--mut);font-size:1.12rem}
.page-hero .page-hero-card>*{opacity:0;transform:translateY(14px);animation:hero-rise .6s ease forwards}
.page-hero .page-hero-card>:nth-child(1){animation-delay:.8s}
.page-hero .page-hero-card>:nth-child(3){animation-delay:1.05s}
.page-hero .page-hero-card>:nth-child(4){animation-delay:1.2s}
.page-hero .page-hero-card>:nth-child(5){animation-delay:1.35s}
.page-hero .page-hero-card>.bar{opacity:1;transform:none;width:0;animation:hero-grow .7s ease 1s forwards}
.page-hero .page-hero-card .btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.page-hero .page-hero-card .btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.22)}
@keyframes hero-reveal{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes hero-frame{from{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(12px,12px)}}
@keyframes hero-grow{to{width:84px}}
@keyframes hero-rise{to{opacity:1;transform:none}}
@keyframes hero-rise-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:991px){.page-hero .page-hero-card{margin-top:-28px}}
@media(max-width:767px){.page-hero .page-hero-media::before{transform:translate(8px,8px)}.page-hero .page-hero-card{width:calc(100% - 24px);margin-top:-20px}}
@media(prefers-reduced-motion:reduce){.page-hero *,.page-hero,.page-hero-media::before{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}.page-hero .page-hero-card>.bar{width:84px}.page-hero .page-hero-media::before{transform:translate(12px,12px)!important}}
