/* An editorial, light-first hero. The moving sculpture is a brand concept, not a product UI. */
.hero{display:flex;flex-direction:column;gap:0;padding:80px 24px 0;min-height:0;background:#fff;text-align:center;color:#1d1d1f}
.hero-inner{max-width:1100px;padding:0}
.hero .lp-eyebrow{justify-content:center;font-size:10px;letter-spacing:.18em;color:#707070;margin-bottom:28px}
.hero h1{font-size:clamp(48px,7.2vw,100px);font-weight:700;line-height:1.12;letter-spacing:-.065em;margin:0;color:#1d1d1f}
.hero h1>span{color:#0071e3}
.hero-sub{max-width:none;margin:26px auto 28px;font-size:17px;line-height:1.8;color:#707070;letter-spacing:.015em}
.hero-actions{justify-content:center;gap:24px;align-items:center}
.hero-actions .lp-btn{display:inline-flex;flex-direction:row;gap:18px;min-width:0;padding:15px 25px;border-radius:999px;font-size:15px;box-shadow:none}
.hero-actions .lp-btn-primary{background:#0071e3;border:1px solid #0071e3}
.hero-actions .lp-btn-ghost{color:#0066cc;border:0;background:none;padding-inline:0}
.hero-actions a:hover{transform:translateY(-2px)}
.hero-signals,.flow-scene{display:none}
.possibility{position:relative;isolation:isolate;width:min(1380px,100%);height:490px;margin:55px auto 0;overflow:hidden;border-radius:28px;background:#f5f5f7}
.possibility-word{position:absolute;top:30px;left:50%;transform:translateX(-50%);font:700 clamp(70px,12vw,178px)/1 var(--ff-body,sans-serif);letter-spacing:-.065em;color:#e4e8ee;white-space:nowrap}
.orbit{position:absolute;left:50%;top:52%;width:710px;height:230px;border:1px solid #bdcde4;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg)}
.orbit-two{width:640px;height:300px;transform:translate(-50%,-50%) rotate(23deg);border-color:#d0dbeb}
.orbit-three{width:500px;height:370px;transform:translate(-50%,-50%) rotate(-44deg);border-color:#dce3ed}
.orbit-one::after,.orbit-two::after{content:'';position:absolute;left:18%;top:9%;width:11px;height:11px;border-radius:50%;background:#0071e3;animation:orbit-pulse 3s ease-in-out infinite}
.orbit-two::after{left:auto;right:12%;top:16%;width:7px;height:7px;animation-delay:-1.5s}
.sculpture{position:absolute;left:50%;top:49%;width:230px;height:258px;perspective:900px;transform:translate(-50%,-50%)}
.sculpture-face{height:100%;display:grid;place-items:center;border-radius:46px;background:linear-gradient(135deg,#fff 5%,#f6fbff 42%,#b2d7ff 82%,#67a9f1);border:1px solid #fff;transform:rotateX(12deg) rotateY(-22deg) rotateZ(-10deg);animation:sculpture-drift 9s ease-in-out infinite;box-shadow:12px 14px 0 #9ac1eb,13px 15px 0 #80a9d6}
.sculpture-face img{width:61%;height:auto;mix-blend-mode:multiply}
.orbit-label{position:absolute;top:48%;text-align:left;z-index:2}
.label-human{left:7%}.label-ai{right:6%}
.orbit-label>span{font:10px var(--ff-mono);letter-spacing:.13em;color:#707070}
.orbit-label strong{display:block;font-size:clamp(21px,2.5vw,34px);font-weight:600;letter-spacing:-.04em;margin:12px 0 8px;color:#1d1d1f}
.orbit-label small{font-size:12px;color:#707070}
.visual-foot{position:absolute;bottom:26px;left:32px;right:32px;display:flex;justify-content:space-between;gap:16px;font:9px var(--ff-mono);letter-spacing:.09em;color:#707070}
.hero+.kinetic+.lp-section{padding-top:100px;padding-bottom:100px;background:#fff}
.teaser-head{max-width:780px;margin-bottom:48px}
.teaser-head .lp-h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.035em;color:#1d1d1f}
.teaser-card{background:#f5f5f7;box-shadow:none;border-radius:28px;padding:36px 28px;min-height:260px}
.teaser-card:hover{box-shadow:none;background:#eef3f9}
.teaser-card h3{font-size:22px;color:#1d1d1f}
@keyframes sculpture-drift{0%,100%{transform:translateY(0) rotateX(12deg) rotateY(-22deg) rotateZ(-10deg)}50%{transform:translateY(-14px) rotateX(5deg) rotateY(12deg) rotateZ(4deg)}}
@keyframes orbit-pulse{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:800px){.hero{padding:60px 20px 0}.possibility{height:440px;margin-top:42px}.sculpture{width:170px;height:195px;top:43%}.sculpture-face{border-radius:32px}.orbit{width:520px;height:170px;top:42%}.orbit-two{width:430px;height:250px}.orbit-three{width:320px;height:290px}.orbit-label{top:auto;bottom:63px}.label-human{left:7%}.label-ai{right:7%}.orbit-label strong{font-size:22px}.visual-foot{left:20px;right:20px;bottom:20px}.visual-foot span:first-child{display:none}.possibility-word{top:33px;font-size:clamp(56px,13vw,104px)}}
@media(max-width:480px){.hero{padding:48px 16px 0}.hero .lp-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:24px}.hero h1{font-size:clamp(40px,11.5vw,55px);line-height:1.16}.hero-sub{font-size:13px;line-height:1.9;margin-top:22px}.hero-actions{display:flex;flex-direction:column;gap:12px;width:auto}.hero-actions .lp-btn{width:auto;font-size:14px;padding:13px 23px}.hero-actions .lp-btn-ghost{padding:5px 12px}.possibility{height:390px;margin-top:32px;border-radius:24px}.sculpture{width:145px;height:167px;top:43%}.orbit-label strong{font-size:19px;margin:8px 0}.orbit-label>span{font-size:8px}.orbit-label small{font-size:10px}.orbit-label{bottom:53px}.orbit{width:420px}.visual-foot{font-size:8px}.hero+.kinetic+.lp-section{padding-top:64px;padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.sculpture-face,.orbit::after{animation:none}.hero-actions a:hover{transform:none}}