/* AIOTOR CloudFabric product page — scoped, mobile-first, no runtime dependencies */
.cloudfabric-page{--cf-ink:#f3f7ff;--cf-muted:#b7c9e4;--cf-line:rgba(147,180,234,.17);--cf-blue:#2497ff;--cf-violet:#9b7eff;background:#070d1c;color:var(--cf-ink)}
.cloudfabric-page main{overflow:hidden}
.cloudfabric-page .shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.cloudfabric-page .cf-hero{position:relative;padding:102px 0 42px;background:radial-gradient(ellipse 65% 67% at 71% 34%,rgba(15,91,206,.19),transparent 76%),radial-gradient(ellipse 40% 60% at 4% 35%,rgba(89,55,189,.16),transparent 80%),#081021}
.cloudfabric-page .cf-hero::after{content:"";pointer-events:none;position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(74,156,255,.5),transparent)}
.cloudfabric-page .cf-hero-layout{display:grid;grid-template-columns:42% minmax(0,58%);align-items:center;gap:22px}
.cloudfabric-page .cf-hero-copy{position:relative;z-index:1;padding:30px 0}
.cloudfabric-page .cf-eyebrow,.cloudfabric-page .cf-kicker{font-size:.73rem;font-weight:800;letter-spacing:.17em;color:#89bafa;text-transform:uppercase}
.cloudfabric-page .cf-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 23px}
.cloudfabric-page .cf-eyebrow span:not(.cf-dot){color:#7991b1}
.cloudfabric-page .cf-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#31d8ff;box-shadow:0 0 15px rgba(49,216,255,.75)}
.cloudfabric-page h1,.cloudfabric-page h2,.cloudfabric-page h3{color:#f2f7ff;letter-spacing:-.035em;text-wrap:balance}
.cloudfabric-page h1{font-size:clamp(2.8rem,4.2vw,5.25rem);line-height:1.04;font-weight:820;margin:0 0 24px}
.cloudfabric-page h1 em{font-style:normal;background:linear-gradient(100deg,#79b7ff,#7ee9ff 42%,#b69bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cloudfabric-page .cf-lead{font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.68;color:#dce9fd;max-width:590px;margin:0 0 14px}
.cloudfabric-page .cf-support{color:var(--cf-muted);font-size:.98rem;line-height:1.75;max-width:580px;margin:0 0 26px}
.cloudfabric-page .cf-actions,.cloudfabric-page .cf-cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cloudfabric-page .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.2;padding:13px 21px;font-size:.92rem;font-weight:750;white-space:normal;text-align:center}
.cloudfabric-page .button-primary{background:linear-gradient(108deg,#2687fa,#506aff);border-color:rgba(146,192,255,.45);box-shadow:0 12px 34px rgba(20,72,200,.2);color:#fff}
.cloudfabric-page .button-secondary{background:rgba(17,32,63,.66);border:1px solid rgba(151,187,245,.3);color:#eaf3ff}
.cloudfabric-page .button:hover{transform:translateY(-1px)}
.cloudfabric-page .cf-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.cloudfabric-page .cf-tags span{font-size:.63rem;letter-spacing:.08em;font-weight:800;color:#acd0f3;border:1px solid rgba(131,175,237,.2);padding:8px 10px;border-radius:99px;background:rgba(18,37,69,.58)}
.cloudfabric-page .cf-product-visual{margin:0;position:relative;min-width:0}
.cloudfabric-page .cf-product-visual picture{display:block;border:1px solid rgba(87,158,255,.27);border-radius:23px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 50px rgba(15,105,255,.10);background:#0a1529}
.cloudfabric-page .cf-product-visual img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.cloudfabric-page .cf-product-visual figcaption{font-size:.72rem;line-height:1.5;color:#a3b4cd;padding:12px 8px 0;max-width:650px}
.cloudfabric-page .cf-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cf-line);background:rgba(15,31,57,.76);border-radius:17px;overflow:hidden;margin-top:40px}
.cloudfabric-page .cf-hero-stats>div{display:flex;flex-direction:column;gap:4px;padding:19px 22px;min-width:0}
.cloudfabric-page .cf-hero-stats>div+div{border-left:1px solid var(--cf-line)}
.cloudfabric-page .cf-hero-stats b{font-size:.65rem;color:#70b6ff;letter-spacing:.1em}
.cloudfabric-page .cf-hero-stats span{font-size:.93rem;color:#e9f2ff;font-weight:700}
.cloudfabric-page .cf-section{padding:100px 0;background:#080f1f}
.cloudfabric-page .cf-section-alt{background:linear-gradient(170deg,#0b172c,#0a1122 76%)}
.cloudfabric-page .cf-section-heading{max-width:930px;margin-bottom:38px}
.cloudfabric-page .cf-section-heading h2,.cloudfabric-page .cf-faq-layout h2,.cloudfabric-page .cf-cta h2{font-size:clamp(2rem,3.3vw,3.45rem);font-weight:800;line-height:1.15;margin:15px 0}
.cloudfabric-page h2 span{color:#92bfff}
.cloudfabric-page .cf-section-heading>p:not(.cf-kicker),.cloudfabric-page .cf-cta p:not(.cf-kicker){color:var(--cf-muted);line-height:1.75;font-size:1.03rem;max-width:820px}
.cloudfabric-page .cf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cloudfabric-page .cf-feature-grid article{background:linear-gradient(145deg,rgba(23,46,79,.79),rgba(12,26,50,.87));border:1px solid var(--cf-line);padding:29px 27px 32px;border-radius:19px;min-height:205px}
.cloudfabric-page .cf-feature-grid article:hover{border-color:rgba(92,163,255,.52)}
.cloudfabric-page .cf-index{font-size:.69rem;letter-spacing:.13em;color:#78b7ff;font-weight:800}
.cloudfabric-page article h3{font-size:1.29rem;font-weight:750;margin:19px 0 11px;line-height:1.25}
.cloudfabric-page article p{font-size:.93rem;line-height:1.71;color:var(--cf-muted);margin:0}
.cloudfabric-page .cf-architecture{padding:21px;background:rgba(8,18,36,.7);border:1px solid rgba(89,151,231,.28);border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.17)}
.cloudfabric-page .cf-architecture-top{text-align:center;display:flex;gap:12px;flex-direction:column;align-items:center;background:linear-gradient(90deg,rgba(20,72,139,.78),rgba(34,47,103,.8));border:1px solid rgba(122,190,255,.28);border-radius:12px;padding:22px}
.cloudfabric-page .cf-architecture-top span{font-size:.75rem;letter-spacing:.16em;color:#89d1ff;font-weight:850}
.cloudfabric-page .cf-architecture-top strong{font-size:clamp(.84rem,1.5vw,1.1rem);font-weight:600;color:#e0efff}
.cloudfabric-page .cf-arch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:22px 0}
.cloudfabric-page .cf-arch-grid a{display:flex;flex-direction:column;gap:12px;text-decoration:none;border:1px solid rgba(115,165,236,.27);border-radius:13px;background:linear-gradient(160deg,#162c50,#102039);padding:19px 15px;min-height:155px}
.cloudfabric-page .cf-arch-grid a:hover,.cloudfabric-page .cf-arch-grid a:focus-visible{border-color:#83beff;background:#17365e}
.cloudfabric-page .cf-arch-grid small{font-size:.67rem;letter-spacing:.1em;color:#83c1ff;font-weight:900}
.cloudfabric-page .cf-arch-grid b{font-size:1.17rem;color:#fff}
.cloudfabric-page .cf-arch-grid span{font-size:.79rem;line-height:1.5;color:#b9cee9}
.cloudfabric-page .cf-architecture-bottom{padding:20px;display:flex;align-items:center;justify-content:center;gap:20px;background:rgba(42,64,99,.38);border:1px dashed rgba(118,162,222,.32);border-radius:12px;text-align:center}
.cloudfabric-page .cf-architecture-bottom strong{font-size:.77rem;color:#a6d5ff;letter-spacing:.1em}
.cloudfabric-page .cf-architecture-bottom span{font-size:.86rem;color:#d1e1f7}
.cloudfabric-page .cf-arch-note{margin:15px 2px 0;color:#aabdd7;font-size:.8rem;line-height:1.6}
.cloudfabric-page .cf-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cloudfabric-page .cf-usecase-grid article{padding:26px;background:rgba(19,39,72,.7);border-radius:17px;border:1px solid var(--cf-line)}
.cloudfabric-page .cf-signal{font-size:.71rem;color:#8acfff;letter-spacing:.12em;font-weight:850}
.cloudfabric-page .cf-deploy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cloudfabric-page .cf-deploy-grid article{padding:30px;border:1px solid var(--cf-line);background:rgba(17,33,61,.8);border-radius:17px}
.cloudfabric-page .cf-deploy-grid article>span{font-size:1.8rem;font-weight:850;color:#5caaff}
.cloudfabric-page .cf-qualification{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:24px;padding:28px 32px;border:1px solid rgba(125,166,233,.22);border-left:3px solid #63b5ff;background:rgba(16,39,70,.68);border-radius:0 12px 12px 0}
.cloudfabric-page .cf-qualification h3{font-size:1.35rem;line-height:1.25;margin:10px 0}
.cloudfabric-page .cf-qualification>p{color:var(--cf-muted);font-size:.92rem;line-height:1.65;margin:0}
.cloudfabric-page .cf-faq-layout{display:grid;grid-template-columns:36% 1fr;gap:52px}
.cloudfabric-page .cf-faq-list{display:flex;flex-direction:column;gap:10px}
.cloudfabric-page .cf-faq-list details{background:rgba(16,35,65,.8);border:1px solid var(--cf-line);border-radius:12px;padding:18px 21px}
.cloudfabric-page .cf-faq-list summary{cursor:pointer;font-size:1rem;font-weight:700;color:#eaf4ff;line-height:1.5}
.cloudfabric-page .cf-faq-list details[open]{border-color:rgba(94,158,255,.55)}
.cloudfabric-page .cf-faq-list p{margin:12px 0 0;color:var(--cf-muted);font-size:.92rem;line-height:1.7}
.cloudfabric-page .cf-cta{padding:78px 0 88px;background:radial-gradient(ellipse at top left,rgba(52,87,178,.4),transparent 68%),#0a1b36;border-top:1px solid rgba(124,168,224,.2)}
.cloudfabric-page .cf-cta-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(255px,.65fr);gap:50px;align-items:center}
.cloudfabric-page .cf-cta-actions{flex-direction:column;align-items:stretch}
.cloudfabric-page .cf-cta-actions .button{width:100%}
.cloudfabric-page a:focus-visible,.cloudfabric-page summary:focus-visible{outline:3px solid #8ed4ff;outline-offset:3px}
@media (max-width:1050px){
 .cloudfabric-page .cf-hero-layout{grid-template-columns:1fr 1fr;gap:15px}
 .cloudfabric-page h1{font-size:clamp(2.45rem,4.8vw,4.3rem)}
 .cloudfabric-page .cf-arch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cloudfabric-page .cf-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .cloudfabric-page .shell{width:min(100% - 32px,570px)}
 .cloudfabric-page .cf-hero{padding:70px 0 38px}
 .cloudfabric-page .cf-hero-layout{grid-template-columns:1fr}
 .cloudfabric-page .cf-hero-copy{padding:10px 0 5px}
 .cloudfabric-page h1{font-size:clamp(2.4rem,8.6vw,3.65rem);max-width:580px}
 .cloudfabric-page .cf-lead{font-size:1.05rem}
 .cloudfabric-page .cf-product-visual{margin-top:14px}
 .cloudfabric-page .cf-product-visual picture{border-radius:14px}
 .cloudfabric-page .cf-hero-stats{grid-template-columns:1fr 1fr;margin-top:24px}
 .cloudfabric-page .cf-hero-stats>div{padding:17px}
 .cloudfabric-page .cf-hero-stats>div:nth-child(3){border-left:none;border-top:1px solid var(--cf-line)}
 .cloudfabric-page .cf-hero-stats>div:nth-child(4){border-top:1px solid var(--cf-line)}
 .cloudfabric-page .cf-section{padding:66px 0}
 .cloudfabric-page .cf-section-heading{margin-bottom:27px}
 .cloudfabric-page .cf-section-heading h2,.cloudfabric-page .cf-faq-layout h2,.cloudfabric-page .cf-cta h2{font-size:clamp(1.88rem,7.1vw,2.8rem)}
 .cloudfabric-page .cf-feature-grid,.cloudfabric-page .cf-deploy-grid{grid-template-columns:1fr}
 .cloudfabric-page .cf-feature-grid article{min-height:0;padding:25px}
 .cloudfabric-page .cf-arch-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0}
 .cloudfabric-page .cf-architecture{padding:12px}
 .cloudfabric-page .cf-architecture-top{padding:18px 12px}
 .cloudfabric-page .cf-architecture-bottom{flex-direction:column;gap:6px;padding:17px}
 .cloudfabric-page .cf-qualification{grid-template-columns:1fr;gap:10px;padding:25px}
 .cloudfabric-page .cf-faq-layout,.cloudfabric-page .cf-cta-content{grid-template-columns:1fr;gap:20px}
 .cloudfabric-page .cf-cta{padding:68px 0}
}
@media (max-width:390px){
 .cloudfabric-page .shell{width:calc(100% - 26px)}
 .cloudfabric-page .cf-hero{padding-top:58px}
 .cloudfabric-page .cf-actions{display:grid;grid-template-columns:1fr}
 .cloudfabric-page .cf-arch-grid{grid-template-columns:1fr}
 .cloudfabric-page .cf-usecase-grid{grid-template-columns:1fr}
 .cloudfabric-page .cf-hero-stats>div{padding:13px}
 .cloudfabric-page .cf-hero-stats span{font-size:.82rem}
}
@media (prefers-reduced-motion:reduce){.cloudfabric-page *, .cloudfabric-page *::before,.cloudfabric-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}/* CloudFabric visual alignment with AIOTOR main website, 2026-10-30. */
.cloudfabric-page{--cf-ink:#f5f3f4;--cf-muted:#b5aebc;--cf-line:rgba(213,190,221,.16);--cf-blue:#f34a80;--cf-violet:#ba66ff;background:#07090d;color:#f5f3f4}
.cloudfabric-page .cf-hero{background:radial-gradient(circle at 16% 65%,rgba(187,45,142,.13),transparent 43%),radial-gradient(circle at 82% 24%,rgba(104,58,214,.14),transparent 36%),#07090d}
.cloudfabric-page .cf-hero::after{background:linear-gradient(90deg,transparent,rgba(222,53,139,.32),transparent)}
.cloudfabric-page .cf-eyebrow,.cloudfabric-page .cf-kicker,.cloudfabric-page .cf-index,.cloudfabric-page .cf-signal,.cloudfabric-page .cf-hero-stats b{color:#c6adce}
.cloudfabric-page .cf-dot{background:#f43b82;box-shadow:0 0 16px rgba(239,48,112,.55)}
.cloudfabric-page h1,.cloudfabric-page h2,.cloudfabric-page h3{color:#f5f3f4}
.cloudfabric-page h1 em{background:linear-gradient(112deg,#a76bff 3%,#d34cba 49%,#f44379 98%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cloudfabric-page h2 span{color:#f34a80}
.cloudfabric-page .cf-lead{color:#e5dce6}
.cloudfabric-page .cf-support,.cloudfabric-page article p,.cloudfabric-page .cf-section-heading>p:not(.cf-kicker),.cloudfabric-page .cf-cta p:not(.cf-kicker){color:#b5aebc}
.cloudfabric-page .button{min-height:48px;border-radius:999px}
.cloudfabric-page .button-primary{background:linear-gradient(135deg,#f12d5d,#c20c42);border-color:transparent;box-shadow:0 13px 35px rgba(215,18,79,.20);color:#fff}
.cloudfabric-page .button-secondary{background:rgba(30,24,35,.66);border:1px solid rgba(207,188,210,.26);color:#f5f3f4}
.cloudfabric-page .cf-tags span{color:#d7c7da;background:#100e17;border-color:rgba(208,160,217,.24)}
.cloudfabric-page .cf-product-visual picture{background:#0a0c13;border-color:rgba(175,116,193,.24);box-shadow:0 25px 75px rgba(0,0,0,.47)}
.cloudfabric-page .cf-hero-stats{background:rgba(17,14,24,.88);border-color:var(--cf-line)}
.cloudfabric-page .cf-hero-stats span{color:#f1edf3}
.cloudfabric-page .cf-section{background:#07090d}
.cloudfabric-page .cf-section-alt{background:linear-gradient(170deg,#0e0c16,#0b0b12 75%)}
.cloudfabric-page .cf-feature-grid article,.cloudfabric-page .cf-usecase-grid article,.cloudfabric-page .cf-deploy-grid article{background:linear-gradient(145deg,rgba(24,19,32,.92),rgba(12,12,19,.96));border-color:var(--cf-line)}
.cloudfabric-page .cf-feature-grid article:hover{border-color:rgba(224,77,164,.47)}
.cloudfabric-page .cf-architecture{background:rgba(10,10,17,.93);border-color:rgba(186,101,196,.28)}
.cloudfabric-page .cf-architecture-top{background:linear-gradient(90deg,rgba(86,35,103,.74),rgba(68,28,79,.8));border-color:rgba(191,103,199,.27)}
.cloudfabric-page .cf-architecture-top span{color:#e5a9ff}
.cloudfabric-page .cf-architecture-top strong{color:#f3e7f5}
.cloudfabric-page .cf-arch-grid a{background:linear-gradient(160deg,#24172c,#15121e);border-color:rgba(188,132,195,.22)}
.cloudfabric-page .cf-arch-grid a:hover,.cloudfabric-page .cf-arch-grid a:focus-visible{border-color:#eb66b4;background:#2c1933}
.cloudfabric-page .cf-arch-grid small{color:#e9a4d3}
.cloudfabric-page .cf-arch-grid span{color:#c4b5c9}
.cloudfabric-page .cf-architecture-bottom{background:rgba(64,35,70,.38);border-color:rgba(178,127,189,.26)}
.cloudfabric-page .cf-architecture-bottom strong{color:#e4b1e9}
.cloudfabric-page .cf-architecture-bottom span{color:#d6c8dd}
.cloudfabric-page .cf-arch-note,.cloudfabric-page .cf-product-visual figcaption{color:#aaa1ae}
.cloudfabric-page .cf-deploy-grid article>span{color:#ef5ba1}
.cloudfabric-page .cf-qualification{background:rgba(37,20,39,.72);border-color:rgba(207,115,197,.23);border-left-color:#e24991}
.cloudfabric-page .cf-faq-list details{background:rgba(25,18,32,.86)}
.cloudfabric-page .cf-faq-list details[open]{border-color:rgba(217,75,169,.53)}
.cloudfabric-page .cf-cta{background:radial-gradient(circle at 12% 0%,rgba(132,43,120,.27),transparent 60%),#100d17;border-top-color:rgba(220,95,166,.23)}
.cloudfabric-page a:focus-visible,.cloudfabric-page summary:focus-visible{outline-color:#f16ba8}