/* Workspace One v12 public launch page — original brand treatment informed by user's dark gradient references. */
:root{color-scheme:dark}
html{scroll-padding-top:90px}
body,body[data-theme="dark"],body[data-theme="light"]{--bg:#080b12;--surface:#141825;--text:#f1f5fd;--muted:#9ba9bf;--border:#31384d;--soft:#182135;--ink:#f5f7ff;--panel:#111726;--accent:#9aafff;background:#080b12!important;color:#f1f5fd}
body{background:radial-gradient(ellipse 55% 45% at 50% 1%,rgba(36,58,176,.32),transparent 78%),#080b12!important;overflow-x:hidden}
body::before{content:"";position:absolute;inset:66px 0 auto;height:850px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 52% 58% at 12% 58%,rgba(2,129,171,.22),transparent 77%),radial-gradient(ellipse 44% 56% at 93% 48%,rgba(60,39,209,.28),transparent 73%)}
.site-nav{background:rgba(10,13,21,.88)!important;border-bottom:1px solid #30394a!important;box-shadow:none;backdrop-filter:blur(20px)}
.site-nav .nav-wrap{max-width:1340px;min-height:76px}.site-nav nav{color:#b9c2d8}.site-nav nav a:hover{color:white}.logo{color:#f7faff!important}.logo span:last-child{color:#91aaff}.logo-mark{background:linear-gradient(130deg,#398dde,#605ce8)!important;color:white!important;box-shadow:0 2px 17px #5076e736}
.nav-login{color:#c7d1e7}.nav-actions .btn.dark,.hero .btn.dark{border-color:#718deb!important;color:#071023!important;background:linear-gradient(118deg,#78affc,#8f88ff)!important;box-shadow:0 8px 28px #314dbf33;border-radius:12px}.hero .btn.outline{background:#111725;border:1px solid #465372;color:#ecf2ff}.btn.large{padding:15px 23px}.btn:hover{transform:translateY(-3px)}
.hero{position:relative;z-index:1;max-width:1400px;padding-top:125px}.hero-top{max-width:1040px;margin:auto}.tag{background:rgba(17,22,35,.72)!important;border:1px solid #445477!important;color:#c2d2f8!important;backdrop-filter:blur(14px)}
.hero h1{font-size:clamp(53px,7.1vw,104px)!important;line-height:1.04!important;letter-spacing:-.065em!important;font-weight:750!important;color:#f9fbff!important;margin:28px auto 24px;max-width:1120px}
.hero h1 em{font-style:normal!important;font-weight:760!important;background:linear-gradient(94deg,#61ccff,#73a6ff 45%,#a77cf7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#91a6ff}
.hero-top>p{color:#b7c3d8!important;font-size:18px!important;max-width:715px;line-height:1.75!important}.hero-legal,.trust-line{color:#93a2c1}.hero-legal a:hover{text-decoration:underline;color:white}.trust-line .check{color:#52debc}
.orbit-art{position:relative;filter:drop-shadow(0 35px 50px rgba(0,0,0,.26));margin-top:40px}.art-circle{background:linear-gradient(150deg,rgba(27,46,93,.48),rgba(12,17,32,.92))!important;border-color:rgba(115,148,232,.31)!important;backdrop-filter:blur(8px)}.art-circle .circle-name{color:#b6c5e1}.art-circle:hover,.art-circle:focus-visible{box-shadow:0 0 0 2px rgba(116,153,245,.32),0 20px 80px rgba(49,88,228,.25)!important}.art-circle .laptop{transition:transform .35s cubic-bezier(.15,.72,.15,1)}.art-circle:hover .laptop{transform:translateY(-8px) scale(1.04)}
.divider-title{color:#dce6ff}.divider-title span,.section .eyebrow{color:#8aaff9}.divider-title p{color:#e7ecf9}
.section{position:relative;z-index:1}.section-heading h2,.section-heading h2 i,.section-head h2,.section h2{color:#f4f7ff}.section-heading h2 i{color:#8ba7ff}.section-heading p,.section-head p,.section p{color:#aebcd4}.section-heading{max-width:1310px}
.products,.steps,.testimonials,.pricing,.faq,.cta-section{background:transparent!important}.product-grid{gap:18px!important}.product-card{border:1px solid #323e5a!important;background:linear-gradient(151deg,rgba(31,42,66,.94),rgba(15,20,34,.96) 78%)!important;box-shadow:0 16px 46px rgba(0,0,0,.12);color:#f3f6ff!important;transition:border-color .3s,transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);border-color:#6a82c4!important;box-shadow:0 28px 60px rgba(0,0,0,.25)}.product-card h3{color:#f4f7ff!important}.product-card p{color:#b2bfd5!important}.product-icon{background:#233353!important;color:#9dbcff!important}.product-card .product-visual,.website-mini,.post-mini,.prompt-pill{background:#111a2c!important;border-color:#334768!important;color:#d9e5fc!important}.lead-preview-search{background:#1d2d49!important;color:#c5d5f5!important;border-color:#3c5374!important}.lead-preview-row{color:#d5e3f9!important;border-color:#303c53!important}.lead-preview-row small,.post-mini small{color:#94a6c4!important}.sparkbars span{background:linear-gradient(180deg,#729dff,#416ac7)!important}
.steps .step,.steps .step-card,.how-card,.pricing-card,.faq-item,.faq details,.cta-card{background:linear-gradient(145deg,#151d2e,#101724)!important;border-color:#354059!important;color:#edf3ff!important}.pricing-card h3,.pricing-card strong,.faq summary,.faq-question,.faq-item h3{color:#f5f7ff!important}.pricing-card p,.faq p,.faq-item p{color:#9eabc1!important}.faq summary:hover{color:#92b9ff!important}.faq details[open]{border-color:#6888cb!important}.faq .faq-answer,.faq-answer{color:#b9c6dc!important}
.site-footer,footer{background:#090e18!important;color:#9eadc7!important;border-top-color:#283348!important}.site-footer a:hover,footer a:hover{color:#fff!important}
input,textarea,select{color:#eef4ff}.menu-btn{color:#f6f8ff;background:#121a2b;border:1px solid #394560}
@media(max-width:850px){.hero{padding-top:84px}.hero h1{font-size:clamp(45px,10vw,76px)!important}.site-nav nav{background:#101826!important}.hero-top>p{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.product-card,.art-circle .laptop{transition:none!important}}