:root{
  --navy:#071525;--navy2:#0d2035;--ink:#102236;--sky:#eaf6ff;--soft:#f6f9fc;--white:#fff;
  --teal:#09a8a1;--teal2:#57d4c6;--blue:#1677ff;--gold:#f2b84b;--red:#d94a58;--green:#16875c;
  --muted:#63778c;--line:#dfe8f0;--shadow:0 24px 70px rgba(7,21,37,.12);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#061426;color:#dbe9f7;text-align:center;padding:10px 16px;font-size:13px}.topbar strong{color:#7be5d9}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.035em;font-size:21px;color:#071525}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal2),#7bb5ff);font-weight:1000;color:#071525}.nav-links{display:flex;gap:24px;align-items:center;font-size:14px;color:#52677c}.nav-links a:hover,.nav-links a.active{color:#071525}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s transform,.18s box-shadow}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--teal),#42cabb);color:white;box-shadow:0 12px 30px rgba(9,168,161,.2)}.btn-dark{background:#071525;color:white}.btn-light{background:#fff;border:1px solid var(--line);color:#102236}
.hero{padding:76px 0 64px;background:radial-gradient(800px 420px at 85% 10%,rgba(22,119,255,.12),transparent 60%),radial-gradient(700px 400px at 10% 0%,rgba(9,168,161,.12),transparent 60%),#fff}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#e9fbf8;border:1px solid #c9f0e9;color:#087b76;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}h1{font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:20px 0 22px;color:#071525}.gradient{background:linear-gradient(90deg,#071525,#087f7a,#1677ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:#607489;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.micro{font-size:12px;color:#7b8da0}.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust span{padding:8px 11px;border-radius:999px;background:#f5f8fb;border:1px solid var(--line);font-size:12px;font-weight:750;color:#496075}.screen-card{background:linear-gradient(180deg,#f7fbff,#eef7fb);border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow);text-align:center}.screen-card img{width:100%;height:auto;border-radius:25px;display:block}.caption{font-size:12px;color:#71859a;margin-top:12px}
.section{padding:82px 0}.section.alt{background:#f6f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.dark{background:#071525;color:white}.section-head{max-width:820px;margin-bottom:36px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:950}h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:10px 0 16px}.section.dark .kicker{color:#73e2d6}.section.dark .lead{color:#b9c9d9}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;box-shadow:0 10px 30px rgba(7,21,37,.04)}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eafaf8;color:#078f89;font-size:20px;margin-bottom:18px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eff5fb;border:1px solid #dce6ef;font-size:11px;font-weight:850;color:#4c6276}.tag.green{background:#eaf8f2;border-color:#ccebdd;color:#11704f}.tag.gold{background:#fff6e5;border-color:#f7dfad;color:#8a6519}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;position:relative;overflow:hidden}.portal:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-50px;top:-60px;background:rgba(9,168,161,.08)}.portal h3{font-size:24px;margin:10px 0 6px}.portal p{color:var(--muted);font-size:14px}.portal .status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;color:#137052;margin-top:16px}.portal .status i{width:8px;height:8px;border-radius:50%;background:#17a86f}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.step .num{width:31px;height:31px;border-radius:10px;background:#071525;color:#fff;display:grid;place-items:center;font-weight:950;font-size:12px;margin-bottom:14px}.step h3{font-size:17px;margin:0 0 7px}.step p{font-size:13px;color:var(--muted);margin:0}
.au-regs{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.reg-list{display:grid;gap:12px}.reg{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px}.reg-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}.reg strong{font-size:16px}.reg p{margin:0;color:var(--muted);font-size:13px}.reg a{color:#0a7975;font-weight:800}.compliance-box{border-radius:25px;padding:28px;background:#071525;color:#fff;position:sticky;top:98px}.compliance-box h3{font-size:26px;margin:0 0 12px}.compliance-box p{color:#c1d0df}.checklist{list-style:none;padding:0;margin:20px 0;display:grid;gap:11px}.checklist li{display:flex;gap:10px;font-size:14px}.checklist li:before{content:"✓";color:#72dfd3;font-weight:1000}
.agent-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.agent-panel{border-radius:26px;padding:30px;background:linear-gradient(150deg,#071525,#0d2c46);color:white}.agent-panel h3{font-size:30px;margin:0 0 12px}.agent-panel p{color:#bcd0df}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.choice{padding:17px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06)}.choice strong{display:block;margin-bottom:4px}.choice span{font-size:12px;color:#bcd0df}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{border:1px solid var(--line);border-radius:24px;background:#fff;padding:16px;text-align:center}.gallery-item img{width:100%;height:auto;border-radius:19px;display:block}.gallery-item h3{margin:14px 0 5px}.gallery-item p{font-size:13px;color:var(--muted);margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.price-card{border-radius:28px;padding:34px;background:linear-gradient(160deg,#071525,#0d2c46);color:#fff;box-shadow:var(--shadow)}.old{text-decoration:line-through;color:#8da3b8}.price{font-size:66px;font-weight:1000;letter-spacing:-.06em;line-height:1;margin:5px 0}.price small{font-size:20px;letter-spacing:0}.price-card .checklist{color:#e9f5ff}.price-card .micro{color:#9fb4c7}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}.contact-card{border:1px solid var(--line);border-radius:26px;padding:30px;background:#fff}.contact-list{display:grid;gap:12px;margin-top:18px}.contact-list div{padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.contact-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:850;color:#455c72}.field input,.field textarea,.field select{width:100%;border:1px solid #ccd9e5;border-radius:12px;padding:13px 14px;background:#fff;color:#102236;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#51bdb6;box-shadow:0 0 0 3px rgba(9,168,161,.09)}.status-box{display:none;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:800}.status-box.show{display:block}.status-box.ok{background:#eaf8f2;color:#11704f}.status-box.error{background:#fff0f2;color:#a53240}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.source-list{display:grid;gap:10px}.source{padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid var(--line);font-size:13px}.source a{color:#0a7975;font-weight:800}.notice{padding:14px 16px;border-radius:15px;background:#fff8e9;border:1px solid #f2dda8;color:#76551a;font-size:13px}.cta{padding:58px 28px;border-radius:30px;text-align:center;background:linear-gradient(135deg,#eafaf8,#eef6ff);border:1px solid var(--line)}.cta h2{max-width:800px;margin:0 auto 14px}.cta p{max-width:700px;margin:0 auto 24px;color:var(--muted)}footer{padding:42px 0;background:#061426;color:#9fb1c3;font-size:12px}.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.legal{max-width:760px;line-height:1.65}
@media(max-width:1020px){.nav-links{display:none}.hero-grid,.au-regs,.agent-split,.contact-layout,.two-col{grid-template-columns:1fr}.grid-3,.portal-grid,.gallery{grid-template-columns:1fr 1fr}.grid-4,.process{grid-template-columns:1fr 1fr}.compliance-box{position:static}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.nav-actions .btn-light{display:none}.hero{padding-top:50px}.grid-3,.portal-grid,.gallery,.grid-4,.process,.choice-row,.form-row{grid-template-columns:1fr}.price{font-size:58px}}

/* Worked sale example */
.example-callout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.money-card{padding:30px;border-radius:26px;background:linear-gradient(155deg,#071525,#0d2c46);color:#fff;box-shadow:var(--shadow)}.money-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#72dfd3;font-weight:900}.money-card>strong{display:block;font-size:54px;line-height:1;letter-spacing:-.05em;margin:10px 0 8px}.money-card>small{display:block;color:#a9bfd1;margin-bottom:22px}.money-mini{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid rgba(255,255,255,.12)}.money-mini b{font-size:13px}.money-mini em{font-style:normal;font-weight:900}
.calc-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:start}.calc-panel{border:1px solid var(--line);border-radius:26px;background:#fff;padding:26px;box-shadow:0 12px 35px rgba(7,21,37,.05)}.calc-panel.sticky{position:sticky;top:98px}.control-list{display:grid;gap:12px;margin-top:20px}.control-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:#f9fbfd}.control-row strong{display:block}.control-row span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#cad6e0;border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:.2s}.switch input:checked + .slider{background:var(--teal)}.switch input:checked + .slider:before{transform:translateX(22px)}
.range-wrap{padding:15px;border:1px solid var(--line);border-radius:16px;background:#f9fbfd}.range-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.range-head output{font-weight:950;color:#087f7a}.range-wrap input[type=range]{width:100%;accent-color:var(--teal);margin-top:12px}.cost-table{width:100%;border-collapse:collapse;margin-top:16px}.cost-table th,.cost-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.cost-table th:last-child,.cost-table td:last-child{text-align:right}.cost-table .total td{font-size:18px;font-weight:950;border-bottom:0;padding-top:16px}.cost-table .muted-row td{color:#7890a6}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.compare-box{border:1px solid var(--line);border-radius:18px;padding:18px}.compare-box.good{border-color:#bde7dc;background:#effbf7}.compare-box.trad{background:#f7f9fb}.compare-box .label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#607489}.compare-box strong{display:block;font-size:32px;letter-spacing:-.04em;margin:4px 0}.net-strip{margin-top:16px;padding:20px;border-radius:20px;background:#071525;color:#fff}.net-strip .net-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.net-strip span{font-size:11px;color:#9fb4c7;text-transform:uppercase;letter-spacing:.08em}.net-strip strong{display:block;font-size:26px;margin-top:4px}.savings-hero{margin-top:18px;padding:25px;border-radius:22px;background:linear-gradient(135deg,#dff8f2,#e9f3ff);border:1px solid #c9e7e1}.savings-hero span{font-size:12px;color:#4b657b;font-weight:850}.savings-hero strong{display:block;font-size:48px;letter-spacing:-.05em;color:#087b76;line-height:1.05;margin:5px 0}.savings-hero small{color:#61788f}.assumption{padding:12px 14px;border-radius:13px;background:#f7f9fb;border:1px solid var(--line);font-size:12px;color:#607489;margin-top:12px}.fee-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf8f2;color:#11704f;font-size:11px;font-weight:900}.process-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.process-flow .flow{padding:15px;border-radius:16px;border:1px solid var(--line);background:#fff}.process-flow .flow b{display:block;font-size:13px;margin:8px 0 4px}.process-flow .flow span{font-size:11px;color:var(--muted)}
@media(max-width:1020px){.example-callout,.calc-shell{grid-template-columns:1fr}.calc-panel.sticky{position:static}.process-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.compare-grid,.net-strip .net-grid{grid-template-columns:1fr}.process-flow{grid-template-columns:1fr 1fr}.money-card>strong,.savings-hero strong{font-size:42px}}