/* Rolectro v113 — shared public site */
:root{--nova-ink:#071722;--nova-panel:#102a3a;--nova-line:#294b5b;--nova-cyan:#5dd9eb;--nova-muted:#a8c1ce}
html{scroll-padding-top:110px}body{background:#071722}.bg-blobs{display:none}
.current-product{font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse at 90% 5%,#103243 0,transparent 42%),#071722;color:#eaf5fb;min-height:100vh;line-height:1.65}
.nova-site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:30px;padding:14px max(24px,calc((100vw - 1320px)/2));background:#091d29f5;border-bottom:1px solid var(--nova-line);backdrop-filter:blur(16px)}
.nova-brand{display:flex;gap:12px;align-items:center;color:#effaff!important;text-decoration:none;flex-shrink:0;font-size:14px;line-height:1.3;letter-spacing:.03em}.nova-brand img{height:52px;width:52px;object-fit:contain;border-radius:12px}.nova-brand b{display:block;color:var(--nova-cyan)}
.nova-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.nova-nav a{color:#b9ccd6;text-decoration:none;font-size:14px;font-weight:600;padding:10px 12px;border-radius:8px;white-space:nowrap}.nova-nav a:hover,.nova-nav a[aria-current=page]{color:#eaffff;background:#143343}.nova-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--nova-cyan)}
.nova-header-help{display:flex;align-items:center;gap:9px;border:1px solid #375f70;background:#102f3d;color:#dffaff;border-radius:28px;padding:6px 13px 6px 6px;cursor:pointer;font:600 13px Inter,system-ui;white-space:nowrap}.nova-header-help img{width:32px;height:32px;object-fit:contain}.nova-menu{display:none}
.current-main{max-width:1320px;padding:48px 24px 0;margin:auto}.current-product h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.045em;line-height:1.1;font-weight:750;margin:10px 0 24px}.current-product h1 em,.current-product h2 em{font-style:normal;color:var(--nova-cyan)}.current-product h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;line-height:1.2;margin:12px 0 18px}.current-product h3{font-size:21px;line-height:1.35;letter-spacing:-.015em}.current-product p{color:#b1c7d2}.current-intro{max-width:850px;margin-bottom:36px}.current-intro>p:last-child{font-size:18px;line-height:1.75}.current-eyebrow{color:#7bd5e1!important;font:650 11px/1.6 Inter,system-ui!important;letter-spacing:.16em!important;text-transform:uppercase}
.current-product a:not(.current-button):not(.nova-brand):not(.nova-nav a):not(.nova-paths a){color:#85dbe9}.current-product .current-button{background:#4ed4e6;color:#042531;border:1px solid #68dfef;border-radius:10px;padding:13px 20px;min-height:46px;line-height:1.4;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:14px;font-weight:700;box-shadow:none}.current-product .current-button.secondary{background:#102c3c;border:1px solid #36596a;color:#deedf3}.current-product .current-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.current-product a:focus-visible,.current-product button:focus-visible,.current-product summary:focus-visible,.current-product input:focus-visible,.current-product select:focus-visible{outline:3px solid #a6e5ef;outline-offset:4px}.current-actions{gap:12px;flex-wrap:wrap}
.current-card{background:linear-gradient(140deg,#122e3e,#0c202e);border:1px solid #2b4b5d;border-radius:18px;padding:28px;box-shadow:none}.current-card h2{font-size:24px}.current-small{font-size:13px!important;line-height:1.65;color:#9fb9c7!important}.current-note{border-color:#345869;background:#102b3a}.current-note h2{font-size:24px}.current-manual{display:grid;gap:12px}.current-manual details{border:1px solid #2d5060;background:#102837;border-radius:13px;padding:22px}.current-manual summary{line-height:1.45;cursor:pointer;font-weight:650}.current-manual details p{max-width:85ch}.current-manual details[open]{border-color:#61bdcd}.current-product input,.current-product select{background:#0a202d;color:#e4f1f8;border:1px solid #3d6375;border-radius:9px;min-height:46px;padding:10px 12px;font:inherit;width:100%;box-sizing:border-box}.current-product label{display:block;color:#bbd0da;font-size:14px}
.nova-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;min-height:520px}.nova-hero-copy>p:not(.current-eyebrow){font-size:19px;line-height:1.8;max-width:550px}.nova-hero h1{font-size:clamp(45px,4.6vw,70px);margin:18px 0 24px}.nova-hero .current-actions{margin:30px 0}.nova-hero-note{display:flex;gap:12px;align-items:center;font-size:13px}.nova-hero-note img{object-fit:contain}.nova-hero-note p{margin:0}.nova-hero-note strong,.nova-hero-note span{display:block}.nova-hero-note strong{color:#dfedf4}.nova-hero-art{position:relative;min-height:480px;display:grid;place-items:center}.nova-meter{width:78%;max-height:490px;height:auto;object-fit:contain;position:relative;filter:drop-shadow(0 28px 38px #0007)}.nova-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #55c4d61a;border-radius:50%;background:radial-gradient(circle,#2a9eb322,transparent 66%);box-shadow:0 0 0 25px #56c4d605,0 0 0 65px #56c4d603}.nova-float{position:absolute;background:#0c2939ed;border:1px solid #3b6475;border-radius:14px;backdrop-filter:blur(12px);padding:17px 22px;box-shadow:0 20px 40px #0004}.nova-float>span{display:block;color:#8ebcca;font-size:9px;letter-spacing:.12em;margin-bottom:6px}.nova-float strong{font-size:28px;line-height:1.2;color:#ecfaff}.nova-float small{font-size:14px;color:#acd5df;font-weight:500}.nova-float-top{top:36px;right:0}.nova-float-bottom{bottom:24px;left:0}.nova-float-bottom strong{font-size:21px}.nova-spark{height:27px;display:flex;align-items:flex-end;gap:6px;margin:9px 0}.nova-spark i{display:block;width:12px;background:#69d6ce;border-radius:2px;height:10px}.nova-spark i:nth-child(3n){height:26px}.nova-spark i:nth-child(3n+1){height:18px}.nova-proof{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;border-block:1px solid var(--nova-line);padding:22px 0;color:#a3bdca;font-size:13px;margin:30px 0 0}.nova-proof span:before{content:'✓';color:#8ddcb7;margin-right:12px}
.nova-section{margin:74px 0}.nova-section-title{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:28px}.nova-section-title h2{margin-bottom:0}.nova-section-title>p{max-width:350px;font-size:15px;margin:0}.nova-paths,.nova-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nova-paths>a{padding:30px;border:1px solid #294d5e;border-radius:18px;background:#102a3a;text-decoration:none;color:#eaf6fc;transition:background .2s,border-color .2s}.nova-paths>a:hover{background:#163a4a;border-color:#60c8d5}.nova-path-icon,.nova-number{font-size:11px;letter-spacing:.1em;color:#70d6df}.nova-paths h3{margin:32px 0 12px}.nova-paths p{font-size:15px;min-height:72px}.nova-paths b{font-size:13px;color:#91e4ed}.nova-three .current-card h2{margin-top:24px}.nova-three .current-card p{font-size:15px}
.nova-showcase{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center}.nova-showcase h2{font-size:clamp(28px,2.8vw,38px)}.nova-showcase-copy>p{max-width:500px}.nova-toggle{display:inline-flex;border:1px solid #35596a;border-radius:10px;padding:4px;gap:4px;background:#0a1e2b;margin-top:12px}.nova-toggle button{border:0;border-radius:7px;background:transparent;color:#abc5d1;padding:10px 16px;font:600 13px Inter,system-ui;cursor:pointer;min-height:42px}.nova-toggle button[aria-pressed=true]{background:#235166;color:#fff}
.nova-flow-board{border:1px solid #355e70;background:radial-gradient(ellipse at top,#143c4d,#0b202e);border-radius:22px;padding:24px;box-shadow:0 25px 50px #0003}.nova-board-top{display:flex;justify-content:space-between;align-items:center}.nova-board-top span{font-size:9px;letter-spacing:.12em;color:#8eb0c1}.nova-flow-board svg{width:100%;height:auto;display:block;margin:14px 0}.nova-flow-board path{fill:none;opacity:.5;transition:stroke .3s}.nova-flow-board rect,.nova-flow-board circle{fill:#102e3c;stroke:#466778;stroke-width:1}.nova-flow-board text{text-anchor:middle;fill:#abc5d3;font:12px Inter,system-ui}.nova-flow-board .nova-flow-value{font-size:19px;font-weight:700;fill:#edfbff}.nova-flow-board .nova-home-symbol{font-size:39px;fill:#67dbe7}.nova-flow-caption{font-size:12px;line-height:1.6;border-top:1px solid #294f62;padding-top:16px;color:#a9c8d8}
.nova-team-teaser,.nova-guide-large{display:flex;gap:32px;align-items:center;border-block:1px solid #294b5d;padding:40px 0;margin:60px 0}.nova-team-teaser>img,.nova-guide-large>img{width:130px;height:160px;object-fit:contain;flex-shrink:0}.nova-team-teaser p,.nova-guide-large p{max-width:800px}.nova-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.nova-team-grid .current-card{display:flex;flex-direction:column;align-items:flex-start}.nova-team-grid img{object-fit:contain;margin:0 0 20px;width:110px;height:130px}.nova-team-grid p{flex:1}.nova-team-grid h2{font-size:32px;margin-top:6px}.nova-team-grid button{margin-top:22px}.nova-team-grid .current-eyebrow{font-size:10px!important}
.nova-product-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;margin:30px 0 40px}.nova-product-image{width:100%;max-height:430px;object-fit:contain}.nova-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.nova-spec-grid strong{font-size:35px;color:#83dce5}.nova-spec-grid h2{font-size:19px}.nova-spec-grid p{font-size:14px}.nova-cost-result{padding:40px;background:linear-gradient(135deg,#193f41,#102838);border:1px solid #5d8b81;border-radius:20px}.nova-cost-result>span{font-size:11px;letter-spacing:.14em;color:#a2d9c0}.nova-cost-result>strong{display:block;font-size:68px;line-height:1.4;color:#c1f2d4;letter-spacing:-.05em}.nova-cost-result>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #3c625f;padding-top:18px;margin-top:18px;font-size:14px;color:#bdd2d8}.nova-smart-scene{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;border:1px solid #315366;border-radius:20px;background:#102b3c;padding:32px}.nova-smart-scene span{display:block;color:#72d4e2;font-size:10px;letter-spacing:.14em}.nova-smart-scene strong{font-size:23px;display:block;margin:12px 0}.nova-smart-scene p{font-size:13px;margin:0}.nova-smart-scene>b{color:#5c9dab;font-size:24px}.nova-status{font-size:11px;line-height:1.5;border:1px solid #557581;border-radius:30px;padding:6px 12px;color:#bad4df;display:inline-block}.nova-status.available{color:#b7eac8;border-color:#548674;background:#193e36}.nova-status.future{color:#d0c2ed;border-color:#6f628e;background:#2b2c42}
.nova-context{display:flex;align-items:center;gap:20px;background:#102c3c;border:1px solid #315a6d;border-radius:16px;margin:64px 0 40px;padding:23px 28px}.nova-context img{width:64px;height:74px;object-fit:contain}.nova-context>div{flex:1}.nova-context strong{font-size:18px}.nova-context p{margin:4px 0;font-size:14px}.nova-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 32px}.nova-subnav a{padding:7px 12px;font-size:12px;text-decoration:none;border:1px solid #294857;border-radius:20px}.nova-subnav a[aria-current=page]{background:#1a3e4d;border-color:#6bd2df;color:#eaffff!important}
.nova-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding:36px 0;border-top:1px solid #2b4859;margin-top:38px}.nova-footer h3{font-size:14px;margin:0 0 18px}.nova-footer a,.nova-footer button{display:block;font:13px/1.7 Inter,system-ui;text-decoration:none;margin:9px 0;background:none;border:0;color:#9bbbc9!important;cursor:pointer;padding:0;text-align:left}.nova-footer .nova-brand{margin-top:0}.nova-footer p{font-size:12px;max-width:230px}.nova-footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:18px 0 28px;color:#86a2b2;font-size:11px;border-top:1px solid #213d4c}.nova-footer-bottom a{color:#86a2b2!important}
.current-demo-controls .is-off{background:#35272f;border-color:#a96b78}.current-demo-controls .is-off strong{color:#f1a7af}.current-design-detail{top:110px}.current-design-list{max-height:760px;overflow:auto;padding:3px}.current-apps .current-version{white-space:normal}.current-tabs{display:none}
@media(max-width:1150px){.nova-site-header{gap:16px;padding:12px 24px}.nova-nav a{font-size:12px;padding:10px 8px}.nova-header-help span{display:none}.nova-header-help{padding:5px}.nova-hero{gap:20px}.nova-float{padding:14px}}
@media(max-width:820px){.nova-site-header{flex-wrap:wrap;gap:12px;padding:12px 18px}.nova-brand{margin-right:auto}.nova-brand img{height:42px;width:42px}.nova-menu{display:inline-flex;background:#143441;color:#d6eef7;border:1px solid #466775;border-radius:9px;min-height:42px;padding:8px 12px;align-items:center;gap:8px;font:600 13px Inter,system-ui;cursor:pointer}.nova-nav{display:none;order:4;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;padding-top:5px}.nova-nav.open{display:flex}.nova-nav a{font-size:14px;padding:11px 13px;flex:1 0 25%;text-align:center}.current-main{padding:30px 20px 0}.nova-hero{grid-template-columns:1fr 1fr;min-height:440px}.nova-hero h1{font-size:46px}.nova-hero-copy>p:not(.current-eyebrow){font-size:16px}.nova-hero-art{min-height:340px}.nova-float strong{font-size:22px}.nova-float small{font-size:11px}.nova-float>span{font-size:8px}.nova-float-bottom{bottom:0}.nova-paths,.nova-three{gap:13px}.nova-paths>a{padding:22px}.nova-paths h3{font-size:19px}.nova-paths p{min-height:110px}.nova-showcase{gap:25px}.nova-team-grid{grid-template-columns:1fr 1fr}.nova-footer{grid-template-columns:1fr 1fr}.nova-product-grid{grid-template-columns:.65fr 1fr}.nova-smart-scene{padding:22px;gap:12px}.nova-smart-scene strong{font-size:18px}.current-design-detail{position:static}.current-card{padding:23px}}
@media(max-width:600px){html{scroll-padding-top:85px}.nova-hero{grid-template-columns:1fr;gap:0;min-height:0}.nova-hero h1{font-size:48px}.nova-hero .current-actions{margin:24px 0}.nova-hero-art{min-height:350px;margin:10px 10px 0}.nova-meter{max-height:360px;width:70%}.nova-float-top{top:25px}.nova-float-bottom{bottom:5px}.nova-hero-note{font-size:12px}.nova-proof{gap:12px;display:grid;padding:22px 0;margin:26px 0 0;font-size:12px}.nova-section{margin:48px 0}.nova-section-title{display:block;margin-bottom:20px}.nova-section-title>p,.nova-section-title>a{display:block;margin-top:15px}.nova-paths,.nova-three,.nova-showcase,.nova-product-grid,.nova-team-grid{grid-template-columns:1fr}.nova-paths p{min-height:0;margin:10px 0 22px}.nova-paths h3{margin-top:16px;font-size:23px}.nova-showcase{gap:25px}.nova-flow-board{padding:17px}.nova-team-teaser,.nova-guide-large{gap:18px;align-items:flex-start;margin:44px 0;padding:28px 0}.nova-team-teaser>img,.nova-guide-large>img{width:68px;height:100px}.nova-team-teaser h2,.nova-guide-large h2{font-size:25px}.nova-team-teaser p,.nova-guide-large p{font-size:14px}.nova-context{padding:20px;gap:13px;flex-wrap:wrap;margin:40px 0 30px}.nova-context>div{min-width:170px}.nova-context img{width:48px;height:58px}.nova-context button{width:100%}.nova-footer{gap:25px}.nova-footer>div:first-child{grid-column:1/-1}.nova-footer-bottom{display:block}.nova-footer-bottom span{display:block;margin:6px 0}.nova-product-image{max-height:280px}.nova-spec-grid{gap:18px}.nova-smart-scene{grid-template-columns:1fr;padding:25px;text-align:center}.nova-smart-scene>b{transform:rotate(90deg)}.nova-smart-scene strong{font-size:23px}.nova-cost-result{padding:26px}.nova-cost-result>strong{font-size:54px}.current-product .current-actions>*{width:auto;max-width:100%}.nova-hero .current-actions>*{width:100%}.current-demo-top>span{font-size:9px;padding:5px 8px}.current-product .current-eyebrow{font-size:10px!important}.nova-team-grid img{align-self:center}.current-design-list{max-height:280px}}
.nova-meter,.nova-product-image{border-radius:22px}.nova-hero-note img,.nova-header-help img{border-radius:50%}.nova-hero-art .nova-meter{mask-image:radial-gradient(ellipse at center,#000 55%,transparent 76%)}
.nova-help-heading{margin-top:46px!important}.nova-design-flow{padding:10px;margin:20px 0}.nova-design-flow svg{margin:0}
.current-design-detail{scroll-margin-top:105px}
@media(max-width:600px){.current-design-detail{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.current-product *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}