/* Approved Pen v3/B: actual HTML, vector controls and empty media slots. */
@font-face{font-family:FotyaOnest; font-style:normal; font-weight:400 700; font-display:swap; src:url(fonts/onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:FotyaOnest; font-style:normal; font-weight:400 700; font-display:swap; src:url(fonts/onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.ss-section{width:min(100%,1586px);padding:48px 54px 52px;margin-inline:auto;text-align:center;scroll-margin-top:calc(var(--landing-header-height,100px) + 20px);color:var(--ink);font-family:Onest,system-ui,sans-serif}
.ss-heading h2{font-size:clamp(32px,3.53vw,56px);font-weight:700;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}
.ss-section,#service-world{font-family:FotyaOnest,Onest,system-ui,sans-serif}
.ss-heading p{margin:12px auto 0;font-size:clamp(18px,1.76vw,28px);line-height:1.35;color:var(--muted);letter-spacing:-.025em;text-wrap:balance}
.ss-icon{display:block;width:24px;height:24px;flex-shrink:0}
.ss-tile{display:grid;place-items:center;width:72px;height:72px;border-radius:17px;background:#eff5fd;color:var(--blue);flex-shrink:0}
.ss-tile>.ss-icon{width:40px;height:40px}
.ss-mobile-icon{display:none}
.ss-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;padding:0;list-style:none;text-align:left;margin:42px 0 32px}
.ss-benefits li{display:flex;gap:20px;align-items:flex-start;min-width:0}
.ss-benefits h3{font-size:22px;line-height:1.18;font-weight:600;letter-spacing:-.035em;margin:16px 0 9px}
.ss-benefits p{font-size:20px;line-height:1.22;font-weight:400;letter-spacing:-.035em;color:var(--muted);text-wrap:wrap}
.ss-section .ss-cta{font-size:24px;font-weight:400;min-height:64px;gap:18px;padding:14px 40px;border-radius:13px;margin:0}
.ss-cta>.ss-icon{width:28px;height:28px}
.ss-cta.primary{background:#0073ee;border-color:#0073ee}
.ss-editor-demo{width:51.56%;aspect-ratio:762/524;margin:30px auto 0;container-type:inline-size;text-align:left}
.ss-editor{position:relative;width:100%;height:100%;border-radius:1.8cqw;overflow:hidden;background:#182b3e;color:#fff;box-shadow:inset 0 0 0 1px #21384d;font-size:1.6cqw;font-weight:400;line-height:1.2}
.ss-editor .ss-icon{width:2.1cqw;height:2.1cqw;stroke-width:1.7}
.ss-media{display:flex;align-items:center;justify-content:center;background:#eef2f6;border:1px solid #dce5ef;border-radius:6px;color:#92a3b9;min-width:0;min-height:0;overflow:hidden}
.ss-media>.ss-icon{width:25%;height:25%;max-width:48px;max-height:48px}
.ss-editor .ss-media{background:#263d52;border:1px solid #395268;color:#b1c6d9;border-radius:.9cqw}
.ss-editor .ss-media>.ss-icon{width:2.4cqw;height:2.4cqw;max-width:none;max-height:none}
.ss-editor-side{position:absolute;inset:0 auto auto 0;width:20.6%;height:70.2%;background:#122234;border-radius:0 1.8cqw 1.8cqw 0;padding:0 1.7cqw}
.ss-scene-heading{height:14%;display:flex;align-items:center;gap:1.8cqw}
.ss-editor-side ol{height:68%;list-style:none;padding:0;margin:0;display:grid;grid-template-rows:repeat(5,1fr);gap:1.2cqw}
.ss-editor-side li{display:grid;grid-template-columns:1.5cqw 1fr 4cqw;gap:1.7cqw;align-items:center;font-size:1.4cqw}
.ss-editor-side li>.ss-media{height:100%}
.ss-add{height:8.3%;width:47%;margin:1.2cqw 0 0 4.3cqw;display:grid;place-items:center;background:#20384f;border-radius:.8cqw}
.ss-add>.ss-icon{width:2.7cqw;height:2.7cqw}
.ss-editor-spark{display:none}
.ss-editor-main{position:absolute;top:0;left:23.5%;width:73.2%;height:70.2%}
.ss-editor-tools{height:14.4%;display:flex;gap:2.7cqw;align-items:center}
.ss-editor-tools>.ss-icon:last-child{margin-left:auto}
.ss-editor-preview{height:68.5%}
.ss-editor .ss-editor-preview>.ss-icon{width:6.5cqw;height:6.5cqw;opacity:.7}
.ss-playback{height:12%;display:flex;align-items:center;justify-content:center;position:relative}
.ss-playback>span:first-child{display:flex;gap:5cqw;align-items:center}
.ss-playback>span:last-child{position:absolute;right:0;font-size:1.7cqw}
.ss-playback .ss-icon{width:2.2cqw;height:2.2cqw}
.ss-scrub{height:2px;background:#39536f;position:relative}
.ss-scrub>i{position:absolute;inset:0 auto 0 0;width:33%;background:#7bd7f7}
.ss-scrub>i:after{content:"";position:absolute;right:0;top:50%;translate:50% -50%;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#fff}
.ss-timeline{position:absolute;inset:72.5% 3.4% 4%;display:flex;flex-direction:column;justify-content:space-between}
.ss-ticks{display:flex;justify-content:space-between;font-size:1.1cqw;color:#cbd8e5}
.ss-clips{display:flex;gap:.45cqw;height:43%;margin-top:1cqw}
.ss-clips>div{position:relative;flex:1;min-width:0}
.ss-clips .ss-media{height:100%}
.ss-clips>div>span{position:absolute;right:-.225cqw;top:50%;translate:50% -50%;z-index:1;font-size:1.6cqw;line-height:1.4cqw;padding:.4cqw;background:var(--blue);border-radius:.3cqw}
.ss-clips>div:last-child>span{display:none}
.ss-wave{display:flex;justify-content:space-around;align-items:center;height:25%;border-radius:.8cqw;background:#203e57;padding:0 .4cqw}
.ss-wave i{display:block;width:.24cqw;background:#29bafa}
.ss-playhead{position:absolute;left:33%;top:4%;bottom:0;width:1px;background:#e5f2ff}
.ss-playhead:before{content:"";position:absolute;top:0;left:50%;translate:-50% -50%;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#fff}
.ss-site-demo{position:relative;width:77.3%;aspect-ratio:1142/446;margin:36px auto 0;container-type:inline-size;text-align:left}
.ss-site-canvas{position:relative;width:100%;height:100%;font-size:1.1cqw;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.ss-site-canvas .ss-icon{width:1.5cqw;height:1.5cqw;stroke-width:1.6}
.ss-site-canvas .ss-media>.ss-icon{width:3cqw;height:3cqw}
.ss-catalog{position:absolute;inset:5% auto 0 0;width:48%;border:1px solid #dce8f8;border-radius:1.8cqw;background:#fff;padding:2cqw}
.ss-catalog-title{font-weight:600;font-size:1.6cqw;letter-spacing:-.035em;margin-bottom:1cqw}
.ss-filter{display:inline-flex;align-items:center;gap:.6cqw;border:1px solid #e6edf7;border-radius:.4cqw;padding:.5cqw;font-size:.85cqw;margin-bottom:1.1cqw}
.ss-filter .ss-icon{width:1.3cqw;height:1.3cqw}
.ss-property-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85cqw;width:70%}
.ss-property-card{border:1px solid #e3ecf8;border-radius:.45cqw;overflow:hidden;background:#fff;min-width:0}
.ss-card-image{position:relative;aspect-ratio:1.64}
.ss-card-image>.ss-media{width:100%;height:100%;border:0;border-radius:0}
.ss-heart{display:grid;place-items:center;position:absolute;right:.65cqw;top:.65cqw;background:white;border-radius:.4cqw;padding:.35cqw;color:var(--ink)}
.ss-card-caption{display:grid;grid-template-columns:1fr auto;gap:.55cqw;padding:.65cqw;font-size:.87cqw}
.ss-card-caption>.ss-icon{width:1cqw;height:1cqw;color:#6d89b5}
.ss-card-caption small{grid-column:1/-1;font-size:.73cqw;color:var(--muted);white-space:nowrap}
.ss-property{position:absolute;inset:0 0 0 auto;width:72.3%;border:1px solid #dce8f8;border-radius:1.8cqw;background:#fff;padding:2.4cqw;display:grid;grid-template-columns:2.04fr 1fr;gap:3.2cqw}
.ss-property-gallery{display:flex;flex-direction:column;min-width:0;gap:.8cqw}
.ss-property-cover{position:relative;flex:1;min-height:0}
.ss-property-cover>.ss-media{height:100%;border:0;border-radius:.6cqw}
.ss-property-cover>.ss-media>.ss-icon{width:5cqw;height:5cqw}
.ss-photo-count{position:absolute;top:1cqw;left:1cqw;background:#fff;padding:.65cqw;border-radius:.4cqw;font-size:1cqw;font-weight:500}
.ss-property-cover>.ss-heart{top:1cqw;right:1cqw;padding:.5cqw}
.ss-property-cover>.ss-heart>.ss-icon{width:1.8cqw;height:1.8cqw}
.ss-thumbs{display:flex;gap:.6cqw;height:5.2cqw}
.ss-thumbs>*{flex:1;border:0;border-radius:.4cqw;min-width:0}
.ss-thumbs>.ss-media:first-child{border:1px solid var(--blue)}
.ss-thumbs>.ss-media>.ss-icon{width:1.5cqw;height:1.5cqw}
.ss-more{display:grid;place-items:center;background:#dce3eb;color:#6c7f97;font-weight:500}
.ss-property-info{display:flex;flex-direction:column;min-width:0}
.ss-breadcrumbs{color:var(--muted);font-size:.87cqw;margin:.7cqw 0 1.5cqw;white-space:nowrap}
.ss-property-title{font-size:1.95cqw;font-weight:600;letter-spacing:-.03em}
.ss-property-meta{font-size:1.1cqw;color:var(--muted);margin:.7cqw 0 1.7cqw}
.ss-property-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.05cqw;font-size:.97cqw;white-space:nowrap}
.ss-property-features>li{display:flex;align-items:center;gap:1cqw}
.ss-date-box{border:1px solid #e4edf9;background:#f7f9fc;border-radius:.65cqw;margin-top:auto;padding:.9cqw}
.ss-date-box>div{display:flex;gap:1cqw;font-size:.97cqw;line-height:1.6}
.ss-date-box>div>.ss-icon{width:1.6cqw;height:1.6cqw;margin-top:.1cqw}
.ss-date-cta{display:block;text-align:center;background:var(--blue);border-radius:.5cqw;padding:1cqw;color:#fff;font-weight:500;font-size:1.05cqw;margin-top:1.6cqw}
.ss-site-benefits{max-width:1308px;margin:40px auto 32px;gap:65px}
.ss-site-benefits>li{display:block}
.ss-site-benefits h3{font-size:24px;margin:14px 0 8px}
.ss-websites .ss-cta{min-width:305px}
@media(min-width:1024px){.ss-training{padding-top:32px}.ss-training .ss-editor-demo{margin-top:24px}.ss-training-benefits p{font-size:19px}.ss-section .ss-cta{font-size:23px}}

/* The same right-hand surface and timing as photo AI and video tours. */
#service-world{position:fixed;inset:var(--service-header-bottom,var(--landing-header-height,100px)) 0 0;z-index:35;background:#fff;overflow:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .58s cubic-bezier(.22,.68,0,1),visibility .58s;scroll-padding-top:80px}
body.service-open{overflow:hidden}
body.service-open #main,body.service-open>.site-footer{transform:translateX(-100vw);opacity:.12;pointer-events:none}
body.service-open #service-world{transform:translateX(0);visibility:visible}
body.service-open .site-header{z-index:60;background:#fff}
.ss-detail-toolbar{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--landing-gutter,24px);font-size:14px}
.ss-detail-toolbar a{display:flex;align-items:center;gap:10px;min-height:40px}
.ss-detail-toolbar nav{display:flex;gap:24px}
.ss-detail-toolbar a:hover,.ss-detail-toolbar a[aria-current]{color:var(--blue)}
.ss-detail-toolbar .ss-icon{width:18px;height:18px}
.ss-detail-page{max-width:1120px;margin:auto;padding:56px 32px 80px}
.ss-detail-label{font-size:16px;font-weight:500;color:var(--blue);margin-bottom:20px}
.ss-detail-heading h1{font-size:clamp(32px,3.5vw,56px);line-height:1.15;max-width:950px}
.ss-detail-heading>p:last-child{color:var(--muted);font-size:22px;line-height:1.5;max-width:850px;margin-top:24px}
.ss-detail-steps{list-style:none;padding:0;margin:48px 0;display:grid;gap:0}
.ss-detail-steps>li{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.ss-step-number{color:var(--blue);font-size:24px;font-weight:500;line-height:1.3}
.ss-detail-page h2{font-size:26px;line-height:1.25;letter-spacing:-.025em}
.ss-detail-steps p,.ss-detail-summary>p{font-size:18px;line-height:1.55;color:var(--muted);margin-top:12px;max-width:780px}
.ss-detail-summary{padding:32px;background:#f3f7fc;border-radius:16px}
.ss-detail-summary .ss-cta{margin-top:28px;font-size:18px;min-height:56px}
.ss-detail-page h1:focus-visible{outline:3px solid var(--focus);outline-offset:8px}
/* Fit the service overview below the shared header on desktop. Keep natural
   scrolling available for short viewports, zoom and larger text settings. */
@media(min-width:1024px){
  .ss-detail-toolbar{padding-block:8px;padding-inline:max(32px,calc((100% - 1200px)/2));}
  .ss-detail-page:not([hidden]){
    max-width:1264px;
    min-height:calc(100dvh - var(--service-header-bottom,109px) - 57px);
    padding:clamp(24px,4dvh,48px) 32px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"heading steps" "summary steps";
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:clamp(32px,4vw,64px);
    row-gap:24px;
  }
  .ss-detail-heading{grid-area:heading;min-width:0}
  .ss-detail-label{font-size:14px;margin-bottom:12px}
  .ss-detail-heading h1{font-size:clamp(30px,2.65vw,40px);line-height:1.12;text-wrap:balance}
  .ss-detail-heading>p:last-child{font-size:16px;line-height:1.5;margin-top:16px}
  .ss-detail-steps{grid-area:steps;margin:0;grid-template-rows:repeat(3,1fr);border-bottom:1px solid var(--line)}
  .ss-detail-steps>li{grid-template-columns:36px minmax(0,1fr);gap:16px;padding:24px 0;align-content:center}
  .ss-step-number{font-size:18px;font-variant-numeric:tabular-nums;line-height:1.4}
  .ss-detail-page h2{font-size:21px;line-height:1.25;text-wrap:balance}
  .ss-detail-steps p,.ss-detail-summary>p{font-size:15px;line-height:1.5;margin-top:10px}
  .ss-detail-summary{grid-area:summary;min-width:0;padding:22px 24px;border-radius:16px}
  .ss-detail-summary h2{font-size:19px}
  .ss-detail-summary .ss-cta{width:100%;min-height:48px;margin-top:18px;padding:12px 16px;font-size:16px;gap:12px}
}
@media(min-width:1024px) and (max-height:740px){
  .ss-detail-page:not([hidden]){padding-block:20px;row-gap:18px}
  .ss-detail-heading h1{font-size:30px}
  .ss-detail-heading>p:last-child{margin-top:12px}
  .ss-detail-steps>li{padding-block:18px}
  .ss-detail-summary{padding:18px 20px}
  .ss-detail-summary .ss-cta{margin-top:14px}
}
@media(min-width:1024px) and (max-width:1300px){
  .ss-section{padding-inline:38px}.ss-benefits{gap:24px}.ss-benefits li{gap:14px}.ss-tile{width:56px;height:56px;border-radius:14px}.ss-tile>.ss-icon{width:32px;height:32px}.ss-benefits h3{font-size:18px;margin-top:9px}.ss-benefits p{font-size:16px}.ss-site-benefits{gap:44px;max-width:92%}.ss-site-benefits h3{font-size:20px}
}
@media(max-width:1023px){
  .ss-section{padding:20px 24px 24px;max-width:640px}
  .ss-heading h2{font-size:clamp(27px,7.45vw,44px);line-height:1.06;letter-spacing:-.045em;font-weight:700}
  .ss-training .ss-heading h2>span{display:block}
  .ss-heading p{font-size:clamp(16px,4vw,23px);line-height:1.22;margin-top:4px;letter-spacing:-.03em}
  .ss-editor-demo{width:100%;aspect-ratio:817/595;margin-top:12px}
  .ss-editor{border-radius:2.3cqw}
  .ss-editor-side{width:21.5%;height:71.7%;padding:0 2.2cqw}
  .ss-scene-heading{height:13.5%;font-size:1.75cqw;gap:2cqw}
  .ss-editor-side ol{height:66%;gap:1.3cqw}
  .ss-editor-side li{grid-template-columns:1.4cqw 1fr 3.6cqw;gap:2cqw;font-size:1.5cqw}
  .ss-add{margin:1.3cqw 0 0 3.6cqw;width:53%;height:8%}
  .ss-editor-spark{display:block;margin-top:2.5cqw}
  .ss-editor-main{left:24.2%;width:72%;height:71.7%}
  .ss-editor-tools{height:15%;gap:3cqw}
  .ss-editor .ss-icon{width:2.2cqw;height:2.2cqw}
  .ss-editor-preview{height:65.8%}
  .ss-playback{height:14.5%}
  .ss-playback>span:last-child{font-size:1.7cqw}
  .ss-playback .ss-icon{width:2.6cqw;height:2.6cqw}
  .ss-timeline{inset:74.6% 3.6% 4.2%}
  .ss-ticks{font-size:1.1cqw}
  .ss-clips{height:40%;gap:.45cqw}
  .ss-clips>div:last-child{display:none}
  .ss-clips>div:nth-last-child(2)>span{display:none}
  .ss-editor .ss-media{border-radius:1cqw}
  .ss-wave{height:28%}
  .ss-playhead{left:52.5%}
  .ss-benefits{display:flex;flex-direction:column;gap:10px;margin:14px 0 12px}
  .ss-benefits>li{display:flex;gap:14px;align-items:flex-start}
  .ss-tile{width:46px;height:46px;border-radius:10px}
  .ss-tile>.ss-icon{width:28px;height:28px}
  .ss-desktop-icon{display:none}
  .ss-tile>.ss-mobile-icon{display:block}
  .ss-benefits h3{font-size:clamp(15px,3.9vw,23px);line-height:1.2;letter-spacing:-.035em;margin:4px 0 3px}
  .ss-benefits p{font-size:clamp(13px,3.3vw,19px);line-height:1.23;letter-spacing:-.035em;text-wrap:wrap}
  .ss-section .ss-cta{width:100%;min-width:0;min-height:48px;padding:12px 18px;font-size:18px;gap:14px;border-radius:10px}
  .ss-cta>.ss-icon{width:23px;height:23px}
  .ss-site-demo{width:100%;aspect-ratio:821/640;margin-top:18px}
  .ss-site-canvas{font-size:1.4cqw}
  .ss-catalog{top:5.3%;bottom:auto;height:73.2%;width:65%;padding:2.4cqw;border-radius:2.1cqw}
  .ss-catalog-title{font-size:2.2cqw;margin-bottom:2cqw}
  .ss-filter{font-size:1.3cqw;gap:.8cqw;padding:.7cqw;margin-bottom:2.4cqw}
  .ss-filter .ss-icon{width:1.7cqw;height:1.7cqw}
  .ss-property-grid{grid-template-columns:repeat(2,1fr);gap:1.2cqw;width:70%}
  .ss-property-card{min-width:20.3cqw}
  .ss-card-image{aspect-ratio:1.56}
  .ss-card-caption{font-size:1.2cqw;gap:.8cqw;padding:.9cqw}
  .ss-card-caption small{font-size:1cqw}
  .ss-card-caption>.ss-icon{width:1.3cqw;height:1.3cqw}
  .ss-site-canvas .ss-media>.ss-icon{width:3cqw;height:3cqw}
  .ss-heart{right:.9cqw;top:.9cqw;padding:.3cqw}
  .ss-heart>.ss-icon{width:1.9cqw;height:1.9cqw}
  .ss-property{width:65%;padding:3.1cqw 2.9cqw 2.5cqw;border-radius:2.3cqw;display:flex;flex-direction:column;gap:2cqw}
  .ss-property-gallery{height:58%;gap:1.2cqw;flex-shrink:0}
  .ss-property-cover>.ss-media{border-radius:.7cqw}
  .ss-property-cover>.ss-media>.ss-icon{width:7cqw;height:7cqw}
  .ss-photo-count{top:1.5cqw;left:1.5cqw;font-size:1.6cqw;padding:1.1cqw;border-radius:.6cqw}
  .ss-property-cover>.ss-heart{top:1.5cqw;right:1.5cqw;padding:.6cqw}
  .ss-property-cover>.ss-heart>.ss-icon{width:2.9cqw;height:2.9cqw}
  .ss-thumbs{height:6.8cqw;gap:1cqw}
  .ss-thumbs>.ss-media>.ss-icon{width:1.9cqw;height:1.9cqw}
  .ss-more{font-size:1.9cqw}
  .ss-property-info{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5cqw;flex:1;align-content:start}
  .ss-breadcrumbs{grid-column:1/-1;font-size:1.5cqw;margin:0 0 1cqw}
  .ss-property-title{grid-column:1/-1;font-size:2.8cqw;line-height:1.1}
  .ss-property-meta{grid-column:1/-1;font-size:1.7cqw;margin:1.1cqw 0 2cqw}
  .ss-property-features{font-size:1.5cqw;gap:1.5cqw;justify-content:space-around}
  .ss-property-features>li{gap:1.7cqw}
  .ss-property-features .ss-icon{width:2.1cqw;height:2.1cqw}
  .ss-date-box{margin:0;padding:1.4cqw 1.3cqw;border-radius:.8cqw}
  .ss-date-box>div{font-size:1.5cqw;line-height:1.7;gap:1.6cqw}
  .ss-date-box>div>.ss-icon{width:2.5cqw;height:2.5cqw}
  .ss-date-cta{font-size:1.8cqw;padding:1.8cqw .8cqw;margin-top:2.5cqw;border-radius:.8cqw}
  .ss-site-benefits{margin:18px 0 12px;gap:16px}
  .ss-site-benefits h3{font-size:clamp(15px,3.9vw,23px)}
  .ss-detail-toolbar{padding:8px 20px;gap:12px;font-size:13px}
  .ss-detail-toolbar nav{gap:18px}
  .ss-detail-page{padding:32px 24px 48px}
  .ss-detail-label{font-size:14px;margin-bottom:16px}
  .ss-detail-heading h1{font-size:32px;line-height:1.15}
  .ss-detail-heading>p:last-child{font-size:17px;margin-top:20px}
  .ss-detail-steps{margin:32px 0}
  .ss-detail-steps>li{grid-template-columns:32px 1fr;gap:16px;padding:24px 0}
  .ss-detail-page h2{font-size:22px}
  .ss-step-number{font-size:20px}
  .ss-detail-steps p,.ss-detail-summary>p{font-size:16px;line-height:1.5}
  .ss-detail-summary{padding:24px 20px}
  .ss-detail-summary .ss-cta{width:100%;font-size:16px;gap:12px;padding-inline:12px}
}
@media(max-width:374px){.ss-section{padding-inline:18px}.ss-heading h2{font-size:26px}.ss-benefits>li{gap:12px}.ss-benefits h3{font-size:16px}.ss-benefits p{font-size:14px}.ss-tile{width:40px;height:44px}.ss-detail-toolbar{padding-inline:16px}.ss-detail-toolbar nav{gap:14px}.ss-detail-page{padding-inline:18px}}
/* Landing entry screens: title, illustration and all four benefits fit together. */
@media(min-width:1024px){
  .ss-section{
    min-height:calc(100dvh - var(--landing-header-height,110px) - 16px);
    width:min(100%,1672px);
    max-width:none;
    padding:clamp(24px,3.5dvh,40px) var(--landing-gutter,40px);
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    grid-template-areas:"heading heading" "demo benefits" "cta cta";
    align-content:space-between;
    align-items:center;
    gap:clamp(24px,3.5dvh,40px) clamp(40px,4vw,72px);
  }
  .ss-section .ss-heading{grid-area:heading}
  .ss-section .ss-heading h2{font-size:clamp(32px,3.4vw,56px);line-height:1.12}
  .ss-section .ss-heading p{font-size:clamp(18px,1.55vw,24px);line-height:1.35;margin-top:16px}
  .ss-section .ss-site-demo{grid-area:demo;width:100%;margin:0;justify-self:center}
  .ss-section .ss-editor-demo{
    grid-area:demo;
    width:min(100%,calc((100dvh - var(--landing-header-height,110px) - 316px)*1.454));
    max-width:none;
    margin:0;
    justify-self:center;
  }
  .ss-section .ss-benefits{
    grid-area:benefits;
    width:100%;max-width:none;margin:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(32px,5dvh,64px) 40px;
    align-items:start;
  }
  .ss-section .ss-benefits>li{display:block}
  .ss-section .ss-tile{width:52px;height:52px;border-radius:12px}
  .ss-section .ss-tile>.ss-icon{width:30px;height:30px}
  .ss-section .ss-benefits h3{font-size:clamp(18px,1.4vw,23px);line-height:1.25;margin:16px 0 10px;text-wrap:balance}
  .ss-section .ss-benefits p{font-size:clamp(16px,1.16vw,19px);line-height:1.45;letter-spacing:-.015em}
  .ss-section .ss-cta{grid-area:cta;justify-self:center;font-size:20px;min-height:56px;min-width:280px;padding:12px 28px;gap:12px}
  .ss-section .ss-cta>.ss-icon{width:24px;height:24px}
}
@media(min-width:1024px) and (max-height:780px){
  .ss-section{padding-block:18px;gap:18px 32px}
  .ss-section .ss-heading h2{font-size:30px}
  .ss-section .ss-heading p{font-size:17px}
  .ss-section .ss-benefits{gap:28px}
  .ss-section .ss-benefits h3{font-size:18px}
  .ss-section .ss-benefits p{font-size:16px}
  .ss-section .ss-tile{width:44px;height:44px}
  .ss-section .ss-cta{font-size:18px;min-height:50px}
  .ss-section .ss-benefits h3{margin-top:16px}
  .ss-section .ss-editor-demo{width:min(100%,calc((100dvh - var(--landing-header-height,110px) - 254px)*1.454))}
}
@media(prefers-reduced-motion:reduce){#service-world,body.service-open #main,body.service-open>.site-footer{transition:none!important}}

/* The shared header is the navigation for each sliding view. */
#service-world{scroll-padding-top:24px}
#service-world .ss-blog-page{max-width:1440px;margin-inline:auto;min-height:100%;color:var(--ink)}
#service-world .blog-index{padding:52px var(--landing-gutter,24px) 70px}
#service-world .blog-index>.blog-breadcrumbs{display:none}
#service-world .blog-state{padding:52px var(--landing-gutter,24px);min-height:50vh}
#service-world .blog-state h1{font-size:clamp(32px,3.5vw,56px);font-weight:600;letter-spacing:-.03em}
#service-world .blog-state p{margin-top:20px;color:var(--muted);line-height:1.6}
#service-world .blog-state a,#service-world .blog-state button{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--blue)}
#service-world .blog-state button{border:0;background:none;font:inherit;cursor:pointer;margin-right:24px;padding:0}
#service-world :is(.blog-state button,.blog-state a):focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:760px){#service-world .blog-index,#service-world .blog-state{padding:36px 24px 48px}}