/* Rismor proactive IT care - scoped service page, responsive and editorial. */
.care-page{--care-navy:#061a36;--care-blue:#2366a5;--care-ink:#102944;--care-soft:#f0f6fb;--care-line:#cddde9;background:#fff;color:var(--care-ink)}
.care-page em{font-style:normal;color:#1a65aa}
.care-page .care-space{padding-block:clamp(72px,8vw,120px)}
.care-page .care-overline-light{color:#aad2f9}
.care-hero{background:linear-gradient(125deg,#05162f,#09284d 70%,#0c3155);color:#fff;position:relative;overflow:hidden}
.care-hero-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 81% 23%,#3c83be42,transparent 57%),repeating-linear-gradient(100deg,transparent,transparent 127px,#a0cdf109 128px)}
.care-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,5vw,100px);align-items:center;position:relative;padding-block:clamp(84px,8.5vw,136px)}
.care-hero h1{font-size:clamp(43px,4.5vw,71px);color:#fff;line-height:1.07;letter-spacing:-.061em;margin:20px 0 28px;max-width:820px}
.care-hero h1 em{color:#a9d7ff}
.care-hero-copy>p:not(.overline){font-size:15px;line-height:1.78;color:#d0e0ef;max-width:660px}
.care-hero-copy .care-hero-lead{font-size:clamp(17px,1.34vw,20px)!important;color:#eff7ff!important;line-height:1.7!important;font-weight:600}
.care-hero .button-row{margin:28px 0}
.care-hero-copy .care-hero-foot{font-size:12px!important;color:#a9cce9!important;margin-bottom:0}
.care-concept{position:relative;min-width:0;padding:clamp(19px,2.6vw,32px);background:linear-gradient(150deg,#15406ac6,#082540e6);border:1px solid #92bee275;box-shadow:0 26px 90px #020a1b73}
.care-concept::before,.care-concept::after{content:"";position:absolute;width:22px;height:22px;border:2px solid #a5d1f9;pointer-events:none}
.care-concept::before{left:-4px;top:-4px;border-right:0;border-bottom:0}
.care-concept::after{right:-4px;bottom:-4px;border-left:0;border-top:0}
.care-concept-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;font-weight:800;letter-spacing:.11em;color:#b1d8f5;padding-bottom:16px;border-bottom:1px solid #83add05a}
.care-concept-top span:last-child{text-align:right;color:#88b8d9}
.care-concept-workspace{height:230px;position:relative;display:grid;place-items:center;padding:18px 0 14px}
.care-sketch-device{position:relative;width:58%;max-width:230px;transform:rotate(-2deg)}
.care-device-screen{border:5px solid #96b9d8;background:linear-gradient(140deg,#f2f8fd,#bdd8e9);height:123px;box-shadow:0 14px 35px #020b2059;padding:16px}
.care-device-screen>span{font-size:10px;font-weight:800;letter-spacing:.09em;color:#315b81}
.care-device-lines{margin-top:17px;display:flex;flex-direction:column;gap:8px}
.care-device-lines i{display:block;width:70%;height:6px;background:#aac9e0}
.care-device-lines i:nth-child(2){width:47%;background:#79a2c4}
.care-device-lines i:nth-child(3){width:62%}
.care-device-base{height:8px;width:113%;margin-left:-6.5%;background:#afc7dc;border-radius:0 0 6px 6px}
.care-floating-note{position:absolute;background:#f6faff;border:1px dashed #8eafcb;padding:9px 11px;color:#183f65;box-shadow:0 10px 24px #020d244a;line-height:1.3;min-width:100px}
.care-floating-note small{display:block;font-size:8px;letter-spacing:.1em;font-weight:800;color:#2869a2}
.care-floating-note strong{display:block;font-size:11px;font-weight:800;margin-top:4px}
.care-note-one{top:17px;left:0;transform:rotate(-7deg)}
.care-note-two{right:0;top:38px;transform:rotate(6deg)}
.care-note-three{right:3%;bottom:15px;transform:rotate(-3deg)}
.care-concept-route{height:34px;display:grid;place-items:center;position:relative}
.care-concept-route::before{content:"";border-left:1px dashed #a0c9ea;height:100%}
.care-concept-route span{width:8px;height:8px;border-right:2px solid #b1d8ff;border-bottom:2px solid #b1d8ff;transform:rotate(45deg);position:absolute;bottom:4px}
.care-concept-plan{border:1px solid #9fc1df;background:#e9f3fc;color:#123957}
.care-plan-title{display:flex;justify-content:space-between;gap:9px;align-items:center;background:#d3e6f7;border-bottom:1px solid #b5d1e5;padding:12px 13px;font-size:9px;letter-spacing:.07em;font-weight:800;color:#426d93}
.care-plan-title span:last-child{color:#196e53}
.care-plan-title span:last-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#369876;margin-right:7px}
.care-plan-row{padding:12px 13px;border-bottom:1px solid #c0d7e8;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700}
.care-plan-row i{height:17px;width:17px;border-radius:50%;border:1px solid #3f9b7f;background:#ddf7ee;flex:none;position:relative}
.care-plan-row i::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #248268;border-width:0 2px 2px 0;transform:rotate(45deg)}
.care-plan-foot{background:#123c69;padding:12px 13px;color:#daebfa;text-align:center;font-size:11px}
.care-concept-caption{color:#b8d5ee;font-size:11px;line-height:1.65;margin:17px 0 0;font-style:italic}
.care-intro{display:grid;grid-template-columns:minmax(175px,.35fr) minmax(0,1fr);gap:clamp(47px,8vw,150px)}
.care-margin{border-top:2px solid #2367a4;padding-top:17px}
.care-margin .handwritten{color:#3175b3;font-size:clamp(21px,2.4vw,31px);line-height:1.52;margin-top:37px;transform:rotate(-5deg)}
.care-margin .handwritten span{color:#637e9b;font-size:.72em}
.care-intro-copy h2{font-size:clamp(35px,4vw,64px);line-height:1.14;letter-spacing:-.055em;max-width:920px;margin:0 0 30px}
.care-intro-copy p{font-size:clamp(16px,1.23vw,18px);line-height:1.84;color:#465f77;max-width:900px}
.care-intro-copy strong{color:#0e3a69}
.care-reality{background:#e9f3fb}
.care-reality-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.73fr);gap:clamp(40px,7vw,120px);align-items:center}
.care-reality h2{font-size:clamp(34px,3.65vw,56px);line-height:1.14;letter-spacing:-.054em;margin:17px 0 25px}
.care-reality-grid>div:first-child>p:not(.overline){font-size:16px;line-height:1.8;color:#4f6680;max-width:700px}
.care-reality-grid .care-reality-source{font-size:12px!important;color:#617893!important;border-left:2px solid #9dbfdc;padding-left:14px;margin-top:28px}
.care-reality-source a{color:#145790;text-decoration:underline;text-underline-offset:3px}
.care-reality-stat{background:linear-gradient(145deg,#0b2d55,#17558b);border-top:4px solid #a0d2ff;color:#fff;padding:clamp(28px,3.5vw,52px);box-shadow:0 19px 50px #12396329}
.care-reality-stat>span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#c4e1fc;line-height:1.5}
.care-reality-stat>strong{display:block;font-size:clamp(88px,9vw,138px);line-height:1;letter-spacing:-.11em;margin:18px 0}
.care-reality-stat>strong span{font-size:.48em;color:#a8d7ff}
.care-reality-stat>p{font-size:16px;line-height:1.6;color:#edf6ff}
.care-reality-stat>div{border-top:1px solid #83abd05c;padding-top:20px;margin-top:24px;font-size:13px;color:#b9d8f3;line-height:1.62}
.care-areas{background:#f8fbfe}
.care-section-head{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.65fr);gap:clamp(26px,6vw,95px);align-items:end;margin-bottom:44px}
.care-section-head h2{font-size:clamp(34px,4vw,61px);line-height:1.13;letter-spacing:-.055em;margin:17px 0 0}
.care-section-head>p{font-size:16px;line-height:1.78;color:#516981;max-width:500px;margin:0}
.care-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid #2665a1}
.care-areas-grid article{padding:33px clamp(19px,2.4vw,41px) 25px 0;border-bottom:1px solid #cbdde9;min-width:0}
.care-areas-grid article:not(:nth-child(3n+1)){padding-left:clamp(19px,2.4vw,41px);border-left:1px solid #cbdde9}
.care-areas-grid span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#286aa6}
.care-areas-grid h3{font-size:clamp(24px,2.4vw,34px);margin:20px 0 17px;line-height:1.18}
.care-areas-grid p{font-size:15px;line-height:1.81;color:#4d657e}
.care-explain{background:linear-gradient(120deg,#061a35,#0d3257);color:#fff}
.care-explain-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.87fr);gap:clamp(42px,7vw,118px)}
.care-explain h2{font-size:clamp(35px,3.8vw,59px);line-height:1.13;letter-spacing:-.054em;color:#fff;margin:20px 0 30px}
.care-explain h2 em{color:#a9d5fb}
.care-explain-grid>div:first-child>p:not(.overline){font-size:16px;line-height:1.87;color:#d4e4f2;max-width:715px}
.care-explain-grid>div:first-child p em{font-style:italic;color:#fff}
.care-explain-panel{border-top:3px solid #a5d4ff;background:#10386187;padding:0 clamp(20px,3vw,40px) 12px}
.care-explain-panel-head{padding:24px 0;font-size:10px;font-weight:800;letter-spacing:.1em;color:#b6daff}
.care-explain-panel>div:not(.care-explain-panel-head){display:grid;grid-template-columns:34px 1fr;gap:16px;border-top:1px solid #7ba3c062;padding:20px 0}
.care-explain-panel>div>span{font-size:15px;font-weight:800;color:#86bee9}
.care-explain-panel h3{font-size:21px;color:#fff;margin:0 0 10px}
.care-explain-panel p{font-size:14px;line-height:1.72;color:#cee2f2;margin:0}
.care-small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid #235e9d}
.care-small-grid article{padding:31px clamp(23px,3vw,47px) 15px 0}
.care-small-grid article+article{border-left:1px solid #cfdeeb;padding-left:clamp(23px,3vw,47px)}
.care-small-grid span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#2a6aa6}
.care-small-grid h3{font-size:clamp(25px,2.5vw,36px);line-height:1.18;margin:19px 0}
.care-small-grid p{font-size:15px;line-height:1.84;color:#526b82}
.care-difference{background:linear-gradient(115deg,#071a35,#0c3055);color:#fff}
.care-difference-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(44px,7vw,118px)}
.care-difference h2{font-size:clamp(35px,3.8vw,60px);line-height:1.15;letter-spacing:-.054em;color:#fff;margin:20px 0}
.care-difference h2 em{color:#a7d6ff}
.care-difference-grid>div:nth-child(2)>p{color:#d4e5f3;font-size:16px;line-height:1.84}
.care-difference-grid strong{color:#fff}
.care-difference .btn{margin-top:19px}
.care-options{background:#fff}
.care-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.care-options-grid article{background:#eff6fc;border-top:3px solid #2768a5;padding:clamp(28px,3.5vw,49px)}
.care-options-grid span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#2868a8}
.care-options-grid h3{font-size:clamp(27px,2.8vw,41px);line-height:1.2;margin:22px 0}
.care-options-grid p{font-size:16px;line-height:1.83;color:#506780}
.care-options-grid a{display:inline-block;margin-top:14px;color:#125993;text-decoration:underline;text-underline-offset:4px;font-weight:800;font-size:14px}
.care-scope-note{font-size:12px;color:#687b90;border-left:2px solid #bdd5e9;padding-left:15px;margin:28px 0 0;max-width:1010px;line-height:1.73}
.care-faq{background:#f4f8fc}
.care-faq-grid{display:grid;grid-template-columns:minmax(200px,.4fr) minmax(0,1fr);gap:clamp(37px,6vw,104px)}
.care-faq h2{font-size:clamp(32px,3vw,45px);line-height:1.16;margin:18px 0}
.care-faq-items{border-top:2px solid #26619d}
.care-faq-items details{padding:21px 0;border-bottom:1px solid #cfdeeb}
.care-faq-items summary{cursor:pointer;font-size:18px;font-weight:800;padding-right:16px}
.care-faq-items summary::marker{color:#3476ad}
.care-faq-items details p{font-size:15px;line-height:1.8;color:#4e667f;max-width:780px;margin:17px 0 2px}
.care-closing{background:#061a34}
.care-closing h2 em{color:#acd8ff;font-style:normal}
@media(max-width:1100px){
 .care-hero-grid{gap:32px}
 .care-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .care-areas-grid article:not(:nth-child(3n+1)){border-left:0;padding-left:0}
 .care-areas-grid article:nth-child(even){border-left:1px solid #cbdde9;padding-left:clamp(19px,2.4vw,41px)}
}
@media(max-width:900px){
 .care-hero-grid,.care-intro,.care-reality-grid,.care-section-head,.care-explain-grid,.care-difference-grid,.care-faq-grid{grid-template-columns:1fr}
 .care-hero-grid{padding-block:75px}
 .care-concept{max-width:650px}
 .care-intro,.care-reality-grid,.care-explain-grid,.care-difference-grid{gap:35px}
 .care-margin .handwritten{margin-top:17px}
 .care-section-head{gap:15px}
 .care-faq-grid{gap:18px}
}
@media(max-width:650px){
 .care-page .care-space{padding-block:66px}
 .care-hero-grid{padding-block:63px}
 .care-hero h1{font-size:clamp(40px,9.8vw,55px)}
 .care-hero .button-row .btn{width:100%}
 .care-concept{padding:16px}
 .care-concept-top span:last-child{display:none}
 .care-concept-workspace{height:205px}
 .care-floating-note{min-width:79px;padding:8px;font-size:10px}
 .care-floating-note strong{font-size:9px}
 .care-note-one{left:0;top:15px}
 .care-note-two{right:0;top:20px}
 .care-note-three{right:0;bottom:12px}
 .care-device-screen{height:112px}
 .care-intro-copy h2,.care-section-head h2,.care-explain h2,.care-difference h2{font-size:clamp(32px,8vw,43px)}
 .care-areas-grid,.care-small-grid,.care-options-grid{grid-template-columns:1fr}
 .care-areas-grid article,.care-areas-grid article:nth-child(even),.care-areas-grid article:not(:nth-child(3n+1)){padding:26px 0;border-left:0}
 .care-small-grid article,.care-small-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid #cfdeeb}
 .care-options-grid article{padding:27px 24px}
 .care-explain-panel{padding-inline:23px}
 .care-closing .button-row .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.care-page *{scroll-behavior:auto}}