:root{--ink:#101114;--blue:#0071e3;--soft:#f5f5f7;--nav:52px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure{margin:0}body{min-width:320px;background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.topbar{height:var(--nav);background:#101114;color:#fff}.topbar-inner{height:100%;width:min(1180px,calc(100% - 52px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:25px;font-weight:800;letter-spacing:-.06em}.topbar nav{display:flex;gap:30px}.topbar nav a{font-size:13px;font-weight:500}.hero{height:calc(100svh - var(--nav));min-height:690px;max-height:900px;overflow:hidden;background:radial-gradient(circle at 50% 77%,#fff 0,#f9fafc 38%,#edf1f6 78%,#e8edf3 100%);display:grid;grid-template-rows:auto minmax(0,1fr);padding:clamp(30px,4.5vh,54px) 22px 12px;text-align:center}.hero-copy{z-index:2}.hero h1{font-size:clamp(44px,4.65vw,72px);line-height:1.01;letter-spacing:-.055em;font-weight:650}.hero-copy>p{margin-top:13px;font-size:clamp(18px,1.5vw,24px);line-height:1.3;font-weight:450;letter-spacing:-.02em}.primary{border:0;border-radius:999px;background:var(--blue);color:#fff;min-height:46px;padding:0 23px;margin-top:20px;font-size:16px;font-weight:550;cursor:pointer;box-shadow:0 4px 12px #006edb25}.fan{align-self:end;justify-self:center;width:min(1100px,94vw);height:min(53svh,505px);display:flex;align-items:flex-end;justify-content:center}.phone{--w:min(16.4vw,190px);position:relative;width:var(--w);aspect-ratio:237/512;padding:5px;border:0;border-radius:13%/6.1%;background:linear-gradient(112deg,#e4e6e8,#62666c 8%,#14161a 18%,#3d4045 82%,#bfc3c8 96%,#46484d);box-shadow:0 20px 38px -20px #0008,0 0 0 1px #555;transform-origin:50% 100%;margin-inline:-.7%;overflow:hidden}.phone>span{display:block;width:100%;height:100%;overflow:hidden;border-radius:11.6%/5.3%;background:#fff}.phone img{width:100%;height:100%;object-fit:fill;filter:none;transform:none}.phone::after{content:"";position:absolute;top:2.4%;left:39%;width:22%;height:2.5%;border-radius:999px;background:#111}.p1{transform:translateY(28px) rotate(-8deg);z-index:1}.p2{transform:translateY(9px) rotate(-4deg);z-index:2}.p3{--w:min(18.4vw,216px);transform:translateY(0);z-index:5}.p4{transform:translateY(9px) rotate(4deg);z-index:2}.p5{transform:translateY(28px) rotate(8deg);z-index:1}.availability{margin:auto;width:min(340px,calc(100% - 30px));border:1px solid #d7dbe0;border-radius:24px;background:#fff;box-shadow:0 25px 90px #07111c3d;padding:28px;text-align:left}.availability::backdrop{background:#0a0d12b8}.availability img{width:56px;height:56px;border-radius:13px}.availability h2{font-size:24px;margin-top:17px}.availability p{font-size:15px;line-height:1.45;margin-top:7px}.availability button{position:absolute;top:10px;right:10px;border:0;border-radius:50%;width:38px;height:38px;background:#eef0f3;font-size:24px}.how{min-height:100svh;padding:clamp(78px,9vh,105px) clamp(20px,4vw,56px) 82px;background:#fff}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:clamp(48px,5.2vw,78px);line-height:1;letter-spacing:-.055em;font-weight:650}.steps-grid{width:min(1340px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{min-height:530px;overflow:hidden;border-radius:30px;background:var(--soft);padding:34px 34px 0;display:flex;flex-direction:column;text-align:center}.step-no{font-size:13px;font-weight:650;letter-spacing:.08em;color:#6e737b}.step-card h3{font-size:clamp(28px,2.4vw,40px);line-height:1.06;letter-spacing:-.045em;font-weight:620;margin-top:13px}.visual{flex:1;min-height:0;display:grid;place-items:center;padding:28px 0}.icon-visual img{width:min(68%,250px);filter:drop-shadow(0 26px 26px #6176a532)}.optimise-card{background:linear-gradient(145deg,#eef8ff,#f8f4ff 45%,#fff7f1)}.optimise-visual svg{width:min(95%,390px)}.follow-card{background:#f0f2f5}.mini-phone{width:min(58%,220px);padding:5px;border-radius:13%/6.2%;background:#17191d;box-shadow:0 26px 45px -25px #0008,0 0 0 1px #7b7f84}.mini-phone img{border-radius:11.5%/5.5%;width:100%}.reach{min-height:100svh;background:#050607;color:#fff;padding:clamp(72px,8vh,110px) 24px 68px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,860px);grid-template-rows:auto auto;gap:28px 7vw;align-items:center}.reach-copy{justify-self:end;text-align:right}.reach-copy .step-no{color:#8d939b}.reach h2{font-size:clamp(52px,6vw,90px);line-height:.96;letter-spacing:-.06em;font-weight:630;margin-top:14px;max-width:6em}.reach-art{width:100%;overflow:hidden;border-radius:26px;background:#101114;box-shadow:0 35px 90px #0008}.reach-art img{width:100%;height:auto}.guarantee{grid-column:1/-1;justify-self:center;font-size:clamp(18px,1.9vw,28px);font-weight:540;letter-spacing:-.03em;border-bottom:1px solid #ffffff55;padding-bottom:4px}.preview{padding:110px 24px 130px;text-align:center}.preview>h2{font-size:clamp(46px,5vw,76px);letter-spacing:-.055em}.preview-card{width:min(1120px,100%);min-height:570px;margin:48px auto 0;border-radius:32px;background:linear-gradient(130deg,#e7eff8,#f6f6fa);display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:left;padding:60px}.preview-card h3{font-size:clamp(40px,4.5vw,65px);line-height:1.02;letter-spacing:-.055em}.preview-card p{font-size:18px;line-height:1.5;margin-top:17px;max-width:390px}.preview-phone{justify-self:center;width:min(250px,70%);padding:5px;background:#16181d;border-radius:13%/6.2%}.preview-phone img{border-radius:11.5%/5.5%}footer{min-height:78px;border-top:1px solid #e2e4e7;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));font-size:13px}footer>span{font-size:20px;font-weight:800}footer nav{display:flex;gap:20px}@media(max-width:800px){.topbar-inner{width:calc(100% - 34px)}.topbar nav{gap:16px}.hero{min-height:640px;padding-top:32px}.hero h1{font-size:clamp(38px,10vw,55px)}.hero-copy>p{font-size:17px}.fan{height:min(46svh,385px);width:100%}.phone{--w:min(19.2vw,150px);padding:3px;margin-inline:-1.5%}.p3{--w:min(22vw,172px)}.steps-grid{grid-template-columns:1fr}.step-card{min-height:480px}.how{height:auto}.reach{grid-template-columns:1fr;text-align:center}.reach-copy{justify-self:center;text-align:center}.reach h2{max-width:none}.reach-art{width:min(900px,100%);justify-self:center}.preview-card{grid-template-columns:1fr;text-align:center;gap:40px;padding:40px 24px}.preview-card p{margin-inline:auto}.preview-phone{width:min(220px,70%)}.guarantee{font-size:18px}}@media(max-height:700px) and (min-width:801px){.hero{padding-top:18px}.hero h1{font-size:clamp(38px,4.5vw,55px)}.hero-copy>p{margin-top:7px;font-size:17px}.primary{margin-top:12px;min-height:40px}.fan{height:48svh}.phone{--w:min(14vw,165px)}.p3{--w:min(15.8vw,184px)}}
