@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/montserrat-400.woff") format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/montserrat-500.woff") format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/montserrat-600.woff") format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/montserrat-700.woff") format("woff")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/montserrat-800.woff") format("woff")}

:root{
  --ink:#212121;
  --ink-soft:#57534d;
  --paper:#f7f3eb;
  --white:#fff;
  --green:#00C853;
  --green-deep:#087f3d;
  --green-dark:#07592d;
  --lime:#b9ef54;
  --orange:#ff6a00;
  --gold:#f1b53d;
  --umber:#6d4930;
  --sand:#e9dfd0;
  --line:rgba(33,33,33,.12);
  --shadow:0 24px 70px rgba(33,33,33,.13);
  --r:32px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Montserrat",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}
body.loaded .reveal{opacity:1;transform:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}

/* ========== subtle grain ========== */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:multiply}


.skip-link{position:fixed;left:14px;top:14px;z-index:1000;transform:translateY(-160%);background:var(--black);color:#fff;padding:12px 15px;border-radius:12px;font-weight:800;font-size:13px;transition:.2s}.skip-link:focus{transform:none}

/* ========== HEADER ========== */
.header{position:sticky;top:0;z-index:100;background:rgba(247,243,235,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:-.05em;font-weight:600}
.brand img{width:58px;height:44px;object-fit:contain}
.wordmark{white-space:nowrap}.wordmark .moo{font-weight:500}.wordmark .moola{font-weight:700}
.navlinks{display:flex;gap:27px;font-size:13px;font-weight:800}.navlinks a{opacity:.68;transition:.2s}.navlinks a:hover{opacity:1}
.navcta{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:900;transition:.2s}.navcta:hover{transform:translateY(-2px)}
.navdot{width:8px;height:8px;border-radius:50%;background:var(--green)}

/* ========== HERO ========== */
.hero{padding:66px 0 22px}
.hero-shell{position:relative;overflow:hidden;border-radius:40px;background:var(--green-deep);color:#fff;box-shadow:var(--shadow);min-height:680px}
.hero-shell:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-230px;top:-250px;background:var(--lime);opacity:.96}
.hero-shell:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-170px;bottom:-210px;background:var(--orange)}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:18px;padding:73px 70px 54px}
.hero-copy{position:relative;z-index:4}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.1);border-radius:999px;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:900}
.eyebrow i{display:block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(185,239,84,.5);animation:ping 1.7s infinite}
@keyframes ping{50%{box-shadow:0 0 0 8px rgba(185,239,84,0)}}
.hero h1{margin:24px 0 20px;max-width:740px;font-size:clamp(58px,7.5vw,103px);line-height:.84;letter-spacing:-.082em}
.hero h1 .block{display:block}.hero h1 .hi{display:inline-block;color:var(--ink);background:var(--lime);padding:.015em .11em .08em;transform:rotate(-1.2deg)}
.hero-lead{max-width:620px;color:rgba(255,255,255,.86);font-size:18px;line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 19px;font-size:12px;font-weight:900;transition:.22s ease;border:1px solid transparent}
.btn.white{background:#fff;color:var(--ink)}.btn.white:hover{transform:translateY(-2px)}
.btn.outline{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.32)}.btn.outline:hover{background:rgba(255,255,255,.12)}
.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.meta-pill{font-size:10px;font-weight:700;color:rgba(255,255,255,.65);padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px}

/* Hero layered visual */
.hero-visual{position:relative;min-height:500px;perspective:1200px}
.visual-orbit{position:absolute;inset:4% 3%;border:1px solid rgba(33,33,33,.16);border-radius:50%;transform:rotate(-13deg)}
.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(33,33,33,.18)}.visual-orbit:before{inset:28px}.visual-orbit:after{inset:65px;border:7px dotted rgba(33,33,33,.17)}
.logo-card{position:absolute;left:7%;right:3%;top:16%;padding:28px;border-radius:34px;background:rgba(255,255,255,.95);box-shadow:0 28px 75px rgba(0,0,0,.22);transform:rotate(2.4deg) translateZ(40px);transition:transform .15s ease-out}
.logo-card img{width:100%;max-height:300px;object-fit:contain}
.logo-card:before,.logo-card:after{content:"";position:absolute;width:54px;height:54px;border-radius:14px;box-shadow:0 0 0 7px rgba(255,106,0,.13)}.logo-card:before{right:28px;top:-19px;background:var(--orange);transform:rotate(17deg)}.logo-card:after{left:32px;bottom:-16px;background:var(--gold);box-shadow:none;transform:rotate(-17deg)}
.floating-note{position:absolute;z-index:5;padding:11px 14px;border-radius:14px;box-shadow:0 18px 30px rgba(0,0,0,.15);font-size:10px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.note-a{left:0;top:34px;background:var(--ink);color:var(--lime);transform:rotate(-7deg)}
.note-b{right:0;bottom:48px;background:var(--orange);color:var(--ink);transform:rotate(4deg)}
.note-c{right:16%;top:6px;background:#fff;color:var(--ink);transform:rotate(8deg);box-shadow:0 14px 24px rgba(0,0,0,.08)}
.geo-bead{position:absolute;border-radius:8px;background:var(--lime);box-shadow:0 14px 0 rgba(33,33,33,.11)}.bead1{width:28px;height:28px;left:12%;bottom:32% ;transform:rotate(18deg)}.bead2{width:22px;height:22px;right:11%;top:35%;background:var(--orange);transform:rotate(31deg)}.bead3{width:18px;height:18px;right:25%;bottom:18%;background:var(--gold);transform:rotate(45deg)}

/* ========== TICKER + FACTS ========== */
.ticker{margin-top:18px;overflow:hidden;background:var(--ink);color:var(--lime);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.track{display:flex;width:max-content;animation:marquee 25s linear infinite}.track span{padding:14px 30px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.track span:after{content:"◆";margin-left:30px;color:var(--orange)}
@keyframes marquee{to{transform:translateX(-50%)}}
.factgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.fact{position:relative;overflow:hidden;min-height:120px;padding:19px 20px;background:#fff;border:1px solid var(--line);border-radius:22px;transition:transform .22s,box-shadow .22s}.fact:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(33,33,33,.07)}
.fact:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-22px;bottom:-27px;background:var(--sand)}.fact:nth-child(2):after{background:rgba(0,200,83,.14)}.fact:nth-child(3):after{background:rgba(255,106,0,.14)}
.fact strong,.fact span{position:relative;z-index:2;display:block}.fact strong{font-size:28px;line-height:1;letter-spacing:-.06em}.fact span{margin-top:8px;font-size:10px;line-height:1.5;color:var(--muted)}

/* ========== SECTION BASICS ========== */
.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1fr .76fr;align-items:end;gap:30px;margin-bottom:28px}.section h2{margin:0;font-size:clamp(45px,5.3vw,76px);line-height:.9;letter-spacing:-.075em}.section-head p{margin:0;max-width:505px;color:var(--ink-soft);font-size:15px;line-height:1.62}

/* ========== CALCULATOR ========== */
.calc-wrap{position:relative}.calc-wrap:before{content:"";position:absolute;inset:-28px 12% auto;height:90px;background:var(--lime);filter:blur(50px);opacity:.35;pointer-events:none}
.calculator{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border-radius:38px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}
.calculator:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-160px;top:-160px;background:var(--green)}
.calc{position:relative;z-index:2;padding:29px;border-radius:28px}.calc.left{background:#1d1d1d;border:1px solid #2f2f2f}.calc.right{background:var(--lime);color:var(--ink);display:flex;flex-direction:column;justify-content:center;min-height:330px}
.label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#aaa59c}.right .label{color:#4d563f}
.amount{margin:12px 0 20px;font-size:64px;line-height:1;letter-spacing:-.068em;font-weight:900}.range{width:100%;accent-color:var(--green)}.range-row{display:flex;justify-content:space-between;color:#817c73;font-size:10px;margin-top:8px}
.rule{height:1px;background:#313131;margin:27px 0 19px}.calc p{margin:8px 0 16px;font-size:13px;color:#b9b4ac;line-height:1.52}.calc.right p{color:#384030}
.repay{margin:10px 0;font-size:74px;line-height:.88;letter-spacing:-.07em;font-weight:900}.rate{font-size:12px;font-weight:800}.disclaimer{max-width:460px;margin-top:16px;font-size:10px;line-height:1.55}.dark-cta{width:max-content;margin-top:16px;padding:13px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}

/* ========== JOURNEY ========== */
.journey{position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.step{position:relative;overflow:hidden;min-height:275px;padding:25px;border-radius:28px;border:1px solid var(--line);background:#fff;transition:.22s ease}.step:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(33,33,33,.09)}
.step:nth-child(1){background:#fff}.step:nth-child(2){background:var(--green);color:var(--ink)}.step:nth-child(3){background:var(--ink);color:#fff}.step:before{content:"";position:absolute;right:-36px;bottom:-40px;width:145px;height:145px;border-radius:34px;transform:rotate(24deg);border:20px dotted rgba(33,33,33,.11)}.step:nth-child(2):before{border-color:rgba(255,255,255,.28)}.step:nth-child(3):before{border-color:rgba(185,239,84,.23)}
.stepno{position:relative;z-index:2;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.step:nth-child(2) .stepno{color:var(--ink)}.step:nth-child(3) .stepno{color:var(--lime)}
.step h3{position:relative;z-index:2;margin:54px 0 9px;font-size:31px;letter-spacing:-.05em;line-height:.95}.step p{position:relative;z-index:2;margin:0;max-width:340px;font-size:13px;line-height:1.58;color:var(--muted)}.step:nth-child(2) p{color:rgba(33,33,33,.72)}.step:nth-child(3) p{color:rgba(255,255,255,.69)}

/* ========== TECHNOLOGY ========== */
.tech{position:relative;overflow:hidden;display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;padding:18px;border-radius:38px;background:var(--sand);box-shadow:var(--shadow)}
.tech-copy{padding:30px 25px 30px 25px}.tech-copy .eyebrow{color:var(--ink);background:rgba(255,255,255,.35);border-color:rgba(33,33,33,.13)}.tech-copy h2{margin-top:18px}.tech-copy p{margin:18px 0 0;max-width:525px;color:var(--muted);font-size:15px;line-height:1.65}
.tech-visual{position:relative;min-height:420px;overflow:hidden;border-radius:31px;background:var(--green-deep);color:#fff;padding:23px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.tech-visual-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(185,239,84,.95) 0 10%,transparent 10.5%),radial-gradient(circle at 12% 82%,rgba(255,106,0,.88) 0 8%,transparent 8.5%),repeating-linear-gradient(45deg,transparent 0 19px,rgba(255,255,255,.055) 20px 21px)}
.tech-top{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.73)}
.tech-centre{position:relative;z-index:2;height:270px;display:grid;place-items:center}.rings{position:absolute;width:285px;height:285px;border-radius:50%;border:1px solid rgba(33,33,33,.25)}.rings:before,.rings:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(33,33,33,.22)}.rings:before{inset:25px}.rings:after{inset:67px;border:7px dotted rgba(185,239,84,.8)}
.tech-logo{position:relative;width:250px;height:170px;border-radius:25px;background:rgba(255,255,255,.93);display:grid;place-items:center;padding:20px;box-shadow:0 22px 45px rgba(0,0,0,.18);transform:rotate(-2deg)}.tech-logo img{max-height:125px;object-fit:contain}.tech-square{position:absolute;width:38px;height:38px;border-radius:10px;background:var(--lime);box-shadow:11px 11px 0 rgba(33,33,33,.22)}.sq1{top:23px;right:20% ;transform:rotate(18deg)}.sq2{bottom:18px;left:16%;background:var(--gold);transform:rotate(-18deg)}
.tech-bottom{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.tech-bottom strong{font-size:18px;letter-spacing:-.025em}.tech-bottom span{font-size:11px;max-width:350px;color:rgba(255,255,255,.73);line-height:1.5}

/* ========== BLUEPRINT ========== */
.blueprint{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bp{position:relative;overflow:hidden;min-height:300px;padding:29px;border-radius:30px;color:#fff;transition:.22s ease}.bp:hover{transform:translateY(-5px)}
.bp.one{background:var(--green-deep)}.bp.two{background:var(--ink)}.bp.three{background:var(--orange);color:var(--ink)}.bp.four{background:#fff;color:var(--ink);border:1px solid var(--line)}
.bp:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;right:-70px;bottom:-68px;border:20px dotted rgba(255,255,255,.18)}.bp.three:after,.bp.four:after{border-color:rgba(33,33,33,.11)}
.bp b{position:relative;z-index:2;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bp h3{position:relative;z-index:2;margin:46px 0 8px;font-size:32px;line-height:.96;letter-spacing:-.055em}.bp p{position:relative;z-index:2;margin:0;max-width:425px;font-size:13px;line-height:1.58;color:rgba(255,255,255,.73)}.bp.three p,.bp.four p{color:rgba(33,33,33,.64)}

/* ========== CLOSING CTA ========== */
.close-section{padding:78px 0 104px}.close-card{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:38px;padding:58px 60px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;box-shadow:var(--shadow)}
.close-card:before{content:"";position:absolute;right:-110px;top:-130px;width:360px;height:360px;border-radius:50%;background:var(--green)}.close-card:after{content:"";position:absolute;left:-90px;bottom:-150px;width:300px;height:300px;border-radius:50%;background:var(--orange)}
.close-copy,.close-actions{position:relative;z-index:2}.close-copy h2{margin:0;font-size:clamp(50px,6.1vw,84px);line-height:.87;letter-spacing:-.075em}.close-copy h2 span{color:var(--lime)}.close-copy p{max-width:540px;color:#aaa59d;line-height:1.55;font-size:14px;margin:18px 0 0}.close-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.close-note{font-size:10px;color:#7e7972;text-align:right;max-width:230px}

/* ========== FOOTER ========== */
.footer{background:var(--ink);color:#fff;border-radius:40px 40px 0 0;padding:63px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.footer h2{margin:0;font-size:clamp(50px,6.7vw,88px);line-height:.87;letter-spacing:-.075em}.footer h2 span{color:var(--lime)}.footer p{margin:17px 0 0;max-width:500px;color:#aaa49c;font-size:13px;line-height:1.55}.footlinks{display:flex;flex-direction:column;align-items:flex-end;gap:9px;font-size:12px}.footlinks a{opacity:.78}.footlinks a:hover{opacity:1}.footbottom{display:flex;justify-content:space-between;gap:18px;padding-top:17px;margin-top:49px;border-top:1px solid #2c2c2c;color:#7d7871;font-size:10px}.footbottom a:hover{text-decoration:underline}

/* ========== RESPONSIVE ========== */
@media(max-width:980px){
  .navlinks{display:none}.hero-grid{grid-template-columns:1fr;padding:55px 42px 35px}.hero-shell{min-height:auto}.hero-visual{min-height:390px}.factgrid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.calculator,.tech{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.blueprint{grid-template-columns:1fr}.close-card{grid-template-columns:1fr}.close-actions{align-items:flex-start}.close-note{text-align:left}.footer-grid{grid-template-columns:1fr}.footlinks{align-items:flex-start}.footbottom{flex-direction:column}
}
@media(max-width:620px){
  .wrap{width:min(var(--max),calc(100% - 24px))}.nav{min-height:73px}.brand img{width:51px;height:38px}.navcta{padding:11px 13px}.hero{padding-top:35px}.hero-grid{padding:44px 22px 26px}.hero h1{font-size:clamp(47px,14.2vw,72px)}.hero-lead{font-size:16px}.hero-visual{min-height:310px}.logo-card{top:17%;padding:18px;border-radius:25px}.logo-card img{max-height:205px}.visual-orbit{inset:8% 2%}.note-a{left:0;top:10px}.note-b{right:0;bottom:11px}.note-c{right:8%;top:0}.factgrid{grid-template-columns:1fr 1fr}.fact{min-height:104px;padding:16px}.fact strong{font-size:22px}.section{padding:72px 0}.calculator{padding:12px;border-radius:29px}.calc{padding:22px}.amount{font-size:51px}.repay{font-size:58px}.tech{padding:12px;border-radius:29px}.tech-copy{padding:20px 15px}.tech-visual{min-height:350px;padding:20px}.tech-logo{width:220px;height:145px}.tech-logo img{max-height:105px}.close-card{padding:43px 25px;border-radius:29px}.footer{border-radius:29px 29px 0 0}
}

/* ========== FAQ / SEARCH-FRIENDLY HELP ========== */
.faq-wrap{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}
.faq-intro{position:sticky;top:110px}
.faq-intro .eyebrow{color:var(--ink);border-color:var(--line);background:transparent}
.faq-list{display:grid;gap:10px}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;font-size:16px;font-weight:800}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';font-size:25px;font-weight:500;line-height:1}
.faq-item[open] summary:after{content:'−'}
.faq-answer{padding:0 23px 23px;color:var(--ink-soft);font-size:14px;line-height:1.65;max-width:760px}
@media(max-width:980px){.faq-wrap{grid-template-columns:1fr}.faq-intro{position:static}}