.cc-page{--cc:#12ccef;--cc-blue:#2389ff;background:#020608}
.cc-hero{position:relative;overflow:hidden;min-height:780px;padding:150px 0 90px;border-bottom:1px solid #17303d;background:radial-gradient(circle at 82% 28%,rgba(18,204,239,.14),transparent 34%),linear-gradient(135deg,#020608 45%,#06141a)}
.cc-hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#2ba6bf33 1px,transparent 1px),linear-gradient(90deg,#2ba6bf33 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.cc-hero-layout{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:65px}
.cc-hero-copy h1{margin:15px 0 24px;font:700 clamp(54px,6.7vw,96px)/.88 var(--font-display);letter-spacing:-4px}.cc-hero-copy h1 em{color:var(--cc);font-style:normal;text-shadow:0 0 36px #12ccef32}.cc-hero-copy>p:not(.eyebrow){max-width:590px;color:#9aaab6;font-size:15px;line-height:1.7}.cc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.cc-hero-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:25px;color:#79909e;font-size:9px;letter-spacing:.7px}.cc-hero-trust span::first-letter{color:var(--cc)}
.cc-hero-visual{position:relative}.cc-window{overflow:hidden;border:1px solid #207c99;background:#020608;box-shadow:-20px 35px 100px #000,20px 0 75px #12ccef12;transform:perspective(1500px) rotateY(-4deg)}.cc-window-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid #173440;background:#050b0f}.cc-window-bar span{width:6px;height:6px;border-radius:50%;background:#31505e}.cc-window-bar span:first-child{background:#ff513f}.cc-window-bar span:nth-child(2){background:#f3ac28}.cc-window-bar span:nth-child(3){background:#17cbea}.cc-window-bar b{margin-left:auto;color:#47707f;font:700 7px var(--font-display);letter-spacing:1.4px}.cc-window img{display:block;width:100%}.cc-system-pill{position:absolute;right:-15px;bottom:-24px;padding:12px 15px;border:1px solid #19536a;background:#061016;color:#7b9bab;font:700 8px var(--font-display);letter-spacing:1px}.cc-system-pill i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--cc);box-shadow:0 0 12px var(--cc)}
.cc-positioning{padding:95px 0;background:#03080b}.cc-positioning>.container>p{color:var(--cc);font:700 9px var(--font-display);letter-spacing:2px}.cc-positioning h2{margin:12px 0 50px;font:700 clamp(44px,6vw,78px)/.91 var(--font-display);letter-spacing:-3.5px}.cc-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1d3b47}.cc-principles article{position:relative;padding:32px 40px 25px 0}.cc-principles article+article{padding-left:40px;border-left:1px solid #1d3b47}.cc-principles span{color:#24596c;font:700 28px var(--font-display)}.cc-principles h3{margin:10px 0;font:700 22px var(--font-display)}.cc-principles p{color:#8294a0;font-size:12px}
.cc-showcase{padding:110px 0;background:#05090c}.cc-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin:50px 0 20px;border:1px solid #1c3743}.cc-tabs button{display:flex;align-items:center;gap:11px;min-width:0;padding:17px 18px;border:0;border-right:1px solid #1c3743;background:#050b0f;color:#6d8290;cursor:pointer;font:700 10px var(--font-display);transition:.2s}.cc-tabs button:last-child{border-right:0}.cc-tabs button b{color:#24576a}.cc-tabs button:hover,.cc-tabs button.active{background:#08202a;color:#fff}.cc-tabs button.active{box-shadow:inset 0 -2px var(--cc)}.cc-tabs button.active b{color:var(--cc)}
.cc-stage{display:grid;grid-template-columns:330px 1fr;min-height:570px;border:1px solid #1e5d74;background:#03080b;box-shadow:0 35px 90px #000}.cc-stage-copy{position:relative;padding:50px 36px;border-right:1px solid #173845}.cc-stage-copy>span{color:var(--cc);font:700 8px var(--font-display);letter-spacing:1.7px}.cc-stage-copy h3{margin:13px 0 18px;font:700 32px/1 var(--font-display);letter-spacing:-1px}.cc-stage-copy p{color:#8b9ca8;font-size:12px;line-height:1.7}.cc-stage-copy ul{margin:28px 0;padding:0;list-style:none}.cc-stage-copy li{padding:10px 0;border-bottom:1px solid #19313b;color:#acbac4;font-size:10px}.cc-stage-copy li:before{content:"✓";margin-right:9px;color:var(--cc)}.cc-stage-counter{position:absolute;left:36px;bottom:35px;color:#486471;font:700 12px var(--font-display)}.cc-stage-counter b{color:var(--cc);font-size:30px}.cc-stage-image{position:relative;display:grid;place-items:center;margin:0;padding:28px;overflow:hidden;background:radial-gradient(circle,#0b1d24,#03080b 68%)}.cc-stage-image img{display:block;width:100%;border:1px solid #244854;box-shadow:0 24px 65px #000}.cc-stage-image button{position:absolute;right:40px;bottom:40px;padding:11px 14px;border:1px solid #2588a3;background:#041117e8;color:#b9ecf7;font:700 8px var(--font-display);letter-spacing:1px;cursor:pointer}
.cc-capabilities{padding:115px 0;background:#030608}.cc-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:#1b3440;border:1px solid #1b3440}.cc-capability-grid article{min-height:220px;padding:30px;background:#050b0f}.cc-capability-grid span{color:#40cbe7;font:700 8px var(--font-display);letter-spacing:1.4px}.cc-capability-grid h3{margin:17px 0 12px;font:700 20px var(--font-display)}.cc-capability-grid p{color:#81939f;font-size:11px;line-height:1.7}
.cc-feature-stories{padding:120px 0!important;background:radial-gradient(circle at 50% 8%,#09212a,transparent 28%),#020608!important}.cc-feature-stories .feature-story-row{margin-top:105px}.cc-feature-stories .feature-screen{border-color:#1d6b82;box-shadow:0 30px 80px #000,0 0 45px #12ccef0b}.cc-feature-stories .feature-screen img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top}.cc-feature-stories .feature-detail>span{color:var(--cc)}.cc-feature-stories .feature-detail li:before{color:var(--cc)}.cc-feature-stories .feature-detail h3{max-width:520px}
.cc-safety{padding:120px 0;background:radial-gradient(circle at 15% 50%,#0a2029,transparent 32%),#03080b}.cc-safety-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.cc-safety h2{margin:12px 0 22px;font:700 clamp(44px,5.5vw,72px)/.92 var(--font-display);letter-spacing:-3px}.cc-safety-layout>div:first-child>p:last-child{max-width:510px;color:#8a9ba6;font-size:13px}.cc-safety-list article{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #1c3b47}.cc-safety-list b{color:#28748b;font:700 17px var(--font-display)}.cc-safety-list h3{margin:0 0 7px;font:700 18px var(--font-display)}.cc-safety-list p{margin:0;color:#81939f;font-size:11px}
.cc-maxios-link{padding:100px 0;background:linear-gradient(110deg,#07121b,#05090c)}.cc-maxios-link .container{display:flex;align-items:center;justify-content:space-between;gap:70px}.cc-maxios-link h2{margin:10px 0 18px;font:700 clamp(35px,4.4vw,57px)/.95 var(--font-display);letter-spacing:-2px}.cc-maxios-link p:not(.eyebrow){max-width:720px;color:#8a9aa6;font-size:12px}.cc-maxios-actions{display:flex;align-items:stretch;flex:0 0 310px;flex-direction:column;gap:10px}.cc-maxios-actions .button{text-align:center}
.cc-lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:55px;background:#010405f2;backdrop-filter:blur(10px)}.cc-lightbox[hidden]{display:none}.cc-lightbox img{max-width:95vw;max-height:82vh;border:1px solid #23758d;box-shadow:0 25px 90px #000}.cc-lightbox>button{position:absolute;right:25px;top:20px;border:0;background:transparent;color:#fff;font-size:36px;cursor:pointer}.cc-lightbox p{margin:14px 0 0;color:#8faab5;font:700 9px var(--font-display);letter-spacing:1px}
@media(max-width:1050px){.cc-hero-layout{grid-template-columns:1fr}.cc-hero-visual{max-width:900px}.cc-stage{grid-template-columns:1fr}.cc-stage-copy{min-height:350px;border-right:0;border-bottom:1px solid #173845}.cc-safety-layout{grid-template-columns:1fr;gap:40px}.cc-maxios-link .container{align-items:flex-start;flex-direction:column}.cc-maxios-actions{width:100%;max-width:500px;flex-basis:auto}}
@media(max-width:760px){.cc-hero{min-height:auto;padding:125px 0 75px}.cc-hero-copy h1{letter-spacing:-2.5px}.cc-principles{grid-template-columns:1fr}.cc-principles article+article{padding-left:0;border-left:0}.cc-tabs{display:flex;overflow-x:auto}.cc-tabs button{flex:0 0 160px}.cc-capability-grid{grid-template-columns:1fr 1fr}.cc-showcase,.cc-capabilities,.cc-safety{padding:80px 0}.cc-feature-stories{padding:80px 0!important}.cc-feature-stories .feature-story-row{margin-top:70px}.cc-stage-image{padding:14px}.cc-stage-image button{right:25px;bottom:25px}.cc-lightbox{padding:20px}}
@media(max-width:520px){.cc-capability-grid{grid-template-columns:1fr}.cc-stage-copy{padding:35px 24px}.cc-stage-counter{left:24px}.cc-principles article{padding-right:0}.cc-hero-actions .button{width:100%;text-align:center}}