@font-face{font-family:Instrument;src:url('fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
.hero-dual{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:auto;min-height:800px;max-height:none;padding:88px 5.1% 72px;overflow:clip;gap:14px}.hero-dual:after{display:none}.hero-dual .hero-copy{top:auto;max-width:none;margin-top:-5px;z-index:2;pointer-events:auto}.hero-dual .product-label{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1px;color:#b5afbe;margin:0}.product-label>span{width:5px;height:5px;border-radius:50%;background:#c1b7d6;box-shadow:0 0 10px #c1b7d63a}.hero-dual h1{font-size:clamp(68px,6.6vw,95px);letter-spacing:-.06em;line-height:1.03;font-weight:400;margin:31px 0 0;white-space:nowrap}.hero-dual h1 em{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.06em;font-size:1.16em;line-height:.8;color:#d2c5e4}.hero-dual h1 br{display:block}.hero-dual .hero-description{font-size:15px;line-height:1.85;color:#a6a0b2;margin:32px 0 0;font-weight:400;letter-spacing:-.1px}.hero-dual .hero-description br{display:block}.hero-dual .hero-actions{margin-top:32px;gap:26px}.hero-dual .button{border-radius:13px;padding:17px 21px;min-height:51px}.hero-dual .text-link{font-size:10px;gap:19px}.hero-dual .availability{display:flex;align-items:center;gap:10px;font:7px ui-monospace,monospace;letter-spacing:.08em;color:#7f778c;margin-top:24px}.hero-dual .availability>span{color:#61576f}.hero-art{position:relative;height:610px;isolation:isolate;min-width:0}.hero-light{position:absolute;inset:-90px -70px -60px -90px;z-index:-1;background:radial-gradient(ellipse at 58% 44%,#71639128,transparent 55%),radial-gradient(ellipse at 46% 74%,#476d8f17,transparent 50%);pointer-events:none}.device-rig{position:absolute;inset:0;transform:perspective(1400px) rotateY(calc(-6deg + var(--rig-x,0deg))) rotateX(calc(3deg + var(--rig-y,0deg)));transition:transform .9s var(--ease);transform-style:preserve-3d}.hero-phone{position:absolute;will-change:transform}.hero-phone-back{--phone-scale:.56;left:4%;top:73px;transform:translateZ(-50px) rotate(-10deg)}.hero-phone-front{--phone-scale:.65;right:3%;top:2px;transform:translateZ(70px) rotate(8deg)}.hero-phone .app-gem{animation:none}.hero-phone .app-screen{pointer-events:none}.protection-note{position:absolute;left:-4px;bottom:77px;transform:translateZ(90px) rotate(-4deg);display:flex;gap:15px;align-items:center;padding:15px 20px;border:1px solid #e6d5ff30;background:linear-gradient(140deg,#9e89c933,#282135ce);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 0 1px #ffffff0a,0 16px 40px #0004;border-radius:17px}.protection-icons{display:flex;gap:4px}.protection-icons .app-icon{width:26px;height:26px;border-radius:8px;color:#fff;display:flex}.protection-note small{font-size:7px;color:#a89ab9;display:block;margin-bottom:5px}.protection-note>div>span{font-size:10px;color:#e6d8f1;display:flex;align-items:center;gap:13px}.protection-note i{width:4px;height:4px;border-radius:50%;background:#baabd6}.hero-art-caption{position:absolute;bottom:-6px;left:34px;right:18px;display:flex;justify-content:space-between;color:#6f627e;font:6px ui-monospace,monospace;letter-spacing:.12em}.hero-bottom{position:absolute;left:5.1%;right:5.1%;bottom:0;border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between}.hero-bottom p{display:flex;align-items:center;gap:17px;font-size:9px;color:#8c819a;letter-spacing:.1px;margin:0}.hero-bottom i{width:2px;height:2px;border-radius:50%;background:#766582}.hero-bottom a{display:flex;gap:22px;align-items:center;font-size:8px;color:#81718f;min-height:35px}.hero-bottom a span{font-size:17px}.hero-motion .hero-copy{animation:copyIn 1s var(--ease) both}.hero-motion .hero-phone-back{animation:backIn 1.4s var(--ease) .1s both}.hero-motion .hero-phone-front{animation:frontIn 1.6s var(--ease) .2s both}.hero-motion .protection-note{animation:noteIn 1s var(--ease) .7s both}@keyframes copyIn{from{opacity:.3;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes backIn{from{opacity:.2;transform:translateZ(-100px) translateY(50px) rotate(-14deg)}to{opacity:1;transform:translateZ(-50px) rotate(-10deg)}}@keyframes frontIn{from{opacity:.2;transform:translateZ(15px) translateY(65px) rotate(12deg)}to{opacity:1;transform:translateZ(70px) rotate(8deg)}}@keyframes noteIn{from{opacity:.2;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero-dual{padding-inline:max(5.1%,calc((100vw - 1440px)/2));min-height:920px}.hero-dual h1{font-size:100px}.hero-art{height:720px}.hero-phone-back{--phone-scale:.65;left:1%;top:89px}.hero-phone-front{--phone-scale:.75;right:0;top:6px}}
@media(min-width:901px) and (max-width:1100px){.hero-dual{min-height:760px}.hero-dual h1{font-size:69px}.hero-phone-back{--phone-scale:.49;left:-2%;top:77px}.hero-phone-front{--phone-scale:.59;right:-1%;top:9px}.hero-art{height:570px}.protection-note{left:-17px;bottom:58px;padding:13px 16px}.hero-dual .hero-description{font-size:13px}.hero-dual .hero-actions{gap:16px}.hero-dual .text-link{font-size:9px;gap:12px}}
@media(max-width:900px){.hero-dual{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:132px 6% 76px;gap:0}.hero-dual .hero-copy{margin:0}.hero-dual h1{font-size:clamp(57px,11vw,79px);letter-spacing:-.055em;margin:25px 0 0;line-height:1.03;max-width:none}.hero-dual .hero-description{font-size:13px;margin-top:25px;line-height:1.9}.hero-dual .hero-actions{margin-top:25px;gap:22px}.hero-dual .hero-actions .text-link{font-size:10px}.hero-dual .product-label{font-size:9px}.hero-dual .availability{font-size:6px;margin-top:18px}.hero-art{height:610px;width:min(470px,100%);align-self:center;margin-top:45px}.hero-light{inset:-40px 0 -25px}.hero-phone-back{--phone-scale:.55;left:5%;top:65px}.hero-phone-front{--phone-scale:.62;right:5.5%;top:5px}.protection-note{bottom:74px;left:8px;padding:13px 16px;gap:12px}.hero-art-caption{bottom:0;left:10px;right:0;font-size:5px}.hero-bottom{left:6%;right:6%;padding:17px 0 12px}.hero-bottom p{font-size:7px;gap:10px}.hero-bottom a{font-size:0;gap:0}.hero-bottom a span{font-size:17px;min-width:30px;text-align:right}.device-rig{transform:none}}
@media(max-width:500px){.hero-art{height:565px;margin-top:40px}.hero-phone-back{--phone-scale:.47;top:63px}.hero-phone-front{--phone-scale:.55;top:0}.protection-note{bottom:76px;left:8px}.hero-art-caption{bottom:10px;font-size:4px}.hero-dual .hero-actions{gap:19px}.hero-dual .hero-actions .text-link{font-size:9px;gap:12px}}
@media(max-width:380px){.hero-dual{padding-top:121px}.hero-dual h1{font-size:55px}.hero-art{height:523px;margin-top:36px}.hero-phone-back{--phone-scale:.43;top:57px}.hero-phone-front{--phone-scale:.50;top:0}.protection-note{bottom:64px;padding:12px 14px}.hero-dual .hero-actions .text-link{font-size:8px;gap:7px}.hero-dual .button{font-size:10px;padding-inline:16px}.hero-bottom p{font-size:6px;gap:8px}}
.motion-paused .hero-copy,.motion-paused .hero-phone,.motion-paused .protection-note{animation:none}.motion-paused .device-rig{transform:perspective(1400px) rotateY(-6deg) rotateX(3deg)}
@media(prefers-reduced-motion:reduce){.hero-dual *{animation:none!important;transition:none!important}.device-rig{transform:none}}

.hero-dual .hero-copy .hero-description br{display:block}