*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:#142a3e;font:16px/1.55 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ed9e36;outline-offset:4px}button,a{touch-action:manipulation}.wrap{width:min(1200px,89%);margin:auto}header{background:white;position:relative;z-index:5}.head{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.logo{display:block;width:144px}nav,.actions,.stores{display:flex;align-items:center;gap:30px}nav a,.login{font-size:14px;font-weight:600}nav a:hover,.textlink:hover{text-decoration:underline}.login,.button,.stores a{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:7px;font-weight:650}.login{background:#142f48;color:white;padding:11px 19px}.login span,.button span{font-size:20px;line-height:1}#menu{display:none}.hero{position:relative;background:#193242;color:white;overflow:hidden}.hero-inner{position:relative;min-height:470px;padding-block:64px;display:flex;align-items:center}.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2.1px;font-weight:750}.eyebrow i{width:23px;height:2px;background:#82c7ff}.hero .eyebrow{color:#bce2ff}.hero h1{font-size:clamp(58px,6.4vw,96px);line-height:1.02;letter-spacing:-.065em;margin:21px 0 17px;font-weight:600}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:#b9ddff}.hero-copy p{color:#ebf4fb;font-size:17px;margin:0 0 27px}.actions,.stores{gap:13px}.button{padding:13px 20px;font-size:14px;min-height:48px}.primary{color:white;background:#246cc1}.primary:hover{background:#16589e}.hero .primary{background:#eff7ff;color:#153652}.glass{border:1px solid #b0c5d3;background:#18384c66;color:white}.hero-note{position:absolute;bottom:36px;right:0;border:1px solid #ffffff50;border-radius:10px;background:#112c40b8;backdrop-filter:blur(10px);padding:14px 16px;display:flex;gap:12px;align-items:center}.hero-note small,.hero-note strong{display:block}.hero-note small{font-size:9px;letter-spacing:1.5px;color:#bcdaf3}.hero-note strong{font-size:13px;font-weight:550}.note-icon{padding:8px;border-radius:6px;background:#ffffff17}.trust{background:#f5f9fc;border-bottom:1px solid #dde7ee}.trust-inner{display:flex;justify-content:space-around;align-items:center;padding:18px 0;gap:16px}.trust span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.trust b{color:#4874a0}.section{padding-block:60px}.blue{color:#3772a7}.blue i{background:#649ccb}h2{font-size:clamp(32px,3.1vw,47px);line-height:1.14;letter-spacing:-.05em;margin:13px 0 10px;font-weight:650}.sub,.app p,dialog p{color:#536677}.sub{margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{font:inherit;text-align:left;color:inherit;border:1px solid #dae4ec;background:white;border-radius:12px;padding:21px;cursor:pointer;position:relative;transition:.18s}.card:hover{transform:translateY(-3px);border-color:#86accb;box-shadow:0 8px 22px #21486010}.tile{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:11px}.card h3,.app h3,footer h3{font-size:21px;letter-spacing:-.035em;margin:17px 0 5px}.card p{font-size:14px;line-height:1.55;color:#596b7b;margin:0}svg{display:block;width:20px;height:20px}.tile svg{width:24px;height:24px}.tint{background:#f2f7fb}.calculator{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:white;border:1px solid #d9e4ed;padding:30px;border-radius:14px}label{display:flex;justify-content:space-between;font-size:14px;font-weight:600}output{color:#2569a8}input[type=range]{width:100%;accent-color:#327bbd;margin:13px 0 21px}.result{background:#153650;border-radius:10px;padding:24px;color:white}.result strong{display:block;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.bar{background:#88c7ee;height:7px;border-radius:4px;overflow:hidden;margin:15px 0 19px}.bar i{background:#4b84c5;height:100%;display:block}.result p{display:flex;justify-content:space-between;font-size:14px;margin:7px 0}.fine{display:block;color:#57697a;margin-top:13px}.about,.footgrid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.textlink{color:#2164aa;font-weight:600}.app{background:#eff5fb;padding:27px;border-radius:12px}.app p{margin:6px 0 18px}.stores a{border:1px solid #c1d2df;padding:8px 13px;font-size:14px;background:white}footer{background:#142e43;color:white;padding:42px 0 20px}.footgrid{grid-template-columns:minmax(0,265px) minmax(0,1fr) minmax(120px,.65fr);align-items:start;gap:clamp(20px,3vw,40px)}.footicon{width:38px;border-radius:8px}.footgrid h3{margin-top:5px}footer p,footer a,.disclosure{font-size:14px;color:#d0dde6}footer a{display:block;margin:6px 0}footer a:hover{text-decoration:underline}h4{margin:10px 0}.disclosure{border-top:1px solid #ffffff30;margin-top:25px;padding-top:15px;font-size:12px}dialog{border:0;border-radius:16px;max-width:min(90vw,500px);padding:34px;color:inherit;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102437aa}dialog h2{font-size:34px}.close,#menu{border:0;background:transparent;cursor:pointer;color:inherit}.close{position:absolute;right:13px;top:6px;font-size:26px}
@media(max-width:940px){.hero-note{display:none}.cards{grid-template-columns:1fr 1fr}nav{gap:15px}.head{gap:12px}}
@media(max-width:720px){.wrap{width:89%}.head{min-height:65px}.logo{width:113px}.login{margin-left:auto;padding:8px 12px;font-size:12px}#menu{display:block;font-size:23px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:18px 5.5%;border-top:1px solid #ddd;box-shadow:0 6px 14px #142e431c}nav.open{display:grid}.hero-inner{min-height:420px;padding:48px 0}.hero:before{background-position:60% center}.hero-copy p{font-size:16px}.wide{display:none}.button{padding:12px 14px;font-size:13px}.trust-inner{gap:8px}.trust span{font-size:10px;flex-direction:column;text-align:center;gap:5px}.section{padding-block:44px}.cards{gap:10px}.card{padding:15px}.card h3{font-size:18px}.card p{font-size:13px}.calculator,.about,.footgrid{grid-template-columns:1fr;gap:23px}.calculator{padding:19px}.hero h1{font-size:clamp(54px,11vw,76px)}.sub{font-size:15px}.actions{flex-wrap:wrap}.footgrid{gap:12px}.tile{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
:root{--logo-blue:#4787e1;--logo-sky:#52aae9;--ink:#213d62;--brand-dark:#235fac;--wash:#f0f7fe}
body{color:var(--ink)}.hero{background:linear-gradient(118deg,#eef7ff 4%,#eaf4ff 48%,#e0f0fc);color:var(--ink)}.family{position:absolute;inset:0 0 0 auto;width:55%;height:100%;object-fit:cover;object-position:52% 41%;mask-image:linear-gradient(90deg,transparent,#000 16%)}.hero-inner{min-height:465px}.hero-copy{width:49%}.hero h1 em{color:#357ac5}.hero .eyebrow,.blue,.textlink,.trust b{color:var(--brand-dark)}.hero .eyebrow i,.blue i{background:var(--logo-sky)}.hero-copy p{color:#425c76}.login,.primary,.hero .primary{background:var(--brand-dark);color:white}.login:hover,.primary:hover{background:#194e93}.glass{border-color:#9bbcdf;color:var(--brand-dark);background:#ffffffc7}.trust,.tint{background:var(--wash)}.tile{background:#e9f4ff!important;color:#3679bf!important}.result{background:linear-gradient(120deg,#225ca7,#316eae)}.bar{background:#a9d8fa}.bar i{background:var(--logo-blue)}input[type=range]{accent-color:var(--logo-blue)}.about{display:block}.about .sub{max-width:68ch}.app-showcase{background:linear-gradient(120deg,#edf6ff,#d5eaff);overflow:hidden}.app-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:48px 3%}.app-copy h2{font-size:clamp(38px,4.2vw,65px)}.app-copy p{color:#456079;max-width:42ch}.stores a{color:#225ca7}.app-layout figure{margin:0;display:grid;justify-items:center}.phone{position:relative;width:clamp(172px,18vw,232px);padding:9px;border-radius:32px;background:linear-gradient(115deg,#646970,#13161b 7%,#363a3f 71%,#858b90 95%,#28292a);box-shadow:0 16px 25px -10px #13457855,inset 0 0 0 1px #81868c}.phone img{display:block;width:100%;height:auto;border-radius:24px;border:2px solid #15181a}.phone:before,.phone:after{content:"";position:absolute;width:3px;left:-2px;top:22%;height:8%;background:#363a3f;border-radius:2px}.phone:after{left:auto;right:-2px;top:29%;height:10%}figcaption{display:flex;gap:12px;align-items:center;margin-top:15px;font-size:12px;color:#48617c}#motion{border:1px solid #a7c6e4;background:white;border-radius:16px;color:#24578b;padding:4px 11px;cursor:pointer;font-size:12px}footer{background:#193f6a;border-top:5px solid var(--logo-blue)}
@media(max-width:900px) and (min-width:721px){.hero-copy{width:55%}.family{width:48%}.wide{display:none}}
@media(max-width:720px){.hero{display:flex;flex-direction:column}.hero-inner{order:0;min-height:auto;padding:34px 0 26px}.hero-copy{width:100%}.family{position:static;order:1;width:100%;height:clamp(240px,57vw,390px);object-position:50% 39%;mask-image:none}.app-layout{grid-template-columns:1fr;gap:30px;padding:35px 0}.app-copy h2 br{display:none}.app-copy h2{max-width:13ch}.phone{width:190px}}
.hero{background:radial-gradient(ellipse at 88% 80%,#18467a 0%,transparent 48%),linear-gradient(118deg,#071020 12%,#0a1930 59%,#0b2247);color:white;isolation:isolate}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:510px;gap:4%;padding-block:66px}.hero-copy{width:auto;position:relative;z-index:2}.hero h1{font-size:clamp(50px,5.8vw,84px);font-weight:550;letter-spacing:-.065em;line-height:1.04}.hero h1 em{font:inherit;color:#85c8ff}.hero .eyebrow{color:#9accff}.hero-copy p{max-width:41ch;color:#cfdef1}.hero .primary{background:#aad9ff;color:#0c2845}.hero .glass{background:#ffffff09;border-color:#7890ac;color:white}.device-stage{position:relative;display:grid;place-items:center;min-height:300px}.device-hero{width:106%;max-width:620px;height:auto;z-index:1;filter:drop-shadow(0 30px 15px #03081077);animation:float-phone 6s ease-in-out infinite}.hero-copy{animation:rise-in .7s ease-out both}.trust{background:#101e34;border-color:#25395a}.trust span,.trust b{color:#d2e9ff}.app-showcase{background:radial-gradient(ellipse at 70% 65%,#254e80,transparent 55%),#0c192c;color:white}.app-copy p,figcaption{color:#d0dff0}.app-copy .stores a{background:#bfe1ff;color:#133354}.app-layout{padding-block:65px}.app-layout figure{perspective:900px}.phone{width:clamp(198px,19vw,248px);aspect-ratio:71.9/150;padding:2.7%;padding:6px;border-radius:16% / 7.7%;background:linear-gradient(100deg,#aeb5bc,#53585e 5%,#24282e 12%,#6d7379 87%,#c9cdd2 97%,#41474d);box-shadow:0 25px 40px #0005,inset 0 0 1px 1px #d2d7d9}.phone img{height:100%;object-fit:fill;border-radius:14.3% / 6.7%;border:2px solid #13171c}.card:hover .tile{transform:translateY(-2px)}.tile{transition:transform .2s}.reveal-once{animation:rise-in .65s ease both}@keyframes float-phone{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(0)}}@keyframes rise-in{from{opacity:.2;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:38px 0 18px;gap:10px}.hero-copy p{margin-bottom:16px}.device-stage{min-height:0;padding:13px 0 12px}.device-hero{width:84%;max-width:370px}.hero h1{font-size:clamp(48px,11.3vw,75px)}.app-layout{padding-block:42px}}
@media(prefers-reduced-motion:reduce){.device-hero,.hero-copy,.reveal-once{animation:none}}
.hero-device{display:block;width:106%;max-width:620px;z-index:1}.hero-device .device-hero{width:100%;display:block}@media(max-width:720px){.hero-device{width:84%;max-width:370px}}

/* Brand colours and the front-facing iPhone. The capture includes its own status area. */
:root{--logo-blue:#4787e1;--logo-sky:#52aae9;--ink:#353c45;--brand-dark:#2363ae;--wash:#f1f8ff}
.hero{background:linear-gradient(112deg,#e0effb 0%,#c4e3f9 45%,var(--logo-sky) 80%,#4784df 100%);color:var(--ink)}
.hero-inner{padding-block:40px}.hero h1 em{color:#3478c8}.hero-copy p{color:#42576a}.hero .eyebrow,.blue,.trust b{color:var(--brand-dark)}
.hero .primary,.login,.primary{background:var(--brand-dark);color:white}.hero .glass{background:#ffffffc9;color:var(--brand-dark);border-color:#98bde2}
.device-stage{height:440px}
.hero-device.phone{width:201px;max-width:100%;aspect-ratio:auto;padding:6px;border-radius:32px;animation:float-upright 5.5s ease-in-out infinite;box-shadow:0 18px 30px -9px #23548555,inset 0 0 0 1px #aab4be}
.hero-device .device-hero{width:100%;max-width:none;height:auto;object-fit:contain;display:block;animation:none;filter:none;border-radius:26px}
.trust,.app-showcase,footer{background:linear-gradient(110deg,#ecf5ff,#daefff);color:var(--ink)}.trust{border-color:#c9e0f3}.trust span,.app-copy p,figcaption,footer p,footer a,.disclosure{color:#354f68}.app-copy .stores a{background:white;color:var(--brand-dark)}
footer{border-top:3px solid var(--logo-blue)}.disclosure{border-color:#b1d1ea}.result{background:linear-gradient(125deg,#2765ae,#3477b7)}.bar{background:#b4dffc}.bar i{background:var(--logo-blue)}
@keyframes float-upright{0%,100%{transform:translateY(5px)}50%{transform:translateY(-6px)}}
@media(max-width:720px){.hero{background:linear-gradient(155deg,#e0effb 0%,#c4e3f9 45%,var(--logo-sky) 80%,#4784df 100%)}.hero-inner{padding:34px 0 20px}.device-stage{height:365px;padding:0}.hero-device.phone{width:155px;border-radius:27px}.hero-device .device-hero{border-radius:21px}}
@media(prefers-reduced-motion:reduce){.hero-device.phone{animation:none}}
.planner-switch{display:flex;flex-wrap:wrap;gap:6px;background:#dfecf9;border-radius:12px;padding:5px;width:fit-content;margin:22px 0}.planner-switch button{background:transparent;border:0;color:#264d73;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer}.planner-switch button[aria-pressed=true]{background:#2363ae;color:white}.planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px;align-content:start}.planner-fields label{display:grid;align-content:end;gap:5px}.planner-fields input{width:100%;padding:9px;border:1px solid #adc6dc;background:white;color:#213d62;border-radius:6px}.planner-fields input:invalid{border-color:#a53e32}#calculator h3{font-size:22px;letter-spacing:-.025em;margin-bottom:5px}#extra-planners .result{align-self:start}#extra-planners .result p{gap:12px}#extra-planners .result b{white-space:nowrap}#extra-planners .result small:last-child{display:block;margin-top:16px}@media(max-width:490px){.planner-switch{gap:2px}.planner-switch button{padding:8px 10px;font-size:14px}.planner-fields{grid-template-columns:1fr}}
.app-layout .phone{aspect-ratio:auto}.hero-device .device-hero,.phone #tour{height:auto;aspect-ratio:382/846;object-fit:cover;object-position:center top;background:#477ddf}
.hero-device.phone::after,.app-layout .phone::after{content:"";position:absolute;left:50%;right:auto;top:3%;width:24%;height:2.4%;border-radius:99px;background:#17191c;transform:translateX(-50%);pointer-events:none}

.sip-inflation{justify-content:flex-start;align-items:center;gap:8px}.sip-inflation input{accent-color:var(--brand-dark)}

@media (min-width: 721px) {
  .hero-device.phone { justify-self: end; }
}

.footgrid {
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
  gap: 24px clamp(24px, 4vw, 64px);
}
.footer-brand, .footer-navigation {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer-brand h3, .footer-contact h4, .footer-navigation h4 { margin: 0; }
.footer-company p { margin: 12px 0 0; line-height: 1.6; }
.footer-contact h4 { margin-bottom: 10px; }
.footer-navigation {
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding-block: 15px;
  border-block: 1px solid #b1d1ea;
}
.footer-navigation a { margin: 0; }
#contact .disclosure { border: 0; margin: 0; padding-top: 14px; }
@media (max-width: 600px) {
  .footgrid { grid-template-columns: 1fr; gap: 20px; }
  .footer-navigation { display: grid; grid-template-columns: 1fr 1fr; }
  .footer-navigation h4 { grid-column: 1 / -1; }
}

.about { display: grid; }
.about-photo { display: block; width: 100%; height: auto; border-radius: 18px; }