:root{--navy:#12213b;--brand:#2b4c7e;--soft:#e8eef8;--bg:#f6f7fb;--line:#e4e8f0;--muted:#5b6a85;--green:#1e9e76;--purple:#6b5b95;--orange:#b5762b;--pink:#c2417a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}p,h1,h2,h3,h4{margin-top:0}.header{height:78px;max-width:1320px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.header>a>img{width:142px;display:block}.header nav{display:flex;gap:34px;font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:9px;padding:15px 20px;font-size:14px;font-weight:650}.btn.small{padding:11px 16px;font-size:13px}.hero{background:var(--bg);border-top:1px solid var(--line);padding:90px max(30px,calc((100vw - 1260px)/2)) 110px;overflow:hidden}.hero-copy{text-align:center;max-width:800px;margin:auto}.kicker,.label{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.kicker{display:flex;align-items:center;justify-content:center;gap:9px}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(52px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.lead{max-width:650px;margin:0 auto 30px;font-size:18px;line-height:1.65;color:var(--muted)}.actions{display:flex;justify-content:center;align-items:center;gap:24px}.quiet{font-size:14px;font-weight:600;border-bottom:1px solid #aab5c8;padding:8px 0}.reassure{display:block;color:#7c899e;margin:22px 0 70px;font-size:12px}.window{background:#fff;border:1px solid #ccd4e1;border-radius:16px;box-shadow:0 35px 80px rgba(18,33,59,.16);overflow:hidden;max-width:1180px;margin:auto}.windowbar{height:39px;background:#edf0f5;border-bottom:1px solid #dbe0e8;display:flex;align-items:center;padding:0 15px;gap:6px}.windowbar i{width:8px;height:8px;border-radius:50%;background:#c9ced8}.windowbar span{font-size:10px;color:#7b879a;margin:auto}.shell{display:grid;grid-template-columns:185px 1fr;min-height:520px}.shell aside{background:var(--navy);padding:25px 14px;color:#c8d1df;display:flex;flex-direction:column;gap:6px}.shell aside>img{width:115px;filter:brightness(0) invert(1);margin:0 8px 29px}.shell aside>a{padding:11px 12px;border-radius:8px;font-size:12px;display:flex;gap:10px}.shell aside>a.on{background:#fff;color:var(--navy);font-weight:700}.shell aside>a b{margin-left:auto;background:var(--green);color:white;border-radius:20px;padding:2px 6px;font-size:9px}.profile{margin-top:auto;border-top:1px solid #34435a;padding:17px 5px 0;display:flex;align-items:center;gap:10px}.profile>i{width:30px;height:30px;background:var(--soft);color:var(--brand);display:grid;place-items:center;border-radius:50%;font:700 10px system-ui}.profile p{margin:0;font-size:10px}.profile small{display:block;color:#8290a5}.app{padding:30px 28px;min-width:0}.apptitle{display:flex;justify-content:space-between;align-items:center}.apptitle small{font-size:8px;letter-spacing:.12em;color:#7e8a9d}.apptitle h2{font-size:24px;margin:5px 0}.apptitle button{background:var(--brand);color:#fff;border:0;border-radius:7px;padding:10px 13px;font-size:10px}.toolbar{height:50px;border:1px solid var(--line);border-radius:8px 8px 0 0;margin-top:18px;display:flex;align-items:center;padding:0 10px;gap:6px}.toolbar button{background:#fff;border:1px solid var(--line);border-radius:5px;height:27px;font-size:9px}.toolbar>span{flex:1}.toolbar label{font-size:9px;color:var(--muted)}.toolbar label i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.calendar{border:1px solid var(--line);border-top:0;overflow:hidden}.chead,.crow{display:grid;grid-template-columns:92px repeat(7,1fr)}.chead{padding-left:92px}.chead b{font-size:8px;text-align:center;padding:12px 3px;color:#7b879a;border-left:1px solid var(--line)}.chead .selected{color:var(--brand);background:var(--soft)}.crow{border-top:1px solid var(--line);min-height:82px}.crow>strong{font-size:9px;padding:15px 10px}.crow>span{border-left:1px solid var(--line);padding:10px 6px;text-align:center;font-size:10px;color:#a4adbb}.crow>span.today{background:#f6f8fc}.crow small{display:block;font-size:7.5px;color:var(--muted);margin-top:5px}.crow em{display:inline-block;border-radius:4px;padding:4px 7px;font-style:normal;font-size:7.5px;font-weight:700}.crow .orange{background:#f7ecdd;color:var(--orange)}.crow .green{background:#e4f5ef;color:var(--green)}.crow .purple{background:#eeebf6;color:var(--purple)}.crow .pink{background:#fbeaf1;color:var(--pink)}.crow .blue{background:var(--soft);color:var(--brand)}.open{border:1px dashed #9cabc0;background:#fff;border-radius:4px;color:var(--brand);font-size:7px;padding:5px}.problem,.audiences{padding:130px max(30px,calc((100vw - 1180px)/2))}.problem>h2,.audiences h2{font-size:clamp(38px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 70px}.three{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.three article{padding:28px 45px 10px 0;border-right:1px solid var(--line);margin-right:35px}.three article:last-child{border:0}.three article>span{font-size:11px;color:var(--brand);font-weight:700}.three h3{font-size:20px;margin:44px 0 14px}.three p{font-size:14px;line-height:1.7;color:var(--muted)}.exchange{background:var(--navy);color:#fff;padding:120px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.demo{min-height:650px;background:var(--soft);border-radius:20px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.demo:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #c4d0e2;border-radius:50%;top:70px}.phone{width:270px;height:560px;background:#101722;border:8px solid #101722;border-bottom:0;border-radius:38px 38px 0 0;position:relative;z-index:2;box-shadow:0 20px 60px #12213b40}.status{height:26px;display:flex;justify-content:space-between;padding:5px 14px;font-size:8px}.status i{width:65px;height:17px;border-radius:12px;background:#05070b;position:absolute;left:50%;top:2px;transform:translateX(-50%)}.phonebody{background:#fff;color:var(--navy);height:100%;border-radius:30px 30px 0 0;padding:28px 17px;position:relative}.phonebody>img{width:97px;margin-bottom:30px}.mobilelabel{font-size:8px;letter-spacing:.1em;color:#7e8a9d;font-weight:700}.next{background:var(--navy);color:#fff;border-radius:11px;padding:15px;display:flex;gap:15px}.next>div{width:45px;border-right:1px solid #45536a;text-align:center}.next>div b,.next>div small,.next p strong,.next p span,.next p em{display:block}.next>div b{font-size:22px}.next>div small{font-size:7px;color:#9da8b9}.next p{margin:0}.next p strong{font-size:11px}.next p span{font-size:8px;color:#b2bdcd;margin:4px 0}.next p em{font-size:8px;color:#8bd8bc;font-style:normal}.phonebody h4{font-size:15px;margin:25px 0 10px}.mini{display:flex;align-items:center;border-top:1px solid var(--line);padding:12px 2px;gap:8px}.mini>i{width:6px;height:6px;border-radius:50%}.mini i.p{background:var(--purple)}.mini i.o{background:var(--orange)}.mini p{margin:0;flex:1}.mini p b,.mini p span{display:block}.mini p b{font-size:9px}.mini p span{font-size:7px;color:#7d899b}.mini>strong{font-size:12px}.tabs{position:absolute;bottom:20px;left:14px;right:14px;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-top:10px}.tabs span{text-align:center;color:#9ba5b4;font-size:12px}.tabs .on{color:var(--brand)}.tabs small{display:block;font-size:6px}.swap{position:absolute;right:20px;top:95px;background:#fff;color:var(--navy);border-radius:12px;box-shadow:0 20px 50px #12213b2e;padding:17px;width:265px;z-index:3}.swaptop{display:flex;align-items:center;gap:10px}.swaptop>span{width:29px;height:29px;border-radius:50%;background:#e4f5ef;color:var(--green);display:grid;place-items:center;font-weight:800}.swaptop small,.swaptop b{display:block}.swaptop small{font-size:7px;color:var(--green);font-weight:750}.swaptop b{font-size:11px}.flow{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:8px;margin-top:14px;padding:10px}.flow>div{display:flex;align-items:center;gap:6px}.flow i{width:25px;height:25px;background:var(--soft);color:var(--brand);border-radius:50%;display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:700}.flow span{font-size:8px;font-weight:650}.flow small{display:block;font-size:6px;color:#7d899b}.exchange-copy .label{color:#9eb6da}.exchange-copy h2{font-size:clamp(40px,4.5vw,62px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 28px}.exchange-copy>p:not(.label){color:#b9c3d1;line-height:1.7;font-size:15px}.exchange-copy ul,.cards ul{list-style:none;padding:0;margin:35px 0}.exchange-copy li{border-top:1px solid #35445a;padding:15px 0;font-size:13px}.exchange-copy li span{color:#7ed0b2;margin-right:12px}.audiences{background:var(--bg)}.aud-title{display:flex;justify-content:space-between;align-items:flex-start}.aud-title h2{text-align:right;margin-top:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:42px}.cards article>p{font-size:9px;letter-spacing:.12em;color:var(--brand);font-weight:750}.cards h3{font-size:29px;margin:40px 0}.cards li{font-size:13px;padding:13px 0;border-top:1px solid var(--line);color:var(--muted)}.cards li:before{content:"→";color:var(--green);margin-right:12px}.closing{background:var(--brand);color:#fff;padding:85px max(30px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between}.closing .label{color:#b8c9e2}.closing h2{font-size:clamp(38px,4vw,55px);line-height:1.08;letter-spacing:-.04em;margin:15px 0 0}.btn.light{background:#fff;color:var(--navy);border-color:#fff}footer{min-height:125px;max-width:1240px;margin:auto;padding:25px 30px;display:grid;grid-template-columns:180px 1fr auto auto;gap:35px;align-items:center;color:var(--muted);font-size:12px}footer img{width:130px}footer p{margin:0}footer a{color:var(--brand);font-weight:650}footer small{font-size:10px}@media(max-width:950px){.header nav{display:none}.shell{grid-template-columns:75px 1fr}.shell aside>img{width:48px;object-fit:cover;object-position:left}.shell aside a span,.profile p{display:none}.calendar{overflow-x:auto}.chead,.crow{grid-template-columns:70px repeat(7,90px)}.chead{padding-left:70px}.exchange{grid-template-columns:1fr;gap:70px}.aud-title{display:block}.aud-title h2{text-align:left;margin-top:18px}.closing{align-items:flex-start;gap:40px;flex-direction:column}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.header{height:68px;padding:0 20px}.header>a>img{width:118px}.btn.small{font-size:11px;padding:9px 11px}.hero{padding:55px 20px 75px}.hero-copy{text-align:left}.kicker{justify-content:flex-start}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column}.reassure{margin-bottom:45px}.window{width:760px;transform:scale(.48);transform-origin:top left;margin-bottom:-290px}.problem,.audiences{padding:80px 20px}.three,.cards{grid-template-columns:1fr}.three article{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:25px 0}.three h3{margin-top:25px}.exchange{padding:80px 20px}.demo{min-height:560px}.swap{right:-45px;transform:scale(.8)}.exchange-copy h2{font-size:40px}.aud-title h2{font-size:38px}.cards article{padding:28px}.closing{padding:70px 20px}.closing h2{font-size:37px}footer{grid-template-columns:1fr;padding:38px 20px;gap:16px}}