.takealot-local-nav{min-height:48px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:30px;color:#fff;background:#315444}
.takealot-local-nav a{padding:14px 0 12px;border-bottom:2px solid transparent;font-size:13px;font-weight:800}
.takealot-local-nav a:hover{border-color:#e2ad6f;color:#fff}
.takealot-hub-hero{min-height:720px;padding:146px max(24px,calc((100vw - var(--max))/2)) 84px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.62fr);gap:82px;align-items:end;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(194,131,60,.23),transparent 28%),linear-gradient(122deg,#061b28 0%,#0c2b3d 60%,#315444 125%)}
.takealot-hub-hero h1{max-width:820px;margin:0;font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(54px,7vw,96px);line-height:1.08;letter-spacing:-.045em}
.takealot-hub-lead{max-width:720px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:19px;line-height:1.85}
.takealot-hub-proof{margin:42px 0 0;padding:0;display:flex;flex-wrap:wrap;list-style:none}
.takealot-hub-proof li{padding:0 22px;color:rgba(255,255,255,.7);border-left:1px solid rgba(255,255,255,.26);font-size:14px;font-weight:700}
.takealot-hub-proof li:first-child{padding-left:0;border-left:0}
.takealot-hub-hero aside{padding:30px;border-top:4px solid var(--gold);background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.takealot-hub-hero aside>span{color:#e2ad6f;font-size:12px;font-weight:800;letter-spacing:.14em}
.takealot-hub-hero aside>strong{margin-top:12px;display:block;font-size:23px;line-height:1.5}
.takealot-hub-hero aside ol{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}
.takealot-hub-hero aside li{padding:18px 0;display:grid;grid-template-columns:34px 1fr;gap:13px;border-bottom:1px solid rgba(255,255,255,.2)}
.takealot-hub-hero aside b{color:#e2ad6f;font-family:Georgia,serif;font-size:18px}
.takealot-hub-hero aside a{color:rgba(255,255,255,.8);font-size:14px;font-weight:700;line-height:1.65}
.takealot-hub-hero aside a:hover{color:#fff}
.takealot-stage,.takealot-guides{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:100px 0;scroll-margin-top:76px}
.takealot-hub-heading{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:end}
.takealot-hub-heading h2{font-size:clamp(40px,5vw,64px)}
.takealot-hub-heading>p{margin:0 0 6px;color:#5c717b;font-size:17px;line-height:1.85}
.takealot-stage-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.takealot-stage-grid article{min-height:340px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.48)}
.takealot-stage-grid article>span{color:var(--gold);font-family:Georgia,serif;font-size:29px}.takealot-stage-grid small{margin-top:34px;color:var(--green);font-weight:800}
.takealot-stage-grid h3{margin:10px 0 14px;font-size:21px;line-height:1.55}.takealot-stage-grid p{margin:0 0 24px;color:#5f737d;line-height:1.75}
.takealot-stage-grid a{margin-top:auto;padding:12px 0;color:#8b5a24;border-top:1px solid var(--line);font-size:14px;font-weight:800}.takealot-stage-grid a+a{margin-top:0}
.takealot-service-map{padding:96px max(24px,calc((100vw - var(--max))/2));scroll-margin-top:76px;color:#fff;background:var(--ink)}
.takealot-hub-heading-light>p{color:rgba(255,255,255,.68)}
.takealot-service-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.takealot-service-grid a{min-height:330px;padding:30px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);transition:background .2s ease}
.takealot-service-grid a:hover{background:rgba(255,255,255,.07)}.takealot-service-grid b{color:rgba(255,255,255,.28);font-family:Georgia,serif;font-size:28px;font-weight:400}
.takealot-service-grid span{margin-top:28px;color:#e2ad6f;font-size:11px;font-weight:800;letter-spacing:.14em}.takealot-service-grid h3{margin:10px 0 12px;font-size:23px}
.takealot-service-grid p{margin:0;color:rgba(255,255,255,.67);line-height:1.75}.takealot-service-grid em{margin-top:auto;padding-top:24px;color:#e2ad6f;font-size:14px;font-style:normal;font-weight:800}
.takealot-service-grid .takealot-service-consult{color:var(--ink);background:#e2ad6f}.takealot-service-grid .takealot-service-consult:hover{background:#f0c38b}
.takealot-service-consult b,.takealot-service-consult span,.takealot-service-consult em{color:#6d4318}.takealot-service-consult p{color:rgba(9,35,52,.72)}
.takealot-tool-spotlight{padding:100px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr .82fr;gap:88px;align-items:center;scroll-margin-top:76px;background:#fff}
.takealot-tool-copy h2{font-size:clamp(42px,5vw,66px)}.takealot-tool-copy>p:not(.section-kicker){max-width:680px;margin:25px 0 0;color:#586e79;font-size:17px;line-height:1.85}
.takealot-tool-copy ul{margin:30px 0 0;padding:0;list-style:none}.takealot-tool-copy li{padding:12px 0 12px 26px;position:relative;border-bottom:1px solid var(--line);color:#4f6570}
.takealot-tool-copy li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.takealot-outline-button{color:var(--ink);border:1px solid var(--line)}
.takealot-tool-demo{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#fff;background:var(--ink);box-shadow:18px 18px 0 #d9cbb7}
.takealot-tool-demo div{min-height:120px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.16)}.takealot-tool-demo small{color:rgba(255,255,255,.56)}
.takealot-tool-demo strong{color:#e2ad6f;font-family:Georgia,serif;font-size:30px}.takealot-tool-demo p{grid-column:1/-1;margin:8px 0 0;color:rgba(255,255,255,.54);font-size:12px;line-height:1.65}
.takealot-guide-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.takealot-guide-grid a{min-height:330px;padding:32px;display:flex;flex-direction:column;border-top:4px solid var(--gold);background:#fff;box-shadow:0 14px 34px rgba(9,35,52,.06);transition:transform .2s ease}
.takealot-guide-grid a:hover{transform:translateY(-4px)}.takealot-guide-grid span{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.1em}.takealot-guide-grid h3{margin:42px 0 15px;font-size:25px;line-height:1.5}
.takealot-guide-grid p{margin:0;color:#60737d;line-height:1.8}.takealot-guide-grid strong{margin-top:auto;padding-top:28px;color:#8b5a24;font-size:13px}
.takealot-confidence{padding:100px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;background:#fff}
.takealot-confidence-copy{align-self:start;position:sticky;top:110px}.takealot-confidence-copy h2{font-size:clamp(40px,4.7vw,60px)}.takealot-confidence-copy>p:not(.section-kicker){margin:26px 0 0;color:#5c717b;font-size:17px;line-height:1.85}
.takealot-dark-button{color:#fff;background:var(--ink)}.takealot-confidence-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.takealot-confidence-grid article{min-height:220px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f5ef}.takealot-confidence-grid span{color:var(--gold);font-family:Georgia,serif;font-size:25px}.takealot-confidence-grid h3{margin:28px 0 11px;font-size:20px}.takealot-confidence-grid p{margin:0;color:#61747d;line-height:1.75}
.takealot-prep{grid-column:1/-1;margin-top:4px;padding:34px;display:grid;grid-template-columns:.82fr 1.6fr auto;gap:42px;align-items:center;color:#fff;background:var(--ink)}.takealot-prep small{color:#e2ad6f;font-size:11px;font-weight:800;letter-spacing:.14em}.takealot-prep h3{margin:10px 0 0;font-size:25px;line-height:1.45}.takealot-prep ol{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;list-style:none}.takealot-prep li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.65}.takealot-prep li b{color:#e2ad6f;font-family:Georgia,serif}.takealot-prep li strong{display:block;color:#fff;font-size:14px}.takealot-prep>a{min-height:48px;padding:0 20px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:#e2ad6f;font-size:14px;font-weight:800;text-align:center}
.takealot-route{padding:92px max(24px,calc((100vw - var(--max))/2));color:#fff;background:var(--green)}.takealot-route>div{display:grid;grid-template-columns:.7fr 1.3fr}.takealot-route h2{grid-column:2;max-width:760px;font-size:clamp(42px,5vw,64px)}
.takealot-route ol{margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;border-top:1px solid rgba(255,255,255,.24);border-left:1px solid rgba(255,255,255,.24)}
.takealot-route li{min-height:260px;padding:26px;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.takealot-route li span{color:#e2ad6f;font-family:Georgia,serif;font-size:26px}
.takealot-route li strong{margin-top:34px;display:block;font-size:18px;line-height:1.5}.takealot-route li p{margin:12px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.75}
.takealot-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.takealot-faq h2{font-size:clamp(40px,4.5vw,58px)}.takealot-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.takealot-faq details:first-child{padding-top:0}
.takealot-faq summary{min-height:44px;padding-block:9px;box-sizing:border-box;cursor:pointer;font-size:17px;font-weight:800;line-height:1.55}.takealot-faq details p{margin:12px 0 0;color:#5d717b;line-height:1.8}
@media(max-width:980px) and (min-width:761px){.takealot-hub-hero{grid-template-columns:1fr;gap:42px}.takealot-stage-grid,.takealot-service-grid{grid-template-columns:1fr 1fr}.takealot-tool-spotlight{gap:44px}.takealot-confidence{grid-template-columns:1fr;gap:44px}.takealot-confidence-copy{position:static}.takealot-prep{grid-template-columns:1fr}.takealot-route ol{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.takealot-local-nav{display:none}.takealot-hub-hero{min-height:auto;padding:116px 18px 68px;grid-template-columns:1fr;gap:42px;align-items:start}.takealot-hub-hero h1{font-size:clamp(45px,13vw,62px)}.takealot-hub-lead{font-size:16px}.takealot-hub-proof{margin-top:30px;gap:10px 0}.takealot-hub-hero aside{padding:24px}.takealot-stage,.takealot-guides{width:calc(100% - 36px);padding:72px 0;scroll-margin-top:112px}.takealot-hub-heading,.takealot-tool-spotlight,.takealot-faq{grid-template-columns:1fr;gap:28px}.takealot-stage-grid,.takealot-service-grid,.takealot-guide-grid,.takealot-route ol{grid-template-columns:1fr}.takealot-stage-grid article,.takealot-service-grid a,.takealot-guide-grid a,.takealot-route li{min-height:0}.takealot-stage-grid article{padding:24px}.takealot-stage-grid small{margin-top:24px}.takealot-service-map,.takealot-tool-spotlight,.takealot-route,.takealot-confidence{padding:72px 18px;scroll-margin-top:112px}.takealot-service-grid a{padding:26px}.takealot-service-grid em{padding-top:34px}.takealot-tool-demo{padding:18px;box-shadow:9px 9px 0 #d9cbb7}.takealot-tool-demo div{min-height:102px;padding:15px}.takealot-tool-demo strong{font-size:24px}.takealot-guide-grid a{padding:26px}.takealot-guide-grid h3{margin-top:28px}.takealot-confidence{grid-template-columns:1fr;gap:34px}.takealot-confidence-copy{position:static}.takealot-confidence-grid{grid-template-columns:1fr}.takealot-confidence-grid article{min-height:0;padding:24px}.takealot-prep{grid-template-columns:1fr;padding:26px;gap:28px}.takealot-prep ol{grid-template-columns:1fr}.takealot-route>div{display:block}.takealot-route h2{margin-top:16px}.takealot-faq{padding-block:72px}}
@media(max-width:760px){.takealot-hub-proof li{padding-inline:12px;font-size:12px}}