/* Şerifali 2026: separate, editable desktop and compact mobile compositions. */
:root{--sfh-navy:#001d41;--sfh-deep:#00142c;--sfh-gold:#ffd443;--sfh-metal:linear-gradient(175deg,#fff8ca 0%,#fff2a6 19%,#ffda66 47%,#e6a519 89%,#b97904 100%);--sfh-white:#fff;--sfh-ink:#06112c}
.sfh-header,.sfh-stage{font-family:Arial,Helvetica,sans-serif;color:var(--sfh-ink);line-height:1.18}
.sfh-header :is(svg,.sf-icon),.sfh-stage :is(svg,.sf-icon){display:block;flex:none;width:1.3em;height:1.3em;stroke-width:1.8}
.sfh-header img,.sfh-stage img{display:block;width:100%;height:100%;object-fit:contain}
.sfh-header a,.sfh-stage a{text-decoration:none;color:inherit}
.sfh-header a:focus-visible,.sfh-stage a:focus-visible{outline:3px solid #168fd2;outline-offset:2px;position:relative;z-index:8}
.sfh-header h1,.sfh-header h2,.sfh-stage h1,.sfh-stage h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.04}
.sfh-header{position:relative;z-index:4;background:#fff}
.sfh-topbar{background:linear-gradient(135deg,#052c58,#001733 78%);color:#fff;box-shadow:0 3px 7px #00214d18}
.sfh-topbits{display:flex;align-items:center;justify-content:space-evenly;min-height:35px;padding:5px 3%;max-width:1920px;margin:auto;gap:1.5%}
.sfh-topbit{display:flex;align-items:center;justify-content:center;gap:.65em;flex:1;font-size:clamp(10px,1.12vw,18px);white-space:nowrap}
.sfh-topbit+.sfh-topbit{border-left:1px solid #dae5f1;padding-left:1.2%}
.sfh-topbit :is(svg,.sf-icon){color:var(--sfh-gold);width:1.4em;height:1.4em}
.sfh-headrow{max-width:1920px;margin:auto;display:grid;grid-template-columns:42% minmax(0,1fr) 15%;gap:1.5%;align-items:center;padding:10px 2.8%;min-height:72px}
.sfh-brandline{min-width:0;display:flex;align-items:center;gap:3%}
.sfh-identity{display:flex;align-items:center;width:100%;gap:4%}
.sfh-logo{display:block;width:54%;aspect-ratio:3.45/1;max-height:74px}
.sfh-wordmark{border-left:2px solid #dca337;padding-left:4%;font-size:clamp(15px,1.7vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.05;flex:1}
.sfh-nav{display:flex;align-items:center;justify-content:space-between;border-radius:12px;min-width:0;overflow:visible;background:linear-gradient(#fff,#eef7fc)}
.sfh-navitem{display:flex;gap:.34em;align-items:center;justify-content:center;white-space:nowrap;padding:.8em .78em;font-size:clamp(10px,1.05vw,16px);font-weight:700;min-width:0}
.sfh-navitem+.sfh-navitem{border-left:1px solid #e1e8ed}
.sfh-navitem>:is(svg,.sf-icon){display:none}
.sfh-navitem.is-current{background:linear-gradient(#0964ae,#002650 55%,#00152f);color:white;border:1px solid #d5e7f3;border-radius:12px;box-shadow:0 2px 4px #001a4029}
.sfh-navitem.is-current>:is(svg,.sf-icon){display:block}
.sfh-navitem i{font-style:normal}
.sfh-navitem i :is(svg,.sf-icon){width:.9em;height:.9em}
.sfh-map-link{display:flex;align-items:center;gap:.38em;border:1px solid #d49c1c;background:linear-gradient(#fff,#fffdf0);box-shadow:0 3px 3px #08345a35;border-radius:50px;padding:.4em .7em;font-size:clamp(10px,1.02vw,17px);line-height:1.05;white-space:nowrap}
.sfh-map-link>:is(svg,.sf-icon):first-child{width:1.85em;height:2.2em}
.sfh-map-link>:is(svg,.sf-icon):last-child{margin-left:auto;width:1em;height:1em}
.sfh-map-link b{font-size:1.15em;letter-spacing:-.035em}
.sfh-map-link small{display:block;font-weight:600;font-size:.6em;margin-top:.22em}
.sfh-menu-toggle{display:none}
.sfh-stage{--sfh-title:clamp(20px,3.2vw,58px);display:grid;grid-template-rows:minmax(0,35fr) minmax(0,24fr) minmax(0,14fr) minmax(0,10fr) minmax(0,16fr);position:relative;max-width:1920px;margin:auto;container-type:inline-size;background:linear-gradient(#fff,#f9fbfd);isolation:isolate}
.sf26-home{height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0!important;background:#fff}
.sf26-home>.sfh-header{flex:none}
.sf26-home>#main-content{flex:1;min-height:0;display:flex;width:100%}
.sf26-home>#main-content>.sfh-stage{flex:1;align-self:stretch;min-width:0;min-height:0;height:100%;max-height:100%;width:100%;margin:0 auto;box-sizing:border-box}
.sf26-home .sfh-topbits{min-height:0;height:4.8svh;max-height:48px;padding-block:3px}
.sf26-home .sfh-headrow{height:9.9svh;max-height:105px;min-height:0;padding-block:.6svh}
.sfh-campaign{background:radial-gradient(ellipse at 55% 50%,#135888,#00254f 49%,#001832 100%);color:white;display:grid;grid-template-columns:49.5% minmax(0,1fr);position:relative;min-height:0;border-bottom:2px solid #d9ebff;isolation:isolate}
.sfh-pitch{position:relative;min-height:0}
.sfh-pitch-text{padding:1.3% 5% 0 6.3%;position:relative;z-index:1}
.sfh-eyebrow{font-size:clamp(11px,1.3cqw,23px);color:#ffd940;font-weight:750;letter-spacing:.08em;margin:.28em 0 .44em;white-space:nowrap}
.sfh-pitch h1{font-size:var(--sfh-title);max-width:98%;color:white;line-height:1.04}
.sfh-pitch-text>p{font-size:clamp(10px,1.06cqw,19px);max-width:95%;margin-top:.5em;font-weight:400;line-height:1.25}
.sfh-rug{position:absolute;bottom:0;right:-9%;width:50%;height:97%;z-index:0;pointer-events:none}
.sfh-rug>img{object-fit:contain;object-position:bottom right}
.sfh-trust{position:absolute;left:5.8%;bottom:12%;display:flex;width:58%;z-index:2;align-items:center;gap:0;font-size:clamp(10px,1.03cqw,19px)}
.sfh-trust>span{display:flex;align-items:center;gap:.5em;flex:1;padding-right:.8em}
.sfh-trust>span+span{border-left:1px solid #c6d0dc;padding-left:.8em}
.sfh-trust :is(svg,.sf-icon){color:#ffdb44;width:2.3em;height:2.3em}
.sfh-trust b{font-weight:400;max-width:7em;line-height:1.15}
.sfh-tech{min-width:0;min-height:0;display:grid;grid-template-columns:32% 1fr;grid-template-rows:minmax(0,1fr) auto;gap:3% 2%;padding:1.3% 38% 2% 0;position:static;margin-left:-5%}
.sfh-emblem{grid-area:1/1;display:grid;position:relative;place-items:center;min-width:0;min-height:0;align-self:center;width:100%;height:95%}
.sfh-medal{width:100%;height:100%;display:block;position:absolute;inset:0;pointer-events:none}
.sfh-emblem>span{padding:15% 17% 12%;position:relative;font-size:clamp(9px,1.12cqw,20px);font-weight:800;text-align:center;line-height:1.25}
.sfh-tech-copy{grid-area:1/2;align-self:center;position:relative;z-index:2}
.sfh-tech h2{font-size:clamp(15px,1.8cqw,31px);letter-spacing:-.025em}
.sfh-tech h2>span{display:block;font-size:.87em;color:#f3f6fc;line-height:1.08}
.sfh-tech h2>strong{display:block;color:#ffda3c;line-height:1.05;margin-top:.15em}
.sfh-tech-copy p{font-size:clamp(9px,.98cqw,17px);line-height:1.25;margin-top:.45em;font-weight:400}
.sfh-tech-strip{grid-column:1/-1;align-self:end;display:flex;justify-content:space-around;gap:1%;border:2px solid #f9d053;outline:1px solid #234d80;border-radius:50px;padding:1.4% .9%;background:linear-gradient(#093466,#001831);box-shadow:inset 0 1px 1px #ffed9866;font-size:clamp(8px,.72cqw,13px);position:relative;z-index:2}
.sfh-tech-strip>span{display:flex;align-items:center;gap:.45em;padding:.25em .5em;flex:1}
.sfh-tech-strip>span+span{border-left:1px solid #e5c64c}
.sfh-tech-strip :is(svg,.sf-icon){width:2.5em;height:2.5em;color:#ffe044}
.sfh-tech-strip b{font-weight:400;line-height:1.15}
.sfh-phone{position:absolute;z-index:4;right:.1%;top:-4%;height:168%;width:24%;pointer-events:none}
.sfh-phone img{object-fit:contain;object-position:top right}
.sfh-services{min-height:0;display:grid;grid-template-columns:17.5% minmax(0,1fr);gap:1%;padding:1.25% 22.8% 1.05% 2.8%;position:relative;grid-template-columns:25% minmax(0,1fr)}
.sfh-service-lead{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:8%}
.sfh-service-lead h2{font-size:clamp(16px,2cqw,34px);white-space:nowrap}
.sfh-service-lead h2::after{content:"";display:block;width:42%;height:3px;background:linear-gradient(90deg,#e3a008,#ffe288);margin:.22em 0 .28em}
.sfh-service-lead p{font-size:clamp(10px,1.11cqw,20px);line-height:1.1;max-width:14em}
.sfh-goldlink{display:flex;align-items:center;justify-content:center;gap:1em;border:1px solid #d9a221;box-shadow:0 3px 3px #193b541f;border-radius:50px;padding:.48em .85em;background:linear-gradient(#fffdf3,#fff8d7 60%,#f6cf59);font-size:clamp(9px,.9cqw,16px);line-height:1;white-space:nowrap;font-weight:700;min-height:24px}
.sfh-goldlink :is(svg,.sf-icon){height:1em;width:1em}
.sfh-service-lead .sfh-goldlink{margin-top:.55em;width:100%}
.sfh-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2%;min-height:0;min-width:0;align-self:stretch;align-items:center}
.sfh-card{display:flex;flex-direction:column;min-width:0;min-height:0;max-height:100%;height:90%;border-radius:11px;overflow:hidden;background:linear-gradient(#0c5692,#001a40);box-shadow:0 2px 3px #16294720}
.sfh-svc-photo{display:block;flex:1;min-height:0;width:100%;background:#eff2f5}
.sfh-svc-photo img{object-fit:cover}
.sfh-card>span{display:flex;align-items:center;justify-content:space-between;gap:3px;color:white;padding:.6em .44em;font-size:clamp(9px,.91cqw,16px);line-height:1.05;min-height:2.6em;flex:none}
.sfh-card b{font-weight:700}
.sfh-card i{width:1.24em;height:1.24em;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#05213c;background:var(--sfh-metal);flex:none}
.sfh-card i :is(svg,.sf-icon){width:.85em;height:.85em;stroke-width:2.7}
.sfh-prices{min-height:0;display:grid;align-items:center;grid-template-columns:17% minmax(0,1fr) 12%;gap:1.2%;padding:.9% 1.8%;margin:0 1.2%;border-radius:18px;background:linear-gradient(115deg,#eaf3fb,#f7fcff,#e3f3ff)}
.sfh-price-head{display:flex;align-items:center;gap:6%}
.sfh-price-head>:is(svg,.sf-icon){width:3.7cqw;height:3.7cqw;color:#e8a000}
.sfh-price-head h2{font-size:clamp(15px,1.7cqw,30px);line-height:1.02}
.sfh-price-head p{font-size:clamp(9px,.83cqw,14px);line-height:1.1;margin-top:.2em}
.sfh-pricetiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1%;min-height:0;height:100%;align-items:center}
.sfh-price-tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;height:90%;gap:.4em;padding:.7em .25em .5em;border-radius:10px;background:linear-gradient(#fff,#f6fbff);box-shadow:0 2px 3px #12395330;text-align:center}
.sfh-price-tile>b{font-size:clamp(9px,.95cqw,16px);font-weight:800;line-height:1.07}
.sfh-price-tile>span{display:flex;gap:.28em;align-items:center;justify-content:center;white-space:nowrap;line-height:1}
.sfh-price-tile strong{font-size:clamp(14px,1.6cqw,28px);color:#e89400;letter-spacing:-.07em;font-weight:800}
.sfh-price-tile strong i{font-size:.75em;font-style:normal;margin-left:.12em}
.sfh-price-tile small{font-size:clamp(9px,.9cqw,16px)}
.sfh-advantages{min-height:0;display:flex;align-items:center;justify-content:space-around;align-self:center;padding:1% 3%;margin:1% 1.2%;height:78%;border-radius:15px;background:linear-gradient(#073c70,#001b3b);color:white}
.sfh-advantages>span{min-width:0;display:flex;align-items:center;justify-content:center;gap:1em;flex:1;padding:0 2.5%;font-size:clamp(10px,1.05cqw,19px);line-height:1.12}
.sfh-advantages>span+span{border-left:1px solid #b8c4d8}
.sfh-advantages :is(svg,.sf-icon){width:2.6em;height:2.6em;color:#ffdc4b}
.sfh-advantages b{font-weight:400;max-width:8em}
.sfh-foot{position:relative;display:grid;grid-template-columns:61% 1fr;gap:1%;align-items:center;min-height:0;padding:0 1.8% 1%;background:#fff}
.sfh-areas{position:relative;align-self:stretch;display:grid;align-items:start;min-height:0;isolation:isolate}
.sfh-areacopy{display:flex;align-items:center;gap:2.5%;padding-top:2%}
.sfh-area-title{display:flex;align-items:center;gap:.4em;white-space:nowrap}
.sfh-area-title :is(svg,.sf-icon){color:#e8a000;fill:#e8a000;stroke:#fff;width:3.2cqw;height:3.2cqw}
.sfh-area-title h2{font-size:clamp(15px,1.7cqw,29px);line-height:1}
.sfh-areacopy>p{font-size:clamp(10px,.9cqw,16px);padding-left:2%;border-left:2px solid #dda125;line-height:1.3}
.sfh-city{position:absolute;bottom:0;left:20%;right:-10%;height:65%;z-index:-1;pointer-events:none;opacity:.85}
.sfh-city img{object-fit:fill}
.sfh-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:3%;align-items:center;height:70%;max-height:95px}
.sfh-action{display:flex;align-items:center;justify-content:center;gap:.5em;height:80%;min-height:40px;border-radius:80px;box-shadow:0 3px 5px #0e254830,inset 0 2px 3px #ffffff70;border:2px solid #f7d967;color:#fff!important;line-height:1.1;text-align:center}
.sfh-wa{background:linear-gradient(#22ec4b,#00a927 27%,#048c13 65%,#005609);border-color:#fff}
.sfh-call{background:linear-gradient(#004b80,#00264a 45%,#00152e)}
.sfh-action>:is(svg,.sf-icon){width:2.5em;height:2.5em}
.sfh-call>:is(svg,.sf-icon){color:#ffdc54}
.sfh-action span{min-width:0}
.sfh-action b{display:block;font-size:clamp(13px,1.35cqw,24px);font-weight:750;white-space:nowrap}
.sfh-action small{display:block;font-size:clamp(9px,.92cqw,16px);margin-top:.08em;font-weight:600}
.sfh-switch{display:none;position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;pointer-events:none}
.sfh-stage-tabs{display:none}
@media(min-width:1921px){.sfh-stage{font-size:20px;width:1920px}.sf26-home{background:#e8f0f6}.sf26-home>#main-content{width:1920px;margin-inline:auto}}
@media(max-width:1150px) and (min-width:761px){
 .sfh-headrow{grid-template-columns:37% 1fr 17%;padding-inline:2%;gap:1%}
 .sfh-navitem{font-size:10px;padding:.9em .45em}
 .sfh-wordmark{font-size:18px}.sfh-map-link{font-size:11px}
 .sfh-eyebrow{font-size:11px}.sfh-tech h2{font-size:18px}
 .sfh-services{padding-right:22%;padding-left:2%}.sfh-card>span{font-size:10px}
 .sfh-prices{grid-template-columns:17% 1fr 11%;gap:.8%}.sfh-price-head h2{font-size:17px}
 .sfh-goldlink{font-size:9px;padding-inline:.5em}
}
@media(max-width:760px){
 .sfh-header{display:flex;flex-direction:column}
 .sfh-topbits{display:grid;grid-template-columns:1fr 1fr;padding:2px 5% 3px;gap:3px 0}
 .sfh-topbit{font-size:clamp(9px,2.4vw,15px);gap:.4em;min-width:0;padding:0!important;border:none!important}
 .sfh-topbit.bit-1{grid-column:1/-1;font-size:clamp(10px,2.65vw,16px)}
 .sfh-topbit.bit-3,.sfh-topbit.bit-5{border-left:1px solid #b6c8db!important}
 .sfh-topbit.bit-4,.sfh-topbit.bit-5{border-top:1px solid #315174!important;padding-top:2px!important}
 .sfh-topbit :is(svg,.sf-icon){width:1.3em;height:1.3em}
 .sfh-headrow{display:grid;grid-template-columns:1fr;grid-template-rows:45% 26% 29%;gap:0;padding:0 2%;min-height:0;width:100%}
 .sfh-brandline{height:100%;padding:1% 2% 1%}
 .sfh-identity{width:90%;gap:5%;height:100%}
 .sfh-logo{width:48%;aspect-ratio:3.05/1;max-height:100%}
 .sfh-wordmark{font-size:clamp(15px,4vw,28px);padding-left:6%;border-left-width:1px}
 .sfh-menu-toggle{display:block;margin-left:auto;font-size:clamp(18px,4.5vw,28px);padding:4px}
 .sfh-menu-toggle :is(svg,.sf-icon){width:1.5em;height:1.5em;stroke-width:3}
 .sfh-nav{border:1px solid #dce6ec;border-radius:11px;height:85%;box-shadow:0 1px 1px #092e4c22;align-self:center}
 .sfh-navitem{font-size:clamp(9px,2.15vw,14px);padding:.45em .4em;flex:1;height:100%;gap:.4em;font-weight:600}
 .sfh-navitem>:is(svg,.sf-icon){display:block!important;width:1.25em;height:1.25em}
 .sfh-navitem.is-current{border-radius:9px}.sfh-navitem i{display:none}
 .sfh-map-link{width:max-content;max-width:95%;justify-self:center;align-self:center;padding:.15em .9em;font-size:clamp(10px,2.55vw,16px);gap:.5em;min-height:22px}
 .sfh-map-link>span{display:flex;align-items:center;gap:.85em}
 .sfh-map-link b{font-size:1.1em}.sfh-map-link small{display:block;font-size:.68em;border-left:1px solid #1d2940;padding-left:.9em;margin:0}
 .sfh-map-link>:is(svg,.sf-icon):first-child{width:1.3em;height:1.6em}.sfh-map-link>:is(svg,.sf-icon):last-child{margin-left:.25em}
 .sf26-home .sfh-topbits{height:6.3svh;max-height:none;width:100%}
 .sf26-home .sfh-headrow{height:12svh;max-height:none}
 .sfh-stage{grid-template-rows:minmax(0,39fr) minmax(0,22fr) minmax(0,12fr) minmax(0,6fr) minmax(0,21fr)}
 .sfh-campaign{grid-template-columns:1fr;grid-template-rows:53% 47%;border-bottom:0;gap:0}
 .sfh-pitch{border-bottom:2px solid #fff;position:relative;overflow:hidden}
 .sfh-pitch-text{padding:2.6% 46% 0 5.5%;z-index:2}
 .sfh-eyebrow{font-size:clamp(8px,2.05cqw,13px);letter-spacing:.045em;margin:.1em 0 .4em;white-space:nowrap}
 .sfh-pitch h1{font-size:clamp(20px,5.3cqw,38px);line-height:1;max-width:100%;text-wrap:balance}
 .sfh-pitch-text>p{font-size:clamp(9px,2.05cqw,14px);font-weight:400;line-height:1.1;margin-top:.45em}
 .sfh-rug{height:100%;width:55%;right:0;bottom:0;z-index:1}
 .sfh-rug img{object-fit:cover;object-position:left center}
 .sfh-trust{left:3.3%;bottom:8%;width:45%;font-size:clamp(7px,1.55cqw,10px)}
 .sfh-trust>span{gap:.35em;padding-right:.6em}.sfh-trust>span+span{padding-left:.6em}
 .sfh-trust :is(svg,.sf-icon){width:2.4em;height:2.4em}
 .sfh-tech{position:relative;margin:0;padding:2.2% 29% 2.3% 2.4%;grid-template-columns:32% 1fr;grid-template-rows:minmax(0,1fr) 27%;gap:3% 3%}
 .sfh-emblem{height:94%}
 .sfh-emblem>span{font-size:clamp(8px,2.25cqw,16px);line-height:1.1;padding:22% 15% 15%}
 .sfh-tech-copy{align-self:start}
 .sfh-tech h2{font-size:clamp(13px,3.15cqw,23px);letter-spacing:-.02em;line-height:1}
 .sfh-tech h2>span{font-size:.83em;line-height:1.06;white-space:nowrap}
 .sfh-tech h2>strong{line-height:1.03;margin-top:.14em}
 .sfh-tech-copy p{font-size:clamp(8px,1.85cqw,13px);line-height:1.15;margin-top:.35em}
 .sfh-tech-strip{font-size:clamp(6px,1.35cqw,9px);padding:1% 0;border-width:1px;border-radius:15px;align-self:stretch}
 .sfh-tech-strip>span{padding:0 .5em;gap:.4em}.sfh-tech-strip :is(svg,.sf-icon){width:2.5em;height:2.5em}
 .sfh-phone{right:0;top:-6%;width:30%;height:109%}
 .sfh-services{display:flex;flex-direction:column;padding:1.2% 2.8% .8%;gap:2.3%;overflow:visible;min-height:0}
 .sfh-service-lead{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:none;padding:0;min-height:0;gap:2%;height:16%}
 .sfh-service-lead h2{font-size:clamp(14px,3.65cqw,24px);line-height:1}
 .sfh-service-lead h2::after{display:none}
 .sfh-service-lead p{display:none}
 .sfh-goldlink{font-size:clamp(8px,2cqw,13px);min-height:20px;padding:.35em .75em}
 .sfh-service-lead .sfh-goldlink{width:auto;margin:0}
 .sfh-cards{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:4.5% 1.8%;min-height:0}
 .sfh-card{height:100%;border-radius:8px}
 .sfh-card>span{font-size:clamp(9px,2.35cqw,16px);padding:.2em .45em;min-height:1.65em;line-height:1.02}
 .sfh-card i{width:1.18em;height:1.18em}.sfh-svc-photo{min-height:0}
 .sfh-prices{margin:.6% 1.3%;padding:1.5% 1.5% 1%;grid-template-columns:1fr auto;grid-template-rows:30% minmax(0,1fr);gap:4% 1%;border-radius:15px}
 .sfh-price-head{grid-area:1/1;gap:2.5%;min-height:0}
 .sfh-price-head>:is(svg,.sf-icon){width:8cqw;height:8cqw;max-height:100%}
 .sfh-price-head h2{font-size:clamp(13px,3.1cqw,21px)}
 .sfh-price-head p{font-size:clamp(6px,1.5cqw,11px);line-height:1.05;margin-top:.2em}
 .sfh-prices>.sfh-goldlink{grid-area:1/2;align-self:center;font-size:clamp(8px,1.8cqw,12px)}
 .sfh-pricetiles{grid-area:2/1/3/3;gap:1%;min-height:0;height:100%;align-items:stretch}
 .sfh-price-tile{height:100%;border-radius:7px;gap:3px;padding:.4em .2em .3em}
 .sfh-price-tile>b{font-size:clamp(7px,1.85cqw,12px);line-height:1.02}
 .sfh-price-tile>span{gap:.1em}
 .sfh-price-tile strong{font-size:clamp(12px,3.1cqw,20px)}
 .sfh-price-tile small{font-size:clamp(6px,1.45cqw,10px)}
 .sfh-advantages{height:86%;margin:.6% 2.1%;padding:1% 1%;border-radius:12px}
 .sfh-advantages>span{gap:.45em;font-size:clamp(7px,1.65cqw,12px);padding:0 2%;line-height:1.03}
 .sfh-advantages :is(svg,.sf-icon){width:2.5em;height:2.5em;stroke-width:1.6}
 .sfh-foot{grid-template-columns:1fr;grid-template-rows:minmax(0,48fr) minmax(0,52fr);gap:0;padding:0;background:#fff}
 .sfh-areas{padding:0 3.8%;overflow:hidden}
 .sfh-areacopy{height:62%;gap:2%;padding:0}
 .sfh-area-title{gap:.45em}.sfh-area-title :is(svg,.sf-icon){width:5.7cqw;height:5.7cqw}
 .sfh-area-title h2{font-size:clamp(11px,2.7cqw,20px);white-space:nowrap}
 .sfh-areacopy p{font-size:clamp(8px,1.7cqw,12px);line-height:1.15;padding-left:2%;border-left-width:1px}
 .sfh-city{height:53%;left:4%;right:4%;opacity:.9}
 .sfh-actionbar{height:100%;max-height:none;border-top:3px solid #ecbd39;background:radial-gradient(ellipse at 50% -8%,#0c4b7a,#001b3a 68%);border-radius:44px 44px 0 0;padding:2.5% 5% max(2.3%,env(safe-area-inset-bottom));gap:5%}
 .sfh-action{height:90%;min-height:34px;border-width:1.5px;gap:.35em}
 .sfh-action>:is(svg,.sf-icon){width:2em;height:2em}
 .sfh-action b{font-size:clamp(11px,2.7cqw,20px)}
 .sfh-action small{font-size:clamp(8px,2.1cqw,15px)}
}
@media(max-width:370px){
 .sfh-navitem{font-size:8px;gap:.25em;padding-inline:.2em}
 .sfh-wordmark{font-size:14px}.sfh-pitch h1{font-size:20px}
 .sfh-topbit{font-size:8px}.sfh-topbit.bit-1{font-size:9px}
 .sfh-tech h2{font-size:12px}.sfh-tech h2>span{font-size:.8em}
 .sfh-tech-copy p{font-size:7px}.sfh-card>span{font-size:8px}
 .sfh-price-tile>b{font-size:7px}.sfh-price-tile strong{font-size:11px}
 .sfh-advantages>span{font-size:6px}
 .sfh-area-title h2{font-size:10px}.sfh-areacopy p{font-size:7px}
}
/* Compact/landscape displays use real keyboard-operable tabs instead of clipped or scrolling content. */
@media(max-height:734px) and (max-width:760px),(max-width:350px) and (max-height:960px),(max-height:570px) and (min-width:761px){
 .sf26-home .sfh-topbits{height:auto;min-height:30px}
 .sf26-home .sfh-headrow{height:98px}
 .sfh-stage{grid-template-rows:28px minmax(0,1fr) 52px;grid-template-columns:1fr}
 .sfh-stage-tabs{grid-area:1/1;display:flex;gap:6px;justify-content:center;align-items:center;padding:2px;background:#f4f8fc}
 .sfh-stage-tabs label{font-size:11px;border:1px solid #dce4eb;border-radius:20px;background:#fff;padding:4px 16px;cursor:pointer;font-weight:700}
 .sfh-switch:focus-visible~.sfh-stage-tabs{outline:2px solid #168fd2;outline-offset:-2px}
 #sfh-intro-view:checked~.sfh-stage-tabs label[for="sfh-intro-view"],
 #sfh-service-view:checked~.sfh-stage-tabs label[for="sfh-service-view"],
 #sfh-price-view:checked~.sfh-stage-tabs label[for="sfh-price-view"]{background:var(--sfh-metal);border-color:#b9860d}
 .sfh-stage>.sfh-campaign,.sfh-stage>.sfh-services,.sfh-stage>.sfh-prices{display:none;grid-area:2/1}
 #sfh-intro-view:checked~.sfh-campaign{display:grid}
 #sfh-service-view:checked~.sfh-services{display:flex}
 #sfh-price-view:checked~.sfh-prices{display:grid}
 .sfh-advantages{display:none}
 .sfh-foot{grid-area:3/1;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0;padding:0}
 .sfh-areas{display:none}
 .sfh-actionbar{height:100%;max-height:none;border-radius:0;padding:4px 4%;border-top-width:2px}
 .sfh-action{height:40px;min-height:30px}
 .sfh-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:7px}
 .sfh-card{height:100%}
 .sfh-services{padding:8px 4%;gap:6px}
 .sfh-service-lead{height:26px;padding:0;flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
 .sfh-service-lead p,.sfh-service-lead h2::after{display:none}
 .sfh-service-lead .sfh-goldlink{margin:0;width:auto;font-size:11px}
 .sfh-prices{margin:6px 3%;grid-template-columns:1fr auto;grid-template-rows:40px minmax(0,1fr);padding:8px;gap:8px}
 .sfh-price-head{grid-area:1/1}.sfh-prices>.sfh-goldlink{grid-area:1/2}
 .sfh-pricetiles{grid-area:2/1/3/3;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:7px}
 .sfh-price-tile{height:100%;padding:8px}
 .sfh-price-tile>b{font-size:12px}.sfh-price-tile strong{font-size:24px}.sfh-price-tile small{font-size:11px}
}
@media(max-height:450px){
 .sf26-home .sfh-topbits{display:none}
 .sf26-home .sfh-headrow{height:62px;grid-template-columns:30% 1fr 20%;grid-template-rows:1fr;padding:4px 2%;gap:2%}
 .sfh-brandline{padding:0}.sfh-wordmark{font-size:12px}.sfh-menu-toggle{display:none}
 .sfh-navitem{font-size:9px;gap:2px;padding:6px 3px}.sfh-navitem>:is(svg,.sf-icon){display:none!important}
 .sfh-map-link{font-size:9px;width:100%;padding:4px 7px}.sfh-map-link>span{display:block}.sfh-map-link small{border:0;padding:0;margin-top:2px;font-size:6px}
 .sfh-stage{grid-template-rows:26px minmax(0,1fr) 45px}
 .sfh-campaign{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
 .sfh-pitch{border-bottom:0}.sfh-pitch-text{padding:10px 26% 0 6%}
 .sfh-eyebrow{font-size:8px;white-space:normal}.sfh-pitch h1{font-size:24px}
 .sfh-pitch-text>p{font-size:9px}.sfh-trust{width:62%;bottom:6%;font-size:7px}
 .sfh-tech{padding:9px 24% 8px 0;grid-template-columns:30% 1fr}
 .sfh-tech h2{font-size:15px}.sfh-tech h2>span{font-size:10px;white-space:normal}.sfh-tech-copy p{font-size:8px}
 .sfh-tech-strip{font-size:6px}.sfh-phone{top:0;height:100%;width:25%}
 .sfh-emblem>span{font-size:8px}.sfh-card>span{font-size:11px;padding:4px 7px}
 .sfh-services{flex-direction:row}.sfh-service-lead{width:23%;flex-direction:column;align-self:center;height:auto;gap:12px;align-items:flex-start}
 .sfh-cards{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}
 .sfh-pricetiles{grid-template-columns:repeat(8,1fr);grid-template-rows:1fr}
 .sfh-actionbar{padding-block:3px}.sfh-action{height:36px;min-height:0}
 .sfh-price-tile>b{font-size:11px}.sfh-price-tile strong{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.sfh-stage *{scroll-behavior:auto;transition:none}}

@media(max-height:734px) and (max-width:760px) and (min-height:451px),(max-width:350px) and (max-height:960px) and (min-height:451px){
 .sfh-stage-tabs label{font-size:12px;min-height:26px;line-height:16px;padding:3px 15px}
 .sfh-stage{grid-template-rows:32px minmax(0,1fr) 66px}
 .sfh-pitch-text{padding-top:5%;padding-right:42%}
 .sfh-pitch h1{font-size:clamp(26px,6.5cqw,45px)}
 .sfh-pitch-text>p{font-size:clamp(11px,2.8cqw,17px);line-height:1.2;margin-top:.6em}
 .sfh-eyebrow{font-size:clamp(9px,2.25cqw,14px);white-space:normal}
 .sfh-trust{width:50%;bottom:9%;font-size:clamp(9px,2.2cqw,13px)}
 .sfh-trust :is(svg,.sf-icon){width:1.8em;height:1.8em}
 .sfh-tech{padding-top:5%;padding-bottom:5%;grid-template-columns:28% 1fr}
 .sfh-tech h2{font-size:clamp(17px,4.1cqw,26px)}
 .sfh-tech h2>span{font-size:.77em;white-space:normal}
 .sfh-tech-copy p{font-size:clamp(10px,2.4cqw,15px);line-height:1.2}
 .sfh-tech-strip{font-size:clamp(8px,1.8cqw,12px)}
 .sfh-tech-strip>span{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:4px}
 .sfh-tech-strip :is(svg,.sf-icon){width:2em;height:2em}
 .sfh-service-lead h2{font-size:23px}
 .sfh-card>span{font-size:clamp(12px,3.2cqw,20px);padding:8px;min-height:2.5em}
 .sfh-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
 .sfh-svc-photo img{object-fit:cover}
 .sfh-action{height:52px}.sfh-action b{font-size:clamp(12px,3.1cqw,21px)}.sfh-action small{font-size:clamp(10px,2.7cqw,17px)}
 .sfh-pricetiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
 .sfh-price-tile{display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:12px 8px}
 .sfh-price-tile>b{font-size:clamp(12px,3.3cqw,19px);text-align:left}
 .sfh-price-tile strong{font-size:clamp(22px,5.8cqw,32px)}.sfh-price-tile small{font-size:11px}
 .sfh-price-head h2{font-size:20px}.sfh-price-head p{font-size:10px;line-height:1.15}
 .sfh-prices>.sfh-goldlink{font-size:11px;white-space:normal;text-align:center}
}

@media(max-width:760px){body:not(.sf26-home) .sfh-headrow{height:106px}}
@media(max-height:734px) and (max-width:760px),(max-width:350px) and (max-height:960px),(max-height:570px) and (min-width:761px){
 .sfh-switch{display:block}
 #sfh-area-view:checked~.sfh-stage-tabs label[for="sfh-area-view"]{background:var(--sfh-metal);border-color:#b9860d}
 .sfh-stage:has(#sfh-area-view:checked){grid-template-rows:32px minmax(0,1fr) minmax(0,.95fr) 66px}
 #sfh-area-view:checked~.sfh-advantages{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;grid-area:2/1;height:95%;margin:1% 3%;padding:8px;gap:10px 0;background:linear-gradient(135deg,#0b4273,#001932)}
 #sfh-area-view:checked~.sfh-advantages>span{flex:0 0 32%;font-size:clamp(10px,2cqw,16px);padding:3px 5px;gap:6px;border:0}
 #sfh-area-view:checked~.sfh-foot{display:contents}
 #sfh-area-view:checked~.sfh-foot .sfh-areas{grid-area:3/1;display:grid;padding:5px 5%}
 #sfh-area-view:checked~.sfh-foot .sfh-areacopy{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;height:67%}
 #sfh-area-view:checked~.sfh-foot .sfh-area-title h2{font-size:clamp(17px,4.1cqw,27px)}
 #sfh-area-view:checked~.sfh-foot .sfh-areacopy p{font-size:clamp(11px,2.7cqw,16px);max-width:60ch}
 #sfh-area-view:checked~.sfh-foot .sfh-actionbar{grid-area:4/1;height:100%}
 #sfh-area-view:checked~.sfh-foot .sfh-city{height:42%}
}
@media(max-height:450px){.sfh-stage:has(#sfh-area-view:checked){grid-template-rows:26px minmax(0,.82fr) minmax(0,1fr) 45px}}

@media(min-width:761px){.sfh-mob-only{visibility:hidden}}
@media(max-width:760px){.sfh-desk-only{visibility:hidden}}
/* The laurel and tracking handset are cutouts. Their painted details never sit below live labels. */
.sfh-medal{background:radial-gradient(circle closest-side at 50% 52%,#05264c 0%,#001831 77%,transparent 80%)}
@media(min-width:761px){
 .sfh-tech{padding-right:49%}
 .sfh-rug{mask-image:linear-gradient(to right,#000 0 88%,transparent 100%),linear-gradient(to top,#000 0 90%,transparent 100%);mask-composite:intersect}
}

@media(max-width:760px){.sfh-rug{width:51%}.sfh-rug img{object-position:64% 50%}}
@media(max-width:760px) and (max-height:734px),(max-width:350px) and (max-height:960px){
 .sfh-stage-tabs{gap:3px;padding:2px 4px}
 .sfh-stage-tabs label{display:flex;align-items:center;justify-content:center;flex:1;max-width:140px;min-width:0;padding:3px 5px;font-size:11px;line-height:1.1;text-align:center}
}
@media(max-height:640px) and (max-width:760px){.sfh-tech-copy p{display:none}.sfh-tech{grid-template-rows:minmax(0,1fr) 32%}}
@media (min-width:351px) and (max-width:760px) and (min-height:735px){
 .sfh-pitch h1{font-size:clamp(24px,6.95vw,43px);max-width:9ch;line-height:1.01;text-wrap:balance}
 .sfh-pitch-text>p{font-size:clamp(9px,2.35vw,14px);max-width:24ch}
}
@media (max-width:350px) and (min-height:451px){
 .sfh-pitch-text{padding-right:48%}
 .sfh-trust{width:49%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:7px}
 .sfh-trust>span{min-width:0;gap:1px;padding-right:1px}
 .sfh-trust>span+span{padding-left:2px}
 .sfh-trust :is(svg,.sf-icon){width:13px;height:13px}
}
