/* Cloud & Infrastructure: Rismor business-first editorial service page. */
.ci-page{--ci-ink:#0b263f;--ci-blue:#2369a6;--ci-navy:#071a35;--ci-soft:#eef5fa;--ci-line:#cedeeb;background:#fff;color:var(--ci-ink)}
.ci-page em{font-style:normal;color:#1b65a5}
.ci-page .ci-space{padding-block:clamp(72px,8vw,121px)}
.ci-page .ci-light-overline{color:#add8ff}
.ci-hero{background:linear-gradient(123deg,#061731,#0b3158 71%,#082640);color:#fff;position:relative;overflow:hidden}
.ci-hero-haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 86% 25%,#3c80be43,transparent 55%),repeating-linear-gradient(104deg,transparent 0,transparent 122px,#93c4ed09 123px)}
.ci-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.09fr) minmax(0,.91fr);gap:clamp(38px,5vw,94px);align-items:center;padding-block:clamp(83px,9vw,136px)}
.ci-hero h1{font-size:clamp(44px,4.5vw,72px);line-height:1.08;color:#fff;letter-spacing:-.061em;margin:19px 0 27px;max-width:820px}
.ci-hero h1 em{color:#a4d5ff}
.ci-hero-copy>p:not(.overline){font-size:15px;line-height:1.8;color:#cedeef;max-width:680px}
.ci-hero-copy .ci-hero-lead{color:#eef7ff!important;font-size:clamp(17px,1.33vw,20px)!important;font-weight:600;line-height:1.73!important}
.ci-hero .button-row{margin:29px 0}
.ci-hero-copy .ci-hero-foot{color:#add0eb!important;font-size:12px!important}
.ci-concept{position:relative;min-width:0;border:1px solid #91bde46b;background:linear-gradient(151deg,#174270b8,#092543e1);box-shadow:0 26px 85px #020a1d70;padding:clamp(19px,2.6vw,32px)}
.ci-concept::before,.ci-concept::after{content:"";position:absolute;width:21px;height:21px;border:2px solid #b6d8f5}
.ci-concept::before{left:-4px;top:-4px;border-right:0;border-bottom:0}
.ci-concept::after{right:-4px;bottom:-4px;border-left:0;border-top:0}
.ci-concept-head{display:flex;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.1em;font-weight:800;color:#bad8ef;border-bottom:1px solid #8fb3d15d;padding-bottom:16px}
.ci-concept-head span:last-child{text-align:right;color:#8dbadd}
.ci-sketch{display:flex;align-items:center;justify-content:space-between;min-height:155px;padding:23px 10px 9px 4px;gap:14px}
.ci-sketch-paper{border:1px dashed #91b6d9;width:67%;max-width:305px;min-height:116px;background:#22517b38;transform:rotate(-3deg);position:relative;padding:17px}
.ci-sketch-paper::before{content:"";position:absolute;left:-8px;top:12px;bottom:13px;border-left:1px solid #83a9cb65}
.ci-hand{font:italic clamp(19px,1.9vw,29px)/1.25 'Segoe Print','Bradley Hand','Comic Sans MS',cursive;color:#e2f1ff}
.ci-sketch-paper small{position:absolute;bottom:9px;right:8px;color:#83b6de;font-size:8px;font-weight:800;letter-spacing:.08em}
.ci-sketch-notes{position:absolute;right:17px;top:18px;width:25%;display:flex;flex-direction:column;gap:8px;transform:rotate(5deg)}
.ci-sketch-notes i{height:2px;background:#c0daef9e;width:100%}
.ci-sketch-notes i:nth-child(2){width:63%}
.ci-sketch-notes i:nth-child(3){width:78%}
.ci-sketch-arrow{flex:1;height:28px;position:relative;min-width:33px}
.ci-sketch-arrow::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #a9cdec}
.ci-sketch-arrow span{position:absolute;right:3px;top:8px;width:9px;height:9px;border-top:2px solid #a9cdec;border-right:2px solid #a9cdec;transform:rotate(45deg)}
.ci-environment{border:1px solid #b4cfe8;background:#eef6fd;color:#173d60}
.ci-env-head{display:flex;justify-content:space-between;gap:10px;background:#dcebf9;border-bottom:1px solid #c5ddeb;padding:12px 14px;font-size:9px;letter-spacing:.08em;color:#35668c;font-weight:800}
.ci-env-head span:last-child{color:#1b785c}
.ci-env-head span:last-child::before{content:"";display:inline-block;width:6px;height:6px;background:#31906a;border-radius:50%;margin-right:6px}
.ci-env-centre{padding:16px}
.ci-env-app{border:1px solid #8db5d7;background:#fff;padding:14px;text-align:center}
.ci-env-app small{display:block;color:#5783a8;font-size:9px;letter-spacing:.1em;font-weight:800}
.ci-env-app strong{font-size:20px;display:block;margin:7px 0 0;letter-spacing:-.03em}
.ci-env-joins{height:37px;position:relative;width:75%;margin:0 auto}
.ci-env-joins::before{content:"";position:absolute;left:50%;height:17px;border-left:2px dashed #7aa9d0}
.ci-env-joins::after{content:"";position:absolute;top:17px;left:16%;right:16%;border-top:2px dashed #7aa9d0}
.ci-env-joins i{position:absolute;top:17px;height:18px;border-left:2px dashed #7aa9d0}
.ci-env-joins i:first-child{left:16%}
.ci-env-joins i:nth-child(2){left:50%}
.ci-env-joins i:nth-child(3){right:16%}
.ci-env-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ci-env-parts>div{background:#fff;border:1px solid #c5dbea;text-align:center;padding:11px 5px;min-width:0}
.ci-square{display:grid;place-items:center;border:1px solid #b3cfe4;background:#e5f3fc;color:#336da0;width:30px;height:30px;margin:0 auto 9px;font-size:20px}
.ci-env-parts strong{display:block;font-size:12px}
.ci-env-parts small{display:block;font-size:9px;color:#63839e;margin-top:5px}
.ci-env-footer{background:#123d69;color:#d9eafa;padding:12px;text-align:center;font-size:11px;line-height:1.5}
.ci-concept-note{color:#b9d6ed;font-size:11px;line-height:1.65;margin:16px 0 0}
.ci-intro{display:grid;grid-template-columns:minmax(174px,.35fr) minmax(0,1fr);gap:clamp(48px,8vw,150px)}
.ci-aside-note{border-top:2px solid #2e6dac;padding-top:17px}
.ci-aside-note .handwritten{font-size:clamp(21px,2.35vw,31px);color:#3576b2;line-height:1.54;margin-top:37px;transform:rotate(-4deg)}
.ci-intro-copy h2{font-size:clamp(34px,4.1vw,63px);line-height:1.14;letter-spacing:-.056em;max-width:980px;margin:0 0 30px}
.ci-intro-copy p{font-size:clamp(16px,1.22vw,18px);line-height:1.87;color:#4c657e;max-width:900px}
.ci-intro-copy strong{color:#154874}
.ci-choices{background:#eaf4fb}
.ci-choices-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(310px,.88fr);gap:clamp(43px,7vw,121px)}
.ci-choices h2{font-size:clamp(34px,3.95vw,61px);line-height:1.14;letter-spacing:-.055em;margin:20px 0 28px}
.ci-choices-copy>p:not(.overline){font-size:16px;line-height:1.84;color:#4d657f;max-width:710px}
.ci-choices-list{border-top:3px solid #2569a7;background:#fff;padding:0 clamp(20px,3vw,40px) 12px;box-shadow:0 8px 35px #16477712}
.ci-choices-list article{border-bottom:1px solid #d0dfec;padding:26px 0}
.ci-choices-list article:last-child{border-bottom:0}
.ci-choices-list span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#2b6a9f}
.ci-choices-list h3{font-size:25px;line-height:1.22;margin:12px 0}
.ci-choices-list p{font-size:14px;line-height:1.75;color:#516980;margin:0}
.ci-services{background:#fbfdff}
.ci-section-head{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.64fr);gap:clamp(26px,5.5vw,96px);align-items:end;margin-bottom:45px}
.ci-section-head h2{font-size:clamp(34px,3.95vw,60px);line-height:1.13;letter-spacing:-.055em;margin:17px 0 0}
.ci-section-head>p{font-size:16px;color:#526b84;line-height:1.79;max-width:500px;margin:0}
.ci-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid #2363a0}
.ci-services-grid article{padding:33px clamp(18px,2.5vw,42px) 26px 0;border-bottom:1px solid #cfdeeb;min-width:0}
.ci-services-grid article:not(:nth-child(3n+1)){padding-left:clamp(18px,2.5vw,42px);border-left:1px solid #cfdeeb}
.ci-services-grid article>span{font-size:10px;font-weight:800;letter-spacing:.095em;color:#2a70ad}
.ci-services-grid h3{font-size:clamp(24px,2.45vw,34px);line-height:1.21;margin:19px 0 15px}
.ci-services-grid p{font-size:15px;line-height:1.82;color:#516982}
.ci-journey{background:linear-gradient(118deg,#061833,#0d325a);color:#fff}
.ci-journey-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.84fr);gap:clamp(43px,7vw,115px)}
.ci-journey h2{font-size:clamp(35px,3.85vw,59px);line-height:1.14;letter-spacing:-.054em;color:#fff;margin:20px 0 29px}
.ci-journey h2 em{color:#add9ff}
.ci-journey-grid>div:first-child>p:not(.overline){font-size:16px;color:#cfe1f3;line-height:1.84;max-width:710px}
.ci-steps{border-top:3px solid #acd8fd;padding:0 clamp(19px,3vw,39px) 6px;background:#123a6487}
.ci-steps article{display:grid;grid-template-columns:39px 1fr;gap:16px;border-bottom:1px solid #8eafcb66;padding:25px 0}
.ci-steps article:last-child{border-bottom:0}
.ci-steps article>span{font-size:18px;color:#a4d1f7;font-weight:800}
.ci-steps h3{color:#fff;font-size:23px;line-height:1.23;margin:0 0 11px}
.ci-steps p{font-size:14px;color:#cfe2f2;line-height:1.76;margin:0}
.ci-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid #24639d}
.ci-start-grid article{padding:30px clamp(20px,3vw,48px) 15px 0}
.ci-start-grid article+article{border-left:1px solid #d0deeb;padding-left:clamp(20px,3vw,48px)}
.ci-start-grid span{color:#286caa;font-size:10px;font-weight:800;letter-spacing:.1em}
.ci-start-grid h3{font-size:clamp(25px,2.5vw,35px);margin:18px 0;line-height:1.22}
.ci-start-grid p{font-size:15px;line-height:1.85;color:#526980}
.ci-ownership{background:#f0f6fb}
.ci-ownership-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.84fr);gap:clamp(42px,7vw,113px);align-items:center}
.ci-ownership h2{font-size:clamp(35px,3.8vw,58px);line-height:1.15;letter-spacing:-.054em;margin:20px 0 28px}
.ci-ownership-grid>div:first-child>p:not(.overline){font-size:16px;line-height:1.85;color:#50677f;max-width:710px}
.ci-ownership-panel{border-top:3px solid #2e73ad;background:#fff;padding:17px clamp(20px,3vw,39px);box-shadow:0 12px 32px #11447512}
.ci-ownership-panel>p{font-size:10px;letter-spacing:.11em;font-weight:800;color:#3775aa;margin:10px 0 23px}
.ci-ownership-panel>div{display:grid;grid-template-columns:31px 1fr;gap:5px 13px;border-top:1px solid #d5e2ed;padding:19px 0}
.ci-ownership-panel>div span{grid-row:1/3;font-size:14px;font-weight:800;color:#3475ae}
.ci-ownership-panel strong{font-size:18px;line-height:1.3}
.ci-ownership-panel small{font-size:12px;line-height:1.55;color:#6d8399}
.ci-difference{background:linear-gradient(120deg,#061932,#0b2f55);color:#fff}
.ci-difference-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(42px,7vw,117px)}
.ci-difference h2{font-size:clamp(35px,3.85vw,61px);line-height:1.14;letter-spacing:-.055em;color:#fff;margin:21px 0}
.ci-difference h2 em{color:#acd6fa}
.ci-difference-grid>div:nth-child(2)>p{color:#d2e3f2;font-size:16px;line-height:1.87}
.ci-difference-grid strong{color:#fff}
.ci-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ci-options-grid article{border-top:3px solid #286ba9;background:#eef6fb;padding:clamp(29px,3.5vw,50px)}
.ci-options-grid span{font-size:10px;letter-spacing:.1em;color:#2a6aa9;font-weight:800}
.ci-options-grid h3{font-size:clamp(27px,2.8vw,39px);line-height:1.2;margin:22px 0 17px}
.ci-options-grid p{color:#4f6680;font-size:16px;line-height:1.83}
.ci-options-grid a{display:inline-block;font-size:14px;font-weight:800;color:#185c98;text-decoration:underline;text-underline-offset:4px;margin-top:11px}
.ci-related{border-top:1px solid #c9ddec;margin-top:35px;padding-top:23px;display:flex;flex-wrap:wrap;align-items:center;gap:13px 25px}
.ci-related p{font-size:13px;color:#657b90;margin:0 16px 0 0}
.ci-related a{font-size:13px;color:#17609d;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.ci-faq{background:#f4f8fc}
.ci-faq-grid{display:grid;grid-template-columns:minmax(200px,.4fr) minmax(0,1fr);gap:clamp(35px,6vw,104px)}
.ci-faq h2{font-size:clamp(31px,3vw,46px);line-height:1.17;margin:20px 0}
.ci-faq-list{border-top:2px solid #2766a4}
.ci-faq-list details{border-bottom:1px solid #cfdeeb;padding:21px 0}
.ci-faq-list summary{font-size:18px;font-weight:800;cursor:pointer;padding-right:15px}
.ci-faq-list summary::marker{color:#3176b5}
.ci-faq-list details p{font-size:15px;line-height:1.81;color:#506880;max-width:800px;margin:17px 0 2px}
.ci-closing{background:#061932}
.ci-closing h2 em{font-style:normal;color:#aedbff}
@media(max-width:1100px){
 .ci-hero-grid{gap:32px}
 .ci-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ci-services-grid article:not(:nth-child(3n+1)){border-left:0;padding-left:0}
 .ci-services-grid article:nth-child(even){border-left:1px solid #cfdeeb;padding-left:clamp(18px,2.5vw,42px)}
}
@media(max-width:900px){
 .ci-hero-grid,.ci-intro,.ci-choices-layout,.ci-section-head,.ci-journey-grid,.ci-ownership-grid,.ci-difference-grid,.ci-faq-grid{grid-template-columns:1fr}
 .ci-hero-grid{padding-block:77px}
 .ci-concept{max-width:630px}
 .ci-intro,.ci-choices-layout,.ci-journey-grid,.ci-ownership-grid,.ci-difference-grid{gap:36px}
 .ci-aside-note .handwritten{margin-top:18px}
 .ci-section-head{gap:15px}
 .ci-faq-grid{gap:18px}
}
@media(max-width:650px){
 .ci-page .ci-space{padding-block:68px}
 .ci-hero-grid{padding-block:65px}
 .ci-hero h1{font-size:clamp(40px,9.8vw,56px)}
 .ci-hero .button-row .btn{width:100%}
 .ci-concept{padding:16px}
 .ci-concept-head span:last-child{display:none}
 .ci-sketch{min-height:142px}
 .ci-sketch-paper{width:78%}
 .ci-hand{font-size:19px}
 .ci-env-centre{padding:10px}
 .ci-env-parts{gap:6px}
 .ci-env-parts>div{padding:9px 3px}
 .ci-env-parts strong{font-size:11px}
 .ci-env-parts small{font-size:8px}
 .ci-intro-copy h2,.ci-choices h2,.ci-section-head h2,.ci-journey h2,.ci-ownership h2,.ci-difference h2{font-size:clamp(32px,8vw,44px)}
 .ci-services-grid,.ci-start-grid,.ci-options-grid{grid-template-columns:1fr}
 .ci-services-grid article,.ci-services-grid article:nth-child(even),.ci-services-grid article:not(:nth-child(3n+1)){border-left:0;padding:27px 0}
 .ci-start-grid article,.ci-start-grid article+article{border-left:0;border-bottom:1px solid #d0deeb;padding:25px 0}
 .ci-options-grid article{padding:28px 24px}
 .ci-steps{padding-inline:20px}
 .ci-related{gap:13px 23px}
 .ci-related p{flex-basis:100%}
 .ci-closing .button-row .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.ci-page *{scroll-behavior:auto}}
