:root{color-scheme:light;--night:#06182a;--deep:#0b2946;--blue:#168df7;--cyan:#51bfff;--ink:#102640;--muted:#526a82;--line:#dce9f3}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#f6f9fc;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:82px;padding:0 max(32px,calc((100% - 1420px)/2));display:flex;align-items:center;gap:50px;background:var(--night);color:#fff;border-bottom:1px solid #ffffff16}.brand{color:#fff;text-decoration:none}.brand>span{display:block;font-size:33px;font-weight:900;letter-spacing:.02em}.brand b{color:var(--blue)}.brand small{display:block;margin-top:-3px;color:#afc0d1;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.topbar nav{display:flex;gap:38px;margin-left:auto}.topbar nav a{color:#dce7f1;text-decoration:none;font-size:13px;font-weight:650}.topbar nav a:hover{color:var(--cyan)}.back{min-height:48px;padding:0 20px;display:flex;align-items:center;gap:18px;border-radius:13px;background:linear-gradient(95deg,#087cf0,#169eff);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.back span{font-size:20px}.hero{min-height:365px;padding:42px max(32px,calc((100% - 1420px)/2));display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr);align-items:center;gap:30px;overflow:hidden;background:radial-gradient(circle at 82% 50%,#067edc99,transparent 28%),linear-gradient(125deg,#06182a,#0a2947);color:#fff}.hero-copy{max-width:850px}.eyebrow{width:max-content;margin:0 0 17px;padding:9px 18px;border-radius:999px;background:#153958;color:#bcd8ef;font-size:11px;font-weight:900;letter-spacing:.1em}.hero h1{margin:0;font-size:clamp(38px,5vw,57px);line-height:1.08}.hero h1 b{color:#42afff}.lead{max-width:780px;margin:13px 0 22px;color:#d4e0eb;font-size:18px;line-height:1.5}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article{display:flex;align-items:center;gap:12px}.features article>span{width:53px;height:53px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#123b5f;color:#8fd2ff;font-size:23px}.features strong,.features small{display:block}.features strong{font-size:13px}.features small{margin-top:3px;color:#aebfd0;font-size:10px}.hero-visual{position:relative;height:280px;display:flex;align-items:center;justify-content:center}.hero-visual::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#118ef055;filter:blur(25px)}.hero-visual img{position:relative;width:290px;height:290px;object-fit:contain;filter:drop-shadow(0 20px 30px #0008)}.speech{position:absolute;z-index:2;top:5px;left:-10px;width:160px;padding:15px 16px;border-radius:22px 22px 4px 22px;background:#fff;color:#15314f;font:800 25px/1.1 Georgia,serif;transform:rotate(-4deg);box-shadow:0 12px 25px #00192f55}.speech small{display:block;margin-top:5px;font:700 12px/1.35 Inter,system-ui,sans-serif}.demos{width:min(1420px,calc(100% - 64px));margin:0 auto;padding:45px 0}.section-head p{margin:0;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em}.section-head h2{margin:6px 0 24px;font-size:31px}.demo-grid{display:grid;grid-template-columns:minmax(0,430px);gap:20px}.demo-card{overflow:hidden;border:1px solid #dfebf4;border-radius:21px;background:#fff;box-shadow:0 14px 35px #17324a13}.demo-art{position:relative;height:205px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 75% 25%,#efc69188,transparent 32%),linear-gradient(135deg,#fff8ee,#ecf9f4)}.demo-art::after{content:"";position:absolute;right:-30px;bottom:-55px;width:180px;height:180px;border-radius:50%;border:28px solid #008a5b12}.demo-art img{position:relative;z-index:1;width:260px;height:105px;object-fit:contain}.category{position:absolute;z-index:2;top:16px;left:18px;padding:7px 12px;border-radius:999px;background:#0b8d63;color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em}.demo-copy{padding:22px}.demo-copy h3{margin:0;font-size:20px}.demo-copy p{margin:9px 0;color:var(--muted);font-size:13px;line-height:1.55}.demo-copy ul{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 19px;padding:0;list-style:none}.demo-copy li{padding:5px 9px;border-radius:999px;background:#eaf8f3;color:#087653;font-size:10px;font-weight:800}.demo-copy>a{min-height:51px;padding:0 18px;display:flex;align-items:center;gap:11px;border-radius:13px;background:linear-gradient(100deg,#06223c,#0d4268);color:#fff;text-decoration:none;font-size:14px;font-weight:850}.demo-copy>a span{font-size:22px}.demo-copy>a b{margin-left:auto;font-size:20px}.business-note{width:min(1420px,calc(100% - 64px));margin:0 auto 45px;padding:24px 28px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.business-note>span{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#e6f3ff;color:var(--blue);font-size:22px}.business-note strong{font-size:16px}.business-note p{margin:3px 0 0;color:var(--muted);font-size:12px}.business-note a{margin-left:auto;padding:13px 18px;border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-size:12px;font-weight:850}@media(max-width:900px){.topbar{height:70px;padding-inline:20px}.topbar nav{display:none}.brand>span{font-size:25px}.back{margin-left:auto}.hero{grid-template-columns:1fr;padding:35px 24px}.hero-visual{display:none}.features{gap:10px}.demos,.business-note{width:min(100% - 32px,1420px)}}@media(max-width:600px){.back{min-height:42px;padding-inline:13px;font-size:11px}.hero h1{font-size:38px}.lead{font-size:15px}.features{grid-template-columns:1fr}.features article>span{width:42px;height:42px}.demos{padding-block:31px}.section-head h2{font-size:26px}.demo-grid{grid-template-columns:1fr}.demo-art{height:175px}.demo-art img{width:220px}.business-note{align-items:flex-start;padding:19px;flex-wrap:wrap}.business-note a{width:100%;margin:0;text-align:center}.topbar{gap:10px}.brand small{display:none}}