/* Aion popup-derived tokens. Official artwork is used unchanged. */
:root{color-scheme:dark;--bg:#0d0e11;--panel:#17181c;--accent:#f47a1f;--soft:rgba(244,122,31,.14);--line:rgba(255,255,255,.09);--text:#f5f5f7;--muted:#a6a9b1;--warm:#ffd0ad;--width:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse 80% 35rem at 95% -5rem,rgba(244,122,31,.13),transparent 75%),var(--bg);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}a:focus-visible,summary:focus-visible{outline:2px solid #ffb77f;outline-offset:5px;border-radius:7px}::selection{background:rgba(244,122,31,.35);color:#fff}main{width:min(var(--width),calc(100% - 3rem));margin:auto}.skip{position:fixed;z-index:20;left:1rem;top:1rem;padding:.7rem 1.2rem;transform:translateY(-180%);background:var(--accent);color:var(--bg)}.skip:focus{transform:none}
.site-header{border-bottom:1px solid var(--line);background:rgba(13,14,17,.94)}.header-inner{min-height:90px;width:min(var(--width),calc(100% - 3rem));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#1d1f24,#111216);box-shadow:0 12px 30px rgba(0,0,0,.28)}.brand-mark img{object-fit:contain}.brand-copy{display:grid;text-align:center}.brand-copy strong{font-size:.97rem;line-height:1.35;font-weight:780;letter-spacing:-.015em}.brand-copy>span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#e7c4aa;margin-top:4px;font-weight:760}.site-header nav{display:flex;align-items:center;gap:1.7rem;font-size:.88rem;font-weight:600}.site-header nav a{color:#c5c7cd;transition:color .16s}.site-header nav a:hover{color:var(--warm)}.site-header nav .nav-privacy{border:1px solid rgba(244,122,31,.3);border-radius:9px;padding:.6rem .9rem;color:var(--warm);background:rgba(244,122,31,.1)}.nav-privacy:hover{border-color:var(--accent)!important;background:var(--soft)!important}
.hero{padding-top:4.7rem}.hero-copy{text-align:center;max-width:1000px;margin:auto}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:var(--accent);line-height:1.5}.divider{color:#98643f;display:inline-block;margin:0 .55rem}.hero h1{font-size:clamp(2.25rem,5vw,4.15rem);font-weight:780;line-height:1.13;letter-spacing:-.05em;margin-top:1rem;text-wrap:balance}.suite{font-size:1.25rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase;color:#e7c4aa;margin:.75rem 0 .2rem}.developer{font-size:.88rem;color:#c98b5f;font-weight:650}.hero-description{max-width:740px;margin:1.5rem auto 0;color:#b8bbc3;font-size:1.08rem;line-height:1.65;text-wrap:balance}.hero-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:46px;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:10px;font-size:.88rem;font-weight:750;transition:background .18s,box-shadow .18s,transform .18s}.button-primary{background:var(--accent);color:#170e07;border-color:#ff964b;box-shadow:0 6px 30px rgba(244,122,31,.13)}.button-primary:hover{background:#ff964b;box-shadow:0 8px 35px rgba(244,122,31,.24);transform:translateY(-2px)}.button-secondary{background:rgba(255,255,255,.035);border-color:var(--line);color:#e8e8ec}.button-secondary:hover{background:var(--soft);border-color:rgba(244,122,31,.4)}.banner{margin:2.7rem auto 0;border:1px solid rgba(244,122,31,.23);border-radius:20px;overflow:hidden;box-shadow:0 18px 65px rgba(0,0,0,.3)}.banner img{width:100%;height:auto;object-fit:contain}.highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1.75rem 0;border-bottom:1px solid var(--line);gap:1rem}.highlights>div{text-align:center;border-right:1px solid var(--line)}.highlights>div:last-child{border:0}.highlights strong{font-size:1.6rem;letter-spacing:-.04em;line-height:1.25;display:block;font-weight:750}.highlights span{display:block;color:var(--muted);font-size:.875rem;margin-top:.35rem}
.suite-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;padding:5.5rem 0 2.5rem;align-items:center}.suite-intro h2{font-size:clamp(2.3rem,4.5vw,3.3rem);line-height:1.09;letter-spacing:-.045em;margin-top:.8rem}.suite-intro h2 span{color:var(--accent)}.suite-intro>div>p:not(.eyebrow){color:#d1d3d9;max-width:650px}.suite-intro .muted{font-size:.94rem!important;color:var(--muted)!important;margin-top:.9rem}.section-nav{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 0 2rem}.section-nav a{font-size:.875rem;border:1px solid var(--line);padding:.48rem .85rem;border-radius:8px;color:#bec0c8;background:rgba(255,255,255,.025);transition:background .16s,border-color .16s}.section-nav a:hover{color:var(--warm);background:var(--soft);border-color:rgba(244,122,31,.4)}.catalog-section{padding:3.2rem 0;border-top:1px solid var(--line)}.section-heading{margin-bottom:1.7rem}.section-heading h2{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.2;letter-spacing:-.04em;margin:.5rem 0 .6rem;font-weight:740}.section-heading>p:last-child{color:var(--muted);max-width:740px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:start}.feature{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);transition:border-color .18s,background .18s;overflow:hidden;min-width:0}.feature:hover{border-color:rgba(244,122,31,.4);background:rgba(255,255,255,.045)}.feature[open]{border-color:rgba(244,122,31,.4);background:linear-gradient(135deg,rgba(244,122,31,.07),rgba(255,255,255,.03))}.feature summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.25rem;min-height:110px;cursor:pointer;list-style:none}.feature summary::-webkit-details-marker{display:none}.feature-copy{display:grid;gap:.35rem;min-width:0}.feature-title{font-size:1.02rem;font-weight:750;letter-spacing:-.02em;line-height:1.4}.feature-subtitle{font-size:.875rem;line-height:1.55;color:var(--muted)}.disclosure{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:rgba(244,122,31,.1);position:relative;border:1px solid rgba(244,122,31,.2)}.disclosure:before,.disclosure:after{content:"";position:absolute;top:12px;left:8px;width:10px;height:2px;background:#ffad72;transition:transform .16s}.disclosure:after{transform:rotate(90deg)}[open] .disclosure:after{transform:rotate(0)}.feature-body{border-top:1px solid var(--line);padding:1.1rem 1.25rem 1.35rem}.feature-body ul{list-style:none;padding:0;margin:0}.feature-body li{padding-left:1rem;position:relative;color:#cbd0d8;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.feature-body li+li{margin-top:.85rem}.feature-body li:before{content:"";position:absolute;top:.7rem;left:0;width:4px;height:4px;border-radius:50%;background:var(--accent)}
.privacy-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem;border:1px solid rgba(244,122,31,.24);background:linear-gradient(135deg,rgba(244,122,31,.1),rgba(255,255,255,.035));padding:2rem;border-radius:15px;margin:2rem 0 5rem}.callout-mark{display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--line);border-radius:20px;background:#151518}.privacy-callout h2{font-size:1.35rem;letter-spacing:-.03em;line-height:1.3;margin:.45rem 0}.privacy-callout p:not(.eyebrow){font-size:.94rem;color:var(--muted);max-width:580px}.privacy-callout .button{white-space:nowrap}.site-footer{border-top:1px solid var(--line);max-width:var(--width);margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:2rem 0}.footer-brand{display:flex;gap:.8rem;align-items:center}.footer-brand strong{font-size:.88rem;font-weight:700;display:block}.footer-brand span{font-size:.8rem;color:var(--muted);display:block;margin-top:.12rem}.footer-links{display:flex;gap:1.5rem;font-size:.875rem;color:#b4b8c1}.footer-links a:hover{color:var(--warm)}.site-footer>p{grid-column:1/-1;font-size:.75rem;color:#9398a2;border-top:1px solid var(--line);padding-top:1rem}
.policy-main{width:min(850px,calc(100% - 3rem));padding:3rem 0 5rem}.back-link{font-size:.875rem;color:var(--muted);display:inline-flex;gap:.7rem}.back-link:hover{color:var(--warm)}.policy-heading{padding:3rem 0 2.8rem;border-bottom:1px solid var(--line)}.policy-heading h1{font-size:clamp(2.7rem,6vw,4.3rem);line-height:1.12;letter-spacing:-.05em;margin:.7rem 0}.policy-heading>p:not(.eyebrow){font-size:1.15rem;color:#e7c4aa}.policy-heading time{display:block;color:var(--muted);font-size:.875rem;margin-top:1rem}.policy-content section{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.8rem;padding:2rem 0;border-bottom:1px solid var(--line)}.policy-number{color:var(--accent);font-size:.78rem;letter-spacing:.05em;line-height:2;font-weight:700}.policy-content h2{font-size:1.23rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:.6rem}.policy-content section p:not(.policy-number){color:#c4c8d0;font-size:1rem;line-height:1.8}.policy-content a{color:#ffad72;text-decoration:underline;text-underline-offset:4px}.policy-main>.button{margin-top:2rem}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out both}.banner{animation:arrive .75s .08s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media(max-width:1208px){.site-footer{margin:0 1.5rem}}
@media(max-width:900px){.privacy-callout{grid-template-columns:auto 1fr}.privacy-callout .button{grid-column:2;justify-self:start}.suite-intro{gap:2rem}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.site-header nav{gap:1rem}}
@media(max-width:650px){main,.header-inner{width:calc(100% - 2rem)}.header-inner{flex-direction:column;gap:1rem;padding:1rem 0;align-items:stretch}.brand{justify-content:center}.site-header nav{justify-content:center;gap:1.5rem}.brand-copy strong{font-size:1rem}.hero{padding-top:2.6rem}.hero h1{font-size:clamp(2rem,8vw,3rem);max-width:420px;margin:1rem auto 0}.suite{font-size:1.02rem;letter-spacing:.16em}.hero-description{font-size:1rem}.desktop-break{display:none}.hero-actions{gap:.55rem;flex-wrap:wrap}.hero-actions .button{padding:.65rem .85rem}.banner{margin-top:2rem;border-radius:12px}.highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .5rem;padding:1.5rem 0}.highlights>div:nth-child(2){border:0}.highlights strong{font-size:1.35rem}.suite-intro{grid-template-columns:1fr;gap:1.2rem;padding-top:3.6rem}.suite-intro h2 br{display:none}.suite-intro h2 span{display:block}.section-nav{gap:.4rem}.section-nav a{padding:.48rem .65rem}.catalog-section{padding:2.5rem 0}.section-heading h2{font-size:1.9rem}.feature-grid{grid-template-columns:1fr}.feature summary{padding:1.15rem;min-height:102px}.feature-body{padding:1rem 1.15rem 1.3rem}.privacy-callout{grid-template-columns:1fr;padding:1.5rem;gap:1rem;margin:1rem 0 3.5rem}.callout-mark{width:66px;height:66px;border-radius:15px}.callout-mark img{width:46px;height:46px}.privacy-callout .button{grid-column:auto;white-space:normal}.site-footer{margin:0 1rem}.footer-links{gap:.65rem 1.3rem}.policy-main{width:calc(100% - 2rem);padding-top:2rem}.policy-heading{padding-top:2rem}.policy-heading>p:not(.eyebrow){font-size:1rem}.policy-content section{grid-template-columns:1.6rem 1fr;gap:.5rem;padding:1.7rem 0}.policy-content h2{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}