.hero{min-height:720px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;padding-top:50px;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:block;color:#3769b3;font-size:13px;letter-spacing:2px;font-weight:700}.hero .eyebrow i,.status i{display:inline-block;width:7px;height:7px;background:#13b6cb;border-radius:50%;margin-right:10px}.hero h1{font-size:clamp(40px,4vw,66px);font-weight:900;line-height:1.35;letter-spacing:-2px;margin:25px 0}.hero h1 em{font-style:normal;color:#2254c0;background:linear-gradient(100deg,#245deb,#6b40ba);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);line-height:2}.hero-copy strong{font-weight:500;color:var(--ink)}.actions{display:flex;gap:14px;margin:30px 0}.hero .button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 24px;border-radius:9px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.hero .button:hover{transform:translateY(-3px)}.hero .primary{background:var(--blue);color:white;box-shadow:0 8px 22px #245deb24}.hero .outline{background:white;border-color:#cbd9ed}.hero-note{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:40px}.hero-note span:before{content:"✓";margin-right:8px;color:#398080}.hero-art{height:560px;position:relative;perspective:1100px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:10px -15px -20px;background:radial-gradient(ellipse,#c9e9ff 0,#eeeaff50 50%,#fff0 72%);z-index:-1}.floor{position:absolute;width:90%;height:350px;top:190px;left:7%;transform:rotateX(62deg) rotateZ(-32deg);background-image:linear-gradient(#98b9e22e 1px,transparent 1px),linear-gradient(90deg,#98b9e22e 1px,transparent 1px);background-size:36px 36px;border:1px solid #dce6f4}.platform{position:absolute;left:21%;top:130px;width:65%;height:245px;border-radius:25px;border:2px solid white;transform:rotateX(49deg) rotateZ(-31deg);background:linear-gradient(135deg,#fff,#d7eafa);box-shadow:0 12px 0 #b5cff0,0 30px 45px #7599bd24;animation:float 7s ease-in-out infinite}.plate-back{top:240px;background:#a9dbf4;animation-delay:-2s}.plate-mid{top:185px;background:#d1eafb;animation-delay:-1s}.plate-front{display:flex;align-items:center;justify-content:center}.plate-front img{width:62%;mix-blend-mode:multiply}.ring{position:absolute;border:1px solid #84b1e650;border-radius:50%;inset:80px 20px 30px;transform:rotate(-24deg)}.ring-two{transform:rotate(30deg);inset:120px 0 80px;border-color:#a497d94d}.floating{position:absolute;background:#fff;padding:9px 20px;border:1px solid #e1eafa;border-radius:10px;box-shadow:0 12px 24px #6388b01a;font-size:18px;font-weight:700;animation:label 6s ease-in-out infinite}.word-one{left:13%;top:100px}.word-two{right:0;top:240px;animation-delay:-2s}.word-three{left:16%;bottom:85px;animation-delay:-4s}.art-caption{position:absolute;bottom:8px;text-align:center;left:0;right:0;font:11px Consolas,monospace;letter-spacing:3px;color:#5a6e89}.art-caption span{color:#7669b2;margin:0 8px}@keyframes float{50%{translate:0 -12px}}@keyframes label{50%{translate:0 10px}}
/* R13: preserve R11 product detail, scope refreshed branding to header and hero */
:root{--ink:#19385c;--muted:#5a6e89;--blue:#245deb}
.header{height:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:18px max(30px,calc((100vw - 1380px)/2));gap:20px}
.header .brand{font-size:27px;gap:13px;min-width:240px}
.header .brand-symbol{width:70px;height:44px;overflow:visible}
.header .brand-symbol img{position:static;width:70px;height:44px;object-fit:contain;max-width:100%;mix-blend-mode:normal}
.header nav{display:flex;gap:25px!important;flex-wrap:nowrap}
.header nav a{font-size:16px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0!important;border-radius:0!important;color:#19385c;white-space:nowrap}
.header nav a.nav-active,.header nav a:hover,.header nav a:focus-visible{color:#245deb!important;background:transparent!important;box-shadow:none!important}
.header nav a.nav-active:after{display:block!important;content:'';position:absolute;left:25%;right:25%;bottom:2px;height:2px;background:#245deb;border-radius:2px}
.header nav a:focus-visible{outline:2px solid #9bbcff;outline-offset:5px}
.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;overflow:hidden}
.hero>*{min-width:0}.hero h1{font-size:clamp(40px,4vw,66px);margin:25px 0}.hero-art{overflow:hidden;min-height:0;width:100%}
.hero-art .platform img{position:static;width:62%;height:auto;max-width:100%;mix-blend-mode:multiply}
.hero .hero-copy{width:auto}.hero .hero-note{line-height:1.8}.hero .outline{background:#fff;color:#19385c;border:1px solid #cbd9ed}
.hero .hero-art .art-caption{font-size:11px}
@media(max-width:1100px){.header{padding-inline:24px}.header .brand{min-width:195px;font-size:23px}.header nav{gap:15px!important}.header nav a{font-size:14px!important}.hero h1{font-size:45px}.hero-art{height:480px}.hero .platform{height:195px}}
@media(max-width:900px){.header{flex-wrap:wrap}.header nav{justify-content:center;width:100%}.hero{grid-template-columns:1fr}.hero .hero-copy{max-width:none}.hero-art{max-width:600px;margin:auto}.hero h1{font-size:50px}}
@media(max-width:760px){.header{min-height:76px;flex-wrap:nowrap;padding:12px 18px}.header .brand{min-width:0;font-size:22px}.header .brand-symbol,.header .brand-symbol img{width:55px;height:36px}.menu-toggle{display:block;background:white;color:#19385c;border:1px solid #dce6f4;border-radius:6px;padding:7px 10px;font-size:13px;white-space:nowrap}.header nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:15px;background:white;border-bottom:1px solid #dce6f4;flex-wrap:wrap;gap:14px!important}.header nav.open{display:flex}.hero{padding-top:40px;padding-bottom:30px;gap:10px;min-height:0}.hero h1{font-size:clamp(30px,7.8vw,45px);letter-spacing:-1px}.hero-copy>p{font-size:15px;line-height:1.9}.hero .actions{display:flex;flex-wrap:wrap;gap:10px}.hero .button{padding:11px 16px;font-size:14px;gap:10px}.hero .hero-note{font-size:10px;gap:12px;margin-top:20px}.hero-art{height:370px;max-width:480px}.hero .platform{height:150px;top:75px}.hero .plate-mid{top:116px}.hero .plate-back{top:157px}.hero .floor{top:120px;height:230px}.hero .word-one{top:55px}.hero .word-two{top:145px}.hero .word-three{bottom:65px}.hero .floating{font-size:14px;padding:6px 13px}.hero .ring{inset:45px 15px 35px}.hero .ring-two{inset:65px 10px 55px}.hero .hero-art .art-caption{font-size:9px;letter-spacing:2px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important;transition:none!important}}