/* CROSSARA final visual polish — presentation only. */
:root{--polish-line:rgba(214,255,247,.16);--polish-soft:rgba(0,230,184,.07);--polish-glow:rgba(0,230,184,.14);--polish-shadow:0 22px 70px rgba(0,0,0,.28)}
body{background:radial-gradient(circle at 50% -12%,rgba(0,230,184,.055),transparent 34%),var(--bg)}
body:before{opacity:.14}
.site-header{border-bottom-color:rgba(214,255,247,.1)}
.site-header nav a{position:relative;transition:color .18s ease}.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}
.header-cta{border-color:rgba(0,230,184,.24);background:rgba(0,230,184,.025);transition:border-color .18s ease,background .18s ease}.header-cta:hover,.header-cta:focus-visible{border-color:rgba(0,230,184,.58);background:rgba(0,230,184,.07)}
.hero{padding-top:66px;padding-bottom:78px}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-22px;top:4px;width:1px;height:54px;background:linear-gradient(var(--mint),transparent);opacity:.7}.hero h1{letter-spacing:.015em;text-wrap:balance}.hero-copy>p:not(.eyebrow):not(.brand-saying){max-width:455px}.brand-saying{opacity:.88}
.falling-stage{border-color:rgba(214,255,247,.16);border-radius:10px;background:#080b0b;box-shadow:var(--polish-shadow),inset 0 0 80px rgba(0,230,184,.018)}.falling-stage:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(7,10,10,.12),transparent 18%,transparent 82%,rgba(7,10,10,.3))}
.button{border:1px solid rgba(0,230,184,.72);box-shadow:0 10px 30px rgba(0,230,184,.09);transition:transform .15s ease,box-shadow .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 14px 38px rgba(0,230,184,.16);background:#37edc8}.button:active{transform:translateY(0)}
.section{border-color:rgba(214,255,247,.13);box-shadow:0 18px 60px rgba(0,0,0,.12)}.section h2{letter-spacing:.014em}.section-copy>p:not(.eyebrow),.compact-head>p,.proof-copy>p:not(.eyebrow){line-height:1.65}.eyebrow{letter-spacing:.2em}
.demo{background:linear-gradient(135deg,rgba(13,18,18,.98),rgba(8,12,12,.94))}.demo-stage{border-color:rgba(214,255,247,.15);box-shadow:inset 0 0 70px rgba(0,230,184,.022)}
.demo-tabs button,.catalog-tabs button,.mode-list button{border-color:rgba(214,255,247,.15);border-radius:2px;letter-spacing:.035em}.demo-tabs button.active,.catalog-tabs button.active,.mode-list button.active{background:rgba(0,230,184,.075);box-shadow:inset 0 0 0 1px rgba(0,230,184,.08)}
.demo-readout{border-top-color:rgba(214,255,247,.11)}.demo-controls input,.speed input{accent-color:var(--mint)}
.dial-showcase{background:linear-gradient(180deg,rgba(13,18,18,.86),rgba(10,14,14,.94))}.proof-crops figure{border-color:rgba(214,255,247,.12);background:linear-gradient(180deg,#0b0f0f,#080c0c);transition:border-color .18s ease,transform .18s ease}.proof-crops figure:hover{border-color:rgba(0,230,184,.32);transform:translateY(-2px)}
.proof,.custom,.trust{position:relative}.proof:before,.custom:before,.trust:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,230,184,.22),transparent)}
.setup-path{background:linear-gradient(90deg,transparent,rgba(0,230,184,.025),transparent)}.setup-path span{white-space:nowrap}
.catalog{background:linear-gradient(180deg,rgba(13,18,18,.96),rgba(9,14,13,.97));overflow:hidden}.catalog .compact-head{position:relative}.catalog .compact-head:after{content:"";position:absolute;right:-24px;top:-20px;width:130px;height:130px;border:1px solid rgba(0,230,184,.055);border-radius:50%;box-shadow:0 0 0 28px rgba(0,230,184,.018),0 0 0 56px rgba(0,230,184,.012);pointer-events:none}
.catalog-tabs{gap:8px}.catalog-tabs button{min-height:48px;padding-inline:20px;font-weight:750}.tier-guide{border-block:1px solid rgba(214,255,247,.08);padding-block:3px}.tier-guide span{border-top:0!important;border-right:1px solid rgba(214,255,247,.08);min-width:0}.tier-guide span:last-child{border-right:0}.tier-guide strong{margin-bottom:3px}.tier-guide .precision-tier{background:linear-gradient(90deg,rgba(0,230,184,.025),transparent)}.tier-guide .precision-tier .precision-mini-wordmark{opacity:.82!important;filter:drop-shadow(0 0 8px rgba(0,230,184,.08))!important}
.gallery-shell{margin-top:4px}.gallery{padding-block:8px}.crosshair-card{border-color:rgba(214,255,247,.12);background:linear-gradient(180deg,#0a0e0e,#080c0c);box-shadow:0 10px 24px rgba(0,0,0,.12)}.crosshair-card:hover,.crosshair-card:focus-within{border-color:rgba(0,230,184,.44);box-shadow:0 14px 32px rgba(0,0,0,.2)}.crosshair-card img{filter:drop-shadow(0 5px 14px rgba(0,0,0,.24))}.crosshair-card span{font-size:11px;letter-spacing:.035em}.gallery-arrow{border-color:rgba(214,255,247,.14)}
.rgb{background:linear-gradient(135deg,rgba(13,18,18,.95),rgba(8,12,12,.96))}.rgb-preview{border-color:rgba(214,255,247,.13);background:radial-gradient(circle,rgba(0,230,184,.045),transparent 62%),#080b0b}.mode-list button{flex:1;min-width:64px}.tier-badge{border-color:rgba(0,230,184,.38);background:rgba(0,230,184,.04)}
.palette{background:linear-gradient(180deg,rgba(13,18,18,.9),rgba(10,15,15,.94))}.palette-grid span{outline:1px solid transparent;outline-offset:2px}.palette-grid span:hover{outline-color:rgba(0,230,184,.35)}
.png-frame,.overlay-frame{border-color:rgba(214,255,247,.14);box-shadow:inset 0 0 36px rgba(0,230,184,.025)}.transfer{opacity:.7}
.trust ul li{position:relative;padding-left:17px}.trust ul li:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border:1px solid rgba(0,230,184,.65);transform:translateY(-50%) rotate(45deg)}
.release{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(0,230,184,.09),transparent 55%)}.release:before{content:"";position:absolute;left:50%;top:0;width:min(760px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--mint),transparent);opacity:.3}.release>p{line-height:1.65}
.site-footer{border-top-color:rgba(214,255,247,.1)}.site-footer a{transition:color .18s ease}
/* Shared legal/support surfaces pick up the same visual language when this sheet is linked. */
.legal-hero,.support-hero{position:relative}.legal-hero:after,.support-hero:after{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:1px;background:var(--mint);opacity:.5}.legal-content h2{scroll-margin-top:90px}.legal-content p,.legal-content li{line-height:1.72}.support-card,.support-faqs details,.support-contact,.support-checklist{border-color:rgba(214,255,247,.13)!important}
@media(max-width:820px){.hero{padding-top:50px;padding-bottom:58px}.hero-copy:before{left:-12px}.section{box-shadow:none}.catalog .compact-head:after{opacity:.55}.tier-guide span{border-right:0}.proof:before,.custom:before,.trust:before{left:8px;right:8px}}
@media(max-width:600px){body:before{opacity:.09}.site-header{border-bottom-color:rgba(214,255,247,.12)}.hero{padding-top:36px;padding-bottom:48px}.hero-copy:before{display:none}.hero h1{font-size:clamp(34px,10vw,44px);line-height:1.01}.hero-copy>p:not(.eyebrow):not(.brand-saying){max-width:34ch}.falling-stage{border-radius:8px;border-left-color:rgba(0,230,184,.16);border-right-color:rgba(0,230,184,.16)}.section{border-left-color:rgba(0,230,184,.13);border-right-color:rgba(0,230,184,.13)}.compact-head{gap:10px}.catalog-tabs{gap:6px}.catalog-tabs button{min-height:48px;padding-inline:5px;font-size:11px}.tier-guide{padding-block:2px}.tier-guide span{display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:10px!important;align-items:center!important;padding:9px 4px!important;line-height:1.35}.tier-guide strong{margin:0}.tier-guide .precision-tier{padding-top:32px!important}.tier-guide .precision-tier .precision-mini-wordmark{width:76px!important;top:7px!important}.gallery{gap:10px}.crosshair-card{border-radius:2px}.setup-path{justify-content:space-between;gap:6px}.setup-path i{opacity:.7}.palette-grid{gap:5px}.release{padding-inline:24px}.site-footer{padding-top:28px;padding-bottom:34px}}
@media(max-width:380px){.catalog-tabs button{font-size:10px}.tier-guide span{grid-template-columns:76px minmax(0,1fr);font-size:9.5px}.tier-guide strong{min-width:0!important}.setup-path{font-size:8px}.crosshair-card{flex-basis:138px}}
@media(prefers-reduced-motion:reduce){.site-header nav a:after,.button,.proof-crops figure,.crosshair-card{transition:none}.button:hover,.proof-crops figure:hover,.crosshair-card:hover{transform:none}}