:root{--bg:#fff;--alt:#fff4ea;--tx:#1f2937;--mu:#6b7280;--pr:#ee7a2e;--dk:#c85d0f;--ac:#f7a928;--cd:#fff;--bd:#f0e2d4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em}
.w{max-width:1140px;margin:0 auto;padding:0 20px}section{padding:64px 0}.alt{background:var(--alt)}.c{text-align:center}
header{position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);box-shadow:0 1px 0 var(--bd);z-index:30}
nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--pr)}.logo i{font-style:normal;width:42px;height:42px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.logo b{color:var(--ac)}
.m{display:flex;gap:2px;list-style:none;margin:0;padding:0}.m>li{position:relative}.m>li>a{display:block;padding:26px 12px;font-weight:500;font-size:.95rem}.m>li:hover>a{color:var(--pr)}
.dd{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--cd);border:1px solid var(--bd);border-radius:8px;box-shadow:0 8px 20px #0002;list-style:none;padding:6px 0;margin:0}.m>li:hover .dd{display:block}.dd a{display:block;padding:8px 16px;font-size:.92rem}.dd a:hover{background:var(--alt);color:var(--pr)}
.btn{display:inline-block;background:var(--pr);color:#fff!important;padding:13px 26px;border-radius:6px;font-weight:600;border:0;cursor:pointer;font:inherit;font-weight:600}.btn:hover{background:var(--dk)}.btn.g{background:#f7a928}
#mb{display:none;background:none;border:1px solid var(--bd);color:var(--tx);border-radius:6px;padding:6px 12px;font-size:1.2rem}
@media(max-width:900px){#mb{display:block}.m{display:none;position:absolute;top:74px;left:0;right:0;background:var(--bg);flex-direction:column;padding:8px 20px;border-bottom:1px solid var(--bd)}.m.open{display:flex}.m>li>a{padding:12px 0}.dd{display:block;position:static;border:0;box-shadow:none;padding-left:14px}}
.hero{background:linear-gradient(120deg,var(--alt) 55%,#ffe0c2);padding:80px 0 0;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}@media(max-width:800px){.hero .w{grid-template-columns:1fr}}
.hero h2{color:var(--pr);font-size:1.2rem}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem)}
.ban{background:linear-gradient(160deg,var(--pr),var(--dk));border-radius:24px 24px 0 0;min-height:340px;display:flex;align-items:center;justify-content:center;font-size:8rem}
.bar{background:var(--dk);color:#fff;padding:36px 0}.bar .w{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;text-align:center}.bar b{display:block;font-size:2.4rem;color:var(--ac)}
.g5{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:14px;padding:24px;text-align:center}.card .ic{font-size:2.4rem}.card h3{font-size:1.1rem}.card h3 b{color:var(--pr);font-size:1.6rem;display:block}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:800px){.split{grid-template-columns:1fr}}
.img{background:linear-gradient(160deg,#ffe0c2,var(--pr));border-radius:18px;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:6rem}
ul.ck{list-style:none;padding:0}ul.ck li{padding-left:28px;position:relative;margin-bottom:12px}ul.ck li:before{content:"✔";position:absolute;left:0;color:var(--pr)}
.eye{color:var(--pr);font-weight:700}.mu{color:var(--mu)}
.steps{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.st{background:var(--cd);border:1px solid var(--bd);border-radius:14px;padding:22px;position:relative;font-weight:600}.st i{font-style:normal;position:absolute;top:-16px;left:18px;background:var(--ac);color:#111;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800}
.tc{position:relative;max-width:820px;margin:0 auto}.sl{display:none;background:var(--cd);border:1px solid var(--bd);border-radius:16px;padding:32px;text-align:center}.sl.on{display:block}.av{width:64px;height:64px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:16px auto 8px}
.dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.dots button{width:11px;height:11px;border-radius:50%;border:0;background:var(--bd);cursor:pointer}.dots button.on{background:var(--pr)}
.cta{background:var(--pr);color:#fff;border-radius:20px;padding:48px 28px;text-align:center}.cta .btn{background:#fff;color:var(--pr)!important}
details{background:var(--cd);border:1px solid var(--bd);border-radius:10px;padding:16px 20px;margin-bottom:12px}summary{cursor:pointer;font-weight:600}details p{color:var(--mu);margin:10px 0 0}
footer{background:var(--dk);color:#cfe3d6;padding:40px 0 20px;text-align:center}footer a{margin:0 10px;opacity:.85}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#ee7a2e;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 4px 14px #0005;z-index:20}
#pop{display:none;position:fixed;inset:0;background:#000a;z-index:50;align-items:center;justify-content:center;padding:20px}#pop.on{display:flex}
#pop .box{background:var(--bg);border-radius:16px;padding:28px;width:100%;max-width:420px;position:relative}#pop form{display:grid;gap:10px}#pop .x{position:absolute;right:14px;top:8px;background:none;border:0;font-size:1.6rem;color:var(--tx);cursor:pointer}
input,select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit}

/* Trio Overseas home page visual treatment */
:root{--pr:#ee7a2e;--dk:#c85d0f;--ac:#f7a928;--alt:#fff4ea;--bd:#f0e2d4}
body{font-family:Arial,Helvetica,sans-serif;color:#28332c;line-height:1.55}
.w{max-width:1200px}
header{background:#fff;box-shadow:0 2px 12px #13281a12}
.logo{font-size:1.15rem;color:#ee7a2e}.logo i{background:transparent;color:#ee7a2e;font-size:1.7rem}
.logo b{color:#e5a11b}
.m>li>a{font-size:.9rem;font-weight:600;color:#303a33}
.hero{background:#f2f6f1;padding:52px 0 0}
.hero h2{font-size:1.1rem;color:#ee7a2e;font-weight:700}
.hero h1{font-size:clamp(2.5rem,4.6vw,3.6rem);letter-spacing:-.04em;color:#26352b;max-width:650px}
.hero .mu{font-size:1.02rem;max-width:680px}
.hero .ban{background:transparent;min-height:0;height:100%;align-self:stretch;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(200,93,15,.18)}
.hero .ban img{width:100%;height:100%;object-fit:cover;object-position:center}
.btn{background:#ee7a2e;border-radius:4px;padding:13px 22px;font-size:.95rem}
.btn.g{background:#f7a928}
.bar{background:#c85d0f;padding:25px 0}
.bar .w{grid-template-columns:repeat(4,1fr);gap:12px}
.bar b{font-size:2.1rem;color:#f6b42e;line-height:1.2}
section{padding:72px 0}
section h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:700;color:#27362d}
.g5{gap:16px}
.card{padding:20px 14px;border:0;border-radius:9px;box-shadow:0 5px 24px #11261a12}
.card .ic{color:#ee7a2e;font-size:2.1rem}
.card h3{font-size:1rem;margin:0}
.card h3 b{font-size:1.35rem;color:#ee7a2e}
.split{gap:54px}
.img{background:#f4f7f4;border-radius:10px;min-height:340px;overflow:hidden}
.img img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.alt{background:#f5f8f5}
.steps{gap:22px}
.st{border:0;border-radius:8px;box-shadow:0 4px 20px #14251a10;padding:28px 18px 18px}
.st i{background:#f5b12b;color:#fff}
.cta{background:#c85d0f;border-radius:10px;padding:48px 28px}
details{border:1px solid #e6ebe7;border-radius:5px;box-shadow:0 2px 8px #00000008}
footer{background:#111}
@media(max-width:800px){.bar .w{grid-template-columns:repeat(2,1fr)}.hero{padding-top:42px}.hero .ban{height:260px}.hero .ban img{object-fit:cover}.split{gap:28px}}

/* ============================================================
   STUDY ABROAD PAGE (study-abroad.html)
   All rules scoped under body.sa so index.html is unaffected.
   ============================================================ */
body.sa{background:#fff}
body.sa .hero{background:linear-gradient(135deg,#eaf4ee 0%,#f2f8f2 60%,#d6ecdf 100%);padding:56px 0 76px;overflow:hidden}
body.sa .hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
@media(max-width:820px){body.sa .hero .w{grid-template-columns:1fr}}
body.sa .hero h1{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:-.03em;color:#243127;margin:0 0 6px}
body.sa .hero h1 span{color:#ee7a2e}
body.sa .hero .sub{color:#5b6b5f;margin:0 0 22px}
body.sa .hero .pts{display:flex;flex-direction:column;gap:14px;margin:0 0 26px;max-width:480px}
body.sa .hero .pt{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.7);border:1px solid #f3e3d0;border-radius:10px;padding:12px 16px}
body.sa .hero .pt i{font-style:normal;background:#ee7a2e;color:#fff;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}
body.sa .hero .pt b{color:#243127}
body.sa .hero .pt small{color:#6b7a71;display:block}

body.sa .lform{background:#fff;border:1px solid #ecdfd0;border-radius:16px;box-shadow:0 10px 40px #17301a22;padding:28px;position:relative;overflow:hidden}
body.sa .lform:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ee7a2e,#c85d0f)}
body.sa .lform h3{font-size:1.35rem;color:#243127;margin:0 0 4px}
body.sa .lform p{color:#6b7a71;margin:0 0 18px;font-size:.92rem}
body.sa .lform form{display:grid;gap:12px}
body.sa .lform input,body.sa .lform select{width:100%;padding:11px 12px;border-radius:7px;border:1px solid #d6dbe0;background:#fff;color:#243127;font:inherit;font-size:.92rem}
body.sa .lform .lbl{display:block;font-size:.8rem;color:#71807a;margin:0 0 4px;font-weight:600}
body.sa .lform .ph{display:flex;align-items:center}
body.sa .lform .ph span{background:#f0f4f0;border:1px solid #d6dbe0;border-radius:7px 0 0 7px;padding:11px 12px;font-size:.92rem;color:#44705a}
body.sa .lform .ph input{border-radius:0 7px 7px 0;flex:1;border-left:0}
body.sa .lform .btn{background:#ee7a2e;color:#fff;padding:13px;border:0;border-radius:7px;font-weight:700;font-size:1rem;cursor:pointer;width:100%}
body.sa .lform .btn:hover{background:#c85d0f}

body.sa .bar .w{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
body.sa .bar b{font-size:2.3rem;color:#f6b42e;line-height:1.2}
body.sa .bar span{font-size:.95rem;color:#d9e7da}
@media(max-width:700px){body.sa .bar .w{grid-template-columns:repeat(2,1fr)}}

body.sa .sec-h{font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:700;color:#243127;text-align:center;margin:0 0 8px}
body.sa .sec-p{text-align:center;color:#6b7a71;margin:0 0 34px}
body.sa .bg-g{background:#f5f8f5;border-radius:14px;padding:40px}
body.sa .countries{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;text-align:center}
body.sa .country{background:#fff;border:1px solid #dfe7e1;border-radius:10px;padding:16px 8px;box-shadow:0 3px 12px #1025160d}
body.sa .country .fl{font-size:2rem;line-height:1}
body.sa .country span{display:block;margin-top:8px;font-weight:600;color:#243127}

body.sa .benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
body.sa .benefit{background:#fff;border:1px solid #dfe7e1;border-radius:14px;box-shadow:0 5px 22px #10251612;padding:28px 22px}
body.sa .benefit .ic{font-size:2.2rem;line-height:1}
body.sa .benefit h3{font-size:1.18rem;color:#ee7a2e;margin:.6em 0 0}
body.sa .benefit p{color:#5b6b5f;margin:.5em 0 0}

body.sa .docs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){body.sa .docs{grid-template-columns:1fr}}
body.sa .doc{background:#fff;border:1px solid #dfe7e1;border-radius:14px;box-shadow:0 5px 22px #10251612;padding:24px 20px}
body.sa .doc h3{display:flex;align-items:center;gap:10px;font-size:1.08rem;color:#243127}
body.sa .doc h3 i{font-style:normal;font-size:1.6rem}
body.sa .doc ul{list-style:none;padding-left:0;margin:.8em 0 0}
body.sa .doc ul li{padding-left:22px;position:relative;color:#5b6b5f;margin:.4em 0;font-size:.92rem}
body.sa .doc ul li:before{content:"•";color:#ee7a2e;position:absolute;left:4px;font-size:1.2rem}
body.sa .exams{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
body.sa .exam-t{background:#fff;border:1px solid #dfe7e1;border-radius:10px;padding:14px 0;text-align:center;cursor:pointer;font-weight:700;color:#243127;font-size:1.05rem;transition:.15s}
body.sa .exam-t.on{background:#ee7a2e;color:#fff;border-color:#ee7a2e;box-shadow:0 4px 14px #ee7a2e2a}
body.sa .exam-detail{background:#f5f8f5;border:1px solid #dfe7e1;border-radius:14px;padding:26px 28px;margin-top:24px}
body.sa .exam-detail h4{font-size:1.25rem;color:#ee7a2e;margin:0 0 8px}
body.sa .exam-detail p{color:#4d5b52;margin:.4em 0}

body.sa .slide{background:#fff;border:1px solid #dfe7e1;border-radius:16px;box-shadow:0 8px 28px #10251613;padding:36px;max-width:760px;margin:0 auto;text-align:center}
body.sa .slide .stars{color:#f7a928;font-size:1.4rem;letter-spacing:2px}
body.sa .slide p{color:#4d5b52;font-size:1.05rem;line-height:1.6;margin:18px 0 6px;font-style:italic}
body.sa .slide b{color:#243127}
body.sa .slide small{color:#8a97a0}
body.sa .slide .av{font-size:2.6rem;line-height:1}
body.sa .dots{display:flex;gap:8px;justify-content:center;margin-top:20px}
body.sa .dots button{width:12px;height:12px;border-radius:50%;border:0;background:#dfe7e1;cursor:pointer}
body.sa .dots button.on{background:#ee7a2e}

body.sa .loan{background:linear-gradient(120deg,#c85d0f,#ee7a2e);color:#fff;border-radius:18px;padding:52px 40px;position:relative;overflow:hidden}
body.sa .loan .w2{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
@media(max-width:820px){body.sa .loan .w2{grid-template-columns:1fr}}
body.sa .loan h2{font-size:1.6rem;margin:0 0 6px}
body.sa .loan .loan-lead{color:#d9e7da;font-size:.98rem;margin:0 0 24px}
body.sa .lf{display:grid;gap:14px}
body.sa .lf .fcard{background:rgba(255,255,255,.08);border:1px solid #f3a15d;border-radius:10px;padding:12px 16px}
body.sa .lf .fcard b{color:#f6b42e;display:block;font-size:1.02rem}
body.sa .lf .fcard span{color:#e6eee8;font-size:.9rem}
body.sa .loan .steps{background:#a15410;border:1px solid #f3b678;border-radius:12px;padding:22px}
body.sa .loan .steps h3{font-size:1.25rem;margin:0 0 16px}
body.sa .step{display:flex;gap:14px;align-items:flex-start;margin:0 0 12px}
body.sa .step i{font-style:normal;background:#f6b42e;color:#c85d0f;min-width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}
body.sa .step span{color:#e6eee8;font-size:1rem}
body.sa .loan .btn-l{background:#f6b42e;color:#c85d0f;border:0;border-radius:7px;padding:13px 26px;font-weight:700;cursor:pointer;font-size:1rem;margin-top:18px;display:block;width:100%}
body.sa .loan .btn-l:hover{background:#e8a11e}

body.sa details{background:#fff;border:1px solid #e6ebe7;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:16px 20px;margin-bottom:12px}
body.sa summary{cursor:pointer;font-weight:600;color:#243127;list-style:none}
body.sa summary::-webkit-details-marker{display:none}
body.sa summary:before{content:"▸";color:#ee7a2e;margin-right:10px;font-size:1.05rem}
body.sa details[open] summary:before{content:"▾"}
body.sa details p{color:#5b6b5f;margin:12px 0 0}

body.sa .univ{background:#fff;border:1px solid #dfe7e1;border-radius:18px;box-shadow:0 10px 40px #10251618;padding:40px;max-width:860px;margin:0 auto}
body.sa .univ h2{font-size:1.6rem;color:#243127;margin:0 0 2px}
body.sa .univ .loc{color:#8a97a0;font-size:1rem;margin:0 0 22px}
body.sa .utabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
body.sa .utab{background:#fff4ea;border:1px solid #ecdfd0;border-radius:8px;padding:12px 8px;text-align:center;font-weight:600;color:#243127;cursor:pointer;font-size:.9rem}
body.sa .utab.on{background:#ee7a2e;color:#fff;border-color:#ee7a2e}
body.sa .upanel{min-height:210px;margin-top:24px}
body.sa .upanel h3{font-size:1.2rem;color:#ee7a2e;margin:0 0 10px}
body.sa .upanel p{color:#4d5b52;line-height:1.65;margin:.3em 0}
body.sa .univ .btn{background:#ee7a2e;color:#fff;padding:13px 26px;border:0;border-radius:7px;font-weight:700;cursor:pointer;font-size:1rem;margin-top:22px;width:100%}
body.sa .univ .btn:hover{background:#c85d0f}

body.sa footer{background:#873f08}
body.sa footer .ftel{font-size:1.7rem;color:#f6b42e;font-weight:800;display:block;margin:0 0 14px}
body.sa footer p{opacity:.9;margin:.4em 0}
body.sa footer .copy{opacity:.65;font-size:.85rem}

body.sa .pop{position:fixed;inset:0;background:#000a;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0}
body.sa .pop.on{visibility:visible;opacity:1}
body.sa .pop .box{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:420px;position:relative}
body.sa .pop .box h3{margin:0 0 6px}
body.sa .pop .box form{display:grid;gap:10px}

/* ============================================================
   UNIFIED SITE HEADER (nav) & FOOTER — matches the
   standard pages (test-prep/about/contact/ask-experts)
   ============================================================ */
body{font-family:Poppins,"Segoe UI",Arial,sans-serif}
header .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:auto;flex-wrap:wrap;gap:10px}
.nav .logo{font-size:1.2rem;font-weight:700;color:var(--pr)}
.nav .logo b{color:var(--dk)}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-weight:600;font-size:.92rem;flex-wrap:wrap}
.nav li a{color:#303a33}.nav a:hover,.nav .on{color:var(--pr)}
.nav .ddn{position:relative}
.nav .ddn>.dd{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:180px;box-shadow:0 14px 34px rgba(31,41,55,.16);border-radius:12px;padding:8px;display:none;z-index:60}
.nav .ddn:hover>.dd{display:block}
.nav .ddn>.dd a{display:block;padding:9px 14px;border-radius:8px;color:#334155;font-weight:500;font-size:14px;white-space:nowrap}
.nav .ddn>.dd a:hover{background:#f5f5f5;color:#ee7a2e}
.nav .ddn>a::after{content:" ▾";font-size:11px;opacity:.7}
footer{background:#111;color:#ccc;padding:50px 0 20px;font-size:14px;text-align:center}
footer .wrap{max-width:1200px}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:left;max-width:1200px;margin:0 auto;padding:0 20px}
footer h4{color:#fff;font-size:16px;margin-bottom:12px}
footer ul{padding:0;margin:0;list-style:none}
footer li{list-style:none;margin-bottom:6px;text-align:justify}
footer a:hover{color:#f7a928}
.copy{border-top:1px solid #333;margin-top:30px;padding-top:16px;text-align:center}
@media(max-width:800px){header .nav{flex-direction:column;align-items:flex-start;width:100%}}

/* ============================================================
   HOME PAGE — CLEAN & NEAT REDESIGN (index.html)
   Scoped under body.home so other pages are not affected.
   ============================================================ */
body.home .w{max-width:1180px}
body.home section{padding:46px 0}
body.home section h2{font-weight:700;color:#26352b;letter-spacing:-.02em}
body.home p{color:#43503f}
body.home p,body.home li,body.home .sec-sub,body.home details summary{text-align:left;text-justify:auto}
body.home .eyebrow{display:inline-block;color:#ee7a2e;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:.76rem;margin:0 0 12px}
body.home .sec-head{max-width:820px;margin:0 auto 20px;text-align:center}
body.home .sec-head h2{margin:0 0 10px}
body.home .sec-sub{color:#5b6b5f;font-size:1.03rem;line-height:1.7;max-width:820px;margin:0 auto}

/* Hero */
body.home .hero{background:linear-gradient(135deg,#fdf1e6 0%,#fff8f1 55%,#ffe9d4 100%);padding:56px 0 44px}
body.home .hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
body.home .hero .hero-txt{max-width:620px}
body.home .hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);letter-spacing:-.03em;line-height:1.12;color:#26352b;margin:0 0 16px}
body.home .hero p.mu{font-size:1.03rem;color:#4d5b52}
body.home .hero .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
body.home .hero .btn,.home .hero .btn.g{border-radius:6px;padding:13px 24px;font-size:.95rem;font-weight:600}
body.home .ban{background:linear-gradient(160deg,#ee7a2e,#c85d0f);border-radius:22px;min-height:0;align-self:stretch}

/* Stats bar */
body.home .bar{padding:22px 0}
body.home .bar .w{grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}
body.home .bar b{font-size:1.9rem;color:#f6b42e;line-height:1.2}
body.home .bar div{color:#ffe9d6;font-size:.95rem;line-height:1.5}

/* Feature cards */
body.home .g5{margin-top:8px}
body.home .card{border:1px solid var(--bd);box-shadow:0 6px 22px #11261a0e;transition:.25s}
body.home .card:hover{box-shadow:0 12px 30px #11261a1a;transform:translateY(-3px)}
body.home .card h3{line-height:1.45;color:#34403a}
body.home .card h3 b{color:#ee7a2e}

/* Why choose / difference split */
body.home .split{margin-top:40px;align-items:center}
body.home .split h3{font-size:1.35rem;color:#27362d;margin-bottom:14px}
body.home ul.ck li{color:#3c4741;line-height:1.6}

/* About */
body.home .about-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--bd);border-radius:18px;overflow:hidden;box-shadow:0 10px 34px #11261a12;align-items:stretch}
body.home .about-img{position:relative;min-height:360px}
body.home .about-img img{width:100%;height:100%;min-height:360px;object-fit:contain;object-position:center;display:block}
body.home .about-badge{position:absolute;left:20px;bottom:20px;background:rgba(238,122,46,.95);color:#fff;font-weight:600;font-size:.85rem;padding:9px 16px;border-radius:30px;box-shadow:0 6px 16px #0003}
body.home .about-body{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;padding:44px 46px}
body.home .about-body .eye{color:#ee7a2e;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:.76rem;margin:0 0 8px}
body.home .about-body h2{font-size:clamp(1.7rem,3vw,2.2rem);color:#26352b;margin:0 0 16px}
body.home .about-body p{color:#5b6b5f;font-size:1rem;line-height:1.7;margin:0 0 14px;text-align:justify}
body.home .about-facts{display:flex;gap:12px;margin:16px 0 26px;width:100%}
body.home .about-facts .fact{flex:1;background:var(--alt);border:1px solid #f0e2d4;border-radius:12px;padding:14px 12px;text-align:center}
body.home .about-facts .fact b{display:block;font-size:1.4rem;color:#ee7a2e;line-height:1.1}
body.home .about-facts .fact span{font-size:.76rem;color:#6b7280}
body.home .read-more{display:inline-block;color:#ee7a2e;font-weight:700;font-size:.98rem;border:2px solid #ee7a2e;padding:11px 24px;border-radius:30px;transition:.2s}
body.home .read-more:hover{background:#ee7a2e;color:#fff}
/* Equal-edge (justified) body text on the home page content */
body.home .w p,body.home .w li{text-align:justify}
@media(max-width:800px){body.home .about-card{grid-template-columns:1fr}body.home .about-body{padding:34px 24px}body.home .about-img{min-height:260px}body.home .about-img img{min-height:260px}}

/* Steps */
body.home .steps-title{text-align:center;font-size:1.3rem;color:#27362d;margin:34px 0 8px}
body.home .steps-sub{text-align:center;color:#5b6b5f;margin:0 0 24px}
body.home .st{border:1px solid var(--bd);box-shadow:0 4px 18px #14251a0e;line-height:1.5}
body.home .st i{background:#f6b42e;color:#fff}

/* Testimonials */
body.home .sl{border-radius:14px;box-shadow:0 6px 24px #11261a10}
a.ig{color:#ee7a2e;text-decoration:none;font-weight:700}
a.ig:hover{text-decoration:underline}

/* CTA */
body.home .cta{border-radius:16px;padding:52px 32px}
body.home .cta p{color:#ffe6d2;text-align:center}

/* FAQ */
body.home .faq-wrap{max-width:840px;margin:0 auto}
body.home details{border-radius:10px;box-shadow:0 2px 10px #0000000a;padding:18px 22px}
body.home summary{font-size:1.02rem;color:#26352b;padding:4px 0}
body.home details p{color:#5b6b5f}

@media(max-width:800px){
  body.home .hero .hero-txt{max-width:100%;text-align:left}
  body.home .hero .w{gap:28px}
  body.home .bar .w{grid-template-columns:repeat(2,1fr)}
  body.home .hero h1{font-size:2rem}
  body.home .hero p.mu,body.home p,body.home li,body.home .sec-sub,body.home details p{text-align:left}
  body.home .split{text-align:left}
  body.home .about-body{text-align:left;align-items:flex-start;padding:30px 22px}
  body.home .about-facts{flex-direction:column}
  body.home .cta{padding:36px 20px;text-align:center}
  body.home .sec-head h2{font-size:1.6rem}
}

@media(max-width:480px){
  body.home .bar .w{grid-template-columns:1fr}
  body.home .g5{grid-template-columns:1fr}
  body.home .sec-sub{font-size:.98rem}
  body.home .hero h1{font-size:1.75rem}
}