:root{color-scheme:light;--ink:#202124;--muted:#5b5e64;--blue:#303238;--line:#dedfe2;--light:#f4f4f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--white);color:var(--ink);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid #8b8e95;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12}h2{font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em}h3{font-size:1.4rem;letter-spacing:-.025em}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.topline{background:var(--ink);color:#d0d1d4;font-size:.875rem}.topline .container{display:flex;justify-content:space-between;padding-block:8px}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.3rem;font-weight:800;letter-spacing:.07em;line-height:1}.brand-sub{display:block;font-size:.7rem;letter-spacing:.36em;margin-top:8px}.brand-mark{display:flex;align-items:center;justify-content:center;width:45px;height:49px;position:relative;background:var(--ink);color:white;font-size:2rem;letter-spacing:0}.brand-mark span{position:absolute;background:#a8aaaf;height:5px;width:14px;right:7px;bottom:10px}nav{display:flex;gap:30px}nav a{font-size:.9375rem;font-weight:600;text-decoration:none}.header-phone{font-size:.9375rem;font-weight:700;text-decoration:none;white-space:nowrap}.hero{background:var(--ink);color:#fff;padding:88px 0 78px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;color:#c5c7cc;margin-bottom:24px}.blue{color:var(--blue)}h1{font-size:clamp(2.7rem,4.6vw,4rem);font-weight:700;letter-spacing:-.045em;line-height:1.08}h1 span{color:#bfc1c6}.intro{max-width:560px;margin-top:28px;color:#d0d1d5;font-size:1.0625rem;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;text-decoration:none;font-weight:700;font-size:.9375rem;border:1px solid transparent;border-radius:3px}.primary{background:var(--blue);color:white}.primary:hover{background:#464950;color:white}.secondary{border-color:#74777e;color:#fff}.secondary:hover{background:#393c42;color:white}.hero-note{margin-top:36px;font-size:.875rem;color:#bfc1c6}.hero-note span{padding:0 10px;color:#9699a0}.service-panel{border:1px solid #4b4e55;background:#2c2e33;border-radius:4px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #484b52}.panel-heading .eyebrow{margin:0}.panel-index{font-size:.75rem;color:#bfc1c6}.panel-row{display:flex;gap:20px;padding:27px 28px;border-bottom:1px solid #484b52}.number{color:#c9cbd0;font-size:.875rem}.panel-row h2{font-size:1.125rem;letter-spacing:-.015em;line-height:1.4}.panel-row p{font-size:.875rem;color:#c5c7cc;margin-top:5px}.panel-footer{display:flex;justify-content:space-between;gap:16px;padding:20px 28px;font-size:.75rem;color:#c5c7cc}.benefits{border-bottom:1px solid var(--line)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:30px}.benefits-grid>div{padding-left:38px;border-left:1px solid var(--line)}.benefits-grid>div:first-child{padding-left:0;border:0}.small-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.benefits strong{font-size:1.125rem}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading .eyebrow,.service-grid .eyebrow,.about-grid .eyebrow{margin-bottom:16px}.section-heading>p{max-width:390px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:var(--light);border:1px solid #dedfe2;border-top:3px solid var(--blue);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.card-number{font-size:.75rem;letter-spacing:.09em;font-weight:700;color:var(--muted);margin-bottom:36px}.product-card p{color:var(--muted);margin:17px 0 30px}.product-card a{font-size:.875rem;color:#303238;font-weight:700;margin-top:auto}.service-section{background:var(--light);padding-block:80px}.service-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.section-intro{color:var(--muted);max-width:430px;margin:24px 0 28px}.service-list article{display:flex;gap:25px;padding:25px 0;border-top:1px solid #d7d8dc}.service-list article:first-child{padding-top:0;border:0}.service-list article>span{color:var(--blue);font-size:.875rem}.service-list h3{font-size:1.1875rem;line-height:1.4}.service-list p{margin-top:7px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.about-copy>p{color:var(--muted);margin-bottom:20px}.about-copy>p:first-child{color:var(--ink);font-size:1.1875rem}.business-note{padding:23px 25px;border-left:3px solid var(--blue);background:var(--light);margin-top:30px}.business-note p{margin-top:7px;color:var(--muted)}.business-note a{overflow-wrap:anywhere}.contact-section{background:var(--ink);color:#fff;padding-block:80px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.contact-section h2{font-size:clamp(2.5rem,4vw,3.6rem);line-height:1.15}.contact-section h2 span{color:#bfc1c6}.contact-section .container>div>p:last-child{color:#c7c9ce;max-width:380px;margin-top:25px}.contact-card{background:#2c2e33;border:1px solid #4b4e55;padding:12px 30px 25px;border-radius:4px}dl{margin:0}dl>div{padding:20px 0;border-bottom:1px solid #484b52}dt{font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#c5c7cc;margin-bottom:7px}dd{margin:0;font-size:1.125rem;overflow-wrap:anywhere}dd a{text-decoration:none}dd a:hover{color:#e0e1e4}dd span{display:block;color:#c5c7cc;font-size:.875rem;margin-top:3px}.visit-note{font-size:.875rem}footer{padding-block:28px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.875rem;color:var(--muted)}.footer-brand{font-size:.875rem;font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--ink)}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:16px}.legal{max-width:780px;min-height:65vh}.legal h1{font-size:2.8rem}.legal h2{font-size:1.4rem;margin:30px 0 12px;letter-spacing:-.02em}.legal p{margin-top:18px;color:var(--muted)}.legal .eyebrow{margin-bottom:15px}.back{display:inline-block;margin-top:30px;color:var(--blue)}@media(min-width:1500px){.hero{padding-block:100px}}@media(max-width:1000px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.header-phone{display:none}.hero-grid{gap:30px;grid-template-columns:1.2fr 1fr}.service-grid,.about-grid,.contact-grid{gap:45px}.panel-row,.panel-heading,.panel-footer{padding-inline:22px}.product-card{padding:24px}.hero{padding-block:65px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.topline{font-size:.75rem}.header-inner{min-height:110px;flex-wrap:wrap;padding-block:18px;gap:20px}.brand{font-size:1.1rem}.brand-mark{width:37px;height:41px;font-size:1.7rem}nav{width:100%;justify-content:space-between;gap:15px}nav a{font-size:.875rem}.hero{padding:48px 0}.hero-grid,.service-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:38px}h1{font-size:clamp(2.35rem,9vw,3.5rem)}.intro{font-size:1rem}.hero-note{font-size:.75rem}.hero-note span{padding-inline:6px}.panel-footer{flex-wrap:wrap}.benefits-grid{gap:20px;padding-block:24px}.benefits-grid>div{padding-left:0;border:0}.benefits strong{font-size:.9375rem;line-height:1.3;display:block}.small-label{font-size:.75rem;letter-spacing:.07em}.section{padding-block:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.product-grid{grid-template-columns:1fr;gap:16px}.product-card{padding:27px}.card-number{margin-bottom:23px}.service-section,.contact-section{padding-block:55px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner p{order:3;width:100%;font-size:.75rem}.contact-card{padding-inline:24px}.legal h1{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Legion Store brand and social updates */
.brand-logo{display:block;width:52px;height:46px;object-fit:contain;flex-shrink:0}
.armenian-intro{font-family:"Segoe UI",Arial,sans-serif;color:#e2e3e6;font-size:1.0625rem;line-height:1.8;margin-top:25px;max-width:570px}
.armenian-intro+.intro{margin-top:17px;font-size:1rem}
.social-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
.social-strip h3{font-size:1.25rem}.social-strip p{color:var(--muted);margin-top:9px;max-width:530px}
.social-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.social-actions a{font-weight:700;color:#303238;font-size:.875rem}
.legal-name{font-size:.75rem;display:inline-block}
@media(max-width:700px){.brand-logo{width:44px;height:39px}.armenian-intro{font-size:1rem}.social-strip{align-items:flex-start;flex-direction:column;gap:20px}.social-actions{gap:16px}.legal-name{display:block}}

.social-actions .primary{color:#fff}.social-actions .social-outline{border-color:#a5a8af;color:#303238;background:#fff}.social-actions .social-outline:hover{background:#ededee}.topline .container{gap:12px;flex-wrap:wrap}

.contact-card .directions-link{display:inline-block;margin-top:12px;color:#e0e1e4;text-decoration:underline;font-size:.9375rem;min-height:32px}

/* Neutral brand finish: graphite, silver and white. */
body{-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600}h1{line-height:1.12}h2{letter-spacing:-.035em}.brand{font-weight:750;letter-spacing:.1em}.brand-sub{letter-spacing:.38em}.eyebrow,.small-label,.card-number,dt{font-weight:600;letter-spacing:.12em}.hero{background:#24262a}.hero .primary{background:#f3f3f4;color:#202124;border-color:#f3f3f4}.hero .primary:hover{background:#d9dadd;border-color:#d9dadd;color:#16171a}.hero .secondary:hover{background:#383b41}.service-panel{box-shadow:0 16px 40px #00000014}.product-card{border-top-width:2px}.business-note{border-left-width:2px}.button{border-radius:4px;font-weight:600}.social-actions .primary:hover{color:#fff}.benefits strong{font-weight:600}.contact-section{background:#24262a}nav a:hover,.header-phone:hover{text-decoration:underline}.contact-card a:hover{text-decoration:underline}.contact-card .directions-link:hover{color:#fff}.footer-inner{font-size:.875rem}
/* Final usability refinements */
body{overflow-wrap:anywhere}
.hero-grid>* , .service-grid>* , .about-grid>* , .contact-grid>* , .product-grid>*{min-width:0}
.header-inner{flex-wrap:wrap}.header-inner nav{flex-wrap:wrap}
.header-inner nav a{display:inline-flex;align-items:center;min-height:44px}
.social-strip{flex-wrap:wrap}.social-actions{flex-shrink:1;max-width:100%}
.panel-heading{gap:12px;flex-wrap:wrap}.panel-row>div{min-width:0}
.button{max-width:100%;text-align:center}
.brand{flex-shrink:0}.header-phone{display:inline-flex;align-items:center;min-height:44px}
.header-phone:hover{text-decoration:underline}
@media(max-width:1000px) and (min-width:701px){.header-inner{padding-block:16px}.header-phone{margin-left:auto}.header-inner nav{order:2;width:100%;justify-content:center}}
@media(max-width:700px){.header-inner{gap:8px 16px;padding-block:14px}.header-inner nav{order:2;width:100%;gap:4px 16px}.header-phone{font-size:.875rem;white-space:normal;margin-left:auto}.brand{font-size:1rem;gap:9px}.brand-logo{width:40px;height:36px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}.hero-note{line-height:1.9}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.button{transition:background-color .18s ease,border-color .18s ease}.product-card{transition:border-color .18s ease,box-shadow .18s ease}.product-card:hover{border-color:#8c8f95;box-shadow:0 8px 24px #2021240a}}
.brand{max-width:100%;flex-shrink:1}.brand>span{min-width:0}

/* Original Legion Store logo lockup */
.header .brand{gap:14px;flex-shrink:1;min-width:0}
.header .brand-logo{width:44px;height:39px;flex-shrink:0}
.brand-wordmark{display:block;width:230px;height:auto;max-width:calc(100% - 58px);object-fit:contain}
.phone-short{display:none}
@media(max-width:700px){.header .brand{gap:11px}.header .brand-logo{width:34px;height:30px}.brand-wordmark{width:170px;max-width:calc(100% - 45px)}.phone-full{display:none}.phone-short{display:inline}.header-phone{justify-content:center;min-width:44px;padding:0 8px;border:1px solid var(--line);border-radius:4px}.header-inner{gap:12px 16px}}

/* English and Russian navigation */
.top-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.topline .container{align-items:center}
.language-switch{display:flex;gap:4px;align-items:center}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:36px;padding:4px 8px;color:#d0d1d4;font-size:.8125rem;line-height:1.2;text-decoration:none;border:1px solid transparent;border-radius:3px}
.language-switch a[aria-current="page"]{background:#f3f3f4;color:#202124}.language-switch a:hover{border-color:#a5a8af}.privacy-language{justify-content:flex-end!important}
html[lang="ru"] h1{font-size:clamp(2.2rem,3.5vw,3.3rem);letter-spacing:-.035em}html[lang="ru"] .contact-section h2{font-size:clamp(2.1rem,3.5vw,3.2rem)}
@media(max-width:700px){.topline .top-meta>span{display:none}.top-meta{gap:0}.topline .container{gap:8px}.language-switch a{min-width:36px}html[lang="ru"] .benefits-grid{grid-template-columns:1fr}html[lang="ru"] .benefits-grid>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}html[lang="ru"] .benefits-grid .small-label{font-size:.75rem}html[lang="ru"] .header-phone{padding-inline:6px}html[lang="ru"] .brand-wordmark{width:150px}}
.service-list article>span{flex:0 0 1.5rem;white-space:nowrap}.service-list article>div{flex:1;min-width:0}.number{flex-shrink:0;white-space:nowrap}

/* Armenian typography and three-language navigation */
html[lang="hy"] body{font-family:"Segoe UI",Arial,sans-serif}
html[lang="hy"] h1{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.25;letter-spacing:-.025em}
html[lang="hy"] h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.3;letter-spacing:-.02em}
html[lang="hy"] h3{font-size:1.2rem;line-height:1.4;letter-spacing:0}
html[lang="hy"] .panel-row h2{font-size:1.0625rem;line-height:1.45}
html[lang="hy"] .contact-section h2{font-size:clamp(2rem,3.3vw,3rem)}
html[lang="hy"] .eyebrow,html[lang="hy"] .small-label,html[lang="hy"] .card-number,html[lang="hy"] dt{letter-spacing:.04em}
.language-switch a{min-height:40px}.hero .intro{margin-top:26px}
@media(max-width:700px){html[lang="hy"] .brand-wordmark{width:150px}html[lang="hy"] .header-inner nav:not(.language-switch){gap:4px 12px}html[lang="hy"] .header-inner nav a{font-size:.8125rem}html[lang="hy"] .benefits-grid{grid-template-columns:1fr}html[lang="hy"] .benefits-grid>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.topline .container{row-gap:0}.language-switch a{padding-inline:7px}}