:root{
      --red:#d50000;
      --blue:#0d47a1;
      --green:#2da77a;
      --ink:#0f172a;
      --milk:#fbfcff; /* молочно-белый */
    }
    *{box-sizing:border-box}
    html,body{
      margin:0;padding:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans";
      color:var(--ink);line-height:1.55;
      /* Мягкие цветные полосы под основными блоками */
      background:
        /* осветляющая вуаль поверх фото для читабельности блоков */
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.92)),
        /* широкие ненавязчивые линии (красно-сине-зелёные) */
        linear-gradient(90deg,
          rgba(255,0,92,.055) 0%,  rgba(255,0,92,.055) 18%,
          rgba(255,255,255,0) 18%, rgba(255,255,255,0) 34%,
          rgba(13,71,161,.06) 34%, rgba(13,71,161,.06) 52%,
          rgba(255,255,255,0) 52%, rgba(255,255,255,0) 70%,
          rgba(45,167,122,.06) 70%, rgba(45,167,122,.06) 88%,
          rgba(255,255,255,0) 88%, rgba(255,255,255,0) 100%
        );
      background-size: auto, auto;
      background-position: 0 0, 0 0;
      background-repeat: no-repeat, no-repeat;
      /* без fixed ради мобильной плавности (iOS) */
      background-attachment: scroll, scroll;
    }
    a{color:inherit;text-decoration:none}
    a:focus-visible, button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
    section[id]{scroll-margin-top:80px}
    img{max-width:100%;height:auto;display:block}
    .container{max-width:1100px;margin:0 auto;padding:0 16px}

    /* Buttons */
    .btn{display:inline-block;min-height:48px;padding:12px 20px;border:2px solid transparent;border-radius:14px;font:inherit;font-weight:700;line-height:1.55;text-align:center;transition:.2s ease;cursor:pointer;white-space:nowrap}
    .btn-primary{background:linear-gradient(90deg,var(--red),#ff1744);color:#fff;box-shadow:0 8px 20px rgba(213,0,0,.22)}
    .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(213,0,0,.32)}
    .btn-outline{border:2px solid var(--blue);color:var(--blue);background:#fff}
    .btn-outline:hover{background:rgba(13,71,161,.06)}

    /* Header */
    header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;backdrop-filter:saturate(180%) blur(6px)}
    .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
    .logo{display:flex;gap:10px;align-items:center;font-weight:800;min-height:48px}
    .logo svg{flex-shrink:0}
    .menu-toggle{display:none;min-height:48px;min-width:48px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}

    .menu-scroller{max-width:100%}
    .menu{display:flex;gap:18px;font-weight:600;flex-wrap:nowrap;white-space:nowrap}
    .menu a{
      display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:10px;
      white-space:nowrap;word-break:normal;-webkit-hyphens:none;hyphens:none;
      flex:0 0 auto;
    }
    .menu a:hover{background:#f1f5f9}

    /* Hero */
    .hero{
      background:
        radial-gradient(1200px 400px at 10% -20%, rgba(13,71,161,.08), transparent 60%),
        radial-gradient(800px 300px at 90% -10%, rgba(213,0,0,.10), transparent 60%);
      padding:32px 0 24px
    }
    .hero-panel{position:relative;overflow:hidden;border-radius:24px;background:#f8f3e8}
    .hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f3e8 0%,rgba(248,243,232,.96) 26%,rgba(248,243,232,.82) 43%,rgba(248,243,232,0) 64%);pointer-events:none}
    .hero-art{display:block}
    .hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover}
    .hero-copy{position:absolute;z-index:1;left:5%;top:50%;transform:translateY(-50%);width:43%}
    .hero-copy h1{font-size:clamp(30px,3.2vw,42px);margin:12px 0 16px}
    .hero-copy .lead{font-size:16px;line-height:1.6;margin:0;max-width:430px}
    .hero-copy .btn,.contact-wrap .btn{padding:12px 14px;white-space:normal}
    h1{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:14px 0 8px;font-weight:800}
    .stroke{position:relative;color:var(--ink);-webkit-text-stroke:3px rgba(255,255,255,.95);paint-order:stroke fill;text-shadow:0 1px 0 rgba(255,255,255,.8), 0 2px 6px rgba(2,6,23,.08)}
    .lead{font-size:clamp(16px,2.2vw,19px);color:#334155}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
    .video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:18px;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 40px rgba(13,71,161,.12)}
    .video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
    .video-section{padding:32px 0}
    .video-section .video-wrap{max-width:820px;margin:0 auto}
    .video-section .video-box{max-width:820px;margin:0 auto}
    .video-wrap [hidden]{display:none}
    .video-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#f8f3e8;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
    .video-preview picture,.video-preview img{display:block;width:100%;height:100%;object-fit:cover}
    .video-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,252,255,.88),rgba(251,252,255,.3) 48%,transparent 75%);pointer-events:none}
    .video-preview-title{position:absolute;z-index:1;top:7%;left:5%;font-size:clamp(20px,3vw,34px);font-weight:800;line-height:1.2}
    .video-preview-title small{display:block;margin-top:6px;font-size:.62em;font-weight:600}
    .video-play{position:absolute;z-index:1;top:56%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:clamp(56px,10vw,88px);height:clamp(56px,10vw,88px);border:3px solid #fff;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 6px 24px rgba(15,23,42,.22)}
    .video-play svg{width:34%;height:34%;margin-left:5%}
    .video-preview:hover .video-play{background:#b80000}
    .video-preview:focus-visible{outline-offset:-6px;outline:4px solid var(--blue)}
    .video-message a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

    /* Sections */
    section{padding:56px 0}
    .section-title{font-size:26px;margin:0 0 18px;font-weight:800}
    .grid{display:grid;gap:18px}
    .grid.cols-3{grid-template-columns:repeat(3,1fr)}
    .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
    .card h3{margin:0 0 8px;font-size:18px}
    .card p{margin:0;color:#475569}
    .service-art{display:block;margin-bottom:18px;border-radius:10px;overflow:hidden;background:#f8f3e8}
    .service-art img{width:100%;aspect-ratio:3/2;object-fit:cover}
    .list{margin:8px 0 0;padding:0 0 0 18px;color:#475569}
    .list li{margin:6px 0}
    .stripe{
      background:
        radial-gradient(1200px 400px at 10% -20%, rgba(13,71,161,.06), transparent 60%),
        linear-gradient(135deg, rgba(13,71,161,.10) 0%, rgba(255,255,255,.96) 40%, rgba(213,0,0,.10) 100%);
      padding:28px;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(2,6,23,.06)
    }

    .muted{color:#64748b;font-size:14px}
    .contact-wrap{
      background: linear-gradient(135deg,
        rgba(13,71,161,.06),
        rgba(45,167,122,.06) 55%,
        rgba(213,0,0,.06));
      border: 1px solid #e5e7eb;border-radius: 18px;padding: 24px;
      box-shadow: 0 8px 24px rgba(2,6,23,.06);
      margin-top:0;
    }
    .contact-wrap .section-title{ margin-bottom: 6px }
    .contact-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}
    .contact-copy p{max-width:520px;color:#475569}
    .contact-wrap .section-title{text-align:left}
    .contact-details{padding:24px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
    .contact-details p{margin:0 0 12px}
    .contact-person{font-weight:800;font-size:18px}
    .contact-link{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;min-height:52px;padding:12px 0;border-top:1px solid #e2e8f0;color:var(--blue)}
    .contact-link strong{font-weight:600}
    .contact-link strong{overflow-wrap:anywhere}
    .contact-link:hover strong{text-decoration:underline;text-underline-offset:4px}
    .contact-map{grid-column:1/-1;border:0;width:100%;height:320px;border-radius:14px;background:#f1f5f9}
    .contact-address{font-style:normal}
    .service-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:14px;color:var(--blue);font-weight:700}
    .service-link:hover{text-decoration:underline;text-underline-offset:4px}
    .breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:24px;font-size:14px;color:#475569}
    .breadcrumbs a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
    .breadcrumbs span{display:inline-flex;align-items:center;min-height:44px}
    .service-intro{padding-top:24px;padding-bottom:32px}
    .service-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
    .service-heading h1{font-size:clamp(30px,3.5vw,44px);line-height:1.16;margin:0 0 20px}
    .service-heading p{color:#475569;max-width:600px}
    .service-heading .service-art{margin:0;border-radius:18px}
    .service-navigation{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px}
    .service-navigation a{display:flex;align-items:center;min-height:48px;color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:4px}
    .service-section{padding:32px 0}
    .service-section h2{font-size:28px;line-height:1.25;margin:0 0 20px}
    .service-steps{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0;padding:0}
    .service-steps li{counter-increment:steps;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}
    .service-steps li::before{content:counter(steps,decimal-leading-zero);display:block;margin-bottom:12px;color:var(--blue);font-size:22px;font-weight:800}
    .service-steps h3{font-size:18px;margin:0 0 8px}
    .service-steps p{margin:0;color:#475569}
    .service-note{padding:24px;margin-top:24px;border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:#fff;color:#475569}
    .service-note p{margin:0}
    .service-note a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
    .faq-list{max-width:820px}
    .faq-list details{padding:0 20px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;margin-bottom:12px}
    .faq-list summary{padding:18px 0;cursor:pointer;font-weight:700;min-height:56px}
    .faq-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
    .faq-list p{margin:0 0 20px;color:#475569}
    .related-services{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .related-services a{padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:var(--blue);font-weight:700}
    .related-services a:hover{text-decoration:underline;text-underline-offset:4px}


    /* Footer */
    footer{padding:28px 0;border-top:1px solid #e5e7eb;background:#fff}
    .footer-wrap{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
    .mini{font-size:13px;color:#64748b}
    .footer-links{display:flex;flex-wrap:wrap;gap:8px}
    .footer-links a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:10px;color:var(--blue);font-size:14px}
    .footer-links a:hover{background:#f1f5f9}
    .footer-bottom{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}

    /* ======= АДАПТИВ ======= */
    @media (max-width: 1100px){
      .container{padding:0 14px}
    }
    @media (max-width: 960px){
      .hero-copy{position:static;transform:none;width:100%;padding:30px}
      .hero-panel::before{display:none}
      .hero-copy h1{max-width:620px;font-size:36px}
      .hero-copy .lead{max-width:680px}
      .hero-art img{aspect-ratio:16/7}
      /* услуги: с 3 до 2 колонок */
      .grid.cols-3{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width: 768px){
      .nav{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}
      .logo{font-size:15px;white-space:nowrap}
      .menu-scroller{flex-basis:100%;width:100%}
      .menu{flex-direction:column;gap:4px;font-size:16px;padding:8px 0}
      .menu a{width:100%;min-height:48px;padding:10px 12px}
      .js-menu .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
      .js-menu .menu-scroller{display:none}
      .js-menu .menu-scroller.is-open{display:block}
      .footer-wrap{align-items:flex-start}
      .footer-links{width:100%}
    }
    @media (max-width: 680px){
      .contact-wrap{grid-template-columns:1fr;gap:24px;padding:22px}
      .contact-details{padding:18px}
      .contact-wrap .btn{max-width:100%;white-space:normal}
      .service-heading{grid-template-columns:1fr;gap:24px}
      .service-steps,.related-services{grid-template-columns:1fr}
      .service-section h2{font-size:25px}
      .service-heading h1{font-size:clamp(28px,8vw,36px)}
      .hero{padding-top:20px}
      .hero-panel{border-radius:18px}
      .hero-copy{padding:26px 22px}
      .hero-copy h1{font-size:clamp(26px,7.8vw,34px)}
      .hero-art img{aspect-ratio:4/5}
      /* услуги: В ОДНУ КОЛОНКУ, строго по порядку */
      .grid.cols-3{grid-template-columns:1fr}

      /* О Жанне: текст сверху, фото ниже */
      #about .grid{grid-template-columns:1fr !important}
      #about .about-text{order:1}
      #about .about-photo{order:2;margin-top:8px}
      #about img{width:100%;max-width:520px;margin:0 auto;border-radius:12px;box-shadow:0 10px 28px rgba(2,6,23,.08)}
      .section-title{text-align:center;text-wrap:balance}
    }
    @media (prefers-reduced-motion: reduce){
      .btn{transition:none}
      .btn-primary:hover{transform:none}
    }

    /* Depth and motion share the same visual language on all four pages. */
    .home-page,.service-page{background:#fcfcfa;--accent:#145a83;--accent-soft:#eaf2f7;--accent-ink:#0c4568}
    .service-page[data-service="rental"]{--accent:#af4d36;--accent-soft:#fbefea;--accent-ink:#8a3825}
    .service-page[data-service="residence"]{--accent:#227765;--accent-soft:#eaf4ee;--accent-ink:#145848}
    .skip-link{position:fixed;top:12px;left:16px;z-index:100;padding:12px 18px;border-radius:12px;background:#fff;box-shadow:0 6px 24px #0f172a22;transform:translateY(-160%)}
    .skip-link:focus{transform:none}
    header{background:rgba(255,255,255,.96)}
    .reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
    .home-page .section-title{font-size:clamp(26px,3vw,34px);line-height:1.24;letter-spacing:-.025em;margin-bottom:28px}
    .home-page .hero{padding:40px 0 36px;background:radial-gradient(ellipse at 25% 5%,#eef4f8 0,transparent 64%)}
    .home-page .hero-panel{border:1px solid #e9e4d9;border-radius:30px;box-shadow:0 28px 60px -32px #20354950}
    .home-page .hero-panel::before{z-index:1}
    .home-page .hero-copy{z-index:2}
    .home-page .hero-copy h1{letter-spacing:-.035em;text-wrap:balance}
    .home-page .hero-art img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.055)}
    .home-page #services > .container > .grid{gap:22px}
    .home-page #services > .container > .grid > .card{display:flex;flex-direction:column;padding:24px;border-radius:24px;border-color:#e5e8e8;box-shadow:0 18px 36px -28px #12304755;transition:transform .25s ease,box-shadow .25s ease}
    .home-page #services > .container > .grid .service-art{margin:-24px -24px 24px;border-radius:23px 23px 12px 12px}
    .home-page #services > .container > .grid .service-art img{transition:transform .5s ease}
    .home-page #services > .container > .grid h3{font-size:21px;letter-spacing:-.02em;line-height:1.25;margin-bottom:14px}
    .home-page #services > .container > .grid .service-link{margin-top:auto;padding-top:18px}
    .home-page .video-section{padding:72px 0 52px}
    .home-page .video-section .section-title{max-width:660px;margin:0 auto 28px;text-align:center}
    .home-page .video-wrap{border-radius:26px;box-shadow:0 28px 60px -24px #15344b44}
    .home-page .stripe{position:relative;border-radius:26px;padding:36px;background:#132d3c;color:#fff;border-color:#132d3c;box-shadow:0 24px 48px -28px #132d3c66}
    .home-page .stripe strong{display:block;font-size:26px;letter-spacing:-.02em;margin-bottom:24px}
    .home-page .stripe .list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0;margin:0;list-style:none;color:#e1eaf0}
    .home-page .stripe li{margin:0;padding-top:20px;border-top:1px solid #547282}
    .home-page #about{padding-top:72px}
    .about-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:54px}
    .home-page .about-text{font-size:18px;line-height:1.75;color:#475569}
    .home-page .about-text .muted{color:var(--accent-ink);font-weight:700}
    .home-page .about-photo{position:relative;padding:0 0 24px 20px}
    .home-page .about-photo::before{content:"";position:absolute;inset:24px 20px 0 0;border-radius:26px;background:#e8f0ed}
    .home-page .about-photo-frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 44px -28px #16324355}
    .home-page .about-photo-frame img{border-radius:0!important;box-shadow:none!important}
    .about-caption{position:relative;display:flex;gap:16px;align-items:center;margin:-22px 12px 0 -20px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #e0e8e3;box-shadow:0 16px 30px -20px #19352d55}
    .about-caption span{flex:0 0 90px;color:#145848;font-size:14px;font-weight:700}
    .about-caption strong{font-size:15px;line-height:1.45}
    .contact-wrap{border-radius:28px;padding:36px;margin-top:20px;background:linear-gradient(125deg,#eff5f7,#f0f5ef 65%,#f8f0eb);box-shadow:0 24px 50px -34px #213b4055}
    .contact-details{margin-top:-56px;border-radius:22px;padding:28px;box-shadow:0 18px 38px -24px #15344744}
    .contact-copy .section-title{letter-spacing:-.025em}
    .contact-copy .contact-address{margin-top:24px}
    .contact-map{border:1px solid #e1e8e3;border-radius:20px}
    .contact-link{transition:color .18s ease,padding .18s ease}
    .service-page section[id]{scroll-margin-top:154px}
    .service-page .breadcrumbs{font-size:13px;margin-bottom:26px}
    .service-page .service-intro{position:relative;padding:24px 0 66px;background:linear-gradient(125deg,#f8f5ee 0%,var(--accent-soft) 100%);border-bottom:1px solid #e5e9e8}
    .service-page .service-heading{grid-template-columns:1.08fr 1fr;gap:54px;min-height:386px}
    .service-eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 18px}
    .service-page .service-eyebrow{color:var(--accent-ink)}
    .service-page .service-heading h1{font-size:clamp(32px,3.9vw,52px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance;max-width:640px}
    .service-page .service-heading .lead{font-size:17px;line-height:1.7;margin-bottom:24px}
    .service-visual{position:relative;min-width:0;padding:18px 0 36px 18px}
    .service-orbit{position:absolute;inset:0 18px 14px 0;border:1px solid #ffffff;border-radius:34px;background:var(--accent);opacity:.13;transform:translate3d(0,var(--parallax-y,0px),0) rotate(-4deg);pointer-events:none}
    .service-page .service-visual .service-art{position:relative;border:6px solid #fff;border-radius:28px;box-shadow:0 28px 48px -30px #12304766}
    .service-visual .service-art img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.08)}
    .service-floating-note{position:relative;display:flex;gap:14px;align-items:center;max-width:calc(100% - 30px);width:max-content;margin:-30px 12px 0 -18px;padding:18px 22px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -26px #112c4b77;border:1px solid #e4e8e5;transform:translate3d(0,var(--parallax-y,0px),0)}
    .floating-note-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink)}
    .floating-note-icon svg{width:22px;height:22px}
    .service-floating-note strong{display:block;font-size:15px;line-height:1.35}
    .service-floating-note small{display:block;color:#64748b;margin-top:4px;font-size:12px}
    .service-highlights{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;color:#3d5260;font-size:13px;font-weight:600}
    .service-highlights > span{display:flex;gap:9px;align-items:center;min-height:28px}
    .service-highlights svg{width:18px;height:18px;color:var(--accent-ink);flex:0 0 auto}
    .service-jumpbar{position:sticky;top:76px;z-index:20;margin-top:-26px}
    .service-page .service-navigation{display:flex;flex-wrap:nowrap;gap:6px;width:max-content;max-width:100%;margin:0;padding:6px;border-radius:18px;background:#fff;border:1px solid #e3e9e9;box-shadow:0 12px 32px -16px #142b4560}
    .service-page .service-navigation a{justify-content:center;padding:12px 22px;border-radius:12px;font-size:14px;color:#475569;min-height:48px;text-decoration:none;transition:background .2s ease,color .2s ease}
    .service-page .service-navigation a:hover{background:var(--accent-soft)}
    .service-page .service-navigation a[aria-current="location"]{background:var(--accent-ink);color:#fff}
    .service-page .service-section{padding:60px 0}
    .service-page .service-help{padding-top:76px;padding-bottom:48px}
    .section-heading{max-width:680px;margin-bottom:34px}
    .service-page .service-section h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.03em;line-height:1.16;margin-bottom:0;text-wrap:balance}
    .service-page .section-kicker{margin-bottom:14px}
    .service-page .feature-card{position:relative;margin-top:24px;padding:48px 26px 28px;border-radius:24px;border-color:#e4e9e8;box-shadow:0 20px 38px -32px #15334866;transition:transform .25s ease,box-shadow .25s ease}
    .feature-icon{position:absolute;top:-24px;left:24px;display:grid;place-items:center;width:54px;height:54px;border:5px solid #fcfcfa;border-radius:18px;background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 8px 16px -12px #17304455}
    .feature-icon svg{width:25px;height:25px}
    .service-page .feature-card h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin-bottom:14px}
    .service-page .feature-card p{font-size:15px;line-height:1.75}
    .steps-panel{padding:44px;border-radius:32px;background:#132d3c;color:#fff;box-shadow:0 24px 56px -32px #132d3c77}
    .steps-panel .section-kicker{color:#a8d3c7}
    .service-page .service-steps{gap:24px}
    .service-page .service-steps li{position:relative;margin-top:20px;padding:46px 26px 28px;border-radius:22px;border:1px solid #ffffff26;background:#fff;color:var(--ink)}
    .service-page .service-steps li::before{position:absolute;top:-21px;left:24px;display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:16px;background:#ddecdf;border:5px solid #132d3c;color:#145848;font-size:20px}
    .service-page .service-steps h3{font-size:19px;line-height:1.3;margin-bottom:12px;letter-spacing:-.015em}
    .service-page .service-steps p{font-size:15px;line-height:1.75}
    .service-page .service-note{margin-top:28px;padding:22px 24px;border-left-color:#9bcfbc;border-radius:0 16px 16px 0;background:#ffffff0d;color:#dde8e9;font-size:14px;line-height:1.75}
    .service-page .service-note a{color:#c0e4d7}
    .questions-layout{display:grid;grid-template-columns:.8fr 1.25fr;gap:68px;align-items:start}
    .questions-intro > p:not(.section-kicker){max-width:280px;color:#475569;margin:20px 0 4px}
    .service-page .faq-list{max-width:none;min-width:0}
    .service-page .faq-list details{padding:0 24px;margin-bottom:14px;border-radius:20px;border-color:#e2e8e5;box-shadow:0 12px 22px -24px #17304466}
    .service-page .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;line-height:1.45;list-style:none}
    .service-page .faq-list summary::-webkit-details-marker{display:none}
    .service-page .faq-list summary::after{content:"+";display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font-size:22px;font-weight:400;color:var(--accent-ink);background:var(--accent-soft)}
    .service-page .faq-list details[open]{border-color:#b9ccc4;background:#f7faf7}
    .service-page .faq-list details[open] summary::after{content:"−"}
    .service-page .faq-list details[open] p{animation:answer-in .25s ease}
    .service-page .faq-list p{font-size:15px;line-height:1.75}
    .service-page .related-section{padding-top:16px}
    .service-page .related-services a{display:grid;grid-template-columns:130px minmax(0,1fr) 42px;gap:22px;align-items:center;padding:12px 22px 12px 12px;border-radius:24px;min-height:154px;box-shadow:0 16px 32px -28px #15344766;transition:transform .25s ease,box-shadow .25s ease}
    .related-card img{width:130px;height:128px;object-fit:cover;border-radius:16px}
    .related-copy{display:grid;gap:10px;color:var(--ink);min-width:0;overflow-wrap:break-word}
    .related-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
    .related-copy strong{font-size:19px;line-height:1.3;letter-spacing:-.02em}
    .related-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:23px}
    .service-page .related-services a:hover{text-decoration:none}
    @keyframes answer-in{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}
    @media (hover:hover) and (pointer:fine){
      .home-page #services > .container > .grid > .card:hover,.service-page .feature-card:hover,.service-page .related-card:hover{transform:translateY(-6px);box-shadow:0 26px 42px -28px #15344766}
      .home-page #services > .container > .grid > .card:hover .service-art img{transform:scale(1.035)}
      .contact-link:hover{padding-left:6px;padding-right:6px}
    }
    @media (min-width:961px){
      .home-page #services > .container > .grid > .card:nth-child(2),.service-page .feature-card:nth-child(2){margin-bottom:-18px;position:relative;top:18px}
    }
    @media (max-width:960px){
      .home-page .hero-art img{transform:none}
      .service-page .service-heading{gap:30px;min-height:0}
      .service-page .service-heading h1{font-size:clamp(32px,4.5vw,44px)}
      .service-page .service-heading .lead{font-size:16px}
      .service-page .service-help .grid.cols-3{grid-template-columns:repeat(3,1fr);gap:14px}
      .service-page .feature-card{padding:44px 20px 24px}
      .service-page .feature-card h3{font-size:18px}
      .service-visual [data-parallax]{--parallax-y:0px!important}
      .steps-panel{padding:32px}
      .questions-layout{gap:36px;grid-template-columns:.8fr 1.2fr}
      .service-page .related-services a{grid-template-columns:90px minmax(0,1fr) 34px;gap:14px;padding-right:14px;min-height:128px}
      .related-card img{width:90px;height:100px}
      .related-copy strong{font-size:17px}
      .related-arrow{width:34px;height:34px}
      .about-layout{gap:32px}
      .home-page .about-text{font-size:16px}
    }
    @media (max-width:768px){
      .service-jumpbar{top:84px}
      .service-page section[id]{scroll-margin-top:164px}
      .contact-wrap{padding:28px;gap:26px}
      .contact-details{margin-top:-44px;padding:22px}
      .home-page .stripe{padding:30px}
      .home-page .stripe .list{gap:20px}
    }
    @media (max-width:680px){
      .home-page .hero{padding:22px 0}
      .home-page .hero-panel{border-radius:22px}
      .home-page #services > .container > .grid{gap:26px}
      .home-page #services > .container > .grid > .card{padding:22px}
      .home-page #services > .container > .grid .service-art{margin:-22px -22px 22px}
      .home-page .video-section{padding:48px 0 36px}
      .home-page .video-section .section-title{font-size:25px}
      .home-page .video-wrap{border-radius:20px}
      .home-page .stripe{padding:26px;border-radius:22px}
      .home-page .stripe strong{font-size:24px;margin-bottom:24px}
      .home-page .stripe .list{grid-template-columns:1fr;gap:20px}
      .home-page .stripe li{padding-top:16px}
      .home-page #about{padding-top:48px}
      .about-layout{grid-template-columns:1fr;gap:28px}
      .home-page #about .about-photo{padding-left:12px}
      .about-caption{gap:14px;padding:18px;margin-left:-12px;margin-right:8px}
      .about-caption span{flex-basis:78px;font-size:12px}
      .about-caption strong{font-size:14px}
      .contact-wrap{padding:24px;gap:24px;border-radius:24px;margin-top:0}
      .contact-details{margin-top:0;padding:20px;border-radius:18px}
      .contact-map{height:280px;border-radius:16px}
      .service-page .breadcrumbs{margin-bottom:18px}
      .service-page .service-intro{padding-top:16px;padding-bottom:54px}
      .service-page .service-heading{grid-template-columns:1fr;gap:24px}
      .service-page .service-heading h1{font-size:clamp(32px,9vw,40px)}
      .service-eyebrow{font-size:11px;letter-spacing:.06em}
      .service-visual{padding:12px 0 18px 12px}
      .service-page .service-visual .service-art{border-width:5px;border-radius:24px}
      .service-floating-note{margin-left:-12px;max-width:calc(100% - 12px);padding:15px 17px;gap:12px;border-radius:16px}
      .service-floating-note strong{font-size:14px}
      .service-highlights{gap:8px 20px;margin-top:18px;font-size:12px}
      .service-jumpbar{margin-top:-26px}
      .service-page .service-navigation{width:100%;border-radius:16px;gap:4px;padding:5px}
      .service-page .service-navigation a{flex:1;padding:10px 8px;font-size:12px;white-space:nowrap;min-width:0}
      .service-page .service-section{padding:42px 0}
      .service-page .service-help{padding-top:56px;padding-bottom:20px}
      .service-page .service-help .grid.cols-3{grid-template-columns:1fr;gap:18px}
      .section-heading{margin-bottom:30px}
      .service-page .service-section h2{font-size:28px}
      .service-page .feature-card{padding:42px 24px 26px;margin-top:24px}
      .service-page .feature-card h3{font-size:21px}
      .steps-panel{padding:30px 20px;border-radius:26px}
      .service-page .service-steps{gap:24px}
      .service-page .service-steps li{padding:42px 22px 24px;border-radius:18px}
      .service-page .service-steps h3{font-size:18px}
      .service-page .service-note{padding:18px;font-size:13px}
      .questions-layout{grid-template-columns:1fr;gap:28px}
      .questions-intro > p:not(.section-kicker){max-width:none}
      .service-page .faq-list details{padding:0 20px;border-radius:18px}
      .service-page .faq-list summary{gap:14px;font-size:15px}
      .service-page .related-section{padding-top:0}
      .service-page .related-services a{grid-template-columns:90px minmax(0,1fr) 34px;gap:16px}
    }
    @media (max-width:380px){
      .service-page .related-services a{grid-template-columns:72px minmax(0,1fr) 30px;gap:12px;padding:10px}
      .related-card img{width:72px;height:96px}
      .related-copy strong{font-size:16px}
      .related-arrow{width:30px;height:30px;font-size:21px}
    }
    @media (prefers-reduced-motion:reduce){
      .reading-progress{display:none}
      [data-parallax]{--parallax-y:0px!important}
      .home-page .hero-art img{transform:none}
      .home-page #services > .container > .grid > .card,.home-page #services > .container > .grid .service-art img,.service-page .feature-card,.service-page .related-card,.service-page .service-navigation a,.contact-link{transition:none}
      .home-page #services > .container > .grid > .card:hover,.home-page #services > .container > .grid > .card:hover .service-art img,.service-page .feature-card:hover,.service-page .related-card:hover{transform:none}
      .service-page .faq-list details[open] p{animation:none}
    }
    .guides-teaser{padding:64px 0;background:linear-gradient(145deg,#f4f7f3,#f8f2e9)}
    .guides-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .guides-heading .section-title{margin-bottom:0}
    .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .guide-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #dce5df;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 12px 32px -24px #153b38;transition:border-color .2s,box-shadow .2s}
    .guide-card:hover{border-color:#91b8aa;box-shadow:0 18px 40px -25px #153b3866}
    .guide-card-top{display:flex;justify-content:space-between;gap:16px;color:#145848;font-size:12px;font-weight:700;margin-bottom:28px}
    .guide-card-top > span:last-child{font-size:24px;line-height:1}
    .guide-card h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px}
    .guide-card p{color:#53626c;font-size:14px;line-height:1.7;margin:0 0 24px}
    .guide-card-action{margin-top:auto;color:#0c4568;font-size:14px;font-weight:700}
    .guide-page .guide-intro{padding:32px 0 48px;background:radial-gradient(ellipse at 85% 0,#e7f0e9,transparent 60%),#f8f6ef}
    .guide-page .guide-intro h1{max-width:920px;font-size:clamp(34px,4.4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}
    .guide-intro .lead{max-width:820px;font-size:19px;color:#53626c}
    .guide-intro .guide-grid{margin-top:40px}
    .guide-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;color:#58686c;font-size:13px}
    .guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;padding-top:42px;padding-bottom:64px}
    .guide-toc{position:sticky;top:100px;padding:20px;border:1px solid #dce5df;border-radius:20px;background:#f5f7f3}
    .guide-toc strong{display:block;padding:0 10px 14px;font-size:14px}
    .guide-toc a{display:block;min-height:44px;padding:10px;border-radius:10px;color:#31594e;font-size:13px;line-height:1.5}
    .guide-toc a:hover{background:#e6eee8}
    .guide-body{min-width:0;max-width:780px;line-height:1.8;font-size:17px}
    .guide-body p{margin:16px 0}
    .guide-body a:not(.btn){color:#0c4568;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
    .guide-answer{padding:28px 32px;border:1px solid #b7d4c6;border-radius:24px;background:#eef6f0}
    .guide-answer p{margin-bottom:0;font-size:19px;line-height:1.65;color:#194737}
    .guide-section{padding:32px 0 12px;border-bottom:1px solid #e1e8e4}
    .guide-page .guide-section h2,.guide-next h2{font-size:clamp(25px,3vw,33px);line-height:1.25;letter-spacing:-.03em;margin:0 0 20px}
    .guide-body ul,.guide-body ol{padding-left:24px;margin:20px 0}
    .guide-body li{padding-left:6px;margin:12px 0}
    .guide-body li::marker{color:#227765;font-weight:700}
    .guide-references{display:flex;flex-direction:column;gap:12px;padding:14px 0;font-size:13px;line-height:1.6}
    .guide-references a{align-self:flex-start}
    .guide-sources{font-size:14px;color:#53626c}
    .guide-small{font-size:13px}
    .guide-next{padding:30px;margin-top:36px;border-radius:24px;background:#f3f0e8}
    .guide-next .service-link{display:flex;width:fit-content}
    .guide-page .faq-list summary{font-size:16px}
    @media(max-width:1000px){
      .guide-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}
      .guide-card{padding:24px}.guide-card h3{font-size:21px}
    }
    @media(max-width:768px){
      .guide-grid{grid-template-columns:1fr}
      .guides-teaser{padding:44px 0}
      .guides-heading{display:block}.guides-heading .service-link{margin-top:8px}
      .guide-page .guide-intro{padding:20px 0 32px}
      .guide-intro .lead{font-size:17px}.guide-intro .guide-grid{margin-top:28px}
      .guide-layout{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:40px}
      .guide-toc{position:static;padding:18px}.guide-toc a{font-size:14px}
      .guide-body{font-size:16px}.guide-answer{padding:24px}.guide-answer p{font-size:17px}
      .guide-section{padding:28px 0 12px}.guide-next{padding:24px}
    }
    @media(prefers-reduced-motion:reduce){.guide-card{transition:none}}
    /* Native disclosure keeps service navigation available without JavaScript. */
    .menu-services{position:relative}
    .menu-services > summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:10px;cursor:pointer;list-style:none}
    .menu-services > summary::-webkit-details-marker{display:none}
    .menu-services > summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}
    .menu-services[open] > summary{background:#edf3f5;color:var(--accent-ink)}
    .menu-services[open] > summary svg{transform:rotate(180deg)}
    .menu-services > summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
    .services-submenu{position:absolute;top:calc(100% + 9px);right:0;width:310px;padding:10px;border:1px solid #dfe7e8;border-radius:20px;background:#fff;box-shadow:0 24px 48px -16px #132d3c33;white-space:normal}
    .services-submenu a{justify-content:space-between;min-height:50px;font-size:14px;white-space:normal}
    .services-submenu a:first-child{margin-bottom:6px;border-bottom:1px solid #e5ebed;border-radius:10px 10px 0 0;color:var(--accent-ink)}
    .services-submenu a[aria-current="page"]{background:var(--accent-soft);color:var(--accent-ink)}
    .page-tools{position:fixed;z-index:25;right:24px;bottom:24px;display:flex;gap:10px}
    .page-tools[hidden]{display:none}
    .quick-telegram{display:none}
    .back-to-top{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border:1px solid #d2dee0;border-radius:16px;background:#fff;color:#173748;box-shadow:0 8px 24px #132d3c22;cursor:pointer}
    .back-to-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .back-to-top:hover{background:#edf3f5}
    @media (min-width:1100px) and (hover:hover) and (pointer:fine){
      .motion-stage > .card{--card-drift-x:0px;--card-drift-y:calc(var(--spread,0) * -8px);transform:translate3d(var(--card-drift-x),var(--card-drift-y),0)}
      .motion-stage > .card:first-child{--card-drift-x:calc(var(--spread,0) * -12px)}
      .motion-stage > .card:last-child{--card-drift-x:calc(var(--spread,0) * 12px)}
      .motion-stage > .card:nth-child(2){--card-drift-y:calc(var(--spread,0) * 10px)}
      .home-page .motion-stage > .card:hover,.service-page .motion-stage > .card:hover{transform:translate3d(var(--card-drift-x),calc(var(--card-drift-y) - 6px),0)}
    }
    @media (max-width:768px){
      html{scroll-padding-bottom:100px}
      .js-menu .menu-scroller.is-open{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:4px}
      .menu-services > summary{justify-content:space-between;width:100%}
      .services-submenu{position:static;width:100%;margin:6px 0;padding:6px;background:#f6f8f8;border-radius:14px;box-shadow:none}
      .services-submenu a{min-height:48px;padding:12px 16px}
      .page-tools{left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:6px;border:1px solid #dde5e7;border-radius:20px;background:#ffffffed;box-shadow:0 12px 36px #132d3c26;backdrop-filter:blur(10px)}
      .quick-telegram{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,var(--red),#f0183f);color:#fff;font-size:14px;font-weight:700}
      .quick-telegram svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
      .back-to-top{box-shadow:none;border-radius:14px}
      a:focus-visible,summary:focus-visible{scroll-margin-bottom:100px}
    }
    @media (prefers-reduced-motion:reduce){
      .menu-services > summary svg{transition:none}
      .motion-stage > .card,.home-page .motion-stage > .card:hover,.service-page .motion-stage > .card:hover{transform:none}
    }
    @media print{
      .page-tools{display:none}
      header,.service-jumpbar,.skip-link{display:none}
      [data-parallax]{transform:none!important}
      .steps-panel{background:#fff;color:#0f172a;border:1px solid #cbd5e1;box-shadow:none}
      .steps-panel .section-kicker,.service-page .service-note,.service-page .service-note a{color:#334155}
      .contact-map{display:none}
    }