:root{--yandex-taxi-primary:#FFEA00;--yandex-taxi-dark:#000000;--yandex-taxi-background:#F2F1ED;--yandex-taxi-card-bg:#F6F6F2;--yandex-taxi-text-secondary:#7F7F7F;--yandex-taxi-border:#E6E6E5;--ink:var(--yandex-taxi-dark);--muted:var(--yandex-taxi-text-secondary);--line:var(--yandex-taxi-border);--surface:var(--yandex-taxi-card-bg);--page:var(--yandex-taxi-background);--accent:var(--yandex-taxi-primary);--accent-dark:#E6D200;--mint:#f5f1d5;--shadow:0 12px 36px rgba(28,34,39,.055);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0;background-color:var(--page);background-image:radial-gradient(ellipse 72% 52% at 0% 0%,rgba(255,234,0,.17),transparent 70%),radial-gradient(ellipse 54% 42% at 100% 24%,rgba(236,164,62,.13),transparent 72%),radial-gradient(ellipse 80% 48% at 48% 100%,rgba(255,255,255,.72),transparent 74%),linear-gradient(135deg,#f4f3ed 0%,#eeede7 52%,#f6f5f0 100%);background-attachment:fixed;font-size:14px}.topbar{height:66px;background:rgba(246,246,242,.92);border-bottom:1px solid rgba(30,32,34,.06);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font-size:18px;font-weight:850;letter-spacing:.13em}.brand-mark{width:30px;height:30px;border-radius:9px;background:#191b1e;color:white;display:grid;place-items:center;font-size:15px;letter-spacing:0}.topbar-right{font-size:12px;color:#6a6d73;display:flex;align-items:center;gap:9px}.secure-dot{width:8px;height:8px;background:#5db889;border-radius:50%;box-shadow:0 0 0 4px #e6f3ec}.page-shell{max-width:1260px;margin:0 auto;padding:48px 28px 0}.intro{margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:9px;color:#777b81;text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.14em}.eyebrow-line{width:25px;height:2px;background:var(--accent)}h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 10px;font-weight:760}.intro>p{color:#686d74;margin:0;max-width:620px;line-height:1.6}.steps{display:flex;align-items:center;gap:12px;margin-top:27px;color:#9a9da2;font-size:12px}.step{display:flex;align-items:center;gap:8px;white-space:nowrap}.step i{font-style:normal;width:23px;height:23px;border:1px solid #d9dbdc;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;background:#fff}.step.active{color:#202327;font-weight:700}.step.active i{border-color:#202327;background:#202327;color:#fff}.step-rule{height:1px;background:#dfe1df;width:46px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:21px;align-items:start}form{display:grid;gap:15px}.card{background:var(--surface);border:1px solid var(--yandex-taxi-border);border-radius:16px;box-shadow:var(--shadow)}.section-card{padding:25px 27px 23px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-heading>div{display:flex;align-items:center;gap:13px}.section-index{font-size:10px;color:#a4a6aa;font-weight:750;letter-spacing:.08em}.section-heading h2,.summary-title h2,.payload-heading h2{font-size:17px;margin:0;letter-spacing:-.025em}.section-chevron{font-size:18px;color:#777}.fields-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:39px;row-gap:21px}.field{min-width:0;display:flex;flex-direction:column;gap:8px}.field>label{font-size:12px;font-weight:650;color:#383b40}.required{font-weight:800;color:var(--accent)}input,select{font:inherit;color:#25282d}input:not([type=checkbox]),select{height:44px;width:100%;border:1px solid #e6e8e9;border-radius:9px;background:#f7f8f8;padding:0 13px;outline:0;transition:border-color .16s,box-shadow .16s,background .16s}input:not([type=checkbox]):focus,select:focus{border-color:#e97b69;background:white;box-shadow:0 0 0 3px rgba(239,84,62,.11)}input::placeholder{color:#a6a9ae}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%237d8085' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}small{font-size:10px;color:#95999e;line-height:1.45}.field .combo{position:relative}.combo input{padding-right:38px}.combo input:disabled{color:#a4a7ab;background:#f0f1f1;cursor:not-allowed}.combo-arrow{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:transparent;color:#696d73;font-size:18px;cursor:pointer;border-radius:7px}.combo-arrow:hover{background:#eceeed}.combo-arrow:disabled{cursor:not-allowed;opacity:.45}.combo-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:250px;overflow:auto;background:#fff;border:1px solid #e4e5e5;border-radius:10px;box-shadow:0 12px 28px rgba(23,29,33,.15);z-index:12;padding:5px}.combo.open .combo-list{display:block}.combo-option{width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:6px;color:#292c30;font-size:13px;cursor:pointer}.combo-option:hover,.combo-option[aria-selected=true]{background:#f6f1ef;color:#bd422f}.combo-empty{padding:12px;color:#81858a;font-size:12px}.inline-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:12px 13px;background:#f7f8f7;border:1px solid #eef0ee;border-radius:9px;color:#686d72;font-size:11px;line-height:1.55}.note-icon{flex:0 0 17px;width:17px;height:17px;border:1px solid #a4aaa5;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#777}.compact-grid{align-items:start}.check-stack{display:grid;gap:10px;padding-top:2px}.check-row{display:flex;align-items:center;gap:11px;min-height:45px;border:1px solid #eceeed;border-radius:9px;padding:8px 11px;cursor:pointer}.check-row input{position:absolute;opacity:0;pointer-events:none}.fake-check{width:20px;height:20px;border:1px solid #d9dcdd;background:#f5f6f6;border-radius:5px;flex:0 0 20px;position:relative}.check-row input:checked+.fake-check{background:#1e2325;border-color:#1e2325}.check-row input:checked+.fake-check:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat}.check-row strong{font-size:12px;font-weight:650;display:block}.check-row small{display:block;margin-top:2px}.section-help{margin:-10px 0 17px;color:#7c8086;font-size:12px}.tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tariff-option{position:relative}.tariff-option input{position:absolute;opacity:0}.tariff-option span{display:block;text-align:center;background:#f7f8f8;border:1px solid #e8eaea;color:#555a60;border-radius:8px;padding:10px 6px;font-size:11px;cursor:pointer;transition:.15s}.tariff-option input:checked+span{background:#fff4f1;border-color:#ed9a8d;color:#bd422f;font-weight:700}.tariff-option input:focus-visible+span{outline:3px solid rgba(239,84,62,.2)}.warning-note{background:#fff8f1;border-color:#f4eadb}.warning-note .note-icon{border-color:#c78a41;color:#b47a32}.form-actions{display:flex;align-items:center;gap:17px;padding:4px 2px 12px}.primary-button{display:inline-flex;align-items:center;gap:19px;background:var(--yandex-taxi-primary);color:var(--yandex-taxi-dark);border:0;border-radius:12px;padding:12px 24px;font-weight:750;cursor:pointer;transition:background .15s,transform .15s}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-button span{font-size:17px}.reset-button{border:0;background:none;color:#73777c;font:inherit;font-size:12px;cursor:pointer;padding:9px}.reset-button:hover{color:#222}.side-column{display:grid;gap:14px;position:sticky;top:82px}.summary-card,.payload-card{padding:20px}.summary-title{display:flex;align-items:center;gap:12px}.summary-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff7b8;color:#111;font-size:16px}.summary-title h2{font-size:14px}.summary-title p{font-size:11px;color:#90949a;margin:4px 0 0}.summary-progress{height:4px;background:#eceeed;border-radius:9px;margin:18px 0 16px;overflow:hidden}.summary-progress span{height:100%;width:0;display:block;background:var(--yandex-taxi-primary);border-radius:9px;transition:width .2s}.checks-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#646970;font-size:11px}.checks-list li{display:flex;align-items:center;gap:9px}.check-state{width:15px;height:15px;border:1px solid #dcdfdf;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 15px}.checks-list li.done{color:#2e5c3f}.checks-list li.done .check-state{background:#5eaa79;border-color:#5eaa79}.checks-list li.done .check-state:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px 11px no-repeat}.validation-message{border-top:1px solid #f0f0ef;margin-top:16px;padding-top:13px;color:#8b8e93;font-size:10px;line-height:1.5}.validation-message.success{color:#3d8054}.validation-message.error{color:#bd422f}.payload-heading{display:flex;justify-content:space-between;align-items:center}.payload-kicker{font-size:9px;color:#a0a3a7;letter-spacing:.14em;font-weight:750}.payload-heading h2{margin-top:5px;font-size:14px}.copy-button{width:31px;height:31px;background:#f4f5f5;border:1px solid #e9eaea;border-radius:7px;color:#5e6267;font-size:17px;cursor:pointer}.copy-button:hover{background:#eceeed}.payload-caption{font-size:10px;color:#8b8f94;line-height:1.5;margin:11px 0 12px}.payload{white-space:pre-wrap;overflow-wrap:anywhere;min-height:225px;max-height:460px;overflow:auto;background:#1d2225;color:#e1e7e5;border-radius:10px;padding:14px;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.download-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8eaea;color:#33373a;border-radius:8px;padding:10px 12px;font:600 11px inherit;cursor:pointer}.download-button:hover{border-color:#bdc2c1}.download-button span{font-size:16px}.copy-feedback{font-size:10px;color:#4c9365;min-height:14px;margin-top:8px}.privacy-note{display:flex;align-items:flex-start;gap:10px;padding:4px 3px;color:#82868b}.privacy-note p{font-size:10px;line-height:1.5;margin:0}.lock-icon{width:19px;height:19px;display:grid;place-items:center;border:1px solid #c6cac8;border-radius:50%;font-size:12px;flex:0 0 19px}footer{display:flex;justify-content:space-between;color:#999da1;font-size:10px;border-top:1px solid #e5e7e4;padding:20px 2px 25px;margin-top:17px}.invalid input:not([type=checkbox]),.invalid select,.invalid .combo input{border-color:#e98577;background:#fff8f7}.invalid>label{color:#bd422f}.flash{animation:flash .45s ease}@keyframes flash{50%{box-shadow:0 0 0 4px rgba(239,84,62,.14)}}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.section-card{padding:22px}.fields-grid{column-gap:22px}.tariff-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.page-shell{padding:32px 16px 0}.layout{grid-template-columns:1fr}.side-column{position:static;grid-row:2}.intro{margin-bottom:22px}.fields-grid{column-gap:15px}.section-card{padding:20px 17px}.topbar{padding:0 17px}.steps{gap:7px;font-size:10px}.step-rule{width:20px}}@media(max-width:520px){.topbar-right{font-size:0}.topbar-right .secure-dot{margin-right:4px}.fields-grid{grid-template-columns:1fr}.section-heading{margin-bottom:19px}.section-heading h2{font-size:15px}.compact-grid{grid-template-columns:1fr}.check-stack{grid-column:auto}.tariff-grid{grid-template-columns:repeat(2,1fr)}.form-actions{align-items:flex-start;flex-direction:column;gap:3px}.reset-button{padding-left:3px}.steps{gap:5px}.step{gap:5px}.step i{width:20px;height:20px}.step-rule{width:12px}.payload{min-height:160px}}
.auto-tariffs{border-top:1px solid #f0f0ef;margin-top:16px;padding-top:13px}.auto-tariffs h3{font-size:10px;color:#696d72;font-weight:700;margin:0 0 9px}.auto-tariffs-list{display:flex;flex-wrap:wrap;gap:6px;color:#8b8f94;font-size:10px;line-height:1.5}.auto-tariff-chip{background:#eef4ef;border:1px solid #e2ece4;border-radius:999px;padding:5px 9px;color:#426b50;font-size:10px;font-weight:650}.auto-tariff-empty{color:#989ba0;font-size:10px}
.driver-card{border-color:#e5e9e6}.driver-grid{grid-template-columns:1fr 1fr}.driver-card .inline-note{background:#f5f8f5}@media(max-width:520px){.driver-grid{grid-template-columns:1fr}}
.driver-card .field small{max-width:33em}
[hidden]{display:none!important}.step.done i{border-color:var(--yandex-taxi-primary);background:var(--yandex-taxi-primary);color:#000}.form-actions{flex-wrap:wrap}

/* SANI multi-page navigation and informational pages */
.site-topbar{gap:clamp(12px,2vw,28px)}.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.75vw,25px);min-width:0}.site-nav a,.site-footer nav a{color:#666a6e;text-decoration:none;font-size:12px;white-space:nowrap;transition:color .15s}.site-nav a:hover,.site-nav a.current,.site-footer nav a:hover{color:#111;font-weight:700}.nav-cta{display:inline-flex;align-items:center;gap:13px;background:var(--yandex-taxi-primary);color:#111;text-decoration:none;font-size:12px;font-weight:750;padding:11px 16px;border-radius:10px;white-space:nowrap}.nav-cta:hover{background:#e6d200}.marketing-shell{max-width:1240px;margin:0 auto;padding:0 32px}.home-hero{min-height:540px;display:grid;grid-template-columns:1.05fr .75fr;align-items:center;gap:clamp(40px,9vw,125px);padding:70px 0 78px}.hero-copy h1{font-size:clamp(56px,8vw,102px);line-height:.94;letter-spacing:-.075em;margin:23px 0 20px;font-weight:760}.hero-lead{max-width:505px;color:#666a6e;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.hero-actions .primary-button{min-height:48px}.text-link{display:inline-flex;gap:12px;align-items:center;color:#1c1e20;text-decoration:none;font-size:13px;font-weight:700}.text-link:hover{opacity:.65}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:55px;color:#777b7f;font-size:10px;letter-spacing:.02em}.hero-meta b{color:#111;font-size:11px;margin-right:5px}.hero-meta i{display:block;width:25px;height:1px;background:#d3d4d1}.hero-panel{background:#fff;border:1px solid var(--yandex-taxi-border);border-radius:20px;padding:24px 25px 18px;box-shadow:0 22px 60px rgba(25,28,25,.07);transform:translateY(10px)}.panel-top{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:750;letter-spacing:.13em;color:#777}.panel-dot{width:8px;height:8px;background:var(--yandex-taxi-primary);border-radius:50%}.panel-count{margin-left:auto;color:#a1a3a0}.flow-step{display:flex;align-items:center;gap:14px;padding:20px 0}.flow-step:first-of-type{margin-top:17px}.flow-number{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#f2f1ed;font-size:11px;color:#575b5e;font-weight:750}.flow-step.active .flow-number{background:var(--yandex-taxi-primary);color:#111}.flow-step strong,.flow-step small{display:block}.flow-step strong{font-size:14px}.flow-step small{color:#96999b;font-size:11px;margin-top:5px}.flow-check,.flow-arrow{margin-left:auto;color:#7b7e7c;font-size:16px}.flow-check{color:#66876d}.flow-connector{height:20px;border-left:1px solid #d8d9d5;margin-left:18px}.panel-bottom{border-top:1px solid #eee;padding-top:16px;margin-top:9px;display:flex;align-items:center;justify-content:space-between;color:#777b7f;font-size:11px}.panel-bottom strong{font-size:17px;color:#111}.home-links{border-top:1px solid var(--yandex-taxi-border);padding:33px 0 76px}.section-label{font-size:9px;font-weight:750;letter-spacing:.15em;color:#8b8e8e}.home-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.home-link-card{position:relative;display:block;min-height:170px;padding:22px;background:rgba(255,255,255,.7);border:1px solid var(--yandex-taxi-border);border-radius:14px;color:#111;text-decoration:none;transition:transform .18s,border-color .18s}.home-link-card:hover{transform:translateY(-3px);border-color:#c7c8c2}.link-num{color:#85898a;font-size:9px;font-weight:700;letter-spacing:.09em}.home-link-card h2{font-size:17px;letter-spacing:-.025em;margin:20px 0 7px}.home-link-card p{max-width:280px;color:#777b7e;font-size:11px;line-height:1.55;margin:0}.link-arrow{position:absolute;right:20px;top:19px;font-size:15px}.home-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:34px;border-top:1px solid var(--yandex-taxi-border);padding:39px 0 50px}.home-bottom h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 0}.home-bottom>p{color:#6f7375;font-size:12px;line-height:1.7;max-width:450px}.round-link{width:43px;height:43px;border:1px solid #cfd0cd;border-radius:50%;display:grid;place-items:center;color:#111;text-decoration:none;font-size:19px}.site-footer{min-height:76px;padding:18px max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:25px;border-top:1px solid var(--yandex-taxi-border);color:#686d6f;font-size:10px}.site-footer .brand{font-size:13px}.site-footer .brand-mark{width:24px;height:24px;border-radius:7px;font-size:12px}.site-footer nav{margin-left:auto;display:flex;gap:20px}.inner-shell{padding-top:57px;padding-bottom:70px;min-height:calc(100vh - 143px)}.inner-title{font-size:clamp(38px,5.5vw,62px);letter-spacing:-.06em;line-height:1.03;margin:20px 0 13px}.inner-lead{max-width:660px;color:#6d7172;font-size:15px;line-height:1.7;margin:0 0 32px}.tariff-check-card{max-width:850px;padding:26px}.tariff-fields{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:17px}.tariff-result{min-height:105px;margin-top:24px;padding:19px;background:#fff;border:1px solid var(--yandex-taxi-border);border-radius:13px;display:flex;align-items:flex-start;gap:14px}.result-icon{width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#fff1a8;display:grid;place-items:center;font-weight:750}.tariff-result h2{font-size:15px;margin:2px 0 7px}.tariff-result p{color:#777b7d;font-size:11px;line-height:1.55;margin:0}.result-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.result-chips span{padding:7px 11px;border-radius:999px;background:#f3f2ec;color:#272928;font-size:11px;font-weight:700}.tariff-result .review-copy{margin-top:11px;color:#947443}.catalog-note{display:flex;gap:10px;margin-top:18px;color:#777b7d}.catalog-note>span{width:18px;height:18px;flex:0 0 18px;border:1px solid #c8c9c4;border-radius:50%;display:grid;place-items:center;font-size:10px}.catalog-note p{font-size:10px;line-height:1.6;margin:0}.tariff-bottom{max-width:850px;display:flex;justify-content:space-between;gap:20px;margin-top:19px;color:#898d8e;font-size:10px}.tariff-bottom>span a{color:#222}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0 27px}.benefit-card{min-height:178px;padding:21px;background:rgba(255,255,255,.72);border:1px solid var(--yandex-taxi-border);border-radius:14px}.benefit-card>span{font-size:10px;color:#85898a;font-weight:750}.benefit-card h2{font-size:16px;letter-spacing:-.02em;margin:20px 0 9px}.benefit-card p{font-size:11px;line-height:1.65;color:#707476;margin:0}.notice-card{max-width:790px;margin:24px 0;padding:18px 20px;border:1px solid #e4e2d7;background:#f8f7f1;border-radius:12px}.notice-card strong{font-size:12px}.notice-card p{margin:7px 0 0;color:#747879;font-size:11px;line-height:1.6}.notice-card .text-link{margin-top:13px;font-size:11px}.inner-shell>.primary-button{margin-top:7px;text-decoration:none}.about-shell .inner-lead{max-width:700px;font-size:17px}.about-columns{display:grid;grid-template-columns:1fr .7fr;gap:55px;max-width:900px;padding:33px 0;border-top:1px solid var(--yandex-taxi-border);border-bottom:1px solid var(--yandex-taxi-border)}.about-statement h2{font-size:32px;line-height:1.12;letter-spacing:-.045em;margin:15px 0}.about-statement p{max-width:480px;color:#747879;font-size:12px;line-height:1.7}.about-facts{display:grid;align-content:center}.about-facts>div{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;border-bottom:1px solid #e3e4df;padding:13px 0}.about-facts>div:last-child{border:0}.about-facts span{grid-row:span 2;color:#939795;font-size:10px;padding-top:2px}.about-facts strong{font-size:12px}.about-facts small{font-size:10px;color:#85898a}.about-shell>.notice-card{margin-top:29px}
@media(max-width:980px){.site-topbar{height:auto;min-height:66px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.site-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:7px 0 3px}.site-nav a{font-size:11px}.site-topbar .nav-cta{margin-left:auto}.home-hero{gap:35px}.hero-copy h1{font-size:70px}}
@media(max-width:700px){.marketing-shell{padding-left:18px;padding-right:18px}.home-hero{grid-template-columns:1fr;padding:52px 0 48px;gap:35px}.hero-copy h1{font-size:clamp(58px,15vw,82px)}.hero-lead{font-size:14px}.hero-meta{margin-top:34px}.hero-panel{transform:none}.home-link-grid,.benefit-grid{grid-template-columns:1fr}.home-link-card{min-height:145px}.home-bottom{grid-template-columns:1fr auto;gap:8px 20px}.home-bottom>p{grid-column:1/3}.home-bottom .round-link{grid-column:2;grid-row:1}.site-footer{padding:17px 18px;flex-wrap:wrap;gap:12px}.site-footer>span{display:none}.site-footer nav{gap:14px}.inner-shell{padding-top:39px;padding-bottom:48px}.inner-title{font-size:43px}.inner-lead{font-size:13px}.tariff-check-card{padding:18px}.tariff-fields{grid-template-columns:1fr}.tariff-bottom{flex-direction:column}.about-columns{grid-template-columns:1fr;gap:20px}.about-statement h2{font-size:27px}}

/* Compact fixed navigation inspired by the supplied mobile reference */
.mobile-dock{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .site-topbar{min-height:62px;height:62px;flex-wrap:nowrap;padding:0 16px;gap:12px}
  .site-topbar .site-nav{display:none}
  .site-topbar .nav-cta{display:none}
  .site-topbar .topbar-right{display:none}
  .mobile-dock{position:fixed;z-index:100;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(560px,calc(100% - 20px));min-height:66px;padding:6px 8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:1px;background:rgba(255,255,255,.96);border:1px solid rgba(180,184,179,.58);border-radius:22px;box-shadow:0 12px 35px rgba(25,28,25,.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .dock-link{position:relative;min-width:0;min-height:52px;padding:5px 1px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:15px;color:#777b7d;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .dock-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}
  /* Keep translated labels readable in the six-item dock on narrow phones. */
  .dock-link span{display:block;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:clamp(7px,2vw,8px);line-height:1.08;font-weight:600;letter-spacing:-.015em}
  .dock-link[aria-current="page"]{color:#111;background:rgba(255,234,0,.22)}
  .dock-link[aria-current="page"]:before{content:"";position:absolute;top:2px;width:23px;height:3px;border-radius:9px;background:var(--yandex-taxi-primary);box-shadow:0 0 12px rgba(255,234,0,.75)}
  .dock-link[aria-current="page"] svg{transform:scale(1.08)}
  .dock-link:focus-visible{outline:2px solid #111;outline-offset:1px}
  .marketing-shell{padding-left:16px;padding-right:16px}
  .home-hero{padding-top:37px}
  .hero-copy h1{font-size:clamp(50px,14vw,76px)}
  .hero-actions{flex-wrap:wrap;gap:16px}
  .hero-meta{gap:9px;font-size:9px}
  .hero-meta i{width:15px}
  .home-links{padding-bottom:45px}
  .home-bottom{padding-bottom:32px}
  .inner-shell{padding-top:32px;padding-bottom:38px;min-height:unset}
  .inner-title{font-size:clamp(36px,11vw,46px)}
  .tariff-check-card{padding:16px}
  .tariff-fields{gap:14px}
  .benefit-card{min-height:unset;padding:18px}
  .site-footer{padding-bottom:10px}
}
@media(max-width:360px){
  .mobile-dock{width:calc(100% - 12px);padding:5px 4px;border-radius:19px;min-height:62px}
  .dock-link{min-height:49px;gap:2px}
  .dock-link svg{width:18px;height:18px}
  .dock-link span{font-size:7px;line-height:1.05}
  .brand{font-size:16px}
  .section-card{padding:18px 14px}
}

.faq-shell{max-width:1040px}.faq-list{max-width:860px;border-top:1px solid var(--yandex-taxi-border)}.faq-item{border-bottom:1px solid var(--yandex-taxi-border)}.faq-item summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:680}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary b{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:18px;font-weight:400;transition:transform .18s}.faq-item[open] summary b{transform:rotate(45deg);background:var(--yandex-taxi-primary)}.faq-item p{max-width:750px;color:#707476;font-size:12px;line-height:1.75;margin:0;padding:0 46px 20px 0}.faq-end{max-width:860px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#808486;font-size:11px}
@media(max-width:760px){.faq-shell{padding-top:32px}.faq-item summary{min-height:60px;font-size:12px}.faq-item p{font-size:11px;padding:0 12px 17px 0}.faq-end{align-items:flex-start;flex-direction:column;gap:10px}}

.commission-section{max-width:850px;margin-top:31px}.commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.commission-card{padding:19px;background:rgba(255,255,255,.75);border:1px solid var(--yandex-taxi-border);border-radius:13px}.commission-card h2{font-size:14px;line-height:1.35;margin:0 0 16px}.commission-card p,.commission-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-top:1px solid #eeeeea;color:#777b7d;font-size:11px}.commission-card p strong,.commission-total strong{color:#111}.commission-total{margin-top:5px;font-weight:750}.daily-fee{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:12px;padding:17px 19px;background:#fff7bd;border:1px solid #eee2a3;border-radius:13px}.daily-fee>div{display:grid;gap:5px}.daily-fee>div>strong{font-size:25px;letter-spacing:-.04em}.daily-fee small{font-size:12px;color:#6f6e5e}.daily-fee ul{display:grid;gap:7px;margin:0;padding-left:17px;color:#5e5f58;font-size:10px}.commission-note{color:#85898a;font-size:10px;line-height:1.6;margin:11px 2px}.about-shell .notice-card p a,.faq-item p a{color:#111}.faq-item a:hover{opacity:.7}
@media(max-width:760px){.commission-grid{grid-template-columns:1fr}.daily-fee{align-items:flex-start;flex-direction:column;gap:12px}.daily-fee ul{gap:5px}.commission-card{padding:16px}}

/* SANI: zero park commission emphasis */
.commission-ribbon{position:relative;z-index:2;min-height:66px;padding:10px clamp(16px,5vw,76px);display:flex;align-items:center;gap:13px;background:var(--yandex-taxi-primary);color:#111}.commission-ribbon-mark{font-size:27px;line-height:1;font-weight:900;letter-spacing:-.06em}.commission-ribbon-copy{display:grid;gap:3px}.commission-ribbon-copy strong{font-size:13px}.commission-ribbon-copy small{font-size:10px;color:#4c4b41}.commission-ribbon>a{margin-left:auto;color:#111;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}.commission-ribbon>a span{padding-left:5px}.hero-copy h1{max-width:760px}.home-zero-card{display:flex;align-items:center;gap:15px;padding:20px 0 5px}.home-zero-card strong{font-size:clamp(58px,7vw,82px);line-height:.95;letter-spacing:-.08em;color:#111}.home-zero-card span{font-size:14px;line-height:1.35;font-weight:750}.zero-clarification{margin:0 0 12px;color:#777b7e;font-size:10px;line-height:1.5}.park-zero-banner{display:flex;align-items:center;gap:15px;margin:14px 0 23px;padding:18px 20px;background:#ffea00;border-radius:14px;color:#111;box-shadow:0 12px 30px rgba(255,234,0,.24)}.park-zero-banner>span{font-size:38px;line-height:1;font-weight:900;letter-spacing:-.07em}.park-zero-banner>div{display:grid;gap:5px}.park-zero-banner strong{font-size:15px}.park-zero-banner small{font-size:11px;color:#535146}.commission-ribbon+.marketing-shell{padding-top:0}.commission-ribbon+.page-shell{padding-top:37px}
@media(max-width:760px){.commission-ribbon{min-height:61px;gap:9px;padding:9px 13px}.commission-ribbon-mark{font-size:24px}.commission-ribbon-copy strong{font-size:11px}.commission-ribbon-copy small{font-size:8.5px;line-height:1.3}.commission-ribbon>a{font-size:9px}.home-zero-card{padding:12px 0 2px}.home-zero-card strong{font-size:62px}.home-zero-card span{font-size:12px}.zero-clarification{max-width:250px}.park-zero-banner{padding:15px;gap:11px}.park-zero-banner>span{font-size:32px}.park-zero-banner strong{font-size:13px}.park-zero-banner small{font-size:9px}}

/* Animated glass dock matching the supplied navigation reference */
.mobile-dock{overflow:hidden;isolation:isolate}
.dock-glow{position:absolute;z-index:0;left:0;top:50%;width:58px;height:58px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,234,0,.74) 0%,rgba(255,234,0,.35) 36%,rgba(255,234,0,0) 75%);filter:blur(7px);opacity:.92;transform:translate3d(0,-50%,0);transition:transform .48s cubic-bezier(.22,1,.36,1);}
.dock-glow.no-transition{transition:none}
.dock-link{z-index:1;transition:color .2s,background .2s,transform .25s cubic-bezier(.22,1,.36,1)}
.dock-link svg{transition:transform .26s cubic-bezier(.22,1,.36,1),stroke .2s}
.dock-link:hover svg,.dock-link:focus-visible svg{transform:scale(1.22)}
.dock-link[aria-current="page"] svg,.dock-link.is-pending svg{transform:scale(1.32)}
.dock-link[aria-current="page"]{background:rgba(255,255,255,.56);box-shadow:0 4px 14px rgba(20,20,16,.09)}
.dock-link[aria-current="page"]:before{z-index:2}
@media(max-width:760px){.commission-ribbon+.marketing-shell{padding-top:0}.commission-ribbon+.page-shell{padding-top:27px}}

/* Animated glass gradient card effect from the supplied profile-card reference */
.blob-card{position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.62)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.blob-card::before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:76%;height:76%;border-radius:50%;pointer-events:none;opacity:.96;filter:blur(12px);background:linear-gradient(90deg,#ec4899 0%,#ef4444 52%,#eab308 100%);animation:sani-card-blob 5s linear infinite}
.blob-card::after{content:"";position:absolute;z-index:1;inset:5px;border:1px solid rgba(255,255,255,.82);border-radius:inherit;pointer-events:none;background:rgba(249,249,246,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.blob-card>*{position:relative;z-index:2}
@keyframes sani-card-blob{0%,100%{transform:translate(-100%,-100%)}25%{transform:translate(0,-100%)}50%{transform:translate(0,0)}75%{transform:translate(-100%,0)}}
@media(prefers-reduced-motion:reduce){.blob-card::before{animation:none;transform:translate(-50%,-50%);opacity:.45}.dock-glow,.dock-link,.dock-link svg{transition:none!important}}
@media(max-width:760px){.blob-card::after{inset:4px}.blob-card::before{width:84%;height:84%;filter:blur(14px)}}

/* Keep searchable dropdowns usable while containing the moving colour inside each card */
.blob-card{overflow:visible!important}
.blob-card::before{top:17%;left:17%;width:66%;height:66%;filter:blur(16px)}
@keyframes sani-card-blob{0%,100%{transform:translate(0,0)}25%{transform:translate(100%,0)}50%{transform:translate(100%,100%)}75%{transform:translate(0,100%)}}
.daily-fee.blob-card::after{background:rgba(255,247,189,.88)}

/* Let the homepage shader continue under its fixed mobile navigation. */
@media(max-width:760px){
  .marketing-page:has(.home-page){padding-bottom:0}
  .home-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .marketing-page .home-mobile-dock{background:rgba(7,10,24,.54);border-color:rgba(255,255,255,.24);box-shadow:0 12px 35px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)}
  .marketing-page .home-mobile-dock .dock-link{color:rgba(255,255,255,.78)}
  .marketing-page .home-mobile-dock .dock-link[aria-current="page"]{color:#fff;background:rgba(255,234,0,.2);box-shadow:0 4px 14px rgba(0,0,0,.14)}
  .marketing-page .home-mobile-dock .dock-link:focus-visible{outline-color:#fff}
}

/* Replace the interior blob with the moving perimeter glow shown in the latest reference */
@property --sani-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.blob-card{overflow:visible!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 42px rgba(30,35,34,.09),0 3px 10px rgba(30,35,34,.045)}
.blob-card::before{content:"";position:absolute;z-index:1;inset:0;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--sani-glow-angle),transparent 0deg 245deg,#fff4b8 265deg,#ffea00 295deg,#d18900 322deg,transparent 350deg 360deg);filter:drop-shadow(0 0 3px rgba(255,234,0,.42));animation:sani-glow-orbit 4.8s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.blob-card::after{display:none!important}
.daily-fee.blob-card{background:rgba(255,247,189,.96)!important}
@keyframes sani-glow-orbit{to{--sani-glow-angle:360deg}}
@media(prefers-reduced-motion:reduce){.blob-card::before{animation:none;--sani-glow-angle:325deg;filter:none}}

/* Precise animated border path: the colour runner stays on the card perimeter */
.blob-card{overflow:visible!important;background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.96)!important;box-shadow:0 18px 42px rgba(30,35,34,.09),0 3px 10px rgba(30,35,34,.045)}
.blob-card::before,.blob-card::after{display:none!important;content:none!important}
.blob-card > .card-orbit{position:absolute!important;inset:-1px!important;width:auto!important;height:auto!important;z-index:1!important;overflow:visible!important;pointer-events:none!important}
.card-orbit rect{stroke-dasharray:210 790;stroke-dashoffset:0;stroke-linecap:round;animation:sani-card-runner 12s linear infinite}
.card-orbit .orbit-glow{stroke-width:6;opacity:.52}
.card-orbit .orbit-line{stroke-width:1.8;opacity:1}
.card-orbit.reduced-motion rect{animation:none;stroke-dashoffset:-245}
@keyframes sani-card-runner{to{stroke-dashoffset:-1000}}
.daily-fee.blob-card{background:rgba(255,247,189,.96)!important}
.hero-copy h1{font-size:clamp(50px,6vw,84px);line-height:.98;letter-spacing:-.07em}
@media(max-width:760px){.hero-copy h1{font-size:clamp(48px,13vw,64px)}}
@media(prefers-reduced-motion:reduce){.card-orbit rect{animation:none;stroke-dashoffset:-245}}
.blob-card > .card-orbit{width:calc(100% + 2px)!important;height:calc(100% + 2px)!important}
.card-orbit rect{animation-delay:var(--orbit-delay,0s)}
/* Keep the model chooser above the note and summary text while it is open. */
.section-card:has(.combo.open) .fields-grid{position:relative;z-index:15}
.section-card:has(.combo.open) .combo{z-index:16}


/* Consistent inline SVG icon system */
.icon{display:inline-block;width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.brand-mark{display:grid;place-items:center}
.brand-symbol{width:100%;height:100%;display:block}
.nav-cta .icon,.commission-ribbon>a .icon{width:13px;height:13px}
.primary-button .icon{width:17px;height:17px}
.text-link .icon{width:14px;height:14px}
.section-chevron{width:16px;height:16px;color:#777}
.combo-arrow{display:grid;place-items:center;padding:0}
.combo-arrow .icon{width:17px;height:17px}
.flow-check .icon{width:15px;height:15px}
.flow-arrow .icon{width:16px;height:16px}
.link-arrow .icon{width:15px;height:15px}
.round-link .icon{width:19px;height:19px}
.note-icon{border:0;font-size:0}
.note-icon .icon,.catalog-note>span .icon{width:18px;height:18px}
.catalog-note>span{border:0;font-size:0}
.summary-icon .icon,.result-icon .icon{width:18px;height:18px}
.copy-button .icon{width:17px;height:17px}
.download-button .icon{width:16px;height:16px}
.lock-icon{border:0;border-radius:0}
.lock-icon .icon{width:19px;height:19px}
@media(max-width:760px){body{background-attachment:scroll}}

/* Original animated shader from the supplied file, used behind the SANI homepage hero. */
.home-hero{position:relative;isolation:isolate;overflow-x:clip;width:100vw;margin-left:calc(50% - 50vw);padding-left:max(18px,calc((100vw - 1240px)/2 + 32px));padding-right:max(18px,calc((100vw - 1240px)/2 + 32px));background:#03040a;color:#fff}
.home-shader{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-copy,.hero-panel{position:relative;z-index:1}
.hero-copy h1{color:#fff}
.hero-copy .eyebrow{color:#e9e9e7}
.hero-copy .hero-lead{color:rgba(255,255,255,.78)}
.hero-copy .hero-meta{color:rgba(255,255,255,.64)}
.hero-copy .hero-meta b{color:#fff}
.hero-copy .hero-meta i{background:rgba(255,255,255,.28)}
.hero-copy .text-link{color:#fff}
.hero-panel{color:#111}
.home-hero.shader-fallback{background:#03040a;overflow:hidden}
.home-hero.shader-fallback::before{content:"";position:absolute;z-index:0;inset:-25%;pointer-events:none;background:radial-gradient(ellipse 34% 54% at 52% 48%,rgba(255,248,241,.95),transparent 23%),radial-gradient(ellipse 42% 60% at 52% 48%,rgba(220,104,162,.67),transparent 39%),radial-gradient(ellipse 48% 68% at 53% 48%,rgba(74,220,236,.52),transparent 49%),radial-gradient(ellipse 55% 78% at 50% 52%,rgba(100,69,199,.42),transparent 61%),radial-gradient(ellipse 88% 84% at 52% 55%,rgba(20,45,109,.34),transparent 72%);filter:blur(23px);animation:sani-source-shader-fallback 23s ease-in-out infinite alternate}
.home-hero.shader-fallback .home-shader{display:none}
@keyframes sani-source-shader-fallback{0%{transform:translate3d(-1.2%,.4%,0) rotate(-2deg) scale(.97)}100%{transform:translate3d(1.4%,-.8%,0) rotate(2deg) scale(1.04)}}
@media(max-width:700px){.home-hero{padding-left:18px;padding-right:18px}.home-hero.shader-fallback::before{inset:-35%;filter:blur(18px)}.hero-copy h1{color:#fff}.hero-copy .hero-lead{color:rgba(255,255,255,.82)}}
@media(prefers-reduced-motion:reduce){.home-hero.shader-fallback::before{animation:none}}
html,body{overflow-x:clip}

/* Keep the supplied shader running as one continuous background across the whole homepage. */
.home-page{position:relative;isolation:isolate;overflow:clip;min-height:calc(100vh - 130px);background:#03040a;color:#fff}
.home-page>.home-shader{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.home-page>.home-shader{height:auto}
.home-page>.marketing-shell,.home-page>.site-footer{position:relative;z-index:1;background:transparent}
.home-hero{width:auto;margin:0;padding-left:0;padding-right:0;background:transparent;color:#fff}
.home-links,.home-bottom{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.home-links .section-label,.home-bottom .section-label{color:rgba(255,255,255,.72)}
.home-bottom>p{color:rgba(255,255,255,.76)}
.round-link{border-color:rgba(255,255,255,.5);color:#fff}
.home-page>.site-footer{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.68)}
.home-page>.site-footer .brand,.home-page>.site-footer nav a{color:rgba(255,255,255,.88)}
.home-page.shader-fallback{background:#03040a}
.home-page.shader-fallback::before{content:"";position:absolute;z-index:0;inset:-3%;pointer-events:none;background:radial-gradient(ellipse 34% 25% at 52% 18%,rgba(255,248,241,.95),transparent 23%),radial-gradient(ellipse 42% 36% at 52% 30%,rgba(220,104,162,.67),transparent 39%),radial-gradient(ellipse 48% 48% at 53% 45%,rgba(74,220,236,.52),transparent 49%),radial-gradient(ellipse 55% 62% at 50% 55%,rgba(100,69,199,.42),transparent 61%),radial-gradient(ellipse 88% 80% at 52% 55%,rgba(20,45,109,.34),transparent 72%);filter:blur(23px);animation:sani-source-shader-fallback 23s ease-in-out infinite alternate}
.home-page.shader-fallback>.home-shader{display:none}
@media(max-width:700px){.home-hero{padding-left:0;padding-right:0}.home-page.shader-fallback::before{inset:-4%;filter:blur(18px)}}

/* Homepage cards become translucent glass so the background shader remains visible through them. */
.home-page .hero-panel,.home-page .home-link-card{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.22)}
.home-page .hero-panel{color:#fff}
.home-page .panel-top,.home-page .panel-count,.home-page .flow-step strong,.home-page .panel-bottom strong{color:#fff}
.home-page .home-zero-card strong{color:#fff}
.home-page .zero-clarification,.home-page .flow-step small,.home-page .panel-bottom{color:rgba(255,255,255,.76)}
.home-page .flow-number{background:rgba(255,255,255,.18);color:#fff}
.home-page .flow-step.active .flow-number{background:var(--yandex-taxi-primary);color:#111}
.home-page .flow-connector{border-color:rgba(255,255,255,.36)}
.home-page .flow-check,.home-page .flow-arrow{color:rgba(255,255,255,.84)}
.home-page .panel-bottom{border-color:rgba(255,255,255,.24)}
.home-page .home-link-card{color:#fff}
.home-page .home-link-card h2{color:#fff}
.home-page .home-link-card p{color:rgba(255,255,255,.78)}
.home-page .home-link-card .link-num{color:rgba(255,255,255,.65)}
/* Extend the same animated background behind the homepage navigation. */
.home-page>.site-topbar{background:rgba(4,6,18,.38);border-bottom-color:rgba(255,255,255,.18);color:#fff}
.home-page>.site-topbar{position:sticky;top:0;z-index:30}
.home-page>.site-topbar .brand{color:#fff}
.home-page>.site-topbar .site-nav a,.home-page>.site-topbar .site-nav a.current,.home-page>.site-topbar .site-nav a:hover{color:#fff}
.home-page>.site-topbar .language-trigger{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-page>.site-topbar .language-trigger:hover,.home-page>.site-topbar .language-selector.is-open .language-trigger{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}

/* A single, balanced information card for the About page. */
.about-shell .about-columns{position:relative;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:clamp(24px,4vw,48px);max-width:920px;margin-top:30px;padding:clamp(22px,4vw,38px);border:1px solid rgba(255,255,255,.68);border-radius:24px;box-shadow:0 20px 54px rgba(27,30,33,.09),inset 0 1px 0 rgba(255,255,255,.4);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08)}
.about-shell .about-statement{align-self:center}
.about-shell .about-statement h2{max-width:16ch;font-size:clamp(28px,3.2vw,38px);line-height:1.08;margin:16px 0}
.about-shell .about-statement p{max-width:52ch;margin:0;font-size:13px;line-height:1.75}
.about-shell .about-facts{gap:5px;align-content:center}
.about-shell .about-facts>div,.about-shell .about-facts>div:last-child{grid-template-columns:36px minmax(0,1fr);gap:3px 12px;padding:11px 8px;border:0;border-bottom:1px solid rgba(110,115,116,.18);border-radius:0;background:transparent;box-shadow:none}
.about-shell .about-facts>div:last-child{border-bottom:0}
.about-shell .about-facts span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:10px;background:rgba(255,234,0,.24);color:#55500c;font-size:10px;font-weight:800}
.about-shell .about-facts strong{font-size:13px;line-height:1.35}
.about-shell .about-facts small{font-size:11px;line-height:1.45}
@media(max-width:700px){.about-shell .about-columns{grid-template-columns:1fr;gap:20px;margin-top:23px;padding:22px 18px;border-radius:20px}.about-shell .about-statement h2{font-size:29px}.about-shell .about-facts>div,.about-shell .about-facts>div:last-child{padding:10px 4px}}

/* Public park directory managed through the SANI admin panel. */
.park-directory{max-width:920px;margin:clamp(34px,6vw,64px) 0 0;padding-top:clamp(25px,4vw,38px);border-top:1px solid rgba(110,115,116,.2)}
.park-directory-heading{max-width:620px;margin-bottom:18px}
.park-directory-heading h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.04em;margin:9px 0 7px}
.park-directory-heading>p{margin:0;color:#676d72;font-size:12px;line-height:1.6}
.park-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.park-location-card{min-width:0;padding:20px;background:rgba(255,255,255,.64);border:1px solid rgba(134,142,148,.22);border-radius:17px;box-shadow:0 12px 30px rgba(22,28,34,.05);backdrop-filter:blur(16px);transition:transform .18s,border-color .18s,background .18s}
.park-location-card:hover{transform:translateY(-2px);border-color:rgba(196,40,45,.3);background:rgba(255,255,255,.78)}
.park-location-country{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,234,0,.28);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.park-location-card h3{margin:13px 0 2px;font-size:19px;letter-spacing:-.025em}
.park-location-city{margin:0;color:#686e73;font-size:12px}
.park-location-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.park-location-actions a{display:inline-flex;align-items:center;min-height:35px;padding:0 11px;border:1px solid rgba(120,128,134,.25);border-radius:9px;color:inherit;text-decoration:none;font-size:10px;font-weight:750}
.park-location-actions a:hover{border-color:#d52b30;color:#b42328}
.park-location-note,.park-directory-empty{color:#6f757a;font-size:11px;line-height:1.6}
.sani-theme-dark .park-directory{border-color:rgba(255,255,255,.13)}
.sani-theme-dark .park-directory-heading>p,.sani-theme-dark .park-location-city,.sani-theme-dark .park-location-note,.sani-theme-dark .park-directory-empty{color:#b3b8bb}
.sani-theme-dark .park-location-card{background:rgba(28,32,35,.74);border-color:rgba(255,255,255,.13);box-shadow:0 12px 30px rgba(0,0,0,.17)}
.sani-theme-dark .park-location-card:hover{background:rgba(34,38,41,.88);border-color:rgba(255,80,82,.45)}
.sani-theme-dark .park-location-actions a{border-color:rgba(255,255,255,.2)}
@media(max-width:700px){.park-directory-grid{grid-template-columns:1fr}.park-location-card{padding:17px}}

/* Smooth same-origin page changes without delaying native link navigation. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:sani-page-out .14s ease-out both}
::view-transition-new(root){animation:sani-page-in .22s cubic-bezier(.2,.7,.2,1) both}
@keyframes sani-page-out{to{opacity:0;transform:translateY(-3px)}}
@keyframes sani-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms;animation-iteration-count:1}}

/* Keep long Armenian and Georgian navigation labels on their own clean row. */
@media (min-width:761px) and (max-width:1180px){
  .site-topbar{height:auto;min-height:104px;flex-wrap:wrap;align-content:center;padding:7px clamp(16px,3vw,32px);gap:6px 14px}
  .site-topbar .site-nav{order:4;flex:0 0 100%;width:100%;min-height:30px;justify-content:flex-start;overflow-x:auto;padding:3px 0 2px;gap:clamp(15px,2.4vw,28px);scrollbar-width:none}
  .site-topbar .site-nav::-webkit-scrollbar{display:none}
  .site-topbar .site-nav a{flex:0 0 auto;font-size:12px;white-space:nowrap}
  .site-topbar .language-selector{order:2;margin-left:auto}
  .site-topbar .nav-cta{order:3;margin-left:0}
  #sani-theme-toggle-root{flex-basis:72px;width:72px;height:58px}
  .sani-theme-pullcord{top:-6px;left:0;width:70px;height:76px}
  .sani-pullcord-art{transform:scale(.25)}
}
/* A short page-entry fade keeps navigation smooth without racing browser
   cross-document View Transitions, which can be aborted during fast taps. */
@keyframes sani-page-enter{from{opacity:.84}to{opacity:1}}
body{animation:sani-page-enter .18s ease-out both}
@media(prefers-reduced-motion:reduce){body{animation:none}}


/* Brand CTA and required field markers: accessible Yandex red, in both themes. */
.primary-button,.nav-cta{background:#d92d20!important;color:#fff!important}
.primary-button:hover,.nav-cta:hover{background:#b42318!important;color:#fff!important}
.primary-button:focus-visible,.nav-cta:focus-visible{outline:3px solid rgba(217,45,32,.3);outline-offset:3px}
.required{color:#c5221f!important}
