:root{--blue:#293caa;--deep:#18275b;--muted:#6b7285;--line:#e5e8ef;--paper:#f6f7fb;--ink:#202842;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #67b9e8;outline-offset:3px}.demo-bar{background:#f0f3fc;color:#4f5f9c;text-align:center;font-size:11px;letter-spacing:.6px;padding:9px}header{max-width:1320px;margin:auto;height:92px;display:flex;align-items:center;gap:65px;padding:0 36px}.brand{font-size:32px;font-weight:850;letter-spacing:-1.6px;color:var(--blue);white-space:nowrap}.brand span{font-weight:400}.brand b{font-size:24px;margin-left:5px}nav{display:flex;gap:29px;font-size:14px}nav a:hover{color:var(--blue)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px}.button,button{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#1e2f91}main{max-width:1248px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:348px;background:#f2f5fb;border-radius:20px;overflow:hidden;margin:4px 0 30px}.hero>div:first-child{padding:38px 45px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--blue);margin-bottom:18px}h1{font-size:44px;line-height:1.16;letter-spacing:-1.6px;margin:0;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:14px;color:var(--muted);margin:18px 0}.hero-notes{display:flex;gap:22px;font-size:11px;color:#65728e;margin-top:24px}.hero-notes span:before{content:'✓';color:var(--blue);margin-right:7px}.hero-art{position:relative;overflow:hidden;background:linear-gradient(#c4def0,#ecf4f7 59%,#5eaabb 59%,#4692ad 75%,#d5bca0 75%)}.sun{position:absolute;border-radius:50%;background:#fdf2cf;width:90px;height:90px;right:50px;top:28px}.sea{position:absolute;top:60%;height:11%;width:100%;background:repeating-linear-gradient(transparent 0 11px,#c7e2e244 11px 13px)}.house{position:absolute;width:60%;height:55%;background:#fffdf2;left:12%;top:30%;box-shadow:24px 8px 0 #d4d9cf;transform:skewY(-3deg);border-radius:60px 0 0 0;display:flex;gap:20px;align-items:end;padding:28px}.house i{display:block;background:#335da3;height:60%;width:26%;border-radius:40px 40px 0 0;box-shadow:inset 5px 0 #25457e}.house i:first-child{height:90%}.art-caption{position:absolute;bottom:16px;right:20px;color:white;font-size:11px;text-shadow:0 1px 3px #243442}.intro-preview{padding:30px;background:var(--paper);border-radius:12px}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 8px;border-radius:5px;background:#eef1fb;color:var(--blue)}footer{max-width:1248px;margin:60px auto 0;border-top:1px solid var(--line);padding:32px 24px;color:var(--muted);font-size:12px}footer .brand{font-size:24px}footer small{font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;padding:14px 24px;border-radius:10px;display:none;z-index:200;max-width:90vw}#toast.show{display:block}@media(max-width:760px){header{padding:0 20px;height:78px;gap:16px}.brand{font-size:27px}nav{display:none}.header-actions{gap:12px;font-size:12px}.header-actions>.button{padding:10px;font-size:11px}main{padding:0 16px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:28px}h1{font-size:35px}.hero-art{height:220px}.demo-bar{font-size:9px}.hero-notes{font-size:10px}}
.hero .hero-cta{min-height:44px;max-width:100%;font-size:14px;white-space:normal;text-align:center}.hero .hero-demo-note{font-size:11px;line-height:1.5;margin:10px 0 0;max-width:100%}@media(max-width:760px){.hero .hero-cta{font-size:12px;padding:10px 12px}}