:root{--primary:#1769e8;--primary-dark:#0f4fb9;--ink:#112751;--muted:#63718a;--line:#dce8f7;--pale:#edf7ff;--white:#fff;--shadow:0 18px 50px rgba(35,80,140,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:90px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(210,227,247,.8)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img,.custom-logo{width:220px;display:block}.nav-list{display:flex;gap:34px;list-style:none;margin:0;padding:0;align-items:center}.nav-list a{font-weight:650;font-size:15px}.nav-list a:hover{color:var(--primary)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--ink);margin:5px}.hero{padding:80px 0 90px;background:radial-gradient(circle at 78% 30%,#dceeff 0,transparent 33%),linear-gradient(135deg,#f7fbff,#eaf6ff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:50px}.eyebrow,.section-heading span{display:inline-block;color:var(--primary);font-weight:750;font-size:14px;margin-bottom:14px}.eyebrow{background:#fff;border:1px solid #cfe4ff;padding:7px 13px;border-radius:999px}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.07;letter-spacing:-2.4px;margin:0 0 22px;max-width:720px}.hero h1::first-line{color:var(--ink)}.lead{font-size:21px;color:var(--muted);max-width:600px}.hero-points{display:flex;gap:25px;flex-wrap:wrap;margin:28px 0;color:#44536d}.hero-art img{filter:drop-shadow(0 28px 45px rgba(38,99,180,.2));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:14px 23px;border-radius:9px;font-weight:750;box-shadow:0 10px 22px rgba(23,105,232,.22);transition:.2s}.button:hover{transform:translateY(-2px);background:var(--primary-dark)}.button-outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary);box-shadow:none}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{font-size:clamp(31px,4vw,44px);line-height:1.15;margin:0;letter-spacing:-1.3px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px 20px;text-align:center;box-shadow:0 8px 25px rgba(26,69,127,.07);transition:.25s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card img{height:92px;margin-bottom:18px}.feature-card h3{font-size:17px;line-height:1.35;min-height:47px}.feature-card p{color:var(--muted);font-size:14px}.pricing{background:#fbfdff}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:930px;margin:auto;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;box-shadow:0 9px 25px rgba(25,68,126,.07)}.price-card.featured{border:2px solid var(--primary);transform:translateY(-12px);box-shadow:0 20px 44px rgba(23,105,232,.16)}.badge{position:absolute;top:0;right:20px;background:var(--primary);color:#fff;border-radius:0 0 8px 8px;padding:5px 14px;font-size:12px}.plan{color:var(--primary);font-weight:750}.price{font-size:44px;font-weight:850;letter-spacing:-1.5px;margin:12px 0}.price small{font-size:14px;font-weight:600}.text-price{font-size:35px}.price-card ul{padding:0;list-style:none;margin:24px 0 30px;flex:1}.price-card li{margin:10px 0;color:#4d5c75;font-size:14px}.price-card li::before{content:'✓';color:var(--primary);font-weight:800;margin-right:9px}.price-card strong{color:var(--primary);font-size:13px}.guarantee{text-align:center;margin-top:30px;color:#42516a}.contact-box{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center;padding:42px 70px;border-radius:22px;background:linear-gradient(135deg,#e9f5ff,#d9edff)}.contact-box img{max-height:190px}.contact-box h2{font-size:36px;margin:0 0 8px}.contact-box p{color:var(--muted);max-width:650px}.site-footer{border-top:1px solid var(--line);padding:55px 0 18px;background:#fbfdff}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}.footer-logo{width:200px}.footer-grid p{max-width:300px;color:var(--muted)}.footer-grid h3{font-size:16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:9px 0}.footer-links a{color:#47607f;font-size:14px}.footer-links a:hover{color:var(--primary)}.copyright{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:35px;color:#7c899c;font-size:13px}.content-area{max-width:850px}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:1/-1}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-points{justify-content:center}.hero-art{max-width:700px;margin:auto}.pricing-grid{grid-template-columns:1fr;max-width:520px}.price-card.featured{transform:none}.contact-box{grid-template-columns:180px 1fr;padding:38px}}
@media(max-width:760px){.section{padding:65px 0}.container{width:min(100% - 28px,1180px)}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:14px;right:14px;top:72px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:16px}.site-nav.open{display:block}.nav-list{flex-direction:column;gap:6px;align-items:stretch}.nav-list a{display:block;padding:10px}.brand img,.custom-logo{width:185px}.hero{padding-top:55px}.hero h1{font-size:43px;letter-spacing:-1.5px}.lead{font-size:18px}.feature-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.contact-box{grid-template-columns:1fr;text-align:center;padding:32px 22px}.contact-box img{max-width:180px;margin:auto}.footer-grid{grid-template-columns:1fr;gap:25px}}

/* Version 2: editable menus and language switcher */
.header-actions{display:flex;align-items:center;gap:18px}.language-switcher{position:relative}.language-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:9px;font:inherit;font-weight:750;cursor:pointer;transition:.2s}.language-toggle:hover{border-color:var(--primary);color:var(--primary)}.globe{font-size:18px}.chevron{font-size:14px;transition:.2s}.language-switcher.open .chevron{transform:rotate(180deg)}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:70;min-width:180px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.language-switcher.open .language-menu{display:block}.language-menu a{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:8px;font-size:14px}.language-menu a:hover,.language-menu a[aria-current="page"]{background:var(--pale);color:var(--primary)}.language-menu strong{font-size:12px}.footer-grid .custom-logo-link{display:inline-block}.footer-grid .custom-logo{width:200px}.price small:empty{display:none}
@media(max-width:1060px){.nav-list{gap:20px}.header-actions{gap:10px}.language-toggle{padding:8px 10px}}
@media(max-width:760px){.header-actions{margin-left:auto}.site-nav{top:74px}.language-switcher{order:1}.menu-toggle{order:2}.site-nav{order:3}.language-menu{right:0}.header-inner{position:relative}.header-actions{display:flex}.site-nav{position:absolute}.site-nav.open{display:block}.language-toggle .globe{display:none}}

/* Version 3.0 */
:root{--surface:#fff;--surface-soft:#fbfdff;--text:var(--ink);--header:rgba(255,255,255,.94)}
body.dark-mode{--ink:#eef5ff;--muted:#aab8ce;--line:#2d405d;--white:#14233a;--surface:#0f1c2e;--surface-soft:#12233a;--header:rgba(15,28,46,.94);--pale:#183556;--shadow:0 18px 50px rgba(0,0,0,.28);background:#0f1c2e;color:var(--ink)}
body,.site-header,.feature-card,.price-card,.site-footer,.language-toggle,.language-menu,.site-nav,.testimonial-card,.faq-item{transition:background-color .25s,color .25s,border-color .25s}
.site-header{background:var(--header)}body.dark-mode .hero{background:radial-gradient(circle at 78% 30%,#163f6b 0,transparent 33%),linear-gradient(135deg,#12233a,#0e1a2b)}body.dark-mode .feature-card,body.dark-mode .price-card,body.dark-mode .testimonial-card,body.dark-mode .faq-item,body.dark-mode .language-toggle,body.dark-mode .language-menu,body.dark-mode .site-nav{background:var(--surface)}body.dark-mode .pricing,body.dark-mode .site-footer,body.dark-mode .testimonials{background:var(--surface-soft)}body.dark-mode .button-outline{background:transparent}body.dark-mode .eyebrow{background:#14233a}body.dark-mode .contact-box{background:linear-gradient(135deg,#173452,#142b45)}
.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:18px;display:grid;place-items:center}.theme-toggle .moon{display:none}.dark-mode .theme-toggle .sun{display:none}.dark-mode .theme-toggle .moon{display:inline}.theme-toggle:hover{color:var(--primary);border-color:var(--primary)}
.testimonials{background:var(--surface-soft)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 9px 25px rgba(25,68,126,.07)}.testimonial-card blockquote{margin:12px 0 20px;font-size:17px;line-height:1.65}.testimonial-card strong,.testimonial-card span{display:block}.testimonial-card span{font-size:14px;color:var(--muted)}.stars{color:#ffb020;letter-spacing:2px}
.faq-wrap{max-width:880px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.faq-item summary{cursor:pointer;padding:19px 22px;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:24px;color:var(--primary);transition:.2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 22px 20px;margin:0;color:var(--muted)}
.mobile-cta{display:none}.blog-hero{text-align:center;background:var(--pale);padding:65px 0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 9px 25px rgba(25,68,126,.07)}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-card-content{padding:24px}.post-card h2{font-size:23px;line-height:1.25;margin:8px 0 12px}.post-card p{color:var(--muted)}.post-meta{font-size:13px;color:var(--primary);font-weight:700}.single-content{max-width:850px}.single-content h1{font-size:clamp(38px,5vw,58px);line-height:1.1}.single-content .entry-content{font-size:18px}.single-content .entry-content p{margin:0 0 1.4em}.pagination{margin-top:35px}.nav-links{display:flex;gap:8px;justify-content:center}.page-numbers{padding:9px 13px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--primary);color:#fff}
@media(max-width:1000px){.testimonial-grid,.post-grid{grid-template-columns:1fr 1fr}.testimonial-card:last-child{grid-column:1/-1}}
@media(max-width:760px){body{padding-bottom:68px}.testimonial-grid,.post-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:auto}.theme-toggle{width:36px;height:36px}.mobile-cta{display:flex;position:fixed;z-index:80;left:14px;right:14px;bottom:12px;height:50px;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:12px;font-weight:800;box-shadow:0 12px 28px rgba(23,105,232,.35)}.site-footer{padding-bottom:85px}.header-actions{gap:7px}.language-toggle{height:36px}.faq-item summary{padding:17px}.faq-item p{padding:0 17px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-art img{animation:none;transition:none;transform:none;opacity:1}}

/* Version 3.1 product website */
.breadcrumbs{display:flex;gap:9px;align-items:center;padding:22px 0 0;font-size:.9rem;color:var(--muted);margin-bottom:8px}.breadcrumbs a{color:var(--primary)}
.product-page{overflow:hidden}.product-hero{padding-top:70px;background:radial-gradient(circle at 85% 20%,rgba(23,105,232,.15),transparent 35%),linear-gradient(180deg,var(--pale),#fff)}.product-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.product-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.045em}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.security-orbit{position:relative;padding:30px}.security-orbit img{width:100%;filter:drop-shadow(0 30px 45px rgba(14,65,145,.2))}.orbit-chip{position:absolute;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;padding:10px 17px;font-weight:800;color:var(--primary)}.chip-1{top:8%;right:15%}.chip-2{bottom:22%;right:2%}.chip-3{bottom:8%;left:14%}
.stats-strip{padding:32px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.stats-grid>div{text-align:center;padding:28px 14px;border-right:1px solid var(--border)}.stats-grid>div:last-child{border-right:0}.stats-grid strong{display:block;color:var(--primary);font-size:2.2rem}.stats-grid span{color:var(--muted);font-size:.9rem}
.detail-section{padding:100px 0}.detail-section.alt,.dashboard-section,.comparison-section{background:var(--soft)}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.detail-grid.reverse .detail-copy{order:2}.detail-grid.reverse figure{order:1}.detail-copy h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.025em}.section-kicker{display:inline-block;color:var(--primary);font-weight:800;margin-bottom:12px}.check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{position:relative;padding:9px 0 9px 30px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:900}.product-shot,.wide-shot{margin:0;background:var(--surface);padding:12px;border-radius:20px;border:1px solid var(--border);box-shadow:0 25px 60px rgba(20,60,115,.14)}.product-shot img,.wide-shot img{width:100%;display:block;border-radius:12px}.product-shot figcaption{padding:12px 6px 2px;color:var(--muted);font-size:.85rem}.wide-shot{margin-top:35px}.dashboard-section{padding:100px 0}.mini-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.mini-card{background:var(--surface);padding:25px;border-radius:18px;border:1px solid var(--border)}.mini-card h3{font-size:1.05rem}
.protection-flow{padding:100px 0}.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:18px}.flow-step{height:100%;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.flow-step b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff}.flow-arrow{color:var(--primary);font-size:2rem;font-weight:900}.comparison-section{padding:100px 0}.comparison-wrap{overflow:auto;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.comparison-table{width:100%;border-collapse:collapse;background:var(--surface);min-width:720px}.comparison-table th,.comparison-table td{padding:18px 20px;border-bottom:1px solid var(--border);text-align:center}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table th:nth-child(2),.comparison-table td:nth-child(2){background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);font-weight:800}.final-cta{padding-top:80px}
.content-shell{padding-bottom:100px}.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:55px;margin-top:55px}.docs-nav{position:sticky;top:105px;align-self:start;background:var(--soft);border:1px solid var(--border);padding:24px;border-radius:18px}.docs-nav a{display:block;padding:9px 0;color:var(--text)}.docs-content{max-width:850px}.docs-content section{padding-top:35px;scroll-margin-top:110px}.docs-content ol{line-height:1.8}.search-form{display:flex;gap:8px}.search-form label{flex:1}.search-form input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px}.search-form button{border:0;background:var(--primary);color:white;border-radius:10px;padding:0 18px}
@media(max-width:900px){.product-hero-grid,.detail-grid,.docs-layout{grid-template-columns:1fr}.detail-grid.reverse .detail-copy,.detail-grid.reverse figure{order:initial}.stats-grid,.mini-feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.flow-grid{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}.docs-nav{position:static}}
@media(max-width:560px){.stats-grid,.mini-feature-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0!important;border-bottom:1px solid var(--border)}.product-hero{padding-top:35px}.detail-section,.dashboard-section,.protection-flow,.comparison-section{padding:70px 0}.button-row .button{width:100%;text-align:center}}

/* Version 4.0 */
.v4-hero{padding:110px 0 90px;background:radial-gradient(circle at 85% 20%,rgba(63,151,255,.2),transparent 32%),linear-gradient(180deg,var(--pale),#fff)}
.v4-hero .container{max-width:950px;text-align:center}.v4-hero h1{max-width:900px;margin:14px auto 20px;font-size:clamp(2.5rem,6vw,5rem);line-height:1.02}.v4-hero p{max-width:760px;margin:0 auto 30px;font-size:1.18rem;color:var(--muted)}
.v4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.v4-card{padding:30px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 18px 60px rgba(16,55,95,.08)}.v4-card>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--pale);color:var(--primary);font-weight:800}.v4-card h2{font-size:1.35rem;margin:18px 0 10px}.v4-card p{color:var(--muted)}.v4-card a{font-weight:750}
.split-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:stretch;margin-top:45px;padding:42px;border-radius:30px;background:linear-gradient(135deg,#0c2b4b,#115ec9);color:#fff}.split-panel p{color:rgba(255,255,255,.78)}.metric-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:22px;background:rgba(255,255,255,.11);text-align:center}.metric-panel strong{font-size:2.5rem}.metric-panel span{opacity:.8}.check-list{list-style:none;padding:0}.check-list li{margin:12px 0}.check-list li:before{content:'✓';margin-right:10px;color:#78d7ff}
.release-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 20px 70px rgba(14,63,118,.1)}.status-pill{display:inline-block;padding:7px 12px;border-radius:99px;background:#e6f8ee;color:#11753e;font-weight:800;font-size:.8rem}.notice-box{margin-top:28px;padding:26px;border-left:4px solid var(--primary);background:var(--pale);border-radius:0 18px 18px 0}
.timeline{position:relative;padding-left:34px}.timeline:before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border)}.timeline article{position:relative;padding:0 0 38px 24px}.timeline article:before{content:'';position:absolute;left:-33px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px var(--pale)}.timeline time{font-weight:800;color:var(--primary)}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.roadmap-grid article{padding:32px;border-radius:24px;background:linear-gradient(180deg,var(--pale),var(--surface));border:1px solid var(--border)}.roadmap-grid span{font-weight:800;color:var(--primary);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.status-list{max-width:860px;margin:auto;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface)}.status-list>div{display:grid;grid-template-columns:20px 1fr auto;gap:14px;align-items:center;padding:22px 25px;border-bottom:1px solid var(--border)}.status-list>div:last-child{border-bottom:0}.status-dot{width:11px;height:11px;border-radius:50%;background:#23b26d;box-shadow:0 0 0 5px rgba(35,178,109,.12)}.status-list em{font-style:normal;color:#13784a;font-weight:700}.status-note{text-align:center;color:var(--muted);font-size:.9rem;margin-top:18px}
.product-faq{max-width:900px;margin:auto}.v4-custom-content{margin-top:45px}.final-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px;border-radius:30px;background:linear-gradient(135deg,var(--pale),#ddecff)}.final-cta h2{margin:8px 0}.final-cta p{margin:0;color:var(--muted)}
.gtranslate_wrapper,.gtranslate_selector{font-size:.9rem}.language-switcher .gtranslate_wrapper{min-width:150px}
@media(max-width:900px){.v4-grid,.roadmap-grid,.split-panel{grid-template-columns:1fr}.release-card,.final-cta .container{align-items:flex-start;flex-direction:column}.metric-panel{min-height:180px}}


/* Version 5.7: corrected mobile navigation close button and breadcrumb spacing */
body .mobile-menu-close {
  display: none !important;
}

@media (max-width: 760px) {
  body .site-nav {
    position: absolute;
  }

  body .site-nav.open {
    padding-top: 58px;
  }

  body .site-nav.open .mobile-menu-close {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 20;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--ink);
    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    transition: background-color .2s, border-color .2s, transform .2s;
  }

  body .site-nav.open .mobile-menu-close span {
    display: block;
    position: static;
    width: auto;
    height: auto;
    background: none;
    color: inherit;
    font-size: 31px;
    font-weight: 400;
    line-height: .75;
    transform: none;
  }

  body .site-nav.open .mobile-menu-close:hover {
    border-color: var(--primary);
    background: var(--pale);
    color: var(--primary);
    transform: scale(1.04);
  }

  body .site-nav.open .mobile-menu-close:focus-visible {
    outline: 3px solid rgba(23,105,232,.25);
    outline-offset: 2px;
  }
}

@media (min-width: 761px) {
  body .mobile-menu-close {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}