:root{color-scheme:light;--ink:#10211e;--muted:#5e706c;--paper:#f3f7f5;--surface:#fff;--line:#dce7e3;--accent:#0c6b58;--shadow:0 18px 45px rgba(22,54,47,.10)}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0%,#d9eee7 0,transparent 32rem),var(--paper);color:var(--ink);font-family:Inter,"Noto Sans Armenian","Segoe UI",Arial,sans-serif}
.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 36px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 42px}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-.02em}
.brand-logo{display:block;width:106px;height:auto}
.brand-divider{width:1px;height:32px;background:var(--line)}
.brand-text{font-size:1.08rem}
.languages{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 4px 20px rgba(22,54,47,.05)}
.language{border:0;border-radius:999px;background:transparent;color:var(--muted);font:700 .86rem/1 inherit;padding:10px 13px;cursor:pointer}
.language.active{background:var(--ink);color:#fff}
.intro{max-width:740px;margin-bottom:34px}
.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.phone{display:inline-block;margin:20px 0 10px;color:var(--accent);font-size:clamp(1.35rem,3vw,2rem);font-weight:800;text-decoration:none}
.lead{max-width:580px;margin:5px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}
.card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--app)}
.whatsapp{--app:#25d366}.viber{--app:#7360f2}.telegram{--app:#229ed9}
.card-heading{display:flex;align-items:center;gap:13px;min-height:64px}
.app-icon{display:grid;flex:0 0 auto;place-items:center;width:45px;height:45px;border-radius:14px;background:var(--app);color:white;font-weight:900}
h2{margin:0 0 3px;font-size:1.22rem}.card-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.35}
.action{display:block;margin-top:28px;border-radius:15px;background:var(--app);color:white;padding:17px 16px;text-align:center;text-decoration:none;font-weight:800;transition:transform .15s ease,opacity .15s ease}
.action:hover{transform:translateY(-1px);opacity:.92}.action:focus-visible,.language:focus-visible,.phone:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
footer{padding:28px 6px 0;color:var(--muted);font-size:.93rem;text-align:center}footer a{color:var(--ink);font-weight:800;text-decoration:none}
@media(max-width:850px){.cards{grid-template-columns:1fr}.card{padding:22px}.action{margin-top:20px}}
@media(max-width:560px){.shell{width:min(100% - 22px,430px);padding-top:14px}.topbar{padding-bottom:30px}.brand-logo{width:88px}.brand-divider,.brand-text{display:none}.language{padding:9px 11px}h1{font-size:2.45rem}.lead{font-size:1rem}.cards{gap:14px}.card{padding:18px;border-radius:23px}.card-heading{min-height:auto}.action{padding:16px;margin-top:18px}.intro{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
