/* CyberCursor public site — scenes and infographics.
   CSS 3D compositions (hero assembly, exploded architecture stack, perspective product
   frames), inline SVG infographic motion, the comparison teaser, pricing curve, proof strip,
   roadmap timeline. Everything decorative honours prefers-reduced-motion and the global
   motion control (body.motion-paused). No inline styles: CSP forbids them. */

/* ------------------------------------------------------------ hero scene */
.home-enterprise-grid{grid-template-columns:1fr 1.15fr;gap:48px;min-height:560px}
.hero-scene{position:relative;perspective:1700px;perspective-origin:58% 38%;min-height:clamp(360px,44vw,600px);--depth-x:0px;--depth-y:0px;--tilt-x:0deg;--tilt-y:0deg}
.hero-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s var(--ease)}
.scene-floor{position:absolute;left:-14%;right:-14%;bottom:-4%;height:74%;transform:rotateX(78deg);transform-origin:bottom;background-image:linear-gradient(#2350c226 1px,transparent 1px),linear-gradient(90deg,#2350c226 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(62% 72% at 50% 62%,#000,transparent);mask-image:radial-gradient(62% 72% at 50% 62%,#000,transparent);pointer-events:none}
.scene-layer{position:absolute;transform-style:preserve-3d;transform:var(--to);animation:assemble 1.15s var(--ease) backwards}
.layer-portal{left:0;top:2%;width:68%;--to:translate3d(calc(var(--depth-x) * -.6),calc(var(--depth-y) * -.6),-170px) rotateY(15deg) rotateX(3deg);--from:translate3d(-90px,40px,-460px) rotateY(32deg);animation-delay:.1s}
.layer-controller{right:0;top:17%;width:66%;--to:translate3d(calc(var(--depth-x) * .5),calc(var(--depth-y) * .5),60px) rotateY(-9deg) rotateX(2deg);--from:translate3d(110px,70px,-220px) rotateY(-26deg);animation-delay:.32s}
.layer-endpoint{left:3%;bottom:4%;width:41%;max-width:290px;--to:translate3d(calc(var(--depth-x) * 1.2),calc(var(--depth-y) * 1.2),150px) rotateY(9deg);--from:translate3d(-50px,90px,-120px);animation-delay:.58s}
.layer-cube{right:5%;top:-3%;width:96px;height:96px;--to:translate3d(calc(var(--depth-x) * -1.4),calc(var(--depth-y) * -1.4),210px);--from:translate3d(50px,-70px,-120px);animation-delay:.72s}
.layer-signal{inset:0;width:100%;height:100%;--to:translateZ(110px);--from:translateZ(110px);pointer-events:none;animation-delay:.95s;animation-duration:.9s}
@keyframes assemble{from{opacity:0;transform:var(--from)}to{opacity:1;transform:var(--to)}}
.motion-paused .scene-layer,.hero-scene.is-settled .scene-layer{animation:none}
.layer-cube .signal-cube{animation-play-state:paused}
.motion-active .layer-cube .signal-cube{animation-play-state:running}
.hero-signal{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-signal path{stroke-dasharray:7 7;animation:ig-dash 2.2s linear infinite;animation-play-state:paused}
.motion-active .hero-signal path{animation-play-state:running}
.scene-note{position:absolute;right:0;bottom:-26px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#7a8aa3}

/* app window frame used by the scenes and the command section */
.app-frame{background:#fff;border:1px solid var(--line-strong);box-shadow:0 0 0 1px #ffffff inset,0 48px 90px -36px #0e192b66}
.frame-bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;background:var(--ink);color:#93a4bf;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.frame-bar i{width:8px;height:8px;background:#2a3a55}
.frame-bar i:first-child{background:var(--glow)}
.frame-bar span{margin-left:auto;color:#c7d4ea}
.app-frame img{display:block;width:100%;height:auto}
.endpoint-card{background:#fff;border:1px solid var(--line-strong);border-left:3px solid var(--ok);padding:16px 18px;box-shadow:0 36px 60px -30px #0e192b66}
.endpoint-card .micro-label{display:block;font-size:9px;color:#68788f;margin-bottom:8px}
.endpoint-card strong{display:block;font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.01em;color:var(--ink)}
.endpoint-card p{font-size:12px;margin:5px 0 10px}
.endpoint-card .mini-spec{display:flex;gap:6px;flex-wrap:wrap}
.endpoint-card .mini-spec span{font-size:10px;border:1px solid var(--line);padding:3px 7px;color:#45536a;letter-spacing:.02em}
.endpoint-card .enrollment-line{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--ok);margin-top:12px}
.endpoint-card .enrollment-line i{width:8px;height:8px;background:var(--ok)}
.endpoint-card .session-bar{display:flex;align-items:center;gap:8px;margin-top:12px;padding:7px 9px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.endpoint-card .session-bar i{width:7px;height:7px;background:var(--glow);animation:pulse 1.6s ease-in-out infinite;animation-play-state:paused}
.motion-active .endpoint-card .session-bar i{animation-play-state:running}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* ------------------------------------------------------------ proof strip */
.proof-strip{border-block:1px solid var(--line);background:#fff}
.proof-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-strip article{padding:30px 28px 30px 0;margin-right:28px;border-right:1px solid var(--line);transition:opacity .6s ease,transform .8s var(--ease)}
.reveal-group.proof-strip:not(.is-revealed) article{opacity:0;transform:translateY(14px)}
.proof-strip article:last-child{border-right:0;margin-right:0}
.proof-strip article:nth-child(2){transition-delay:.08s}.proof-strip article:nth-child(3){transition-delay:.16s}.proof-strip article:nth-child(4){transition-delay:.24s}
.proof-strip strong{display:block;font-size:40px;font-weight:700;letter-spacing:-.05em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.proof-strip strong small{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:5px;font-weight:600}
.proof-strip article>span{display:block;font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.55}
.proof-strip strong span{font:inherit;color:inherit}
.proof-strip a{color:var(--blue);font-weight:600}

/* ----------------------------------------------------- architecture stack */
.stack-section{overflow:hidden}
.stack-section .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.stack-scene{position:relative;perspective:1900px;perspective-origin:50% 28%;height:640px;--explode:1}
.stack{position:absolute;left:56%;top:52%;width:520px;height:320px;margin:-110px 0 0 -260px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-34deg) scale(.84)}
.stack-layer{position:absolute;inset:0;transform-style:preserve-3d;background:#fff;border:1px solid var(--line-strong);box-shadow:0 0 0 1px #fff inset,28px 28px 70px -30px #0e192b66;transform:translateZ(calc(var(--explode) * var(--z)));transition:transform .18s linear}
.stack-layer[data-z="0"]{--z:0px}.stack-layer[data-z="1"]{--z:124px}.stack-layer[data-z="2"]{--z:248px}.stack-layer[data-z="3"]{--z:372px}
.motion-paused .stack-layer{transform:translateZ(var(--z))!important}
.stack-layer header{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:var(--ink);color:#c7d4ea;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.stack-layer header span:last-child{color:#9fbdff}
.stack-layer[data-z="3"] header{background:var(--blue);color:#fff}
.stack-layer[data-z="3"] header span:last-child{color:#dbe6ff}
.stack-body{padding:14px 16px}
.stack-rows{display:grid;gap:8px}
.stack-rows div{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);font-size:11.5px;color:#2a3a55}
.stack-rows div b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;color:var(--ink)}
.stack-rows div em{font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ok);justify-self:end}
.stack-screen{position:relative;height:186px;background:#0e192b;border:1px solid #2a3a55;overflow:hidden}
.stack-screen .screen-window{position:absolute;left:10%;top:14%;width:62%;height:58%;background:#f3f5f9;border:1px solid #93a4bf}
.stack-screen .screen-window:before{content:'';position:absolute;inset:0 0 auto;height:14px;background:#2a3a55}
.stack-screen .screen-side{position:absolute;right:6%;top:14%;width:18%;height:58%;background:#13203a;border:1px solid #2a3a55}
.stack-screen .privacy-bar{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:var(--blue);color:#fff;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.stack-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.stack-chips span{border:1px solid var(--line);padding:7px 10px;font-size:11px;color:#2a3a55}
.stack-chips span b{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:2px}
.stack-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.stack-tiles i{display:block;aspect-ratio:1.5;background:var(--pale);border:1px solid var(--line);position:relative}
.stack-tiles i:before{content:'';position:absolute;left:7px;top:7px;width:7px;height:7px;background:var(--ok)}
.stack-tiles i.offline:before{background:#b4c0d2}
.stack-tiles i.pending:before{background:var(--warn)}
.stack-pillar{position:absolute;left:28px;top:-1px;width:3px;height:calc(var(--explode) * 124px);transform-origin:top;transform:rotateX(-90deg);background:repeating-linear-gradient(180deg,var(--blue) 0 7px,transparent 7px 14px);background-size:100% 28px;animation:pillar 1.4s linear infinite;animation-play-state:paused}
.stack-pillar.pillar-right{left:auto;right:28px}
.motion-active .stack-pillar{animation-play-state:running}
.motion-paused .stack-pillar{height:124px!important}
@keyframes pillar{to{background-position:0 -28px}}
.stack-legend{display:grid;gap:0;border:1px solid var(--line);background:#fff}
.stack-legend article{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);transition:opacity .6s ease,transform .8s var(--ease)}
.reveal-group.stack-legend:not(.is-revealed) article{opacity:0;transform:translateX(18px)}
.stack-legend article:nth-child(2){transition-delay:.1s}.stack-legend article:nth-child(3){transition-delay:.2s}.stack-legend article:nth-child(4){transition-delay:.3s}
.stack-legend article:last-child{border-bottom:0}
.stack-legend article>span{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--blue);padding-top:5px}
.stack-legend h3{font-size:18px;margin-bottom:6px}
.stack-legend p{font-size:13px;line-height:1.65}
.stack-legend .stack-signal{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#7a8aa3;margin-top:8px}
.stack-legend .stack-signal:before{content:'';display:inline-block;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 4px,transparent 4px 8px);vertical-align:middle;margin-right:8px}

/* ------------------------------------------------------- device frame tour */
.device-frame{position:relative;padding:16px 16px 0;background:var(--ink);box-shadow:0 70px 100px -60px #0e192baa}
.device-frame .product-stage{box-shadow:none;border-color:#2a3a55}
.device-frame:after{content:'';display:block;height:18px;margin:0 -16px;background:#0a1322;border-top:1px solid #1f2d47}
.device-foot{height:22px;width:240px;margin:0 auto;background:linear-gradient(#b4c0d2,#d9e0ea);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.device-frame .product-tabs button{font-size:11.5px}

/* ------------------------------------------------------------ infographics */
.ig-frame{margin:0;border:1px solid var(--line);background:#fff;padding:28px 28px 20px}
.ig-frame figcaption{font-size:10.5px;letter-spacing:.04em;color:#7a8aa3;margin-top:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.infographic{display:block;width:100%;height:auto;max-width:100%}
.ig-flow{stroke-dasharray:6 6;animation:ig-dash 1.6s linear infinite;animation-play-state:paused}
.motion-active .ig-flow{animation-play-state:running}
@keyframes ig-dash{to{stroke-dashoffset:-24}}
.ig-draw{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease)}
.reveal-group:not(.is-revealed) .ig-draw{stroke-dashoffset:1}
.is-revealed .ig-draw:nth-of-type(2){transition-delay:.5s}
.ig-station{transition:stroke .3s}
.enterprise-dark .ig-frame{background:#0e192b;border-color:#2a3a55}
.enterprise-dark .ig-frame figcaption{color:#93a4bf}
.ig-wide{margin-top:44px}

/* --------------------------------------------------------- command section */
.command-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.command-visual{perspective:1500px}
.command-visual .app-frame{transform:rotateY(-9deg) rotateX(3deg);transform-origin:left center;border-color:#2a3a55;box-shadow:0 0 0 1px #0e192b inset,0 60px 100px -40px #000000aa;transition:transform .6s var(--ease)}
.command-visual:hover .app-frame{transform:rotateY(-4deg) rotateX(1deg)}
.motion-paused .command-visual .app-frame{transform:none!important}
.command-points{display:grid;gap:0;border:1px solid #2a3a55;margin-top:30px}
.command-points div{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 18px;border-bottom:1px solid #2a3a55}
.command-points div:last-child{border-bottom:0}
.command-points b{font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9fbdff}
.command-points p{font-size:13.5px;line-height:1.6;color:#d7e0ee}
.command-points p strong{color:#fff}

/* -------------------------------------------------------- comparison teaser */
.home-comparison{background:#fff;scroll-margin-top:90px}
.home-comparison .eyebrow{justify-content:center}
.home-comparison .section-head{display:block;text-align:center;margin:0 auto 54px}
.home-comparison .section-head h2{max-width:none}
.home-comparison .section-head>p{max-width:600px;margin:20px auto 0}
.teaser-matrix{position:relative;background:#fff;overflow:auto;isolation:isolate;border-bottom:1px solid var(--line)}
.teaser-matrix table{width:100%;border-collapse:collapse;min-width:1080px;table-layout:fixed}
.teaser-matrix .feature-column{width:24%}
.teaser-matrix .cybercursor-column{width:19%}
.teaser-matrix th,.teaser-matrix td{padding:14px 16px;border-bottom:1px solid #e6ebf2;text-align:center;vertical-align:middle;font-size:14px;height:70px}
.teaser-matrix thead th{background:#fff;font-weight:600;height:132px;border-bottom:1px solid var(--line)}
.teaser-matrix thead th.compare-feature{text-align:left;vertical-align:bottom;padding-bottom:26px;font-size:14px;color:var(--muted)}
.teaser-matrix thead img{width:100%;max-width:144px;height:36px;object-fit:contain}
.teaser-matrix img[src$="/datto.png"]{filter:brightness(0)}
.teaser-matrix thead th.ours img{max-width:170px;height:41px}
.teaser-matrix thead small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:12px;letter-spacing:0}
.compare-brand{display:flex;justify-content:center;align-items:center;min-height:41px}
.compare-pilot{display:block;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}
.teaser-matrix .ours{background:#edf3ff;border-left:1px solid #d3e0fb;border-right:1px solid #d3e0fb}
.teaser-matrix thead th.ours{border-top:3px solid var(--blue);padding-top:18px}
.teaser-matrix tbody th{font-weight:500;color:var(--ink);line-height:1.4;background:#fff;text-align:left}
.teaser-matrix tbody tr:nth-child(even) td:not(.ours){background:#fafbfd}
.teaser-matrix tfoot td{border-bottom:0;height:80px}
.teaser-matrix tfoot .ours{border-bottom:1px solid #d3e0fb}
.teaser-matrix tfoot .button{font-size:12px;min-height:42px;padding:0 16px;gap:10px;white-space:nowrap}
.compare-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:40px;font-size:11px;font-weight:500;line-height:1.4;color:var(--muted)}
.compare-status svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.compare-status.is-yes{color:#158049}
.compare-status.is-no{color:#cc4b55}
.compare-status.is-unknown{color:#697589}
.compare-status.is-unknown>span:first-child{font-size:20px;font-weight:400}
.compare-status.is-partial{color:#956314}
.compare-status.is-partial>span:first-child{font-size:19px}
.compare-status:hover{opacity:.75;text-decoration:underline;text-underline-offset:4px}
.compare-scroll-hint{display:none;font-size:11px;color:var(--muted);margin-bottom:15px}
.teaser-matrix tbody tr{opacity:1;transform:none;transition:none}
.verdict{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:6px 9px;border:1px solid;white-space:nowrap}
.verdict i{width:12px;height:12px;display:grid;place-items:center;font-size:11px;font-style:normal;line-height:1}
.verdict-yes{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-line)}
.verdict-addon{color:var(--opt);background:var(--opt-bg);border-color:var(--opt-line)}
.verdict-partial{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
.verdict-partial i{background:linear-gradient(90deg,var(--warn) 50%,transparent 50%);border:1px solid var(--warn);width:10px;height:10px}
.verdict-no{color:var(--no);background:var(--no-bg);border-color:var(--no-line)}
.verdict-none{color:#55637a;background:#f3f5f9;border-color:var(--line)}
.teaser-matrix td small{display:block;font-size:11.5px;color:#55637a;margin-top:9px;line-height:1.55}
.teaser-matrix td small a{color:#4a6fcf}
.teaser-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-top:22px;font-size:11px;color:var(--muted)}
.teaser-foot p{font-size:11px;line-height:1.8;margin:0}
.teaser-foot>.text-link{font-size:12px;white-space:nowrap}
.teaser-foot .state{margin-right:8px}
@media(max-width:1100px){.compare-scroll-hint{display:block}}
@media(max-width:650px){
  .home-comparison .section-head{margin-bottom:32px}
  .home-comparison .section-head>p{font-size:14px;margin-top:16px}
  .teaser-matrix table{min-width:904px}
  .teaser-matrix .feature-column{width:136px}
  .teaser-matrix .cybercursor-column{width:168px}
  .teaser-matrix th,.teaser-matrix td{font-size:12px;padding:16px 12px;height:76px}
  .teaser-matrix th:first-child,.teaser-matrix tfoot td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #e6ebf2}
  .teaser-matrix thead th{height:136px}
  .teaser-matrix thead th.compare-feature{font-size:12px}
  .teaser-matrix tfoot td:first-child{box-shadow:none}
  .teaser-foot{gap:14px}
}

/* ------------------------------------------------------------- pricing scene */
.pricing-scene{display:grid;grid-template-columns:1fr 1.45fr;border:1px solid var(--line);background:#fff}
.pricing-scene>div{padding:36px;border-right:1px solid var(--line)}
.pricing-scene>figure{margin:0;padding:28px 28px 22px;border:0}
.pricing-scene .rates{border:1px solid var(--line);margin:26px 0}
.pricing-scene .rate{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}
.pricing-scene .rate:last-child{border-bottom:0}
.pricing-scene .rate.rate-featured{background:var(--ink);color:#fff}
.pricing-scene .rate strong{font-size:40px;font-weight:700;letter-spacing:-.05em;line-height:1}
.pricing-scene .rate span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#68788f}
.pricing-scene .rate.rate-featured span{color:#c7d4ea}
.pricing-scene .rate small{display:block;font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;color:#7a8aa3;margin-top:3px}
.pricing-scene .rate.rate-featured small{color:#93a4bf}
.pricing-scene p{font-size:13.5px;line-height:1.7}

/* ---------------------------------------------------------- roadmap timeline */
.roadmap-timeline{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;position:relative}
.roadmap-timeline:before{content:'';position:absolute;left:0;right:0;top:92px;height:1px;background:var(--line-strong)}
.roadmap-timeline article{padding:32px;border-right:1px solid var(--line);position:relative;transition:opacity .6s ease,transform .8s var(--ease)}
.reveal-group.roadmap-timeline:not(.is-revealed) article{opacity:0;transform:translateY(14px)}
.roadmap-timeline article:nth-child(2){transition-delay:.12s}.roadmap-timeline article:nth-child(3){transition-delay:.24s}
.roadmap-timeline article:last-child{border-right:0}
.roadmap-timeline article:before{content:'';position:absolute;top:86px;left:32px;width:13px;height:13px;background:var(--blue);z-index:1}
.roadmap-timeline article.is-preview:before{background:#fff;border:2px solid var(--blue);box-sizing:border-box}
.roadmap-timeline article.is-planned:before{background:#fff;border:2px solid var(--warn);box-sizing:border-box}
.roadmap-timeline .state{margin-bottom:46px}
.roadmap-timeline h3{font-size:22px;margin-bottom:10px}
.roadmap-timeline p{font-size:13.5px;line-height:1.7}
.roadmap-timeline ul{list-style:none;padding:0;margin:16px 0 0;font-size:13px;color:#45536a}
.roadmap-timeline li{padding:8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.roadmap-timeline li span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#7a8aa3;white-space:nowrap}

/* --------------------------------------------------------------- home faq */
.home-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start}
.home-faq .faq{max-width:none}
.home-faq-aside{position:sticky;top:calc(var(--header-edge,76px) + 24px)}
.home-faq-aside p{font-size:15px;line-height:1.75}
.home-faq-aside .actions{margin-top:22px}

/* ------------------------------------------------------------- responsive */
@media(max-width:1150px){
  .frame-bar{font-size:8px;height:26px;letter-spacing:.1em}
  .layer-endpoint{width:38%;max-width:236px;bottom:0;left:0}
  .endpoint-card{padding:12px 14px}
  .endpoint-card strong{font-size:13.5px}
  .endpoint-card p{font-size:11px}
  .endpoint-card .session-bar{font-size:9px;padding:6px 8px}
  .layer-cube{width:84px;height:84px}
  .stack-section .wrap{grid-template-columns:1fr;gap:28px}
  .stack-scene{height:560px}
  .command-grid{grid-template-columns:1fr;gap:36px}
  .pricing-scene{grid-template-columns:1fr}
  .pricing-scene>div{border-right:0;border-bottom:1px solid var(--line)}
}
@media(max-width:980px){
  .home-enterprise-grid{grid-template-columns:1fr;min-height:0}
  .hero-scene{min-height:clamp(320px,62vw,520px);margin-top:14px}
  .proof-strip .wrap{grid-template-columns:1fr 1fr}
  .proof-strip article:nth-child(2){border-right:0;margin-right:0}
  .proof-strip article{border-bottom:1px solid var(--line)}
  .proof-strip article:nth-child(3),.proof-strip article:nth-child(4){border-bottom:0}
  .roadmap-timeline{grid-template-columns:1fr}
  .roadmap-timeline:before{display:none}
  .roadmap-timeline article{border-right:0;border-bottom:1px solid var(--line)}
  .roadmap-timeline article:last-child{border-bottom:0}
  .home-faq{grid-template-columns:1fr;gap:28px}
  .home-faq-aside{position:static}
  .command-visual .app-frame{transform:none}
}
@media(max-width:650px){
  .hero-scene{min-height:300px;perspective:1200px}
  .layer-endpoint{width:56%;max-width:230px;left:5%;--to:translate3d(var(--depth-x),var(--depth-y),60px) rotateY(5deg)}
  .layer-cube{width:72px;height:72px;transform-origin:top right}
  .layer-cube .signal-cube{transform:scale(.8) rotateX(-20deg) rotateY(28deg)}
  .proof-strip .wrap{grid-template-columns:1fr}
  .proof-strip article{border-right:0;margin-right:0;padding:22px 0;border-bottom:1px solid var(--line)}
  .proof-strip article:nth-child(3){border-bottom:1px solid var(--line)}
  .stack-scene{height:420px;perspective:1400px}
  .stack{left:50%;transform:rotateX(58deg) rotateZ(-34deg) scale(.55)}
  .stack-legend article{grid-template-columns:40px 1fr;padding:18px}
  .ig-frame{padding:14px 14px 10px}
  .pricing-scene>div{padding:24px}
  .device-frame{padding:8px 8px 0}
  .device-frame:after{height:10px;margin:0 -8px}
  .device-foot{display:none}
  .teaser-matrix th,.teaser-matrix td{padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .scene-layer{animation:none!important}
  .stack-layer{transform:translateZ(var(--z))!important;transition:none}
  .stack-pillar{height:124px!important;animation:none!important}
  .proof-strip article,.stack-legend article,.teaser-matrix tbody tr,.roadmap-timeline article{opacity:1!important;transform:none!important;transition:none!important}
  .ig-draw{stroke-dashoffset:0!important;transition:none}
  .ig-flow,.hero-signal path,.endpoint-card .session-bar i{animation:none!important}
  .hero-stage,.command-visual .app-frame{transition:none}
}

/* metrics diagram bars (SVG replaces the former inline-style bars) */
.metric-bars{display:block;width:100%;height:32px;margin:10px 0 8px}

/* Global motion control: reveal groups show immediately. */
.motion-paused .reveal-group:not(.is-revealed) article,.motion-paused .reveal-group:not(.is-revealed) tbody tr{opacity:1;transform:none}
.motion-paused .reveal-group:not(.is-revealed) .ig-draw{stroke-dashoffset:0}

/* ------------------------------------------------ guide pages: tilted hero */
.enterprise-hero .hero-visual{perspective:1600px}
.enterprise-hero .hero-visual>.enterprise-screen,.enterprise-hero .hero-visual>.enterprise-art{transform:rotateY(-7deg) rotateX(2deg) translate3d(var(--depth-x,0px),var(--depth-y,0px),0);transform-origin:left center;transition:transform .5s var(--ease);box-shadow:0 1px 0 #0e192b08,0 44px 90px -36px #0e192b55}
.motion-paused .enterprise-hero .hero-visual>.enterprise-screen,.motion-paused .enterprise-hero .hero-visual>.enterprise-art{transform:none}
.guide-index{padding:0 0 24px}
.capability-index{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;margin-top:22px}
.capability-index a{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .2s,box-shadow .2s}
.capability-index a:nth-child(3n){border-right:0}
.capability-index a:nth-child(n+4){border-bottom:0}
.capability-index a:hover{background:#fbfcfe;box-shadow:inset 0 3px 0 var(--blue)}
.capability-index a>span{font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--blue);padding-top:4px}
.capability-index strong{display:block;font-size:15px;line-height:1.35;margin-bottom:6px;letter-spacing:-.01em}
.capability-index p{font-size:12.5px;line-height:1.6}

/* ------------------------------------------------------- architecture page */
.arch-hero{padding-bottom:0;overflow:hidden}
.arch-hero .hero-grid{align-items:start}
.arch-hero-aside{padding-top:36px}
.arch-hero .stack-scene{height:600px;margin:-20px 0 0}
.stack-scene.stack-wide{height:640px;perspective-origin:50% 30%}
.stack-scene.stack-wide .stack{left:50%;transform:rotateX(58deg) rotateZ(-34deg) scale(1)}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:#fff;margin-top:36px}
.proof-grid div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:22px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-grid div:nth-child(2n){border-right:0}
.proof-grid div:nth-last-child(-n+2){border-bottom:0}
.proof-grid-compact{margin-top:0;grid-template-columns:1fr}
.proof-grid-compact div{border-right:0!important;padding:16px 20px;border-bottom:1px solid var(--line)!important}
.proof-grid-compact div:last-child{border-bottom:0!important}
.proof-grid b{font:700 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--blue)}
.proof-grid p{font-size:13.5px;line-height:1.65;color:#45536a}
.proof-grid p strong{color:var(--ink)}
.boundary-table table{min-width:820px}
.boundary-table tbody th{width:34%}
.boundary-table code{font-size:12px;background:var(--pale);padding:2px 5px}
.bounded-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}
.bounded-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:opacity .6s ease,transform .8s var(--ease)}
.bounded-grid article:nth-child(4n){border-right:0}
.bounded-grid article:nth-last-child(-n+4){border-bottom:0}
.reveal-group.bounded-grid:not(.is-revealed) article{opacity:0;transform:translateY(12px)}
.bounded-grid strong{display:block;font-size:40px;font-weight:700;letter-spacing:-.05em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.bounded-grid strong small{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:5px;font-weight:600}
.bounded-grid article>span{display:block;font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.55}
.bounded-grid article>span b{color:var(--ink);font-weight:600}
.evidence-grid{grid-template-columns:repeat(3,1fr)}
.evidence-grid article:nth-child(4n){border-right:1px solid var(--line)}
.evidence-grid article:nth-child(3n){border-right:0}
.evidence-grid article:nth-last-child(-n+4){border-bottom:1px solid var(--line)}
.evidence-grid article:nth-last-child(-n+3){border-bottom:0}
.explain-columns code{font-size:12.5px;background:var(--pale);padding:2px 5px}
@media(max-width:1150px){
  .arch-hero .stack-scene,.stack-scene.stack-wide{height:520px}
}
@media(max-width:980px){
  .capability-index{grid-template-columns:1fr 1fr}
  .capability-index a:nth-child(3n){border-right:1px solid var(--line)}
  .capability-index a:nth-child(2n){border-right:0}
  .capability-index a:nth-child(n+4){border-bottom:1px solid var(--line)}
  .capability-index a:nth-last-child(-n+2){border-bottom:0}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid div{border-right:0}
  .proof-grid div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
  .proof-grid div:last-child{border-bottom:0}
  .bounded-grid,.evidence-grid{grid-template-columns:1fr 1fr}
  .bounded-grid article:nth-child(4n),.evidence-grid article:nth-child(3n){border-right:1px solid var(--line)}
  .bounded-grid article:nth-child(2n),.evidence-grid article:nth-child(2n){border-right:0}
  .bounded-grid article:nth-last-child(-n+4),.evidence-grid article:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .bounded-grid article:nth-last-child(-n+2),.evidence-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:650px){
  .capability-index,.bounded-grid,.evidence-grid{grid-template-columns:1fr}
  .capability-index a,.bounded-grid article,.evidence-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .capability-index a:last-child,.bounded-grid article:last-child,.evidence-grid article:last-child{border-bottom:0!important}
  .arch-hero .stack-scene,.stack-scene.stack-wide{height:400px}
  .stack-scene.stack-wide .stack{transform:rotateX(58deg) rotateZ(-34deg) scale(.6)}
}

/* --------------------------------------------------------- comparison pages */
.verdict-preview{color:#1f49a9;background:var(--blue-soft);border-color:var(--blue-line)}
.verdict-planned{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
.teaser-matrix small a{color:#4a6fcf;white-space:nowrap}
/* Product headers and a continuous highlighted column, shared by all detailed comparisons. */
.detail-comparison{background:#fff;border-bottom:1px solid #cbd9eb;overflow:auto;isolation:isolate}
.detail-comparison:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.detail-comparison table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:1160px}
.detail-comparison .detail-feature-column{width:19%}
.detail-comparison .detail-ours-column{width:18%}
.detail-comparison th,.detail-comparison td{height:auto;text-align:left;vertical-align:top;padding:26px 20px;border:0;border-bottom:1px solid #cbd9eb;font-size:14px;line-height:1.55}
.detail-comparison thead th{height:270px;background:#fff;position:relative;padding:64px 20px 28px;border-top:0;border-bottom:2px solid #b9cee7;color:var(--ink)}
.detail-comparison thead th.detail-feature-heading{vertical-align:bottom;padding-bottom:30px;color:var(--muted);font-size:13px;font-weight:500}
.detail-comparison .detail-feature-heading>span{display:block;color:var(--ink);font-size:17px;font-weight:600}
.detail-comparison thead .detail-feature-heading small{font-size:11px;line-height:1.6;color:var(--muted);font-weight:400;margin-top:8px;display:block}
.detail-comparison .product-heading-content{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;min-height:194px}
.detail-comparison .product-logo{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px}
.detail-comparison thead .product-logo img{width:100%;max-width:164px;height:42px;object-fit:contain}
.detail-comparison img[src$="/datto.png"]{filter:brightness(0)}
.detail-comparison .product-summary{font-size:13px;font-weight:500;line-height:1.55;color:var(--ink);margin:20px 0 0;min-height:42px}
.detail-comparison thead .product-meta{font-size:10.5px;font-weight:400;color:var(--muted);line-height:1.5;margin:12px 0 20px;letter-spacing:0}
.detail-comparison .product-heading .button{font-size:11px;min-height:40px;padding:0 14px;white-space:nowrap;margin-top:auto;gap:9px}
.detail-comparison .comparison-banner{position:absolute;top:0;left:0;right:0;display:block;background:var(--blue);color:#fff;padding:11px 12px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.01em}
.detail-comparison .ours,.detail-comparison .our-capability,.detail-comparison thead th.ours{background:#edf5fc;border-left:1px solid #c9dced;border-right:1px solid #c9dced}
.detail-comparison thead th.ours{padding-top:64px}
.detail-comparison tbody th{background:#fff;font-weight:500;width:auto}
.detail-comparison tbody tr:nth-child(even) td:not(.ours):not(.our-capability){background:#fff}
.detail-comparison .comparison-feature-title{display:block;font-size:16px;font-weight:600;line-height:1.4;color:var(--ink)}
.detail-comparison .comparison-feature-description{display:block;font-size:12px;font-weight:400;line-height:1.65;color:var(--muted);margin-top:9px}
.detail-comparison .comparison-description,.detail-comparison td p{font-size:12.5px;font-weight:400;line-height:1.7;color:#40516a;margin:10px 0 12px;overflow-wrap:anywhere}
.detail-comparison .verdict{border:0;background:transparent;padding:0;font-size:12px;text-transform:none;letter-spacing:0;font-weight:600;white-space:normal;min-height:23px;gap:9px;line-height:1.4}
.detail-comparison .verdict i{width:20px;height:20px;font-size:21px;flex:none}
.detail-comparison .verdict-partial i{width:12px;height:12px;margin:4px}
.detail-comparison .verdict-yes{color:#158049}
.detail-comparison .verdict-no{color:#ce5159}
.detail-comparison .comparison-detail,.detail-comparison .cell-source,.detail-comparison .source-link{display:block;margin:0;font-size:11px;color:var(--blue);line-height:1.6;white-space:normal;text-decoration:underline;text-underline-offset:3px}
.detail-comparison tr.group-row th{background:#f6f8fb;padding:13px 20px;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#596d88;border-bottom:1px solid #cbd9eb;width:auto}
.detail-comparison tr.group-row th:first-child{position:static;box-shadow:none}
.detail-comparison tr[hidden]{display:none}
.detail-scroll-hint{display:none;margin:0 0 15px;font-size:12px;color:var(--muted);line-height:1.6}
.detail-scroll-hint span{color:var(--blue);margin-right:6px}
.pair-comparison table{min-width:760px}
.pair-comparison .detail-feature-column{width:28%}
.pair-comparison .detail-ours-column{width:36%}
.pair-comparison th,.pair-comparison td{padding:30px 30px}
.pair-comparison thead th{padding:66px 30px 32px}
.pair-comparison thead th.ours{padding-top:66px}
.pair-comparison .product-summary{font-size:15px;min-height:47px;max-width:250px}
.pair-comparison thead .product-meta{font-size:12px}
.pair-comparison .product-heading .button{font-size:13px;min-height:44px;padding:0 20px}
.pair-comparison .comparison-feature-title,.pair-comparison tbody th{font-size:21px;font-weight:500;line-height:1.4}
.pair-comparison .comparison-feature-description{font-size:13px;margin-top:12px}
.pair-comparison .comparison-description,.pair-comparison td p{font-size:14.5px;line-height:1.75;margin:12px 0 16px}
.pair-comparison .verdict{font-size:13px}
.pair-comparison .comparison-detail,.pair-comparison .cell-source,.pair-comparison .source-link{font-size:12px}
.workflow-comparison table{min-width:1080px}
.workflow-comparison .detail-feature-column{width:22%}
.workflow-comparison .detail-ours-column{width:24%}
.detail-comparison .capability-state{border:0;padding:0;background:transparent;font-size:12px;font-weight:600;line-height:1.5;gap:8px;min-height:23px}
.detail-comparison .capability-included:before,.detail-comparison .capability-available:before,.detail-comparison .capability-pilot:before{content:'✓';font-size:21px;color:#158049;line-height:1}
.detail-comparison .capability-planned:before{content:'◦';font-size:21px;line-height:1}
.detail-comparison .capability-option:before{content:'+';font-size:21px;line-height:1}
.detail-comparison .capability-quote:before,.detail-comparison .capability-focus:before,.detail-comparison .capability-not_documented:before{content:'—';font-size:17px;line-height:1}
@media(max-width:1200px){.detail-scroll-hint{display:block}}
@media(max-width:650px){
  .detail-scroll-hint{font-size:11px}
  .detail-comparison{--detail-product-width:clamp(140px,calc(100vw - 180px),210px)}
  .detail-comparison table{min-width:calc(136px + var(--detail-product-width) * 5)}
  .detail-comparison .detail-feature-column{width:136px}
  .detail-comparison .detail-ours-column,.detail-comparison .detail-vendor-column{width:var(--detail-product-width)}
  .detail-comparison th,.detail-comparison td{padding:22px 16px}
  .detail-comparison thead th{padding:64px 16px 26px;height:280px}
  .detail-comparison thead th.ours{padding-top:64px}
  .detail-comparison th:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #cbd9eb}
  .detail-comparison thead th.detail-feature-heading{font-size:12px}
  .detail-comparison .comparison-feature-title,.detail-comparison tbody th{font-size:15px}
  .detail-comparison .comparison-feature-description{font-size:11px}
  .detail-comparison .product-heading .button{width:100%;padding:0 10px;white-space:normal;font-size:11px;gap:5px}
  .pair-comparison table{min-width:calc(136px + var(--detail-product-width) * 2)}
  .pair-comparison .detail-feature-column{width:136px}
  .pair-comparison .detail-ours-column{width:var(--detail-product-width)}
  .pair-comparison .comparison-description,.pair-comparison td p{font-size:13px}
  .pair-comparison .product-summary{font-size:14px}
  .pair-comparison thead .product-meta{font-size:11px}
  .workflow-comparison table{min-width:calc(136px + var(--detail-product-width) * 4)}
  .workflow-comparison .detail-feature-column{width:136px}
  .workflow-comparison .detail-ours-column{width:var(--detail-product-width)}
}
.verdict-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-top:0;background:#fff}
.verdict-legend div{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.verdict-legend div:nth-child(3n){border-right:0}
.verdict-legend div:nth-last-child(-n+3){border-bottom:0}
.verdict-legend p{font-size:12px;line-height:1.5}
.verdict-legend p b{color:var(--ink)}
.choose-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}
.choose-grid>div{padding:32px;border-right:1px solid var(--line)}
.choose-grid>div:last-child{border-right:0}
.choose-grid>div:first-child{background:#f3f7ff;box-shadow:inset 0 3px 0 var(--blue)}
.choose-grid h3{font-size:20px;margin-bottom:16px}
.choose-grid ul{list-style:none;padding:0;margin:0}
.choose-grid li{position:relative;padding:10px 0 10px 24px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:#2a3a55}
.choose-grid li:before{content:'';position:absolute;left:0;top:17px;width:8px;height:8px;background:var(--blue)}
.choose-grid>div:last-child li:before{background:#b4c0d2}
.limit-list{border:1px solid var(--line);background:#fff}
.limit-list div{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);align-items:start}
.limit-list div:last-child{border-bottom:0}
.limit-list i{width:10px;height:10px;margin-top:6px;background:var(--no)}
.limit-list p{font-size:14px;line-height:1.6;color:#2a3a55}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}
.scenario-grid article{padding:26px 24px;border-right:1px solid var(--line)}
.scenario-grid article:last-child{border-right:0}
.scenario-grid .micro-label{display:block;font-size:10px;color:#68788f;margin-bottom:14px}
.scenario-row{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
.scenario-row b{font-size:12px;font-weight:600;color:#45536a;letter-spacing:.02em}
.scenario-row strong{font-size:26px;font-weight:700;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.scenario-row small{grid-column:2;font-size:11px;line-height:1.5;color:#7a8aa3}
.scenario-ours{background:#f3f7ff;margin:0 -24px;padding:12px 24px;border-top:0}
.scenario-ours strong{color:var(--blue)}
.price-table table{min-width:1040px}
.price-table tbody th small{display:block;font-size:11px;color:#7a8aa3;font-weight:400;margin-top:4px}
.price-table tr.ours-row th,.price-table tr.ours-row td{background:#f3f7ff}
/* Pricing tags keep the headline, billing unit and qualifying tier together. */
.comparison-price-tag{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px;background:#f6f8fc;border:1px solid #dae3ef;color:var(--ink);font-variant-numeric:tabular-nums;box-sizing:border-box}
.price-tag-kicker{display:block;font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#5b6b83}
.comparison-price-tag strong{display:block;margin:7px 0 4px;font-size:44px;line-height:1.1;font-weight:700;letter-spacing:-.055em;color:var(--ink)}
.comparison-price-tag strong.price-word{font-size:25px;letter-spacing:-.025em;margin:12px 0 7px}
.price-tag-unit{font-size:11px;line-height:1.5;color:#40516a}
.comparison-price-tag .price-tag-note{display:block;margin:11px 0 0;font-size:10.5px;font-weight:400;line-height:1.6;letter-spacing:0;color:#556780}
.price-tag-source{display:inline-block;margin-top:12px;color:var(--blue);font-size:10px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.price-tag-ours{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px #2350c21a}
.price-tag-ours strong,.price-tag-ours .price-tag-unit,.price-tag-ours .price-tag-source{color:#fff}
.price-tag-ours .price-tag-kicker,.price-tag-ours .price-tag-note{color:#e1eaff}
.detail-comparison .comparison-price-tag{width:100%;margin:17px 0 20px;min-height:180px}
.detail-comparison .product-heading-content{min-height:0}
.detail-comparison .product-summary{min-height:42px}
.detail-comparison .comparison-price-tag .price-tag-note{font-size:10.5px;margin:11px 0 0;line-height:1.6;color:#556780}
.detail-comparison .price-tag-ours .price-tag-note{color:#e1eaff}
.detail-comparison .product-heading .button{flex-shrink:0}
.pair-comparison .comparison-price-tag strong{font-size:54px}
.pair-comparison .comparison-price-tag strong.price-word{font-size:30px}
.pair-comparison .comparison-price-tag .price-tag-kicker{font-size:10px}
.pair-comparison .comparison-price-tag .price-tag-unit{font-size:12px}
.pair-comparison .comparison-price-tag .price-tag-note{font-size:12px}
.comparison-pricing-row th,.teaser-matrix .comparison-pricing-row td{height:auto;vertical-align:top;padding:26px 16px}
.teaser-matrix .comparison-pricing-row th{font-size:14px;font-weight:500;text-align:left}
.comparison-pricing-row th small{display:block;margin-top:12px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.7}
.comparison-pricing-row .price-tag-compact{min-height:178px;background:transparent;border:0;box-shadow:none;padding:0}
.comparison-pricing-row .price-tag-compact strong{font-size:36px}
.comparison-pricing-row .price-tag-compact strong.price-word{font-size:22px}
.comparison-pricing-row .price-tag-ours{padding:14px 10px;background:var(--blue);min-height:206px}
.comparison-pricing-row .button{margin-top:18px}
.published-offers{display:grid;gap:20px;background:transparent;border:0;overflow:visible}
.published-offer{position:relative;display:grid;grid-template-columns:190px 230px minmax(0,1fr) 140px;gap:28px;padding:28px;background:#fff;border:1px solid var(--line);align-items:start;box-shadow:0 6px 18px #14294408}
.published-offer-ours{border-top:4px solid var(--blue);box-shadow:0 14px 30px -16px #18336045}
.offer-identity{padding-top:14px}
.offer-identity h3{display:flex;align-items:center;min-height:44px}
.offer-identity img{width:100%;max-width:180px;height:44px;object-fit:contain;object-position:left center}
.offer-identity img[src$="/datto.png"]{filter:brightness(0)}
.offer-identity p{font-size:11.5px;line-height:1.7;margin-top:14px;color:var(--muted)}
.offer-ribbon{position:absolute;left:-1px;top:-4px;background:var(--blue);padding:8px 16px;color:#fff;font-size:10px;font-weight:600;line-height:1.5}
.published-offer-ours .offer-identity{padding-top:21px}
.offer-price .comparison-price-tag{text-align:left;align-items:flex-start;min-height:178px}
.offer-price .comparison-price-tag strong{font-size:48px}
.offer-price .comparison-price-tag strong.price-word{font-size:28px}
.offer-all-rates{font-size:11.5px;line-height:1.7;color:#52657f;margin:14px 0 0}
.offer-terms{margin:0;display:grid;gap:16px}
.offer-terms>div{display:grid;grid-template-columns:72px 1fr;gap:16px;padding-bottom:14px;border-bottom:1px solid #e6ebf2}
.offer-terms>div:last-child{border-bottom:0;padding-bottom:0}
.offer-terms dt{font-size:10px;line-height:1.7;color:var(--muted);font-weight:600}
.offer-terms dd{margin:0;font-size:12px;line-height:1.65;color:#30445f}
.offer-action{display:flex;flex-direction:column;align-items:center;padding-top:14px}
.offer-action .button{width:100%;padding:0 14px;font-size:12px;gap:10px;white-space:nowrap}
.offer-action>span{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin-top:12px}
.price-source-note{margin-top:20px}
.pricing-rates .rate-card{border-top:4px solid var(--blue);position:relative;padding:32px}
.pricing-rates .rate-card>strong{display:block;background:#edf3ff;color:var(--blue);border:1px solid #d3e0fb;padding:16px 26px;min-width:144px;margin:24px 0 12px;font-size:64px;box-shadow:0 5px 14px #2350c209}
.pricing-rates .rate-card.rate-featured>strong{background:var(--blue);color:#fff;border-color:#5b82d8}
.pricing-rates .rate-card .rate-range{font-size:13px;letter-spacing:.02em}
.pricing-scene .rate>strong{display:grid;place-items:center;background:#edf3ff;color:var(--blue);padding:12px 8px;border:1px solid #d3e0fb;font-size:38px}
.pricing-scene .rate.rate-featured>strong{background:var(--blue);border-color:#668cdf;color:#fff}
#unit-rate{display:inline-block;padding:4px 9px;margin-right:4px;background:var(--blue);color:#fff;border:1px solid #648ce0;font-variant-numeric:tabular-nums}
@media(max-width:1100px){
  .published-offer{grid-template-columns:160px 210px minmax(0,1fr);gap:22px}
  .offer-action{grid-column:2 / -1;flex-direction:row;justify-content:flex-start;gap:18px;padding:0}
  .offer-action .button{width:auto}
  .offer-action>span{margin:0;text-align:left}
}
@media(max-width:760px){
  .published-offer{grid-template-columns:1fr 1fr;gap:22px;padding:24px}
  .offer-terms{grid-column:1 / -1}
  .offer-action{grid-column:1 / -1}
  .pricing-rates .rate-card{padding:26px}
}
@media(max-width:650px){
  .detail-comparison .comparison-price-tag{padding:14px 10px;min-height:181px}
  .detail-comparison .comparison-price-tag strong{font-size:36px}
  .detail-comparison .comparison-price-tag strong.price-word{font-size:22px}
  .detail-comparison .comparison-price-tag .price-tag-kicker{font-size:8px}
  .detail-comparison .comparison-price-tag .price-tag-unit{font-size:10px}
  .detail-comparison .comparison-price-tag .price-tag-note{font-size:10px}
  .comparison-pricing-row th,.teaser-matrix .comparison-pricing-row td{padding:24px 12px}
  .comparison-pricing-row .price-tag-compact strong{font-size:32px}
  .comparison-pricing-row .price-tag-compact strong.price-word{font-size:20px}
}
@media(max-width:460px){
  .published-offer{grid-template-columns:1fr;padding:24px;gap:22px}
  .offer-identity img{max-width:170px}
  .offer-identity p{margin-top:10px}
  .offer-price .comparison-price-tag{min-height:0;padding:20px}
  .offer-price .comparison-price-tag strong{font-size:48px}
  .offer-terms>div{grid-template-columns:72px 1fr}
  .offer-action{flex-wrap:wrap;gap:12px}
  .offer-action .button{width:100%}
  .offer-action>span{width:100%;text-align:center}
}
.method-list{margin:28px 0 36px;padding:0;list-style:none;border:1px solid var(--line);background:#fff}
.method-list li{padding:14px 22px 14px 44px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.6;color:#2a3a55;position:relative}
.method-list li:last-child{border-bottom:0}
.method-list li:before{content:'';position:absolute;left:22px;top:21px;width:8px;height:8px;background:var(--blue)}
@media(max-width:980px){
  .verdict-legend{grid-template-columns:1fr 1fr}
  .verdict-legend div:nth-child(3n){border-right:1px solid var(--line)}
  .verdict-legend div:nth-child(2n){border-right:0}
  .verdict-legend div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .verdict-legend div:nth-last-child(-n+2){border-bottom:0}
  .choose-grid{grid-template-columns:1fr}
  .choose-grid>div{border-right:0;border-bottom:1px solid var(--line)}
  .choose-grid>div:last-child{border-bottom:0}
  .scenario-grid{grid-template-columns:1fr}
  .scenario-grid article{border-right:0;border-bottom:1px solid var(--line)}
  .scenario-grid article:last-child{border-bottom:0}
}
@media(max-width:650px){
  .verdict-legend{grid-template-columns:1fr}
  .verdict-legend div{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .verdict-legend div:last-child{border-bottom:0!important}
  .choose-grid>div{padding:22px}
}

/* ------------------------------------------------------------ release notes */
.release-list{border:1px solid var(--line);background:#fff}
.release-list article{display:grid;grid-template-columns:150px 1fr 250px;gap:28px;padding:26px 28px;border-bottom:1px solid var(--line)}
.release-list article:last-child{border-bottom:0}
.release-version strong{display:block;font-size:30px;font-weight:700;letter-spacing:-.05em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.release-version span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#7a8aa3;margin-top:8px}
.release-list h3{font-size:19px;margin-bottom:8px}
.release-list p{font-size:13.5px;line-height:1.65}
.release-meta{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#45536a;margin-top:12px}
.release-ids .micro-label{display:block;font-size:9px;color:#7a8aa3;margin:0 0 4px}
.release-ids code{display:block;font-size:11.5px;background:var(--pale);border:1px solid var(--line);padding:6px 8px;margin-bottom:12px;word-break:break-all}
.release-ids code:last-child{margin-bottom:0}
@media(max-width:980px){
  .release-list article{grid-template-columns:120px 1fr}
  .release-ids{grid-column:1 / -1}
}
@media(max-width:650px){
  .release-list article{grid-template-columns:1fr;gap:14px;padding:20px}
}
/* Landing v19: circular platform motion, liquid artwork and a fading fleet preview. */
.orbital-hero{position:relative;overflow:hidden;padding:64px 0 48px;min-height:560px;background:#fff;isolation:isolate}
.orbital-hero .orbital-field{position:absolute;inset:0;min-height:0;perspective:none;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(transparent,#000 9%,#000 87%,transparent)}
.orbital-copy{text-align:center;position:relative;z-index:2}
.orbital-copy .eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:23px;justify-content:center}
.orbital-copy h1{font-size:clamp(58px,6.4vw,86px);line-height:1.05;font-weight:650;letter-spacing:-.065em;color:#0e192b}
.orbital-copy h1 em{font:inherit;color:var(--blue)}
.orbital-copy .lead{max-width:550px;margin:23px auto 0;font-size:17px;line-height:1.75;color:#66748b}
.orbital-copy .actions{justify-content:center;margin-top:29px;gap:14px}
.orbital-copy .button{min-height:49px;padding:14px 22px}
.orbital-note{font-size:10px;color:#68788f;margin-top:24px;letter-spacing:.03em}
.orbital-note>span{display:inline-block;width:5px;height:5px;background:#2a956d;border-radius:50%;margin-right:5px;vertical-align:middle}
.orbital-price{display:inline-flex;align-items:center;gap:5px;color:#71809a;font-size:11px;margin-top:13px}
.orbital-price strong{font-size:15px;color:var(--blue)}
.orbital-price>span{margin-left:5px;color:var(--blue)}
.orbit-path,.orbit-carrier{position:absolute;left:50%;top:49%;width:850px;height:850px;border-radius:50%;transform:translate(-50%,-50%)}
.orbit-path{border:1px solid #e8edf6}
.orbit-path-two{width:1090px;height:1090px;border-color:#edf1f7}
.orbit-path-three{width:1330px;height:1330px;border-color:#f0f3f8}
.orbit-path-one:after,.orbit-path-two:after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-right-color:#7194ed;border-radius:50%;transform:rotate(34deg);clip-path:inset(20% 0 54% 68%)}
.orbit-carrier{animation:cc-orbit 92s linear infinite;animation-play-state:paused}
.orbit-token{position:absolute;left:50%;top:0;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #e6ebf4;box-shadow:0 5px 9px -5px #28477c40;color:var(--blue);animation:cc-counter-orbit 92s linear infinite;animation-play-state:paused;transform:translate(-50%,-50%)}
.orbit-token img{width:28px;height:28px;object-fit:contain}
.orbit-token svg{width:26px;height:26px}
.orbit-item-1,.orbit-item-1 .orbit-token{animation-delay:-18s}
.orbit-item-2,.orbit-item-2 .orbit-token{animation-delay:-73s}
.orbit-item-3,.orbit-item-4,.orbit-item-5,.orbit-item-6{width:1090px;height:1090px}
.orbit-item-3,.orbit-item-4,.orbit-item-5,.orbit-item-6,.orbit-item-3 .orbit-token,.orbit-item-4 .orbit-token,.orbit-item-5 .orbit-token,.orbit-item-6 .orbit-token{animation-duration:124s}
.orbit-item-3,.orbit-item-3 .orbit-token{animation-delay:-30s}
.orbit-item-4,.orbit-item-4 .orbit-token{animation-delay:-94s}
.orbit-item-5,.orbit-item-5 .orbit-token{animation-delay:-13s}
.orbit-item-6,.orbit-item-6 .orbit-token{animation-delay:-113s}
.orbit-item-7,.orbit-item-8{width:1330px;height:1330px}
.orbit-item-7,.orbit-item-8,.orbit-item-7 .orbit-token,.orbit-item-8 .orbit-token{animation-duration:156s}
.orbit-item-7,.orbit-item-7 .orbit-token{animation-delay:-48s}
.orbit-item-8,.orbit-item-8 .orbit-token{animation-delay:-108s}
.motion-active .orbit-carrier,.motion-active .orbit-token,.motion-active .liquid-hero{animation-play-state:running}
.motion-paused .orbit-carrier,.motion-paused .orbit-token,.motion-paused .liquid-hero{animation-play-state:paused}
@keyframes cc-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes cc-counter-orbit{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.liquid-hero{position:absolute;width:260px;height:260px;object-fit:contain;left:calc(50% + 345px);top:345px;opacity:.74;animation:cc-liquid-float 9s ease-in-out infinite;animation-play-state:paused}
@keyframes cc-liquid-float{50%{transform:translate(-8px,-14px) rotate(5deg)}}
.landing-preview{position:relative;padding:0 0 15px;background:#fff;overflow:hidden}
.landing-preview .wrap{position:relative;max-width:1050px}
.preview-halo{position:absolute;left:5%;right:5%;top:20px;height:320px;background:radial-gradient(ellipse,#76bafa30,transparent 70%);filter:blur(25px);pointer-events:none}
.landing-preview figure{position:relative}
.preview-crop{position:relative;max-height:455px;overflow:hidden;padding:8px 8px 0;background:#f0f5fc;border:1px solid #e0e8f5;border-bottom:0;mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)}
.preview-crop .app-frame{box-shadow:0 12px 48px #2350c222;border-color:#d9e3f3}
.preview-crop .frame-bar{background:#fff;color:#7889a2;height:36px;letter-spacing:.07em;border-bottom:1px solid #e9edf5}
.preview-crop .frame-bar i{background:#ced9e9;border-radius:50%}
.preview-crop .frame-bar i:first-child{background:#7c9fea}
.preview-crop .frame-bar span{color:#8290a5}
.preview-blur{position:absolute;inset:45% 0 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(transparent,#000 50%);background:linear-gradient(transparent,#fff9)}
.landing-preview figcaption{font-size:11px;color:#68788f;text-align:center;margin-top:-8px;position:relative;z-index:1}
.landing-preview figcaption span{display:block;font-size:9px;color:#8e9bb0;margin-top:3px}
.standards-strip{padding:54px 0 45px;background:#fff}
.standards-heading{text-align:center;color:#34445e;font-size:13px;font-weight:600}
.standards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:30px auto 24px;max-width:1050px}
.standards-grid a{display:grid;grid-template-columns:36px 1fr;align-items:center;column-gap:9px;text-align:left;transition:color .2s;color:#728198}
.standard-symbol{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;background:#f5f7fb;border:1px solid #e3e8f1;color:#7185a4}
.standard-symbol svg{width:20px;height:20px}
.standards-grid strong{font-size:13px;letter-spacing:-.025em;font-weight:650;color:#5b6e8b;white-space:nowrap}
.standards-grid a>span:last-child{font-size:9px;color:#8592a7}
.standards-grid a:hover strong,.standards-grid a:hover .standard-symbol{color:var(--blue)}
.standards-note{text-align:center;font-size:10px;color:#79879a;max-width:820px;margin:auto;line-height:1.7}
.standards-note a{color:var(--blue);display:inline-block}
.landing-features{padding-top:84px}
.landing-features .section-head{text-align:center;display:block;margin-bottom:42px}
.landing-features .eyebrow{justify-content:center}
.landing-features .section-head h2{max-width:none;font-size:clamp(36px,4.2vw,54px)}
.landing-features .section-head>p{margin:17px auto 0;max-width:530px;font-size:15px}
.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.landing-feature-grid article{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 20px}
.feature-mini{width:100%;height:204px;padding:28px;background:#f5f8fc;border:1px solid #e6edf7;display:grid;place-items:center;overflow:hidden}
.feature-symbol{display:grid;place-items:center;width:35px;height:35px;color:var(--blue);background:#f2f6fd;margin-top:25px;margin-bottom:13px}
.feature-symbol svg{width:21px;height:21px}
.landing-feature-grid h3{font-size:24px;margin-bottom:13px}
.landing-feature-grid article>p{font-size:13px;line-height:1.8;max-width:325px}
.landing-feature-grid .text-link{font-size:12px;margin-top:auto;padding-top:21px}
.feature-meter{width:100%;background:#fff;box-shadow:0 9px 23px #2350c20c;padding:20px;border:1px solid #e2eaf7}
.feature-meter>span{display:flex;justify-content:space-between;font-size:10px;color:#66748b;align-items:center}
.feature-meter b{font-size:20px;color:#2d5cca;font-weight:600}
.meter-bars{display:flex;gap:5px;align-items:flex-end;height:47px;margin-top:12px}
.meter-bars i{flex:1;height:60%;background:#d9e6ff}
.meter-bars i:nth-child(3n){height:85%;background:#95b5f5}.meter-bars i:nth-child(4n){height:42%}.meter-bars i:nth-child(5n){height:100%;background:#3c70dc}
.feature-meter small{font-size:8px;color:#94a0b5;display:block;margin-top:11px}
.feature-remote{width:100%;background:#fff;box-shadow:0 9px 23px #2350c212;border:1px solid #dbe5f6}
.feature-remote>div{padding:23px;background:#202b40;color:#fff;display:flex;flex-direction:column;gap:9px}
.feature-remote span{font-size:9px;color:#bfd0ec}
.feature-remote b{font-size:15px;font-weight:500;letter-spacing:.025em}
.feature-remote small{font-size:9px;color:#bfd0ec}
.feature-remote>.feature-session{display:block;padding:10px;color:#377757;font-size:8px}
.feature-enroll{width:100%;display:flex;align-items:center;gap:20px}
.feature-enroll .signal-cube{flex-shrink:0;transform:rotateX(-20deg) rotateY(-28deg) scale(.75);width:80px;height:80px;margin-right:10px;animation:none}
.feature-enroll>div:last-child{display:flex;flex-direction:column;gap:9px}
.feature-enroll span{font-size:9px;color:#7a8aa3}.feature-enroll b{font-size:13px;font-weight:600;color:#2c456b}.feature-enroll small{font-size:9px;color:#7a8aa3}
@media(max-width:950px){
 .orbital-hero{padding:74px 0 55px;min-height:570px}
 .orbit-path,.orbit-carrier{width:820px;height:820px}.orbit-path-two,.orbit-item-3,.orbit-item-4,.orbit-item-5,.orbit-item-6{width:1010px;height:1010px}.orbit-path-three,.orbit-item-7,.orbit-item-8{width:1190px;height:1190px}
 .liquid-hero{left:calc(50% + 255px);width:220px;height:220px;opacity:.45}
 .standards-grid{gap:18px 8px}.standards-grid a{grid-template-columns:1fr;text-align:center;justify-items:center;gap:5px}.standard-symbol{grid-row:auto}
 .landing-feature-grid{gap:18px}.feature-mini{height:178px;padding:18px}.feature-enroll{gap:5px}
}
@media(max-width:650px){
 .enterprise-dark .ig-frame svg{overflow:hidden}
 .orbital-hero{padding:61px 0 49px;min-height:545px}
 .orbital-copy h1{font-size:clamp(45px,11.5vw,66px)}.orbital-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:24px}
 .orbital-copy .lead{font-size:14px;line-height:1.8;max-width:340px;margin-top:21px}.orbital-copy .actions{gap:10px;margin-top:24px}.orbital-copy .button{font-size:11px;padding:12px 15px;gap:12px;min-height:46px}
 .orbital-note{font-size:8px;max-width:300px;line-height:1.8;margin:20px auto 0}.orbital-price{font-size:10px}
 .orbit-path,.orbit-carrier{width:730px;height:730px}.orbit-path-two,.orbit-item-3,.orbit-item-4,.orbit-item-5,.orbit-item-6{width:850px;height:850px}.orbit-path-three,.orbit-item-7,.orbit-item-8{width:1000px;height:1000px}.orbit-token{width:44px;height:44px}.orbit-token img{width:21px;height:21px}
 .liquid-hero{left:calc(50% + 120px);top:398px;width:150px;height:150px;opacity:.4}
 .landing-preview .wrap{padding:0 16px}.preview-crop{max-height:225px;padding:4px 4px 0}.preview-crop .frame-bar{font-size:7px;gap:5px;padding:0 8px;height:24px}.preview-crop .frame-bar span{display:none}
 .landing-preview figcaption{font-size:10px;margin-top:3px}.landing-preview figcaption span{font-size:8px}
 .standards-strip{padding:42px 0 30px}.standards-grid{grid-template-columns:repeat(3,1fr);gap:22px 10px;margin:25px 0 24px}.standards-grid a:nth-child(4){grid-column:1 / 3;justify-self:center}.standards-grid a:nth-child(5){justify-self:start}.standards-grid strong{font-size:11px}.standards-grid a>span:last-child{font-size:8px}.standards-note{font-size:9px;max-width:350px}
 .landing-features{padding-top:58px}.landing-features .section-head{margin-bottom:30px}.landing-features .section-head>p{font-size:13px}.landing-feature-grid{grid-template-columns:1fr;gap:27px}.feature-mini{height:190px;padding:25px}.landing-feature-grid article>p{max-width:none}.feature-meter,.feature-remote,.feature-enroll{max-width:300px}.feature-enroll{gap:20px}
}
@media(prefers-reduced-motion:reduce){.orbit-carrier,.orbit-token,.liquid-hero{animation-play-state:paused!important}}