.hero{grid-template-columns:.85fr 1.2fr;gap:45px;padding-block:70px}.hero h1{font-size:clamp(44px,4.5vw,61px)}.hero-product{transform:none}.hero-caption{transform:none}.hero-product .product-window img{width:100%;height:auto}.hero-description{font-size:18px}.hero .button{padding-inline:18px;font-size:13px}.hero-suite-note{font-size:12px;color:#8e9eb3;margin:20px 0 0}.hero-suite-note a{color:#c3d0e5;text-decoration:underline;text-underline-offset:4px}.suite{padding-top:42px;padding-bottom:66px}.suite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.suite-grid>a{position:relative;padding:25px 23px;background:#0a1019;border:1px solid #273449;border-radius:10px;transition:border-color .2s}.suite-grid>a:hover{border-color:#bc9d5d}.suite-grid>a>span{font-size:9px;letter-spacing:1.6px;color:var(--gold);display:block;margin-bottom:17px}.suite-grid>a>h3{font-size:21px;font-weight:500;margin-bottom:12px}.suite-grid>a>p{font-size:13px;margin:0 0 15px}.suite-grid>a>b{color:#8fa3c1;font-weight:400}.suite-grid>a.flagship{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr 40px;align-items:center;gap:10px 30px;background:linear-gradient(105deg,#0c1b30,#101922);border-color:#b89d5c66}.suite-grid>a.flagship>span{grid-column:1/-1;margin-bottom:5px}.suite-grid>a.flagship>h3{font-size:31px;margin:0}.suite-grid>a.flagship>p{font-size:15px;margin:0}.suite-grid>a.flagship>b{text-align:right;font-size:25px;color:var(--gold)}.market-explainer{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px;border:1px solid #314361;border-radius:12px;background:radial-gradient(ellipse at top right,#1b356144,transparent),#0b121d}.market-explainer h3{font-size:35px;letter-spacing:-1px}.market-explainer p{font-size:16px}.asset-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}.asset-pair>div{padding:26px 18px;border:1px solid #3a4a63;border-radius:10px;background:#0a1321}.asset-pair b{font-size:22px;font-weight:500;color:var(--gold);display:block;white-space:nowrap}.asset-pair span{display:block;font-size:13px;color:#bbc8dc;margin-top:15px}.asset-pair small{display:block;font-size:11px;color:#8292aa;margin-top:4px}.context-note{font-size:12px;margin-top:18px}.compact-steps{margin-top:55px}.compact-steps h3{font-size:19px}.compact-steps p{font-size:14px}.recording-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 35px}.recording-grid article{border-top:1px solid #3a4b65;padding:24px 0 0}.recording-grid h3{font-size:22px}.recording-grid p{font-size:15px;margin:0}.product-visual img{height:auto;max-height:620px}.closing h2{font-size:clamp(36px,4.5vw,57px)}
@media(max-width:1000px){.hero{gap:24px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:48px}.hero-description{font-size:16px}.hero .button-row{gap:9px}.hero .button{font-size:12px;padding-inline:14px}.suite-grid>a{padding:20px 17px}.suite-grid>a>h3{font-size:18px}.market-explainer{padding:30px;gap:25px}.asset-pair{gap:10px}.asset-pair b{font-size:18px}.asset-pair>div{padding:20px 14px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-block:45px 28px;max-width:700px}.hero h1{font-size:57px}.hero-product{max-width:650px}.hero-description{font-size:17px;max-width:560px}.hero-suite-note{margin-bottom:12px}.suite-grid{grid-template-columns:1fr 1fr}.suite-grid>a.flagship{grid-template-columns:1fr 2fr 25px}.suite-grid>a.flagship>p{font-size:13px}.market-explainer{grid-template-columns:1fr;gap:25px}.asset-pair b{font-size:24px}.market-explainer h3{font-size:30px}.recording-grid{gap:25px}.product-visual img{max-height:none}.suite .section-heading h2{font-size:36px}}
@media(max-width:450px){.hero h1{font-size:49px}.hero .eyebrow-pill{font-size:10px}.hero .button-row{flex-direction:column;align-items:stretch}.hero .button{font-size:14px}.suite-grid>a.flagship{display:block}.suite-grid>a.flagship>h3{margin:14px 0}.suite-grid>a.flagship>p{margin-bottom:10px}.suite-grid>a>h3{font-size:18px}.suite-grid>a>p{font-size:12px}.suite-grid>a>span{font-size:8px}.recording-grid{grid-template-columns:1fr}.market-explainer{padding:25px 20px}.asset-pair b{font-size:20px}.asset-pair>div{padding:20px 14px}.product-description p{font-size:14px}}
