/* Cytracom: midnight edition */
:root{--purple:#b39aff;--purple-dark:#d0beff;--ink:#f2f3fb;--muted:#a4a9bd;--line:#ffffff14;--cream:#0c0e19;--lavender:#161326;--white:#121522;--mint:#77e4ce}
body{background:#090b13;color:var(--ink)}
::selection{background:#936bff70;color:white}
.header{background:#090b13dc;border-bottom:1px solid #ffffff12;backdrop-filter:blur(22px)}
.brand img,.footer-brand img{filter:invert(1)}
.desktop-nav a{color:#bac0d1}.desktop-nav a:hover,.sales-phone:hover{color:white}
.sales-phone{color:#d6d7e3}.menu-toggle span{background:white}
.mobile-nav{background:#111421;border-color:#ffffff15;box-shadow:0 20px 35px #0006}
.announcement{background:linear-gradient(90deg,#18152c,#201738 50%,#111c29);color:#c6bfd8;border-bottom:1px solid #b39aff17}
.announcement a{color:#d1bfff}.announcement a .icon{color:var(--mint)}
.button{border:1px solid #b7a2ff45;background:linear-gradient(115deg,#825af9,#623ae0);box-shadow:0 4px 24px #6e42fa23,inset 0 1px 0 #ffffff24;border-radius:8px;color:#fff}
.button:hover{background:linear-gradient(115deg,#956cff,#744aef);box-shadow:0 7px 34px #8050ff50,inset 0 1px 0 #fff3;transform:translateY(-3px)}
.button-small{border-radius:7px}.text-link{color:#e8e4f7}.text-link:hover{color:var(--mint)}
.hero{position:relative;background:radial-gradient(ellipse at 82% 32%,#43236f44,transparent 44%),radial-gradient(ellipse at 96% 80%,#14635822,transparent 38%),linear-gradient(125deg,#0b0d17,#111121 70%,#0b111b)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#b7a9e526 .6px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(to right,transparent 35%,black)}
.hero-grid{padding-top:60px;padding-bottom:45px;min-height:600px}
.hero-copy .eyebrow{color:#d2c7ed;background:#b19aff0c;border:1px solid #b19aff26;border-radius:30px;padding:8px 13px;display:inline-flex;font-size:9px;letter-spacing:1.2px;margin-bottom:28px}
.status-dot{background:var(--mint);box-shadow:0 0 12px #77e4ce88}
.hero h1{letter-spacing:-3.7px;color:#fafaff;font-weight:600}
.hero h1 span{color:#b19aff;background:linear-gradient(110deg,#a58cff 8%,#c5b0ff 50%,#8de5dc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{color:#a6aec5}.hero-actions .text-link{color:#ded9ee}.hero-actions .text-link:hover{color:var(--mint)}
.hero-assurance{color:#a6a6bb}.hero-assurance .icon{color:var(--mint)}
.hero-bottom{border-color:#ffffff12;color:#9297ad;position:relative}.hero-bottom a{color:#bdc0d3}.hero-bottom a span{color:var(--mint)}
.visual-grid{background-image:linear-gradient(#ae9aff15 1px,transparent 1px),linear-gradient(90deg,#ae9aff15 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000 12%,transparent 68%)}
.orbital-glow{inset:40px -5px 5px;background:radial-gradient(ellipse,#7852fa4a 0%,#8a59e224 30%,transparent 65%);filter:blur(26px)}
.orbit{border-color:#aa8aff3b;box-shadow:0 0 22px #9463ff09,inset 0 0 18px #9d71ff06}
.orbit-two{border-color:#65d8c72b}.orbit-three{border-color:#a18cda20}
.orbit-one:after{background:var(--mint);box-shadow:0 0 16px #77e4ce,0 0 30px #77e4ce88}
.orbit-dot{background:#ad8fff;box-shadow:0 0 10px #b095ff}
.visual-top-label,.visual-caption{color:#9b91b5}.tiny-cross{color:#c9abff}.caption-line{background:#9f83cf55}
.platform-core{background:linear-gradient(140deg,#c1a5ff 0%,#8758f3 16%,#6234d6 54%,#301572 100%);border-color:#c7adff9c;box-shadow:0 0 55px #8054f74a,20px 28px 50px #0007,inset 3px 3px 5px #fff6,inset -8px -8px 18px #2b0b7977;transform:translate(-50%,-50%) rotate(-15deg) scale(1.08)}
.platform-core:before{border-color:#b191ff44;background:#976bff09;box-shadow:0 0 0 13px #a98aff06}
.floating-product{background:linear-gradient(120deg,#25243be6,#161a29e6);border-color:#c9b8ff2a;box-shadow:0 15px 35px #0004,inset 0 1px 0 #fff1}
.floating-product strong{color:#f0ebfc}.floating-product small{color:#a89dbc}.product-icon{background:#a28aff14;border-color:#c1a7ff22;color:#c7b4ff}.node-light{background:var(--mint);box-shadow:0 0 9px #77e4ce88}
.proof-strip{background:#0c101a;border-top:1px solid #b4a1ee1a;border-bottom:1px solid #ffffff0e}
.proof-intro{border-color:#ffffff16;color:#dde0ef}.proof-intro span{color:#838ba5}.proof-item>.icon{color:#a98bff}.proof-item strong{color:#e3e7f4}.proof-item span{color:#929ab2}
.section-heading .eyebrow,.partnership-top .eyebrow,.faq-section .eyebrow{color:#b99dff}
.platform-tabs{border-color:#ffffff14;gap:12px}.platform-tabs button{color:#949cb4;border-radius:8px 8px 0 0;padding-left:13px;transition:background .2s,color .2s}
.platform-tabs button:hover{background:#a58aff0c;color:white}.platform-tabs button[aria-selected=true]{color:#d0baff;background:linear-gradient(0deg,#a789ff15,transparent);border-color:#a98bff}
.platform-tabs button span{color:#79788f}
.solution-panel{background:radial-gradient(ellipse at 100% 100%,#24203d70,transparent 65%),#111521;border-color:#c3b0ff20;border-radius:18px;box-shadow:0 20px 60px #0002;position:relative}
.solution-product{color:#bca2ff}.solution-copy p{color:#a4adc5}.solution-copy ul{color:#c2c5d5}.solution-copy li:before{color:var(--mint)}
.solution-illustration{background:linear-gradient(140deg,#1a1b30,#111d2a);border-color:#b3a0ff2b;box-shadow:0 20px 45px #0004}
.diagram-top{border-color:#ffffff0e;color:#b3adca}.diagram-top>.icon{color:#a399be}.diagram-top .status-dot{background:var(--mint);box-shadow:0 0 8px #77e4ce66}
.diagram-body{background:radial-gradient(ellipse at 50% 70%,#6045aa25,transparent 65%)}
.diagram-endpoint{color:#aba6bf}.diagram-endpoint>.icon{background:#24253c;border-color:#b6a3ef22;color:#c8b5fa;box-shadow:0 3px 15px #0002}
.diagram-lines{stroke:#9171c575}.diagram-lines circle{fill:var(--mint)}
.diagram-hub{background:linear-gradient(110deg,#2a2347,#202337);border-color:#b391ff45;box-shadow:0 6px 28px #7c4fdc14}
.diagram-hub>.icon{color:white;background:#7850e3}.diagram-hub strong{color:#f0eafc}.diagram-hub div>span{color:#b0a7c4}.hub-check{color:var(--mint)}
.diagram-bottom{border-color:#ffffff10;color:#9991ad}.illustration-note{color:#858098}
.partnership-section{background:radial-gradient(ellipse at 15% 50%,#2b20502c,transparent 55%),#0d101b;border-block:1px solid #ffffff09}
.partnership-top p{color:#a7aec4}.benefits-grid{gap:18px}
.benefits-grid article,.benefits-grid article:first-child,.benefits-grid article:last-child{padding:28px;border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(145deg,#181b2a,#111522);transition:border-color .25s,transform .25s,box-shadow .25s}
.benefits-grid article:hover{transform:translateY(-7px);border-color:#a78aff55;box-shadow:0 20px 35px #0002}
.benefit-top{margin-bottom:34px}.benefit-top>span{color:#85819f}.benefit-top .icon{color:#bd9fff;background:#a78aff0c;width:40px;height:40px;padding:8px;border:1px solid #a78aff20;border-radius:10px}
.benefits-grid h3{color:#eceaf9}.benefits-grid a{color:#c8b2ff}.benefits-grid a:hover{color:var(--mint)}
.partnership-note{border-color:#ffffff12}.partnership-note>.icon{background:#77e4ce10;color:var(--mint)}.partnership-note p strong{color:#b4b8c9}.partnership-note a{color:#cec0ef}
.growth-card{border:1px solid #a78aff40;border-radius:20px;background:radial-gradient(ellipse at 0 0,#7651d442,transparent 65%),linear-gradient(135deg,#201a39,#111924);box-shadow:0 25px 90px #0004}
.growth-copy>.eyebrow{color:#c8afff}.growth-copy h2{background:linear-gradient(130deg,#fff,#d6c4ff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.growth-copy>p{color:#b0a8c3}.growth-call>.icon,.growth-call>.icon:last-child{color:var(--mint)}.growth-call>span{color:#b7abc9}.growth-call strong{color:white}.growth-decoration{border-color:#a389e64a;box-shadow:0 0 0 35px #9d7bfa0a,0 0 0 70px #9d7bfa08,0 0 0 105px #9d7bfa06}
.next-step{background:#141726e6;border:1px solid #d5bcff1d;border-radius:13px;box-shadow:0 10px 30px #0002}.step-label{color:#9e90b7}.next-step h3{color:#eeeafa}.next-step>p{color:#a6a6bd}
.goal-option{background:#ffffff02;border-color:#b4b1d124;transition:background .2s,border-color .2s}.goal-option:hover{background:#c1a8ff08;border-color:#b4a1ff55}.goal-option:has(input:checked){border-color:#b098ff;background:#ad8aff12;box-shadow:0 0 25px #a68aff07}.goal-option strong{color:#e5e1f2}.goal-option small{color:#a5a2b9}.radio-mark{border-color:#77738a}.goal-option:has(input:checked) .radio-mark{border-color:#b99aff}.goal-option:has(input:checked) .radio-mark:after{background:#b99aff}.next-step>.next-step-note{color:#a29ab4}
.faq-section>div>p a{color:#cab6ff}.faqs summary{color:#d9dbeb}.faqs details{border-color:#ffffff12}.faqs details:first-child{border-color:#ffffff12}.faqs summary:hover{color:#c1a5ff}.faq-plus:before,.faq-plus:after{background:#b5a0d7}.faqs details p{color:#a9aec3}.faqs details a{color:#c4adff}
.closing{border-color:#ffffff12}.closing p{color:#e4e1f3}.closing .text-link{color:#c6adff}
footer{background:#0d101a;border-top:1px solid #ffffff0c}.footer-brand>span{color:#a497ba}.footer-links a,.footer-address p{color:#a0a4b9}.footer-address a{color:#cab8ea}.footer-main h3{color:#e0ddec}.footer-links a:hover,.footer-address a:hover{color:var(--mint)}.footer-bottom{border-color:#ffffff10;color:#85829b}.footer-bottom a:hover{color:#cab3ff}
.skip{background:#17152a;color:white}
@media(min-width:901px){.benefits-grid p{min-height:135px}.hero-description{font-size:17px}.hero h1{font-size:clamp(48px,5.05vw,73px)}}
@media(max-width:900px){.benefits-grid article,.benefits-grid article:first-child,.benefits-grid article:last-child{padding:22px}.platform-tabs{gap:5px}.platform-tabs button{padding-left:8px}}
@media(max-width:700px){.hero-grid{padding-top:40px;padding-bottom:24px;min-height:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px;padding:7px 10px}.hero h1{font-size:clamp(38px,9.6vw,66px);letter-spacing:-2.4px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:11px}.hero-assurance{flex-wrap:wrap;gap:7px 18px}.hero-visual{margin-top:22px}.hero-bottom{font-size:8px;gap:20px}.proof-item strong{font-size:10px}.proof-item span{font-size:9px}.benefits-grid{gap:15px}.benefits-grid article,.benefits-grid article:first-child,.benefits-grid article:last-child{padding:25px;border:1px solid #ffffff12}.benefits-grid p{min-height:0}.benefit-top{margin-bottom:20px}.partnership-note{padding-top:25px;margin-top:10px}.platform-tabs button{border-bottom-color:#ffffff17}.solution-panel{padding:26px 20px}.button-small{font-size:10px;padding:11px 12px;gap:8px}.nav-wrap .brand img{width:132px}.growth-card{border-radius:16px}.next-step{margin:0 12px 12px}.closing{padding-block:30px}.footer-bottom{color:#9993ac}}