:root{color-scheme:dark;--ink:#0c1015;--white:#fafafa;--teal:#61e8df}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 77% 33%,#15478030,transparent 32%),radial-gradient(ellipse at 0 0,#20607338,transparent 28%),radial-gradient(ellipse at 100% 100%,#37318024,transparent 25%),var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--teal);outline-offset:7px}
.page{width:calc(100% - 112px);max-width:1230px;min-height:100svh;margin:auto;padding:48px 0 0;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:750;letter-spacing:-1px;white-space:nowrap}
.brand img{width:76px;height:auto;object-fit:contain}
.smart{background:linear-gradient(90deg,#6dbd96,#5194bc);background-clip:text;color:transparent}
.ai{color:#9759c8}
.status{display:inline-flex;align-items:center;gap:12px;border:1px solid #8798ac66;border-radius:100px;padding:13px 18px;text-transform:uppercase;font-size:10px;letter-spacing:2px;white-space:nowrap}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);flex:none}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:center;gap:58px;min-height:620px;padding:100px 0 105px}
.copy{min-width:0}
.eyebrow{margin:0 0 30px;color:var(--teal);text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:4px}
h1{font-size:clamp(54px,5.55vw,80px);line-height:1.06;letter-spacing:-.055em;margin:0 0 37px;font-weight:750}
.second-line{display:block}
.shape{background:linear-gradient(100deg,#58b7f0 7%,#a379eb 42%,#65d9cd 90%);background-clip:text;color:transparent}
.intro{font-size:22px;line-height:1.4;margin:0 0 38px;letter-spacing:-.35px;color:#e8e9ec}
.hello{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;border:1px solid var(--teal);border-radius:18px;padding:12px 30px;color:#8af0e6;font-size:19px;transition:background .18s,color .18s}
.hello:hover{background:#8af0e6;color:var(--ink)}
.hello span{font-size:24px;line-height:1}
.art{position:relative;width:100%;max-width:385px;padding-top:74px;pointer-events:none}
.campaign{display:block;width:100%;height:auto}
.speech{position:absolute;right:-6px;top:0;padding:15px 19px;border-radius:22px;background:#f1f4f8;color:#0c1015;transform:rotate(-5deg);font-size:25px;line-height:1.03;font-weight:750;letter-spacing:-.8px}
.speech::after{content:"";position:absolute;bottom:-16px;left:20px;width:23px;height:24px;background:#f1f4f8;clip-path:polygon(0 0,100% 0,0 100%)}
.orbit{position:absolute;width:11px;height:11px;border-radius:50%}
.orbit-blue{background:#38b9ee;left:4%;top:27%}
.orbit-violet{background:#9266e7;right:0;top:44%}
.orbit-teal{background:#42dbc9;right:4%;bottom:25%}
footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #8798ac66;padding:30px 0 35px;font-size:11px;letter-spacing:1.7px;color:#d8dce2}
footer span:first-child{text-transform:uppercase;letter-spacing:3px}
@media(max-width:1050px){.page{width:calc(100% - 72px);padding-top:32px}.brand{font-size:25px}.brand img{width:62px}.status{font-size:8px;letter-spacing:1.3px;padding:12px 14px}.hero{gap:35px;min-height:580px;padding:85px 0}.intro{font-size:18px}h1{font-size:5.5vw}.speech{font-size:21px;padding:12px 16px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.brand{font-size:22px}.brand img{width:52px}.status{font-size:7px;letter-spacing:1px;gap:7px;padding:10px}.intro{font-size:16px}h1{font-size:5.4vw}.eyebrow{font-size:11px;letter-spacing:3px}.speech{font-size:18px}}
@media(max-width:650px){.page{width:calc(100% - 48px);padding-top:24px}.header{align-items:flex-start;flex-direction:column;gap:18px}.brand{font-size:23px;gap:9px;letter-spacing:-.9px}.brand img{width:52px}.status{font-size:8px;letter-spacing:1.4px;padding:10px 13px;gap:9px}.status-dot{width:8px;height:8px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:32px;padding:43px 0 32px}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:22px}h1{font-size:clamp(38px,10.8vw,64px);letter-spacing:-.055em;line-height:1.04;margin-bottom:24px}.shape{display:block}.intro{font-size:16px;line-height:1.45;margin-bottom:26px}.hello{font-size:17px;min-height:48px;padding:11px 27px;border-radius:17px}.art{width:245px;max-width:85%;margin:0 auto;padding-top:43px}.speech{right:-10px;top:-7px;font-size:19px;padding:12px 15px;border-radius:17px}.speech::after{bottom:-13px;width:18px;height:19px}.orbit{width:8px;height:8px}.orbit-blue{left:-3%;top:28%}.orbit-violet{right:-4%;top:45%}.orbit-teal{right:1%;bottom:25%}footer{justify-content:center;padding:22px 0 25px;font-size:9px;letter-spacing:1.4px;text-align:center}footer span:first-child{display:none}}
@media(max-width:360px){.brand{font-size:20px}.brand img{width:46px}.page{width:calc(100% - 40px)}h1{font-size:36px}.intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}