:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

:root{
  --porcelain:#F7F8F6; --graphite:#1E242B; --scarlet:#B82837; --kblue:#002B49; --stripe:linear-gradient(90deg,#0E4C7A,var(--sage));--sage:#C8DCD5; --sand:#F2D8D0;
  --bg:var(--porcelain); --bg-2:#FFFFFF; --ink:var(--graphite); --ink-2:#4B555E; --ink-3:#7E8891;
  --line:rgba(30,36,43,.10); --line-2:rgba(30,36,43,.16); --glass:rgba(255,255,255,.66); --glass-line:rgba(255,255,255,.85);
  --primary:var(--kblue); --primary-ink:#fff; --tint:#EEF3F0; --tint-2:#F6EFEC; --hangul:rgba(0,43,73,.06); --net:rgba(0,43,73,.22);
  --shadow:0 18px 50px -28px rgba(0,43,73,.28);
  --display:"Manrope","Noto Sans CJK KR",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Golos Text","Noto Sans CJK KR",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kr:"Noto Sans KR","Noto Sans CJK KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#13171B; --bg-2:#1B2126; --ink:#EEF2F5; --ink-2:#B9C2CA; --ink-3:#8A949D;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18); --glass:rgba(27,33,38,.7); --glass-line:rgba(255,255,255,.12);
  --primary:#DCE7F2; --primary-ink:#0F1A24; --tint:#182028; --tint-2:#1F2229; --hangul:rgba(255,255,255,.05); --net:rgba(200,220,213,.25);
  --shadow:0 18px 50px -28px rgba(0,0,0,.7); color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#13171B; --bg-2:#1B2126; --ink:#EEF2F5; --ink-2:#B9C2CA; --ink-3:#8A949D;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18); --glass:rgba(27,33,38,.7); --glass-line:rgba(255,255,255,.12);
  --primary:#DCE7F2; --primary-ink:#0F1A24; --tint:#182028; --tint-2:#1F2229; --hangul:rgba(255,255,255,.05); --net:rgba(200,220,213,.25);
  --shadow:0 18px 50px -28px rgba(0,0,0,.7); color-scheme:dark;
}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.eyebrow{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--scarlet);display:inline-block}
.pill .num{font-size:1.09em;line-height:1;font-variant-numeric:lining-nums;margin:0 -4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;border:1px solid transparent;font-family:var(--display);font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;line-height:1.2}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:var(--primary-ink)}
.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-light{background:var(--bg-2);color:var(--ink);border-color:var(--line)}
.btn svg{width:16px;height:16px}
.card{background:var(--bg-2);border:1px solid var(--line);border-radius:20px}
.stamp{display:inline-grid;place-items:center;width:42px;height:42px;border:2.5px solid var(--scarlet);border-radius:7px;color:var(--scarlet);font-family:var(--kr);font-weight:900;font-size:16px;line-height:1;transform:none;background:rgba(184,40,55,.05)}
.hangul{position:absolute;font-family:var(--kr);font-weight:900;color:var(--hangul);line-height:.9;pointer-events:none;user-select:none;letter-spacing:.04em}
.hidden{display:none!important}

.ribbon{background:var(--graphite);color:#F7F8F6;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.03em;text-align:center;padding:8px 16px}
.ribbon b{color:var(--sage)}
.vswitch{margin-left:18px;display:inline-flex;gap:6px;align-items:center;color:rgba(247,248,246,.7)}
.vswitch button{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:inherit;font-weight:700;font-size:11px}
.vswitch button[aria-pressed="true"]{background:#fff;color:var(--graphite)}

/* ===== variant B: home showcase tabs ===== */
.show{display:grid;grid-template-columns:340px 1fr;gap:18px;min-height:520px}
@media (max-width:980px){.show{grid-template-columns:1fr}}
.show .tabs{display:flex;flex-direction:column;gap:6px}
.show .tabs button{text-align:left;padding:18px 20px;border-radius:16px;border:1px solid transparent;background:transparent;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;color:var(--ink-2);transition:background .2s,border-color .2s}
.show .tabs button i{font-family:var(--display);font-style:normal;font-weight:800;font-size:13px;letter-spacing:.06em;color:var(--ink-3)}
.show .tabs button b{font-family:var(--display);font-size:17px;font-weight:800;color:var(--ink);display:block;line-height:1.15}
.show .tabs button small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px}
.show .tabs button em{font-style:normal;font-family:var(--display);font-size:12px;font-weight:700;color:var(--ink-3)}
.show .tabs button:hover{background:var(--bg-2);border-color:var(--line)}
.show .tabs button[aria-selected="true"]{background:var(--bg-2);border-color:var(--line-2);box-shadow:var(--shadow)}
.show .tabs button[aria-selected="true"] i{color:var(--scarlet)}
.show .panel{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#fff 0%,var(--tint) 55%,var(--sage) 160%);padding:34px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .show .panel{background:linear-gradient(150deg,#232B33,#182028)}}
:root[data-theme="dark"] .show .panel{background:linear-gradient(150deg,#232B33,#182028)}
@media (max-width:700px){.show .panel{grid-template-columns:1fr}}
.show .panel .kword{position:absolute;right:-10px;top:-30px;font-family:var(--kr);font-weight:900;font-size:200px;line-height:.9;color:var(--hangul);pointer-events:none}
.show .panel h3{font-size:clamp(24px,2.6vw,32px);line-height:1.1;position:relative}
.show .panel p{font-size:14.5px;color:var(--ink-2);margin-top:12px;max-width:40ch;position:relative}
.show .panel .chips{margin-top:16px;position:relative}
.show .panel .chips span{font-size:12.5px;background:var(--bg-2)}
.show .panel .devs{display:flex;gap:10px;justify-content:center;align-items:flex-end;position:relative;min-height:340px}
.show .panel .devs a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-family:var(--display);font-weight:700;font-size:13px;color:var(--ink)}
.show .panel .devs img{height:300px;width:auto;max-width:200px;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(0,20,40,.28));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.show .panel .devs a:hover img{transform:translateY(-6px)}
.show .panel .devs a small{font-size:11px;color:var(--ink-3);font-weight:500}
.show .panel .go{margin-top:20px;position:relative}
.panel-fade{animation:fade .35s ease-out}

/* ===== variant B: catalog page rows ===== */
.cat-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
@media (max-width:980px){.cat-layout{grid-template-columns:1fr}}
.side{position:sticky;top:110px;display:grid;gap:4px}
@media (max-width:980px){.side{position:static;display:flex;flex-wrap:wrap;gap:6px}}
.side a{padding:11px 14px;border-radius:10px;font-size:14px;color:var(--ink-2);display:flex;justify-content:space-between;gap:10px}
.side a small{color:var(--ink-3);font-variant-numeric:tabular-nums}
.side a:hover{background:var(--bg-2)}
.side a[aria-current="true"]{background:var(--graphite);color:#F7F8F6}
.side a[aria-current="true"] small{color:rgba(247,248,246,.7)}
.side .lbl{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:0 14px 8px}
.cgroup{margin-bottom:44px}
.cgroup h2{font-size:24px;margin:0 0 4px;display:flex;align-items:baseline;gap:12px}
.cgroup h2 small{font-family:var(--body);font-size:13px;color:var(--ink-3);font-weight:400}
.cgroup>p{color:var(--ink-2);font-size:14.5px;margin-bottom:18px;max-width:70ch}
.row{display:grid;grid-template-columns:220px 1fr 190px;gap:24px;align-items:center;padding:20px;border-radius:20px;border:1px solid var(--line);background:var(--bg-2);transition:border-color .2s,transform .2s,box-shadow .2s}
.row+.row{margin-top:12px}
.row:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow)}
@media (max-width:800px){.row{grid-template-columns:1fr}}
.row .fig{height:190px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,#fff,var(--tint) 75%);position:relative}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .row .fig{background:radial-gradient(ellipse at 50% 85%,#2A333B,#182028 75%)}}
:root[data-theme="dark"] .row .fig{background:radial-gradient(ellipse at 50% 85%,#2A333B,#182028 75%)}
.row .fig img{max-height:164px;max-width:80%;filter:drop-shadow(0 12px 16px rgba(0,20,40,.2))}
.row .fig .badge{position:absolute;left:10px;top:10px;z-index:2;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:var(--kblue);color:#F7F8F6}
.row .fig .badge.red{background:var(--scarlet)}
.row .body h3{font-size:24px;margin:0 0 2px}
.row .body .type{font-size:14px;color:var(--ink-2)}
.row .body .pos{font-size:13.5px;color:var(--ink-2);margin-top:10px;max-width:60ch;line-height:1.5}
.row .sp{display:grid;grid-template-columns:repeat(3,auto);gap:8px 22px;margin-top:14px}
.row .sp div{font-size:12px;color:var(--ink-3)}
.row .sp b{display:block;font-family:var(--display);font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.row .side-r{display:grid;gap:10px;text-align:right;min-width:170px}
.row .side-r .pay{font-family:var(--display);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.row .side-r .ru{font-size:11.5px;color:var(--ink-3)}
.row .side-r .btn{padding:11px 16px;font-size:13.5px}
@media (max-width:800px){.row .side-r{text-align:left}}

/* header */
header{position:sticky;top:0;z-index:50;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.topline{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12.5px;color:var(--ink-3);border-bottom:1px solid var(--line)}
.topline a:hover{color:var(--ink)}
.topline .r{display:flex;gap:18px}
.nav{display:flex;align-items:center;gap:14px;padding:12px 0;white-space:nowrap}
.brand{margin-right:auto;display:flex;align-items:center}
.brand img{height:42px;width:auto;display:block}
.brand.split{gap:0;margin-left:-28px}
.brand.split img{height:44px;width:auto;max-width:none;object-fit:contain;flex:none}
.brand.split .wordwrap{display:flex;flex-direction:column;gap:3px;align-items:flex-start;margin-left:-16px}
.brand.split .word{height:calc(33px * 70 / 93);width:calc(33px * 443 / 93)}
.brand.split .tagline{display:block;width:calc(33px * 443 / 93);height:8px;overflow:visible;color:#67221B}
.brand.split .tagline text{font-family:var(--display);font-weight:800;font-size:15px;fill:currentColor}
.c-sage header .brand .tagline,.c-blue header .brand .tagline,.c-graphite header .brand .tagline{color:#D9A83F}
body.v2 header .brand .tagline{color:#002B49!important}
.vsw{margin-left:14px}.vsw button{margin-left:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;cursor:pointer}.vsw button[aria-pressed="true"]{background:#fff;color:#1E242B}
.brand.split .flower{height:46px;transform-origin:50% 55%;position:relative;z-index:2;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.brand.split:hover .flower{transform:none}
@media (prefers-reduced-motion:reduce){.brand.split:hover .flower{transform:none}}
@media (max-width:1280px){.brand.split{margin-left:0}}
.h-3 .row1 .brand.split img{height:50px}.h-3 .row1 .brand.split .flower{height:52px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand img{filter:brightness(1.6)}}
:root[data-theme="dark"] .brand img{filter:brightness(1.6)}
.nav ul{display:flex;gap:0;list-style:none;margin:0;padding:0;font-weight:500;font-size:16px;color:var(--ink-2)}
.nav ul a{padding:8px 8px;border-radius:9px;display:block}
.nav ul a:hover{color:var(--ink);background:var(--tint)}
.nav ul a.active{color:var(--ink);background:var(--tint)}
.nav .phone{font-family:var(--display);font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}
.nav .btn{padding:11px 16px;font-size:14px}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2)}
@media (max-width:1180px){.nav .phone{display:none}}
@media (max-width:980px){.nav ul{display:none}.burger{display:grid;place-items:center}.nav.open ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--bg-2);padding:12px 24px 20px;border-bottom:1px solid var(--line);white-space:normal}}

main{min-height:70vh}
section{padding:37.5px 0}
section.tight{padding:37.5px 0}
.sec-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:36px}
.sec-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin-top:12px;max-width:22ch}
.sec-head p{color:var(--ink-2);max-width:46ch;font-size:15.5px}
.sec-head .btn{white-space:nowrap}
@media (max-width:780px){.sec-head{grid-template-columns:1fr}}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);padding:22px 0 0}
.crumbs a:hover{color:var(--ink)}
.page-head{padding:22px 0 44px}
.page-head h1{font-size:clamp(32px,4.2vw,54px);line-height:1.04}
.page-head p{color:var(--ink-2);font-size:17px;max-width:60ch;margin-top:16px}

/* hero */
.hero{padding:64px 0 37.5px;position:relative;overflow:hidden}
.hero .hangul{right:-2vw;top:-40px;font-size:clamp(200px,28vw,380px)}
.fade.pgx{position:relative;isolation:isolate;overflow-x:clip}.pg-bg{position:absolute;left:0;right:0;top:-90px;height:620px;z-index:-1;pointer-events:none;overflow:hidden}
.pg-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(48% 60% at 82% 18%,rgba(200,220,213,.55),transparent 70%),radial-gradient(28% 40% at 4% 6%,rgba(242,216,208,.45),transparent 70%)}
.pg-bg .hangul{right:-2vw;top:30px;font-size:clamp(180px,22vw,320px);opacity:.85}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pg-bg::before{opacity:.25}}:root[data-theme="dark"] .pg-bg::before{opacity:.25}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative}
.hero h1{font-size:clamp(32px,3.6vw,50px);line-height:1.04;margin:22px 0 10px;letter-spacing:-.025em;color:var(--kblue)}
.hero .sub{font-family:var(--display);font-size:clamp(20px,2vw,27px);font-weight:600;letter-spacing:-.015em;color:var(--kblue);display:flex;align-items:center;gap:14px;margin-bottom:20px}
.hero .sub::before{content:"";width:34px;height:3px;border-radius:2px;background:var(--stripe);flex:none}
.hero .sub span{font-weight:500;color:var(--kblue)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero .sub{color:var(--sage)}}
:root[data-theme="dark"] .hero .sub{color:var(--sage)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero h1,:root:not([data-theme="light"]) .hero .lead,:root:not([data-theme="light"]) .hero .sub span{color:#DCE7F2}}
:root[data-theme="dark"] .hero h1,:root[data-theme="dark"] .hero .lead,:root[data-theme="dark"] .hero .sub span{color:#DCE7F2}
.hero .lead{font-family:var(--display);font-size:17px;font-weight:700;color:var(--kblue);max-width:50ch;line-height:1.55;letter-spacing:-.01em}
.hero .lead b{display:block;font-size:19px;margin-bottom:8px}
.hero .lead{font-weight:600}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid var(--line)}
.trust div{padding:18px 12px 0 0}
.trust div+div{border-left:1px solid var(--line);padding-left:18px}
.trust b{display:block;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.trust span{display:block;font-size:12px;color:var(--ink-3);margin-top:8px;line-height:1.35;text-wrap:balance}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.trust div:nth-child(3){border-left:0;padding-left:0}}
.showcase{position:relative;padding:26px;min-height:540px;overflow:hidden;background:linear-gradient(165deg,#fff 0%,var(--tint) 60%,var(--sage) 140%);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .showcase{background:linear-gradient(165deg,#222A31,#182028)}}
:root[data-theme="dark"] .showcase{background:linear-gradient(165deg,#222A31,#182028)}
.showcase svg.net{position:absolute;inset:0;width:100%;height:100%}
.showcase .top{display:flex;justify-content:space-between;align-items:flex-start;position:relative}
.showcase .device{position:relative;display:block;margin:6px auto 0;width:min(320px,76%);filter:drop-shadow(0 26px 30px rgba(0,43,73,.22))}
.showcase .info{position:absolute;left:26px;right:26px;bottom:26px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:18px 20px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
.showcase .info h3{font-size:22px}
.showcase.route-card{min-height:0;padding:22px 22px 24px;background:#fff;overflow:visible}
.company-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.company-hero .ch-text .metrics{grid-template-columns:1fr 1fr;margin-top:32px;gap:12px}
.company-hero .ch-text .metrics div{padding:16px 18px;border-radius:14px}
.company-hero .ch-text .metrics b{font-size:clamp(22px,2.1vw,27px)}
.company-hero .ch-text .metrics span{font-size:12.5px;margin-top:7px}
.company-hero .ch-text p{max-width:none}
.company-hero h1{font-size:clamp(30px,3.3vw,44px)}
.prose-wide{max-width:86ch}
.steps.steps-2{grid-template-columns:1fr 1fr;gap:12px}
.steps.steps-2 div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:start;padding:18px 20px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.steps.steps-2 div::before{grid-row:span 2;font-size:22px;color:var(--kblue);line-height:1.1;letter-spacing:0}
.steps.steps-2 div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.steps.steps-2 div:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.steps.steps-2 b{margin:0;font-size:16px}
.steps.steps-2 p{font-size:13.5px}
.ru-all{display:inline-flex;align-items:center;gap:8px;margin-right:14px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--kblue);color:var(--kblue);font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.04em}
.ru-all::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--scarlet)}
.chips-links a{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--kblue);transition:background .25s,border-color .25s,transform .25s,color .25s}
.chips-links a:hover{background:var(--kblue);border-color:var(--kblue);color:#fff;transform:translateY(-2px)}

.calc{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.calc>*,.calc-f,.calc-r,.calc-two>*,.calc-kv>div{min-width:0}
.calc-f select{width:100%;max-width:100%}
.calc-r input[type=range]{min-width:0}
@media (max-width:980px){.calc{grid-template-columns:1fr}}
.calc-in{padding:30px;border-radius:24px;border:1px solid var(--line);background:var(--bg-2);display:grid;gap:16px;align-content:start}
.calc-head h2{font-size:26px;margin-top:8px}.calc-head p{font-size:14px;color:var(--ink-2);margin-top:8px}
.calc-f{display:grid;gap:8px}.calc-f>span{font-family:var(--display);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--ink-2)}
.calc-f select{padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);font:inherit;font-size:14px;color:var(--ink)}
.calc-r{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}
.calc-r output{font-family:var(--display);font-weight:800;font-size:15px;text-align:right;font-variant-numeric:tabular-nums;color:var(--kblue)}
.calc-r input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--kblue),var(--sage));outline:none}
.calc-r input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--kblue);box-shadow:0 4px 10px rgba(0,43,73,.25);cursor:pointer}
.calc-r input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--kblue);cursor:pointer}
.calc-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calc-two .calc-r{grid-template-columns:1fr 150px}.calc-two .calc-r output{font-size:14px;white-space:nowrap}
.calc-out{position:relative;overflow:hidden;padding:30px;border-radius:24px;background:linear-gradient(140deg,#0E4C7A 0%,#002B49 60%,#071A2B 100%);color:#fff;display:grid;gap:18px;align-content:start}
.calc-out .hangul{right:-20px;bottom:-40px;font-size:220px;color:rgba(255,255,255,.05)}
.calc-ring{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;position:relative}
.calc-ring svg{width:132px;height:132px;transform:rotate(-90deg)}
.calc-ring circle{fill:none;stroke-width:9}.calc-ring .t{stroke:rgba(255,255,255,.12)}.calc-ring .p{stroke:var(--sage);stroke-linecap:round;transition:stroke-dashoffset .5s ease,stroke .4s}
.calc-ring b{display:block;font-family:var(--display);font-size:54px;font-weight:800;line-height:1;letter-spacing:-.03em}
.calc-ring span{display:block;font-size:13px;color:rgba(255,255,255,.7);margin-top:6px}
.calc-kv{display:grid;gap:8px;position:relative}
.calc-kv>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.8)}
.calc-kv>div b{font-family:var(--display);font-weight:800;font-size:16px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-kv>div.hl{background:rgba(200,220,213,.18);border-color:rgba(200,220,213,.4)}.calc-kv>div.hl b{font-size:20px;color:var(--sage)}
.calc-split{position:relative;display:grid;gap:10px}
.calc-split .cs-t{font-size:12.5px;color:rgba(255,255,255,.72);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.calc-split .cs-t em{font-style:normal;font-family:var(--display);font-weight:700;color:#fff;font-size:13px;white-space:nowrap}
.cs-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1)}
.cs-bar i{display:block;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1);min-width:0}
.cs-bar i.s1{background:rgba(255,255,255,.42)}
.cs-bar i.s2{background:rgba(255,255,255,.26)}
.cs-bar i.s3{background:rgba(255,255,255,.16)}
.cs-bar i.s4{background:#D9A83F}
.cs-bar i.s5{background:var(--sage)}
.cs-leg{display:grid;grid-template-columns:1fr 1fr;gap:7px 26px;font-size:12px;color:rgba(255,255,255,.7)}
.cs-leg span{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.06)}
.cs-leg u{width:10px;height:10px;border-radius:3px;text-decoration:none;flex:none}
.cs-leg span>b{margin-left:auto}
.cs-leg u.s1{background:rgba(255,255,255,.42)}.cs-leg u.s2{background:rgba(255,255,255,.26)}
.cs-leg u.s3{background:rgba(255,255,255,.16)}.cs-leg u.s4{background:#D9A83F}.cs-leg u.s5{background:var(--sage)}
.cs-leg b{font-family:var(--display);font-weight:700;color:#fff;font-variant-numeric:tabular-nums;font-size:12.5px;white-space:nowrap}
@media (max-width:640px){.cs-leg{grid-template-columns:1fr;gap:6px}}
.ring-pl{margin-top:14px;padding:10px 14px;border-radius:12px;background:rgba(200,220,213,.16);border:1px solid rgba(200,220,213,.32)}
.ring-pl span{display:block;font-size:11.5px;color:rgba(255,255,255,.66);margin:0 0 3px}
.ring-pl b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(16px,4.4vw,21px);color:var(--sage);line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-note{font-size:13px;line-height:1.5;color:rgba(255,255,255,.88);position:relative;margin:0;padding:13px 16px 13px 42px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.calc-note::before{content:"i";position:absolute;left:14px;top:13px;width:18px;height:18px;border-radius:50%;background:var(--sage);color:#0B2C3F;font-family:var(--display);font-weight:800;font-size:12px;line-height:18px;text-align:center}
.calc-note:empty{display:none}
.calc-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:12px;background:var(--tint);border:1px solid var(--line)}
.calc-seg button{border:0;border-radius:9px;padding:9px 6px;font-family:var(--display);font-weight:700;font-size:12px;color:var(--ink-2);background:transparent;cursor:pointer;transition:background .25s,color .25s}
.calc-seg button[aria-pressed="true"]{background:var(--kblue);color:#fff}
.calc-kv>div.be b{color:var(--sage)}
.calc-kv>div.mi{background:rgba(255,255,255,.04);padding-top:8px;padding-bottom:8px}
.calc-kv>div.mi span{color:rgba(255,255,255,.72);font-size:13px}
.calc-kv>div.mi b{font-size:14px;color:rgba(255,255,255,.9)}
.calc-kv>div span em{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:.01em}
.calc-mode-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border-radius:12px;background:var(--tint);border:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--ink-2)}
.calc-mode-note b{font-family:var(--display);color:var(--kblue)}
.calc-mode-note a{font-family:var(--display);font-weight:700;color:var(--kblue);white-space:nowrap}
.calc-mode-note.on{background:linear-gradient(135deg,rgba(200,220,213,.45),var(--tint));border-color:rgba(143,179,166,.6)}
#c-inst[hidden],.calc-mode-note[hidden],.calc-kv>div[hidden]{display:none!important}
#c-mode{grid-template-columns:1fr 1fr}
.calc-devs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.calc-devs button{position:relative;display:grid;grid-template-columns:44px 1fr;gap:0 10px;align-items:center;padding:8px 10px 8px 8px;border-radius:12px;border:1px solid var(--line);background:var(--bg);text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.calc-devs img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,43,73,.18))}
.calc-devs b{font-family:var(--display);font-size:12.5px;line-height:1.15;color:var(--ink)}
.calc-devs span{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.calc-devs button:hover{border-color:var(--line-2);transform:translateY(-2px)}
.calc-devs button[aria-pressed="true"]{border-color:var(--kblue);background:var(--tint);box-shadow:inset 0 0 0 1px var(--kblue)}
.calc-devs button[aria-pressed="true"] b{color:var(--kblue)}
@media (max-width:1100px){.calc-devs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.calc-devs{grid-template-columns:1fr 1fr}}
#c-mode button{padding:11px 8px;font-size:13.5px}
#c-disc-hint{font-style:normal;font-weight:600;color:var(--scarlet);margin-left:8px}
#c-disc-hint a{color:inherit;text-decoration:underline}
.calc-chart{position:relative;display:grid;gap:6px}
.calc-chart-h{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.65)}
.calc-chart-h span:last-child{color:#fff;font-family:var(--display);font-weight:700}
.calc-chart svg{width:100%;height:130px;display:block;overflow:visible}
.calc-chart .zero{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:3 3}
.calc-chart .term{stroke:rgba(255,255,255,.25);stroke-width:1}
.calc-chart .area{fill:url(#cgrad);opacity:.9}
.calc-chart .ln{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.calc-chart .neg{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-linejoin:round}
.calc-chart .dot{fill:var(--sage);stroke:#fff;stroke-width:2}
.calc-chart .lbl{font-family:var(--display);font-size:11px;font-weight:700;fill:#fff}
.calc-chart-x{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.5)}
.calc-out .btn{justify-self:start;background:#fff;color:var(--kblue);position:relative}

.steps.steps-ico{grid-template-columns:repeat(5,1fr);gap:12px}
@media (max-width:1100px){.steps.steps-ico{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.steps.steps-ico{grid-template-columns:1fr 1fr}}
.steps.steps-ico div{position:relative;overflow:hidden;padding:22px 20px 20px;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;background:linear-gradient(165deg,var(--bg-2) 0%,var(--tint) 130%)}
.steps.steps-ico div::before{position:absolute;right:16px;top:14px;color:var(--kblue);font-size:12px}
.steps.steps-ico div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.steps.steps-ico div:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.steps.steps-ico .ico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--sage),#fff 140%);color:var(--kblue);box-shadow:0 8px 18px -10px rgba(0,43,73,.35);display:grid;place-items:center;transition:transform .35s}
.steps.steps-ico div:hover .ico{transform:rotate(-6deg) scale(1.06)}
.steps.steps-ico .ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.steps.steps-ico b{margin:14px 0 6px;font-size:15.5px;line-height:1.25}
.steps.steps-ico p{font-size:13.5px;line-height:1.45}

.promo{position:relative}
.promo-stage{position:relative;min-height:400px;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.pslide{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:44px 48px;opacity:0;pointer-events:none;transition:opacity .6s ease}
.pslide.on{opacity:1;pointer-events:auto}
.pslide .hangul{right:-10px;bottom:-70px;font-size:230px}
.pslide .ptext{position:relative;z-index:2;max-width:56ch}
.pslide h3{font-size:clamp(26px,3vw,38px);line-height:1.06;margin:14px 0 12px;color:var(--kblue);letter-spacing:-.02em}
.pslide p{font-size:15.5px;line-height:1.55;color:var(--ink-2);max-width:52ch}
.pslide .btn{margin-top:24px}
.pbadge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kblue)}
.pbadge i{width:7px;height:7px;border-radius:50%;background:var(--scarlet);display:inline-block;animation:pblink 2s infinite}
@keyframes pblink{0%,100%{opacity:1}50%{opacity:.25}}
.pcard{position:relative;z-index:2;justify-self:end;width:min(340px,100%);background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:22px;box-shadow:0 24px 50px -28px rgba(0,43,73,.45);transform:translateY(12px);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s}
.pslide.on .pcard{transform:none;opacity:1}
.pdate{display:flex;align-items:baseline;gap:10px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.pdate b{font-family:var(--display);font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--kblue)}
.pdate span{font-family:var(--display);font-size:15px;font-weight:700;color:var(--kblue)}
.pcard dl{margin:0;display:grid;gap:0}
.pcard dl>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.pcard dl>div:last-child{border-bottom:0;padding-bottom:0}
.pcard dt{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.pcard dd{margin:0;font-size:13.5px;line-height:1.4;color:var(--ink)}
.pslide.g-blue .pcard{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.pslide.g-blue .pcard dd{color:#fff}
.pslide.g-blue .pcard dt{color:rgba(255,255,255,.6)}
.pslide.g-blue .pcard dl>div{border-color:rgba(255,255,255,.14)}
.pslide.g-blue .pdate{border-color:rgba(255,255,255,.14)}
.pslide.g-blue .pdate b{color:var(--sage)}
.pslide.g-blue .pdate span{color:#fff}
.pslide .hangul{right:6%;bottom:-46px;font-size:190px}
.pslide .ptext{max-width:60ch}
.promo-ui{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:18px}
.pnav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg-2);display:grid;place-items:center;color:var(--kblue);transition:background .25s,color .25s,transform .25s}
.pnav:hover{background:var(--kblue);color:#fff;transform:translateY(-2px)}
.pnav svg{width:18px;height:18px}
.pdots{display:flex;gap:8px}
.pdots button{width:38px;height:4px;border-radius:4px;border:0;padding:0;background:var(--line-2);overflow:hidden;position:relative}
.pdots button i{position:absolute;inset:0;display:block;background:var(--kblue);transform-origin:left;transform:scaleX(0)}
.pdots button[aria-current="true"] i{animation:pfill 7s linear forwards}
@keyframes pfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pslide.g-blue h3{color:#fff}
.pslide.g-blue p{color:rgba(238,243,247,.82)}
.pslide.g-blue .pbadge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.pslide.g-blue .btn-primary{background:#fff;color:var(--kblue);box-shadow:0 12px 28px -14px rgba(0,0,0,.5)}
.pslide.g-blue .hangul{color:rgba(255,255,255,.07)}

.pbadge b{font-weight:800}
.pbadge em{font-style:normal;font-weight:600;opacity:.72;letter-spacing:.06em}
.pbadge b::after{content:"·";margin:0 6px;opacity:.45}
.pbadge.k-web i{background:var(--kblue)}
.pbadge.k-exp i{background:#C69A3A}
@media (max-width:900px){.pslide{grid-template-columns:1fr;padding:30px 26px;text-align:left}.pcard{width:100%;justify-self:stretch}.promo-stage{min-height:440px}}
@media (prefers-reduced-motion:reduce){.pdots button[aria-current="true"] i{animation:none;transform:scaleX(1)}.pbadge i{animation:none}}

.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:12.5px;line-height:1.45;color:var(--ink-3);margin:4px 0 2px;cursor:pointer}
.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--kblue);cursor:pointer}
.consent a{color:var(--kblue);text-decoration:underline}
.consent input:invalid+span{color:var(--scarlet)}

@media (max-width:640px){
 .calc-in,.calc-out{padding:22px 18px}
 .calc-r{grid-template-columns:1fr auto;gap:10px}
 .calc-r output{font-size:14px;min-width:76px}
 .calc-two{grid-template-columns:1fr;gap:14px}
 .calc-ring{grid-template-columns:86px 1fr;gap:12px}
 .ring-pl{margin-top:10px;padding:9px 12px}
 .calc-ring svg{width:96px;height:96px}
 .calc-ring b{font-size:38px}
 .calc-kv>div{flex-wrap:wrap;gap:2px 10px}
 .fc-stage,.fc-list,.fc-item{max-width:100%}
 .fc-item{grid-template-columns:52px 1fr}
 .fc-item em{white-space:normal}
 .pslide .hangul,.hero .hangul{max-width:100%;overflow:hidden}
}

.tr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tr-stats>div{padding:20px 22px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.tr-stats>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.tr-stats b{display:block;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--kblue);margin-bottom:4px}
.tr-stats span{font-size:13px;color:var(--ink-2);line-height:1.4}
@media (max-width:900px){.tr-stats{grid-template-columns:1fr 1fr}}

.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;counter-reset:t}
.tl::before{content:"";position:absolute;left:26px;right:26px;top:26px;height:2px;background:var(--stripe);opacity:.35}
.tl li{position:relative;display:grid;gap:8px;align-content:start}
.tl i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);border:2px solid var(--line-2);font-style:normal;font-family:var(--display);font-weight:800;font-size:18px;color:var(--kblue);position:relative;z-index:2;transition:transform .3s,border-color .3s,color .3s,background .3s}
.tl li:hover i{transform:translateY(-3px);border-color:var(--kblue);background:var(--kblue);color:#fff}
.tl b{font-family:var(--display);font-size:15.5px;line-height:1.25;color:var(--kblue);margin-top:4px}
.tl span{font-size:13px;line-height:1.45;color:var(--ink-2)}
@media (max-width:1000px){.tl{grid-template-columns:1fr 1fr}.tl::before{display:none}}
@media (max-width:560px){.tl{grid-template-columns:1fr}}

.prg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:900px){.prg{grid-template-columns:1fr}}
.prg-card{position:relative;overflow:hidden;padding:26px 28px 22px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,var(--bg-2),var(--tint) 150%);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.prg-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.prg-card .glyph{position:absolute;right:-6px;top:-24px;font-family:var(--kr);font-weight:900;font-size:120px;line-height:1;color:var(--kblue);opacity:.05;pointer-events:none}
.prg-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe);z-index:2}
.prg-n{display:block;font-style:normal;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.14em;color:var(--kblue);margin-bottom:8px}
.prg-card h3{font-size:21px;line-height:1.15;color:var(--kblue);margin-bottom:14px;position:relative}
.prg-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;position:relative}
.prg-card li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.prg-card li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 1px var(--kblue) inset}
.prg-dev{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);position:relative}
.prg-dev a{text-decoration:none;transition:border-color .25s,background .25s}.prg-dev a:hover{border-color:var(--kblue);background:#fff}
.prg-dev span,.prg-dev a{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.03em;padding:5px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--kblue)}

.webs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.webs{grid-template-columns:1fr}}
.web{display:flex;flex-direction:column;padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:var(--bg-2);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.web::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.web:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.web-d{display:flex;align-items:baseline;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.web-d b{font-family:var(--display);font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--kblue)}
.web-d span{font-family:var(--display);font-size:15px;font-weight:700;color:var(--kblue);line-height:1.1}
.web-d em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.web h3{font-size:17px;line-height:1.3;font-weight:700;color:var(--ink)}
.web p{font-size:13px;color:var(--ink-3);margin-top:8px}
.web-f{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:12px;color:var(--ink-3);flex-wrap:wrap}
.web-f span{padding:4px 9px;border-radius:999px;background:var(--tint);border:1px solid var(--line)}
.web-f em{margin-left:auto;font-style:normal;font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue)}

.pp-head{padding:18px 0 26px;border-bottom:1px solid var(--line);margin-bottom:28px}
.pp-head h1{font-size:clamp(36px,4.4vw,58px);line-height:1;margin:10px 0 8px;letter-spacing:-.03em;color:var(--kblue)}
.pp-head .type{font-size:18px;color:var(--ink-2)}
.pp-head .pos b{color:var(--ink);font-weight:700}
.pp-head .pos{margin:12px 0 0;max-width:80ch;font-size:17px;line-height:1.55;padding:0;background:none;border:0;border-radius:0;color:var(--ink-2)}
.pp-head h1{margin-top:0}
.pp-head{padding-bottom:22px}
.pp{grid-template-columns:.82fr 1.18fr;gap:40px;align-items:start;padding:0}
.pp .gallery img{max-height:100%;max-width:82%}
.pp-main{display:grid;align-content:start}
.pp-main h2{font-size:20px;margin:26px 0 14px;padding-top:22px;border-top:1px solid var(--line);color:var(--kblue)}
.pp-main .chips{gap:9px}
.pp-main .chips span{font-size:14px;padding:9px 15px}
.pp-main h2.first{margin-top:0}
.pp .pos{margin:0 0 18px;font-size:16px;line-height:1.55;padding:16px 18px}
.pp .kv{margin:0 0 16px}
.pp .actions{margin:0 0 6px}
.pp-h{font-size:24px;margin:0 0 16px;color:var(--kblue)}
.pp-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:900px){.pp-two{grid-template-columns:1fr;gap:28px}}
.pp-two .serv{grid-template-columns:1fr 1fr}
.pp-note{margin-top:14px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,var(--tint),var(--bg-2));border:1px solid var(--line);display:grid;gap:6px}
.pp-note b{font-family:var(--display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pp-note span{font-size:14px;line-height:1.5;color:var(--ink-2)}
.pp-note .btn{justify-self:start;margin-top:8px;padding:10px 16px;font-size:13.5px}
.faq2{columns:2;column-gap:40px}
.faq2 details{break-inside:avoid;border-bottom:1px solid var(--line);padding:14px 0}
@media (max-width:900px){.faq2{columns:1}.pp .gallery{position:static;aspect-ratio:1/.8}}

.pp-figure{position:static}
.pp .gallery{position:static;top:auto}
.pp-certs{display:flex;align-items:center;gap:14px;margin-top:16px;padding:0 4px}
.pp-certs .certs{position:static;flex-direction:row;gap:10px;align-items:center}
.pp-certs>span{font-size:12px;line-height:1.4;color:var(--ink-3)}
.pp-kit{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pp-kit li{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);align-items:start}
.pp-kit li:last-child{border-bottom:0}
.pp-kit li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--kblue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-kit b{font-family:var(--display);font-size:14.5px;color:var(--ink);display:block}
.pp-kit span{display:block;font-size:13px;color:var(--ink-2);line-height:1.4;margin-top:2px}
.pp-kit b,.pp-kit span{grid-column:2}
@media (max-width:900px){.pp-figure{position:static}}

.ptabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ptabs button{background:none;border:0;padding:0 0 12px;font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink-3);position:relative;transition:color .25s}
.ptabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--kblue);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ptabs button:hover{color:var(--ink-2)}
.ptabs button[aria-selected="true"]{color:var(--kblue)}
.ptabs button[aria-selected="true"]::after{transform:scaleX(1)}
.ptab-body{min-height:150px}
.ptab-body [data-p][hidden]{display:none!important}
.ptab-body .list{gap:0}
.ptab-body .list li{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--ink)}
.ptab-body .list li:last-child{border-bottom:0}
.ptab-body .list li::before{content:none;display:none}
.ptab-body .specs td{padding:9px 0;font-size:14px}
.ptab-body .specs td:first-child{width:42%}
.faq1 details{border-bottom:1px solid var(--line);padding:13px 0}
.faq1 details:last-child{border-bottom:0}

.pp-facts{margin:0 0 16px!important}
.pp-facts.three{grid-template-columns:repeat(3,1fr)}
.pp-acts a{display:block;padding:14px 26px 12px 14px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.pp-acts a::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.pp-facts.three.pp-acts b{color:var(--kblue);font-size:14px;line-height:1.2;white-space:normal}
.pp-acts a span{display:block;margin-top:3px}
.pp-acts a::before{content:"→";position:absolute;right:10px;top:12px;font-size:14px;font-family:var(--display);font-weight:800;color:var(--kblue);opacity:.5;transition:transform .25s,opacity .25s}
.pp-acts a:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}
.pp-acts a:hover::before{transform:translateX(4px);opacity:1}
.pp-price{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.pp-price>div{padding:16px 18px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.pp-price>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.pp-price b{display:block;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--kblue);white-space:nowrap;line-height:1.1}
.pp-price span{display:block;margin-top:5px;font-size:12.5px;color:var(--ink-2)}
@media (max-width:520px){.pp-price{grid-template-columns:1fr}}
.pp-facts.three b{font-size:16.5px;white-space:nowrap}
.pp-facts.three span{font-size:12px}
@media (max-width:1100px){.pp-facts.three{grid-template-columns:1fr 1fr}}
.pp-cta{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pp-cta .btn{justify-content:center;padding-left:14px;padding-right:14px;font-size:14px;white-space:nowrap}
@media (max-width:620px){.pp-cta{grid-template-columns:1fr}}
.pp-figure .pp-note{margin-top:18px}
.pp-kit{grid-template-columns:repeat(3,1fr);gap:0 40px}
.pp-kit li{border-bottom:1px solid var(--line)!important}
@media (max-width:960px){.pp-kit{grid-template-columns:1fr 1fr;gap:0 28px}}
@media (max-width:640px){.pp-kit{grid-template-columns:1fr}}
.faq-two{columns:2;column-gap:44px}
.faq-two details{break-inside:avoid}
@media (max-width:860px){.faq-two{columns:1}}
.pp-facts b{font-size:19px;line-height:1.25}
.co{padding:36px 0}
.co h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1;margin-top:10px;letter-spacing:-.01em}
.co-lead{color:var(--ink-2);font-size:16.5px;line-height:1.6;margin-top:14px;max-width:56ch}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.co-grid-top{align-items:start;margin-top:28px}
@supports (grid-template-rows:subgrid){.co-grid-top{grid-template-rows:auto repeat(4,auto);align-items:stretch}.co-grid-top .co-offer,.co-grid-top .co-min{grid-template-rows:subgrid;grid-row:span 5}.co-grid-top .co-offer>div,.co-grid-top .co-min>div{align-content:center}}
.co-crit{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.co-crit li{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:start;padding:18px 18px 16px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.co-crit li:hover{transform:translateX(6px);box-shadow:var(--shadow)}
.co-crit i{grid-row:span 2;font-style:normal;font-family:var(--display);font-weight:800;font-size:22px;color:var(--kblue);line-height:1.1}
.co-crit b{font-family:var(--display);font-size:16px;color:var(--kblue)}
.co-crit span{font-size:13.5px;color:var(--ink-2)}
.co-band{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding:44px 48px;border-radius:28px;background:linear-gradient(135deg,#0E4C7A,#002B49);color:#fff}
.co-band .hangul{position:absolute;right:-10px;top:-30px;font-family:var(--kr);font-weight:900;font-size:220px;line-height:1;color:#fff;opacity:.05;pointer-events:none}
.co-band .eyebrow{color:rgba(255,255,255,.65)}
.co-band h2{color:#fff;font-size:clamp(24px,2.6vw,32px)}
.co-band p{color:rgba(255,255,255,.8);font-size:15.5px;line-height:1.6;margin-top:14px;max-width:60ch}
.co-brands{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.co-brands span{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.co-docs{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:22px 22px 12px;display:grid;gap:12px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.co-docs>b{font-family:var(--display);font-size:15px;color:var(--kblue);margin-bottom:2px}
.co-docs>div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.co-docs svg{width:36px;height:36px;padding:7px;border-radius:10px;background:var(--tint);fill:none;stroke:var(--kblue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.co-docs span{font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.co-head{max-width:72ch}
.co-offer,.co-min{display:grid;gap:12px;align-content:start}
.co-offer>b,.co-min>b{font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.co-offer>div{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:18px 18px 16px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden;font-size:15px;line-height:1.5;color:var(--ink-2)}
.co-offer>div i{font-style:normal;font-family:var(--display);font-weight:800;color:var(--kblue);font-size:18px;line-height:1.2}
.co-offer>div.club{background:linear-gradient(135deg,var(--tint),var(--bg-2));border-color:var(--line-2)}
.co-offer>div.club b{color:var(--kblue)}
.co-min>div{padding:18px 18px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;display:grid;gap:4px;position:relative;overflow:hidden}
.co-min>div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.co-min>div b{font-family:var(--display);font-size:15.5px;color:var(--kblue)}
.co-min>div span{font-size:13.5px;color:var(--ink-2);line-height:1.45}
.co-crit li::after,.co-offer>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.co-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.co-stats>div{padding:24px 22px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.co-stats>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.co-stats b{display:block;font-family:var(--display);font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--kblue);margin-bottom:10px}
.co-stats span{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.co-dirs{margin-top:36px;display:grid;gap:12px}
@media (max-width:1000px){.co-grid,.co-band{grid-template-columns:1fr}.co-stats{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.company-hero{grid-template-columns:1fr}}
.showcase.route-card .top{margin-bottom:12px}
.showcase.route-card svg.route{position:relative;display:block;width:100%;height:auto;border-radius:18px;overflow:visible}
.showcase.route-card .dash{animation:rg-dash 1.6s linear infinite}
.showcase.route-card .hop{filter:drop-shadow(0 6px 10px rgba(0,43,73,.18))}
@keyframes rg-dash{to{stroke-dashoffset:-36}}
.showcase.route-card .chip{transform-box:fill-box;animation:rg-float 5s ease-in-out infinite}
.showcase.route-card .chip:nth-of-type(2){animation-delay:-1.6s}.showcase.route-card .chip:nth-of-type(3){animation-delay:-3.2s}.showcase.route-card .chip:nth-of-type(4){animation-delay:-2.4s}
@keyframes rg-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.showcase.route-card .dash,.showcase.route-card .chip{animation:none}}
.showcase .info p{font-size:13px;color:var(--ink-2);margin-top:4px}
.tag{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kblue);background:var(--sage);padding:6px 10px;border-radius:6px;white-space:nowrap}

/* marquee */
.marquee{overflow:hidden;contain:paint;border-block:1px solid var(--line);padding:14px 0;margin-top:44px}
.marquee-track{display:flex;width:max-content;animation:mq 75s linear infinite;will-change:transform}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee .item{display:flex;align-items:baseline;gap:12px;white-space:nowrap;padding-right:56px}
.marquee .k{font-family:var(--kr);font-weight:900;font-size:20px;color:var(--kblue)}
.marquee .r{font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .4s ease,opacity .3s ease;display:inline-block;vertical-align:baseline}
.marquee .item{cursor:default;padding-right:44px}
.marquee .item:hover .r{max-width:220px;opacity:1}
.marquee .item:hover .k{color:var(--scarlet)}
.marquee:hover .marquee-track{animation-play-state:paused}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .marquee .k{color:var(--sage)}}
:root[data-theme="dark"] .marquee .k{color:var(--sage)}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

.form input.err,.form textarea.err{border-color:var(--scarlet)!important;box-shadow:0 0 0 3px rgba(184,40,55,.12)}.form .consent.err span{color:var(--scarlet)}.form-note{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--kblue)}.form-done{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0}.form-done b{font-family:var(--display);font-size:22px;color:var(--ink)}.form-done p{margin:0;color:var(--ink-2);line-height:1.5}
/* categories */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1100px){.cats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.cats{grid-template-columns:repeat(2,1fr)}}
.cat{padding:20px;display:flex;flex-direction:column;gap:6px;min-height:230px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}
.cat:hover{border-color:var(--line-2);transform:translateY(-3px)}
.cat img{position:absolute;right:-6px;bottom:-8px;height:120px;width:auto;opacity:.9;filter:drop-shadow(0 10px 14px rgba(0,43,73,.18))}
.cat b{font-family:var(--display);font-size:17px;font-weight:800;line-height:1.2;max-width:8ch}
.cat span{font-size:12.5px;color:var(--ink-3);max-width:16ch}
.cat .n{margin-top:auto;font-family:var(--display);font-size:12px;font-weight:700;color:var(--ink-2)}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.grid.four{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.grid,.grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid,.grid.four{grid-template-columns:1fr}}
.product{padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .25s,border-color .25s}
.product:hover{transform:translateY(-4px);border-color:var(--line-2)}
.product .fig{height:210px;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#fff 0%,var(--tint) 70%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .product .fig{background:radial-gradient(ellipse at 50% 80%,#2A333B,#182028 70%)}}
:root[data-theme="dark"] .product .fig{background:radial-gradient(ellipse at 50% 80%,#2A333B,#182028 70%)}
.product .fig img{max-height:180px;max-width:76%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,43,73,.18));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.product:hover .fig img{transform:translateY(-3px) scale(1.03)}
.product .badge{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--kblue);color:#F7F8F6}
.product .badge.red{background:var(--scarlet)}
.product .cat-l{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.product h3{font-size:21px}
.product .type{font-size:13.5px;color:var(--ink-2);line-height:1.45}
.product .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
.product .foot b{font-family:var(--display);font-weight:700}
.product .foot span{color:var(--ink-3)}

/* features */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.feat{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.feat{grid-template-columns:1fr}}
.feat .ft{color:inherit;text-decoration:none;position:relative;overflow:hidden;padding:26px 24px 22px;border-radius:20px;background:linear-gradient(165deg,var(--bg-2) 0%,var(--tint) 130%);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.feat .ft::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.feat .ft:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.feat .mnet{position:absolute;right:0;top:0;width:160px;height:120px;color:var(--kblue);opacity:.16;pointer-events:none;transition:opacity .4s}
.feat .mnet .l{stroke-dasharray:260;stroke-dashoffset:0;transition:stroke-dashoffset .9s ease}
.feat .ft:hover .mnet{opacity:.34}
.feat .ft:hover .mnet .l{animation:mdraw 1.1s ease}
@keyframes mdraw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .feat .mnet{color:var(--sage)}}
:root[data-theme="dark"] .feat .mnet{color:var(--sage)}
.feat .ico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--sage),#fff 140%);color:var(--kblue);box-shadow:0 8px 18px -10px rgba(0,43,73,.35);position:relative;transition:transform .35s}
.feat .ft:hover .ico{transform:rotate(-6deg) scale(1.06)}
.feat .ico svg{width:22px;height:22px}
.feat .go{margin-top:auto;padding-top:14px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:6px;transition:color .3s}
.feat .go i{font-style:normal;transition:transform .3s}
.feat .ft:hover .go{color:var(--kblue)}
.feat .ft:hover .go i{transform:translateX(4px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .feat .ico{background:linear-gradient(135deg,#2E3B44,#1B2126);color:var(--sage)}}
:root[data-theme="dark"] .feat .ico{background:linear-gradient(135deg,#2E3B44,#1B2126);color:var(--sage)}
.feat b{display:block;font-family:var(--display);font-size:17px;font-weight:800;margin:16px 0 8px;line-height:1.25;position:relative}
.feat p{font-size:14px;color:var(--ink-2);position:relative;line-height:1.5}
.ico{width:40px;height:40px;border-radius:11px;background:var(--tint);display:grid;place-items:center;color:var(--kblue)}
.ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ico{color:var(--sage)}}
:root[data-theme="dark"] .ico{color:var(--sage)}

/* deep band */
.deep{background:var(--kblue);color:#EEF3F7;border-radius:28px;padding:56px;position:relative;overflow:hidden}
.deep .hangul{color:rgba(255,255,255,.06);right:-20px;bottom:-60px;font-size:260px}
.deep .eyebrow{color:rgba(238,243,247,.6)}
.deep h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:12px 0 14px;max-width:22ch}
.deep p{color:rgba(238,243,247,.78);max-width:52ch}
.deep .grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative}
@media (max-width:900px){.deep{padding:36px 28px}.deep .grid2{grid-template-columns:1fr}}
.pay{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay a{position:relative;display:block;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:inherit;text-decoration:none;transition:background .3s,border-color .3s,transform .3s}
.pay a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);transform:translateY(-3px)}

.pay b{display:block;font-family:var(--display);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pay span{font-size:12.5px;color:rgba(238,243,247,.65)}
.deep .btn{background:#fff;color:var(--kblue);margin-top:24px}

/* split tiles */
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.tile{padding:34px;border-radius:24px;border:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;gap:16px;min-height:320px;position:relative;overflow:hidden}
.tile.sage{background:linear-gradient(160deg,var(--tint),var(--bg-2) 70%)}
.tile.sand{background:linear-gradient(160deg,var(--tint-2),var(--bg-2) 70%)}
.tile h3{font-size:25px;line-height:1.12;max-width:20ch}
.tile p{font-size:15px;color:var(--ink-2);max-width:48ch}
.tile ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.tile li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px}
.tile li::before,.list li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--kblue);margin-top:2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tile li::before,:root:not([data-theme="light"]) .list li::before{background:var(--sage)}}
:root[data-theme="dark"] .tile li::before,:root[data-theme="dark"] .list li::before{background:var(--sage)}
.tile .btn{margin-top:auto;align-self:flex-start}

/* press */
.press{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:900px){.press{grid-template-columns:1fr}}
.post .pic{margin:-22px -22px 4px;height:150px;border-radius:18px 18px 0 0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,#fff 0%,var(--tint) 75%);overflow:hidden;position:relative}
.post .pic img{max-height:124px;max-width:60%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,43,73,.16));transition:transform .4s}
.post:hover .pic img{transform:translateY(-4px)}
.post .pic i{position:absolute;right:14px;bottom:8px;font-family:var(--kr);font-weight:900;font-size:56px;line-height:1;color:rgba(0,43,73,.06);font-style:normal}
.post .pic.vs img{grid-area:1/1;transition:opacity .5s ease,transform .5s ease}
.post .pic.vs img:last-of-type{opacity:0;transform:translateY(8px) scale(.96)}
.post:hover .pic.vs img:first-of-type{opacity:0;transform:translateY(-8px) scale(.96)}
.post:hover .pic.vs img:last-of-type{opacity:1;transform:translateY(-4px) scale(1)}
.post{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;gap:10px;min-height:190px;transition:border-color .2s}
.post:hover{border-color:var(--line-2)}
.post .src{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.post h3{font-size:17px;font-weight:700;line-height:1.3}
.post p{font-size:13.5px;color:var(--ink-2)}
.post .more{margin-top:auto;font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .post .more{color:var(--sage)}}
:root[data-theme="dark"] .post .more{color:var(--sage)}

/* cta */
.cta .card{padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;overflow:hidden}
@media (max-width:900px){.cta .card{grid-template-columns:1fr;padding:32px 24px}}
.cta h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:12px 0 14px}
.cta p{color:var(--ink-2);max-width:46ch}
.form{display:grid;gap:10px}
.form input,.form select,.form textarea{padding:14px 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font:inherit;font-size:15px;width:100%}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form small{font-size:12px;color:var(--ink-3)}

/* catalog page */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.filters button{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);font-family:var(--display);font-weight:600;font-size:13.5px}
.filters button[aria-pressed="true"]{background:var(--graphite);color:#F7F8F6;border-color:var(--graphite)}
.count{font-size:13px;color:var(--ink-3);margin:-14px 0 20px}

/* product page */
.pp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:12px 0 0}
@media (max-width:900px){.pp{grid-template-columns:1fr}}
.pp .gallery{position:sticky;top:100px;padding:26px;min-height:0;aspect-ratio:1/1.02;display:grid;place-items:center;border-radius:24px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 85%,#fff 0%,var(--tint) 70%);overflow:hidden}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pp .gallery{background:radial-gradient(ellipse at 50% 85%,#2A333B,#182028 70%)}}
:root[data-theme="dark"] .pp .gallery{background:radial-gradient(ellipse at 50% 85%,#2A333B,#182028 70%)}
.pp .gallery img{max-height:440px;max-width:80%;filter:drop-shadow(0 30px 34px rgba(0,43,73,.24))}
.pp .gallery .stamp{position:absolute;right:22px;top:22px}
.pp .gallery .hangul{left:-10px;bottom:-30px;font-size:180px}
.pp h1{font-size:clamp(34px,4vw,52px);line-height:1.02;margin:10px 0 8px}
.pp .type{font-size:17px;color:var(--ink-2)}
.pp .pos{font-size:16.5px;line-height:1.6;margin:22px 0;padding:20px 22px;border-left:3px solid var(--kblue);background:var(--tint);border-radius:0 14px 14px 0}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.kv div{padding:14px 16px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}
.kv b{display:block;font-family:var(--display);font-size:16px;font-weight:800;line-height:1.2}
.kv span{font-size:12px;color:var(--ink-3)}
.pp .actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 34px}
.pp h2{font-size:24px;margin:36px 0 14px}
.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.list li{display:flex;gap:11px;align-items:flex-start;font-size:15px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips span{font-size:13.5px;padding:8px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2)}
table.specs{width:100%;border-collapse:collapse;font-size:14.5px}
table.specs td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.specs td:first-child{color:var(--ink-3);width:38%;padding-right:16px}
.serv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:640px){.serv{grid-template-columns:repeat(2,1fr)}}
.serv div{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);font-size:13px;color:var(--ink-2)}
.serv b{display:block;font-family:var(--display);font-size:13.5px;color:var(--ink);margin-bottom:4px}
details{border-bottom:1px solid var(--line);padding:14px 0}
details summary{cursor:pointer;font-family:var(--display);font-weight:700;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
details summary::after{content:"+";color:var(--ink-3);font-weight:500}
details[open] summary::after{content:"–"}
details p{margin-top:10px;font-size:14.5px;color:var(--ink-2);max-width:70ch}

/* generic content page */
.prose{max-width:72ch;font-size:16.5px;line-height:1.65;color:var(--ink-2)}
.prose h2{font-size:26px;color:var(--ink);margin:38px 0 12px}
.prose p+p{margin-top:12px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps div{padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);counter-increment:s}
.steps div::before{content:counter(s,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--ink-3)}
.steps b{display:block;font-family:var(--display);font-size:16px;font-weight:800;margin:10px 0 6px}
.steps p{font-size:14px;color:var(--ink-2)}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}
.contact-card{padding:28px;display:grid;gap:18px}
.contact-card b{font-family:var(--display);font-size:22px;display:block}
.contact-card span{display:block;font-size:12px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.map{height:320px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,var(--tint),var(--bg-2));display:grid;place-items:center;color:var(--ink-3);font-size:13px;position:relative;overflow:hidden}
.map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.6}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.map i{position:relative;width:14px;height:14px;border-radius:50%;background:var(--scarlet);box-shadow:0 0 0 8px rgba(184,40,55,.15)}
.map .mapsvg{position:absolute;inset:0;width:100%;height:100%}
.map .mapfb{position:absolute;right:18px;bottom:18px;z-index:1;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:4px;color:var(--ink)}
.map .mapfb b{font-family:var(--display);font-size:15px}.map .mapfb span{font-size:12px;color:var(--ink-3)}.map .mapfb div{display:flex;gap:8px;margin-top:8px}.map .mapfb .btn{padding:8px 14px;font-size:13px}

.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.reviews{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.reviews{grid-template-columns:1fr}}
.reviews a{padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;font-size:14.5px;font-weight:500;transition:border-color .2s}
.reviews a:hover{border-color:var(--line-2)}
.reviews .ava{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--sage),#9FBFB3);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px;color:var(--kblue);overflow:hidden}
.reviews .ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.reviews .who{min-width:0}
.reviews .who b{display:block;font-weight:600;line-height:1.25}
.reviews .who span{display:block;font-size:12.5px;color:var(--ink-2);margin-top:3px;font-weight:400}
.reviews .who em{display:block;font-size:12px;color:var(--ink-3);font-style:normal;margin-top:1px}
.reviews a small{color:var(--ink-3);font-weight:400;white-space:nowrap}

footer{padding:52px 0 30px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
footer ul a:hover{color:var(--ink)}
.foot-line{margin-top:40px;padding:14px 0;border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap}
@media (max-width:700px){.foot-line .r{flex-wrap:wrap}}
footer .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:0;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}

/* gradients */
.g-blue,.bento .b.g-blue{background:linear-gradient(150deg,#0E4C7A 0%,#002B49 55%,#0B1F33 100%)}
.slide.g-blue{background:linear-gradient(150deg,#E4EEF3 0%,#C6D9E4 55%,#A9C4D3 140%)}
.g-sage,.bento .b.g-sage,.slide.g-sage{background:linear-gradient(150deg,#EDF4F0 0%,#C8DCD5 55%,#8FB3A6 140%)}
.g-sand,.bento .b.g-sand{background:linear-gradient(150deg,#FDF6F2 0%,#F7E6DF 55%,#EACBC2 140%)}
.slide.g-sand{background:linear-gradient(150deg,#F9F3F0 0%,#EDDCD6 55%,#D8BDB4 140%)}
.bento .b.g-dark{background:linear-gradient(140deg,#2A323A,#1E242B 60%,#11151A)}.bento .b.g-dark b,.bento .b.g-dark span,.bento .b.g-dark .n{color:#fff}.bento .b.g-dark span{color:rgba(255,255,255,.7)}
.btn-primary{background:linear-gradient(135deg,#0E4C7A,#002B49);box-shadow:0 12px 28px -14px rgba(0,43,73,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-primary{background:linear-gradient(135deg,#EAF1F7,#C9D8E5);color:#0F1A24}}
:root[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,#EAF1F7,#C9D8E5);color:#0F1A24}
.deep{background:linear-gradient(140deg,#0E4C7A 0%,#002B49 60%,#071A2B 100%)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 10%,rgba(200,220,213,.55),transparent 70%),radial-gradient(30% 34% at 6% 4%,rgba(242,216,208,.5),transparent 70%),radial-gradient(38% 46% at 8% 62%,rgba(200,220,213,.6),transparent 70%);pointer-events:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero::before{opacity:.25}}
:root[data-theme="dark"] .hero::before{opacity:.25}

/* slider */
.slider{position:relative;min-height:580px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.slide{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;opacity:0;transition:opacity .6s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide .top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2;flex:none}
.slide .device{position:relative;z-index:1;display:block;margin:0 auto;width:100%;max-width:100%;flex:1 1 0;min-height:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 32px rgba(0,20,40,.35));transform:translateY(12px) scale(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.slide.on .device{transform:none}
.slide[data-i="1"] .device,.slide[data-i="2"] .device{max-height:100%;width:100%;margin-top:-10px;margin-bottom:-6px}
.slide[data-i="1"].on .device{transform:scale(1);transform-origin:50% 100%}
.slide[data-i="2"].on .device{transform:scale(1);transform-origin:50% 100%}
.slide .info{position:relative;z-index:2;flex:none;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px 20px 18px;border-radius:16px 16px 0 0;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line);border-bottom:0;margin:auto -22px -22px;border-radius:16px 16px 0 0}
.slide .info h3{font-size:24px;line-height:1.1;letter-spacing:-.01em}
.sl-price{text-align:right;line-height:1.15}
.sl-price b{display:block;font-family:var(--display);font-weight:800;font-size:19px;color:var(--kblue);white-space:nowrap}
.sl-price span{display:block;margin-top:4px;font-size:11.5px;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap}
@media (max-width:520px){.slide .info{grid-template-columns:1fr;gap:10px}.sl-price{text-align:left}}
.slide .info p{font-size:13.5px;color:var(--ink-2);margin-top:5px;max-width:34ch;line-height:1.35}
.slide .info>div{min-width:0}
.slide.g-blue .pill{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}
.slide.g-blue .stamp{border-color:var(--scarlet);color:var(--scarlet);background:rgba(255,255,255,.35)}
.slide .net{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.slide .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;z-index:0;transform:scale(1.04);transition:transform 8s linear}
.slide.on .photo{transform:scale(1.12)}
.slide .shade{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,43,73,.45) 0%,rgba(0,43,73,.05) 30%,rgba(0,43,73,.1) 65%,rgba(0,43,73,.8) 100%)}
.slide.has-photo .net,.slide.has-photo .kword{display:none}
.slide.has-photo .device{flex:1}
.slide .techart{width:min(360px,80%);height:auto;max-height:none;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 26px 30px rgba(0,20,40,.35))}
.slide .techart svg{width:100%;height:auto;max-height:340px;transform:translateY(12px) scale(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.slide.on .techart svg{transform:none}
.slide .kword{position:absolute;right:-8px;top:30px;font-family:var(--kr);font-weight:900;font-size:220px;line-height:.9;color:rgba(0,43,73,.06);pointer-events:none}
.slide.g-blue .kword{color:rgba(0,43,73,.06)}
.sl-nav{position:absolute;left:26px;right:26px;top:50%;display:flex;justify-content:space-between;z-index:3;transform:translateY(-50%);pointer-events:none}
.sl-nav button{pointer-events:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);display:grid;place-items:center;opacity:.85}
.sl-nav button:hover{opacity:1}
.sl-nav svg{width:16px;height:16px}
.sl-dots{position:absolute;left:auto;right:26px;top:80px;display:flex;justify-content:flex-end;gap:8px;z-index:3}
.sl-dots button{width:26px;height:4px;border-radius:2px;border:0;background:rgba(0,43,73,.2);padding:0;transition:background .3s,width .3s}
.sl-dots button[aria-current="true"]{background:var(--kblue);width:40px}
.slider.dark-on .sl-dots button{background:rgba(255,255,255,.3)}
.slider.dark-on .sl-dots button[aria-current="true"]{background:#fff}
.sl-tabs{display:flex;gap:8px;position:absolute;left:26px;bottom:26px;right:26px;z-index:3;display:none}

/* bento catalog */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px}
.bento .b{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;background:var(--bg-2);transition:transform .25s,box-shadow .25s}
.bento .b:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.bento .b.big{grid-column:span 2;grid-row:span 2}
.bento .b.wide{grid-column:span 2}
.bento .b img{position:absolute;right:6px;bottom:0;height:78%;width:auto;filter:drop-shadow(0 14px 18px rgba(0,20,40,.25));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bento .b.big img{height:86%;right:20px}
.bento .b.wide b{max-width:22ch;font-size:19px}.bento .b.wide span{max-width:36ch}.bento .b.wide img{height:72%}
.bento .b:hover img{transform:translateY(-4px) scale(1.03)}
.bento .b b{font-family:var(--display);font-size:18px;font-weight:800;line-height:1.15;max-width:10ch;position:relative}
.bento .b.big b{font-size:30px;max-width:12ch}
.bento .b span{font-size:12.5px;color:var(--ink-3);max-width:18ch;margin-top:6px;position:relative}
.bento .b.big span{font-size:14px;max-width:30ch;color:var(--ink-2)}
.bento .b .n{margin-top:auto;font-family:var(--display);font-size:12px;font-weight:700;color:var(--ink-2);position:relative}
.bento .b .chips{margin-top:12px;position:relative}
.bento .b .chips span{font-size:11.5px;padding:5px 9px;background:rgba(255,255,255,.7);border-color:transparent;max-width:none;margin:0;color:var(--graphite)}
.bento .b.g-blue,.bento .b.g-blue b,.bento .b.g-blue span,.bento .b.g-blue .n{color:#fff}
.bento .b.g-blue span{color:rgba(255,255,255,.75)}
.bento .b.g-blue .chips span{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.bento .b.big{grid-column:span 2}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.bento .b.big,.bento .b.wide{grid-column:span 1}.bento .b.big{grid-row:span 1;min-height:260px}}

/* metrics */
.co-stats>div,.kv>div,.steps div,.serv div,.pp-note{position:relative;overflow:hidden}
.co-stats>div::after,.kv>div::after,.steps div::after,.serv div::after,.pp-note::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}}
.metrics div{padding:24px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.metrics div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.metrics b{display:block;font-family:var(--display);font-size:clamp(30px,3.2vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#0E4C7A,#002B49);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .metrics b{background:linear-gradient(135deg,#fff,var(--sage))}}
:root[data-theme="dark"] .metrics b{background:linear-gradient(135deg,#fff,var(--sage))}
.metrics span{display:block;font-size:13px;color:var(--ink-2);margin-top:10px;line-height:1.4}
.makers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:1100px){.makers{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.makers{grid-template-columns:repeat(2,1fr)}}
.makers>div{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);position:relative;transition:box-shadow .25s,border-color .25s;z-index:0;isolation:isolate}
.makers>div>p{display:grid;grid-template-rows:0fr;overflow:hidden;font-size:12.5px;color:var(--ink-2);line-height:1.5;transition:grid-template-rows .35s ease,margin-top .35s ease;margin-top:0}
.makers>div>p>span{min-height:0;display:block}
.makers>div:hover,.makers>div:focus-within{border-color:var(--line-2);box-shadow:var(--shadow);z-index:6}
.makers>div:hover>p,.makers>div:focus-within>p{grid-template-rows:1fr;margin-top:10px}
.makers b{display:block;font-family:var(--display);font-size:15px;letter-spacing:.02em;margin-bottom:6px}
.makers span{font-size:13px;color:var(--ink-2)}
.makers>div>p{position:absolute;left:-1px;right:-1px;top:100%;margin-top:-1px!important;padding:0 20px;background:var(--bg-2);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 40px rgba(30,36,43,.12);z-index:3;opacity:0;transition:grid-template-rows .35s ease,opacity .25s,padding .35s}
.makers>div:hover>p,.makers>div:focus-within>p{opacity:1;padding:12px 20px 18px;border-color:var(--line-2)}
.makers>div:hover,.makers>div:focus-within{border-radius:16px 16px 0 0;border-bottom-color:transparent}
.makers>div::after{z-index:4}
.makers .mk-k{position:absolute;right:14px;top:6px;font-family:var(--kr);font-style:normal;font-weight:900;font-size:34px;line-height:1;color:var(--kblue);opacity:.06;letter-spacing:-.04em;pointer-events:none;transition:opacity .3s,transform .4s}
.makers>div:hover .mk-k,.makers>div:focus-within .mk-k{opacity:.12;transform:translateY(-2px)}
.makers .mk-n{display:block;font-style:normal;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--kblue);margin-bottom:8px}
.makers>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}

.makers .mk-x{display:block;font-size:13px;line-height:1.45;color:var(--ink-2)}
.makers .mk-y{display:inline-block;margin:8px 0 2px;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kblue)}
.makers .mk-port{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.makers .mk-port i{font-style:normal;font-family:var(--display);font-weight:700;color:var(--kblue)}
.makers .mk-p{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.makers .mk-p a{font-family:var(--display);font-weight:700;font-size:11.5px;color:var(--kblue);padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#fff}
.makers .mk-p a:hover{border-color:var(--kblue)}
.slogan{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em;line-height:1.25;max-width:26ch}

/* catalog page extras */
.cat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 28px}
@media (max-width:1000px){.cat-strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.cat-strip{grid-template-columns:repeat(2,1fr)}}
.cat-strip a{position:relative;overflow:hidden;height:120px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);padding:14px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,transform .2s}
.cat-strip a:hover{transform:translateY(-2px);border-color:var(--line-2)}
.cat-strip a[aria-current="true"]{background:linear-gradient(140deg,#0E4C7A,#002B49);color:#fff;border-color:transparent}
.cat-strip a[aria-current="true"] small{color:rgba(255,255,255,.7)}
.cat-strip b{font-family:var(--display);font-size:14px;line-height:1.15;max-width:9ch}
.cat-strip small{font-size:11.5px;color:var(--ink-3)}
.cat-strip img{position:absolute;right:2px;bottom:-4px;height:84%;width:auto;opacity:.95;filter:drop-shadow(0 8px 10px rgba(0,20,40,.2))}
.product .maker{font-size:11.5px;color:var(--ink-3)}
.product .specs-mini{display:flex;gap:6px;flex-wrap:wrap}
.product .specs-mini span{font-size:11.5px;padding:4px 8px;border-radius:999px;background:var(--tint);color:var(--ink-2)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.toolbar .ind{display:flex;gap:6px;flex-wrap:wrap}
.toolbar .ind button{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font-size:13px;color:var(--ink-2)}
.toolbar .ind button[aria-pressed="true"]{border-color:var(--kblue);color:var(--kblue)}

/* partners band */
.partners{padding:0}
.pband{border-block:1px solid var(--line);background:var(--bg-2);display:grid;grid-template-columns:300px 1fr;align-items:center}
@media (max-width:900px){.pband{grid-template-columns:1fr}}
.pband .lead{padding:28px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
@media (max-width:900px){.pband .lead{border-right:0;border-bottom:1px solid var(--line)}}
.pband .lead b{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.pband .lead span{font-size:13px;color:var(--ink-2);line-height:1.4}
.pband .lead .eyebrow{margin-bottom:6px}
.pmarq{overflow:hidden;contain:paint;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:0}
.pmarq+.pmarq{display:none}
.ptrack{display:flex;align-items:center;width:max-content;animation:mq 90s linear infinite}
.pmarq:hover .ptrack{animation-play-state:paused}
.plogo{height:104px;padding:0 34px;display:grid;place-items:center;border-right:1px solid var(--line);background:transparent;border-radius:0;min-width:0;transition:none}
.plogo:hover{transform:none;box-shadow:none}
.plogo img{max-height:44px;max-width:140px;width:auto;object-fit:contain;filter:grayscale(1) contrast(.9) opacity(.62);transition:filter .3s,transform .3s}
.plogo:hover img{filter:none;transform:scale(1.06)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .plogo{background:transparent}:root:not([data-theme="light"]) .plogo img{filter:grayscale(1) invert(1) opacity(.7)}:root:not([data-theme="light"]) .plogo:hover img{filter:none;background:#fff;padding:6px;border-radius:8px}}
:root[data-theme="dark"] .plogo{background:transparent}:root[data-theme="dark"] .plogo img{filter:grayscale(1) invert(1) opacity(.7)}:root[data-theme="dark"] .plogo:hover img{filter:none;background:#fff;padding:6px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.ptrack{animation:none}}

/* ===== variant C: accordion strips (home) ===== */
.acc{display:flex;gap:10px;height:560px}
@media (max-width:900px){.acc{flex-direction:column;height:auto}}
.strip{position:relative;flex:1;min-width:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:flex .65s cubic-bezier(.2,.7,.2,1);display:flex;color:var(--ink)}
.strip.open{flex:5}
@media (max-width:900px){.strip{min-height:120px}.strip.open{min-height:520px}}
.strip .glyph{position:absolute;right:-8px;top:-24px;font-family:var(--kr);font-weight:900;font-size:230px;line-height:.9;color:rgba(0,43,73,.07);pointer-events:none;transition:opacity .4s}
.strip.dark .glyph{color:rgba(255,255,255,.07)}
.strip .lbl{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;transition:opacity .3s}
.strip .lbl i{font-family:var(--display);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--scarlet)}
.strip .lbl b{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.01em;line-height:1;white-space:nowrap}
.strip .lbl em{font-style:normal;font-family:var(--display);font-size:12px;font-weight:700;color:var(--ink-3)}
.strip.dark .lbl b{color:#fff}.strip.dark .lbl em{color:rgba(255,255,255,.6)}
.strip.open .lbl{opacity:0;pointer-events:none}
.strip .body{position:absolute;inset:0;padding:30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;opacity:0;transition:opacity .45s .2s;pointer-events:none}
.strip.open .body{opacity:1;pointer-events:auto}
.strip .body .t{display:flex;flex-direction:column;position:relative}
.strip .body .t i{font-family:var(--display);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--scarlet)}
.strip .body h3{font-size:clamp(22px,2.4vw,30px);line-height:1.08;margin-top:10px;max-width:14ch}
.strip .body p{font-size:14px;color:var(--ink-2);margin-top:12px;max-width:34ch}
.strip.dark .body p{color:rgba(255,255,255,.75)}.strip.dark .body h3{color:#fff}
.strip .body .chips{margin-top:14px}
.strip .body .chips span{font-size:12px;padding:6px 10px;background:rgba(255,255,255,.75);border-color:transparent;color:var(--graphite)}
.strip.dark .body .chips span{background:rgba(255,255,255,.14);color:#fff}
.strip .body .btn{margin-top:auto;align-self:flex-start}
.strip.dark .body .btn{background:#fff;color:var(--kblue)}
.strip .body .devs{display:flex;gap:6px;justify-content:center;align-items:flex-end}
.strip .body .devs a{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:12px;color:inherit;text-align:center;min-width:0}
.strip .body .devs a span,.strip .body .devs a small{max-width:110px;line-height:1.2}
.strip.dark .body .devs a{color:#fff}
.strip .body .devs img{height:min(calc(420px - var(--n)*45px),44vh);max-width:calc(500px / var(--n));width:auto;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(0,20,40,.3));transform:translateY(16px);opacity:0;transition:transform .6s .25s cubic-bezier(.2,.7,.2,1),opacity .5s .25s}
.strip.open .body .devs img{transform:none;opacity:1}
.strip .body .devs a small{font-size:11px;font-weight:500;opacity:.7}
.s-hifu{background:linear-gradient(160deg,#EEF4F1,#C8DCD5 60%,#9DBFB3 150%)}
.s-rf{background:linear-gradient(160deg,#134F7C,#002B49 60%,#061A2B)}
.s-laser{background:linear-gradient(160deg,#FBEFE9,#F2D8D0 60%,#DDB0A6 150%)}
.s-body{background:linear-gradient(160deg,#2F3841,#1E242B 60%,#0F1317)}
.s-skin{background:linear-gradient(160deg,#FFFFFF,#F7F8F6 50%,#DDE6E1 150%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-hifu,:root:not([data-theme="light"]) .s-laser,:root:not([data-theme="light"]) .s-skin{filter:saturate(.9) brightness(.92)}}

/* ===== variant C: poster gallery (catalog page) ===== */
.pg-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.pg-head:empty{display:none}
.pg-nav{position:absolute;left:0;right:0;top:calc(50% - 14px);transform:translateY(-50%);display:flex;justify-content:space-between;z-index:5;pointer-events:none}
.pg-nav button{pointer-events:auto;margin:0 -26px}
@media (max-width:1280px){.pg-nav button{margin:0 6px}}
.pg-nav button{width:64px;height:64px;border-radius:50%;border:0;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;color:var(--kblue);position:relative;overflow:visible;transition:background .35s,color .35s,box-shadow .35s;box-shadow:0 14px 30px -18px rgba(0,43,73,.5);will-change:transform}
.pg-nav button>*{grid-area:1/1}
.pg-nav .ring{width:64px;height:64px;transform:rotate(-90deg);pointer-events:none}
.pg-nav .ring circle{fill:none;stroke-width:2.5}
.pg-nav .ring .tr{stroke:rgba(0,43,73,.12)}
.pg-nav .ring .pr{stroke:var(--scarlet);stroke-linecap:round;stroke-dasharray:182.2;stroke-dashoffset:182.2;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}
.pg-nav .ch{display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s}
.pg-nav .ch svg{width:20px;height:20px}
.pg-nav .kr{font-family:var(--kr);font-weight:900;font-size:14px;letter-spacing:.04em;opacity:0;transform:translateY(8px) scale(.8);transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s}
.pg-nav .tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-4px);font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity .25s,transform .3s;white-space:nowrap;pointer-events:none}
.pg-nav button:hover{background:rgba(255,255,255,.95);color:var(--kblue);box-shadow:0 18px 34px -16px rgba(0,43,73,.45)}
.pg-nav button:hover .ch{transform:scale(1.15)}
.pg-nav button:hover .kr{opacity:1;transform:none}
.pg-nav button:hover .tip{opacity:1;transform:translateX(-50%)}
.pg-nav button:hover .ring .tr{stroke:rgba(0,43,73,.18)}
.pg-nav button:active{transform:scale(.94)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pg-nav button{background:rgba(27,33,38,.8);color:#fff}}
:root[data-theme="dark"] .pg-nav button{background:rgba(27,33,38,.8);color:#fff}

.pg-wrap{position:relative;overflow:visible}
.pg{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 28px;scroll-padding-inline:0;scrollbar-width:none;cursor:grab;justify-content:flex-start}
.pg::-webkit-scrollbar{display:none}
.pg.drag{cursor:grabbing;scroll-snap-type:none}
.poster{flex:0 0 calc((100% - 18px*(var(--cols,3) - 1))/var(--cols,3));height:auto;min-height:580px;scroll-snap-align:start;border-radius:26px;overflow:hidden;position:relative;border:1px solid var(--line);display:flex;flex-direction:column;padding:24px;transition:transform .35s,box-shadow .35s;color:var(--ink)}
.poster:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.poster .idx{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.12em;color:var(--ink-3);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.poster .idx .stamp{width:34px;height:34px;font-size:13px;border-width:2px}
.poster .glyph{position:absolute;left:-10px;top:40px;font-family:var(--kr);font-weight:900;font-size:300px;line-height:.85;color:rgba(0,43,73,.06);pointer-events:none}
.poster.dark .glyph{color:rgba(255,255,255,.06)}
.poster .ph{flex:1;display:grid;place-items:center;position:relative;z-index:1;padding:14px 0}
.poster .ph img{max-height:290px;max-width:82%;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,20,40,.32));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.poster:hover .ph img{transform:scale(1.04) translateY(-4px)}
.poster .meta{position:relative;z-index:2}
.poster .meta .cat-l{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.poster .meta h3{font-size:30px;letter-spacing:-.03em;line-height:1;margin-top:6px}
.poster .meta .type{font-size:13.5px;color:var(--ink-2);margin-top:6px}
.poster .meta .row2{display:flex;justify-content:space-between;align-items:end;margin-top:16px;gap:10px}
.poster .meta .pay{display:block;font-family:var(--display);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.poster .meta .sp{font-size:11px;color:var(--ink-3);line-height:1.45;text-align:right;min-width:0}
.poster .meta .sp b{color:var(--ink);font-weight:600}
.poster.dark,.poster.dark .meta h3,.poster.dark .meta .pay,.poster.dark .meta .sp b{color:#fff}
.poster.dark .meta .type,.poster.dark .meta .cat-l,.poster.dark .meta .sp,.poster.dark .idx{color:rgba(255,255,255,.7)}
.poster.dark .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.poster .badge{position:absolute;left:24px;top:60px;z-index:2;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--kblue);color:#F7F8F6}
.poster .badge.red{background:var(--scarlet)}
.p-hifu{background:linear-gradient(165deg,#F3F7F5,#C8DCD5 65%,#A9C8BC 150%)}
.p-rf{background:linear-gradient(165deg,#155482,#002B49 62%,#071C2E)}
.p-laser{background:linear-gradient(165deg,#FCF2ED,#F2D8D0 62%,#E0B7AD 150%)}
.p-body{background:linear-gradient(165deg,#333C45,#1E242B 62%,#0F1317)}
.p-skin{background:linear-gradient(165deg,#FFFFFF,#F1F4F2 60%,#D9E4DE 150%)}
.pg-dots{display:flex;gap:6px;justify-content:center;margin-top:-6px}
.pg-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.pg-dots i.on{background:var(--kblue);width:22px;border-radius:4px}
.pg-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.pg-filters a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font-family:var(--display);font-weight:600;font-size:13.5px;color:var(--ink-2)}
.pg-filters a[aria-current="true"]{background:var(--graphite);color:#F7F8F6;border-color:var(--graphite)}
.pg-filters a span{font-family:var(--kr);margin-left:6px;opacity:.6}
.spec-cmp{margin-top:36px;overflow-x:auto}
.spec-cmp table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}
.spec-cmp th{text-align:left;font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:10px 14px;border-bottom:1px solid var(--line-2)}
.spec-cmp td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.spec-cmp td:first-child{font-family:var(--display);font-weight:700}
.spec-cmp tr:hover td{background:var(--bg-2)}

/* ===== header variants ===== */
.h-2 header{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0}
.h-2 .nav{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-line);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:var(--shadow);gap:10px}
.h-2 .nav ul{gap:0}
.h-2 .nav ul a{padding:10px 14px;border-radius:999px}
.h-2 .nav ul a.active{background:var(--graphite);color:#F7F8F6}
.h-2 .nav .btn{border-radius:999px;padding:12px 18px}
.h-2 .nav .phone{padding:0 8px}
.h-2 .brand img{height:38px}
.h-3 header{padding:0}
.h-3 .row1{display:flex;align-items:center;gap:18px;padding:16px 0 14px;border-bottom:1px solid var(--line)}
.h-3 .row1 .brand{margin-right:auto}
.h-3 .row1 .brand img{height:48px}
.h-3 .meta{display:flex;gap:26px;font-size:13px;color:var(--ink-2)}
.h-3 .meta b{display:block;font-family:var(--display);font-size:15px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.h-3 .meta span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.h-3 .row1 .btn{padding:12px 18px;font-size:14px}
.h-3 .row1 .stamp{width:38px;height:38px;font-size:14px}
.h-3 .row2{display:flex;align-items:center;gap:0;justify-content:space-between;padding:0}
.h-3 .row2 ul{display:flex;list-style:none;margin:0;padding:0;font-family:var(--display);font-weight:700;font-size:14px;gap:0}
.h-3 .row2 ul a{display:block;padding:14px 18px 13px;border-bottom:2px solid transparent;color:var(--ink-2);border-radius:0;background:transparent}
.h-3 .row2 ul li:first-child a{padding-left:0}
.h-3 .row2 ul a:hover{color:var(--ink);background:transparent}
.h-3 .row2 ul a.active{color:var(--ink);border-bottom-color:var(--scarlet);background:transparent}
.h-3 .row2 .kr{font-family:var(--kr);font-weight:900;font-size:13px;color:var(--ink-3);letter-spacing:.2em}
@media (max-width:980px){.h-3 .row2 ul{display:none}.h-3 .meta{display:none}.h-3 .row2 .kr{display:none}.h-3 .row2.open ul{display:flex}}

/* ===== header colour schemes ===== */
.c-blue header,.c-graphite header{--hbg:linear-gradient(135deg,#0E4C7A,#002B49 70%);--htxt:#fff;--htxt2:rgba(255,255,255,.72);--hline:rgba(255,255,255,.14);--hbtn:#fff;--hbtn-ink:var(--kblue);--hactive:rgba(255,255,255,.12)}
.c-graphite header{--hbg:linear-gradient(135deg,#2A323A,#1E242B 70%);--hbtn:var(--sage);--hbtn-ink:var(--graphite)}
.c-sage header .brand img{filter:none}
.c-sage header{--hbg:transparent;--htxt:#3E6A5B;--htxt2:#4F7F6E;--hline:rgba(0,43,73,.16);--hbtn:var(--kblue);--hbtn-ink:#fff;--hactive:var(--sage)}
.c-sage .nav ul a{transition:color .25s,background .25s}
.c-blue header,.c-graphite header,.c-sage header{background:var(--hbg);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--htxt)}
.c-blue .nav ul,.c-graphite .nav ul,.c-sage .nav ul{color:var(--htxt2)}
.c-blue .nav ul a:hover,.c-graphite .nav ul a:hover,.c-sage .nav ul a:hover,.c-blue .nav ul a.active,.c-graphite .nav ul a.active,.c-sage .nav ul a.active{color:var(--htxt);background:var(--hactive)}
.c-blue .nav .phone,.c-graphite .nav .phone,.c-sage .nav .phone{color:var(--htxt)}
.c-blue header .btn-primary,.c-graphite header .btn-primary,.c-sage header .btn-primary{background:var(--hbtn);color:var(--hbtn-ink);box-shadow:none}
.c-blue header .burger,.c-graphite header .burger{background:transparent;color:#fff;border-color:var(--hline)}
.c-blue .brand img,.c-graphite .brand img{filter:brightness(0) invert(1)}
/* variant 2 capsule + colour */
.c-blue.h-2 header,.c-graphite.h-2 header,.c-sage.h-2 header{background:transparent;border-bottom:0}
.c-blue.h-2 .nav,.c-graphite.h-2 .nav,.c-sage.h-2 .nav{background:var(--hbg);border-color:var(--hline)}
/* variant 3 rows + colour */
.c-blue.h-3 .row1,.c-graphite.h-3 .row1,.c-sage.h-3 .row1{border-bottom-color:var(--hline)}
.c-blue.h-3 .meta,.c-graphite.h-3 .meta,.c-blue.h-3 .meta b,.c-graphite.h-3 .meta b{color:var(--htxt)}
.c-blue.h-3 .meta span,.c-graphite.h-3 .meta span,.c-blue.h-3 .row2 .kr,.c-graphite.h-3 .row2 .kr{color:var(--htxt2)}
.c-blue.h-3 .row2 ul a,.c-graphite.h-3 .row2 ul a{color:var(--htxt2)}
.c-blue.h-3 .row2 ul a.active,.c-graphite.h-3 .row2 ul a.active,.c-blue.h-3 .row2 ul a:hover,.c-graphite.h-3 .row2 ul a:hover{color:#fff;background:transparent}
.c-blue.h-3 .row1 .stamp,.c-graphite.h-3 .row1 .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.c-graphite.h-3 .row2 ul a.active{border-bottom-color:var(--sage)}
.c-blue.h-3 .row2 ul a.active{border-bottom-color:#fff}
.c-sage .brand img{filter:none}
.c-blue .ribbon,.c-graphite .ribbon{border-bottom:1px solid rgba(255,255,255,.08)}

/* ===== ambient + section bands ===== */
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg)}
.ambient::before,.ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(110px);opacity:.55}
.ambient::before{width:60vw;height:60vw;left:-20vw;top:30vh;background:var(--sage)}
.ambient::after{width:50vw;height:50vw;right:-18vw;top:110vh;background:var(--sand)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ambient::before,:root:not([data-theme="light"]) .ambient::after{opacity:.08}}
:root[data-theme="dark"] .ambient::before,:root[data-theme="dark"] .ambient::after{opacity:.08}
body{background:transparent}
.band{position:relative}
.band-tint{background:linear-gradient(180deg,transparent,var(--tint) 18%,var(--tint) 82%,transparent)}
.band-sand{background:linear-gradient(180deg,transparent,var(--tint-2) 18%,var(--tint-2) 82%,transparent)}
.band-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 15% 50%,rgba(200,220,213,.45),transparent 70%),radial-gradient(45% 60% at 85% 40%,rgba(242,216,208,.4),transparent 70%);pointer-events:none}
.band .kmark{position:absolute;right:-1vw;top:-10px;font-family:var(--kr);font-weight:900;font-size:clamp(160px,20vw,280px);line-height:.9;color:var(--hangul);pointer-events:none;user-select:none}
.band>.wrap{position:relative}
.cta .card{background:linear-gradient(140deg,#fff 0%,var(--tint) 70%,var(--sage) 160%);border-color:var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cta .card{background:linear-gradient(140deg,#222A31,#182028)}}
:root[data-theme="dark"] .cta .card{background:linear-gradient(140deg,#222A31,#182028)}
.cta .card::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='rgba(0,43,73,.16)' stroke-width='1'%3E%3Cpath d='M0 300 C120 260 200 180 320 150 S520 80 600 40'/%3E%3Cpath d='M0 380 C150 360 260 300 380 240 S560 160 600 140'/%3E%3C/g%3E%3Cg fill='rgba(0,43,73,.22)'%3E%3Ccircle cx='320' cy='150' r='3'/%3E%3Ccircle cx='380' cy='240' r='3'/%3E%3Ccircle cx='520' cy='80' r='2.5'/%3E%3C/g%3E%3C/svg%3E") right bottom/60% auto no-repeat;pointer-events:none}
.cta .card>*{position:relative;z-index:1}
footer{background:linear-gradient(160deg,#E4EEE9,#C8DCD5 60%,#B5CFC5);border-top:0;color:#3E4A52;position:relative;overflow:hidden;margin-top:24px}
footer::before{content:"서울";position:absolute;right:-2vw;top:-40px;font-family:var(--kr);font-weight:900;font-size:260px;line-height:.9;color:rgba(0,43,73,.06);pointer-events:none}
footer h4{color:#5B6B72}
footer ul a:hover,footer .foot-line a:hover,footer .bottom a:hover{color:var(--kblue)}
footer .stamp{border-color:var(--scarlet);color:var(--scarlet);background:rgba(255,255,255,.35)}
footer .foot-line{border-top-color:rgba(0,43,73,.14);color:#4B5A62}
footer .bottom{border-top-color:rgba(0,43,73,.14);color:#5B6B72}
footer p{color:#3E4A52}
footer .fgrid>div:first-child span[style]{color:#5B6B72!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer{background:linear-gradient(160deg,#1F2A28,#182220)}:root:not([data-theme="light"]) footer,:root:not([data-theme="light"]) footer p{color:#C9D6D0}}
:root[data-theme="dark"] footer{background:linear-gradient(160deg,#1F2A28,#182220)}:root[data-theme="dark"] footer,:root[data-theme="dark"] footer p{color:#C9D6D0}

/* ===== blue accents: all headings ===== */
h1,h2,h3,.trust b,.stats b,.kv b,.row .body h3,.poster .meta h3,.product h3,.cat b,.pillar h3,.feat b,.tile h3,.steps b,.contact-card b,.makers b,.calc .out .big,.pband .lead b{color:var(--kblue)}
.deep h2,.deep h3,.deep .pay b,.strip.dark h3,.strip.dark .lbl b,.poster.dark .meta h3,.slide.g-blue h3,.bento .b.g-blue b,.bento .b.g-dark b,footer h4,footer .brand,.calc .out .big,.calc .kv b{color:inherit}
.deep h2{color:#EEF3F7}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) h1,:root:not([data-theme="light"]) h2,:root:not([data-theme="light"]) h3,:root:not([data-theme="light"]) .trust b,:root:not([data-theme="light"]) .product h3,:root:not([data-theme="light"]) .feat b,:root:not([data-theme="light"]) .tile h3,:root:not([data-theme="light"]) .steps b,:root:not([data-theme="light"]) .makers b,:root:not([data-theme="light"]) .pband .lead b{color:#DCE7F2}}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] .trust b,:root[data-theme="dark"] .product h3,:root[data-theme="dark"] .feat b,:root[data-theme="dark"] .tile h3,:root[data-theme="dark"] .steps b,:root[data-theme="dark"] .makers b,:root[data-theme="dark"] .pband .lead b{color:#DCE7F2}

/* nav items: blue + bold */
.nav ul a,.h-3 .row2 ul a{color:var(--kblue);font-weight:700;font-family:var(--display);font-size:16.5px}
.nav .phone{color:var(--kblue);font-size:17.5px;font-weight:800}
.c-blue .nav ul a,.c-graphite .nav ul a,.c-blue .nav .phone,.c-graphite .nav .phone,.c-blue.h-3 .row2 ul a,.c-graphite.h-3 .row2 ul a{color:#fff!important}
.c-blue .nav ul a,.c-graphite .nav ul a,.c-blue .nav .phone,.c-graphite .nav .phone,.c-blue.h-3 .row2 ul a,.c-graphite.h-3 .row2 ul a{color:var(--htxt)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav ul a,:root:not([data-theme="light"]) .nav .phone{color:#DCE7F2}}
:root[data-theme="dark"] .nav ul a,:root[data-theme="dark"] .nav .phone{color:#DCE7F2}

/* nav hover: full-height dark block */
.nav{align-items:stretch}
.nav>.brand,.nav>.phone,.nav>.btn,.nav>.burger{align-self:center}
.nav ul{align-items:stretch}
.nav ul li{display:flex}
.nav ul a{display:flex;align-items:center;padding:0 16px;margin:-12px 0;border-radius:0;transition:background .2s,color .2s}
.nav ul a:hover,.nav ul a.active{background:var(--kblue)!important;color:#fff!important}
.h-2 .nav ul a{margin:-8px 0}
.h-2 .nav ul li:first-child a{border-radius:0}
.h-3 .row2 ul a{display:flex;align-items:center;padding:0 18px;margin:0;height:52px;border-bottom:0}
.h-3 .row2 ul a:hover,.h-3 .row2 ul a.active{background:var(--kblue)!important;color:#fff!important}
.c-blue .nav ul a:hover,.c-blue .nav ul a.active,.c-blue.h-3 .row2 ul a:hover,.c-blue.h-3 .row2 ul a.active{background:rgba(255,255,255,.16)!important}
.c-graphite .nav ul a:hover,.c-graphite .nav ul a.active,.c-graphite.h-3 .row2 ul a:hover,.c-graphite.h-3 .row2 ul a.active{background:var(--sage)!important;color:var(--graphite)!important}
@media (max-width:980px){.nav.open ul a{margin:0;padding:12px 14px;border-radius:8px}}

/* dark surfaces: force light headings */
.strip.dark .lbl b,.strip.dark .body h3,.strip.dark .body .devs a,.strip.dark .body .devs a span{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.strip.dark .lbl em{color:rgba(255,255,255,.7)!important}
.strip .lbl i,.strip .body .t i,.poster .idx>span:first-child,.show .tabs button i{color:var(--scarlet)!important}
.strip.dark .lbl i,.strip.dark .body .t i,.poster.dark .idx>span:first-child{color:#F06B79!important}
.poster.dark .meta h3,.poster.dark .meta .pay,.slide.g-blue .info h3,.bento .b.g-blue b,.bento .b.g-dark b,.deep h2,.deep .pay b{color:#fff!important}
.slide.g-blue .info h3{color:var(--kblue)!important}

/* footer text: blue */
footer,footer p,footer ul li,footer ul a,footer .foot-line,footer .foot-line a,footer .bottom,footer .bottom a,footer .fgrid>div:first-child span[style]{color:var(--kblue)!important}
footer h4{color:var(--kblue)!important;opacity:.7}
footer ul a:hover,footer .foot-line a:hover,footer .bottom a:hover{color:var(--scarlet)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer,:root:not([data-theme="light"]) footer p,:root:not([data-theme="light"]) footer ul li,:root:not([data-theme="light"]) footer ul a,:root:not([data-theme="light"]) footer .foot-line,:root:not([data-theme="light"]) footer .bottom{color:#DCE7F2!important}}
:root[data-theme="dark"] footer,:root[data-theme="dark"] footer p,:root[data-theme="dark"] footer ul li,:root[data-theme="dark"] footer ul a,:root[data-theme="dark"] footer .foot-line,:root[data-theme="dark"] footer .bottom{color:#DCE7F2!important}
.fade{animation:fade .35s ease-out}
@keyframes fade{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade{animation:none}}
.c-sage .nav ul a{border-radius:8px;padding:3px 8px}
.c-sage .nav ul a:hover,.c-sage .nav ul a.active{background:transparent!important}
.c-sage main{margin-top:calc(-1 * var(--hh,74px))}
.c-sage .hero{padding-top:calc(64px + var(--hh,74px))}
.c-sage .crumbs{padding-top:calc(22px + var(--hh,74px))}
.c-sage header.scrolled{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero+section.tight{position:relative}
.hero+section.tight::before{content:"";position:absolute;left:-10vw;top:-40px;width:55vw;height:420px;background:radial-gradient(50% 55% at 12% 0%,rgba(242,216,208,.28),transparent 70%);pointer-events:none;z-index:0}
.hero+section.tight>.wrap{position:relative;z-index:1}
.sec-head h2.h2-wide{max-width:none;text-wrap:nowrap}
@media (max-width:900px){.sec-head h2.h2-wide{text-wrap:balance}.sec-head h2.h2-wide br{display:none}}

/* ===== catalog variants D–G ===== */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;grid-auto-flow:dense;gap:16px}
@media (max-width:1100px){.mosaic{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}}
.mz{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;color:var(--ink);transition:transform .3s,box-shadow .3s}
.mz:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mz.big{grid-column:span 2;grid-row:span 2}
.mz.dark{color:#fff}
.mz .mz-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}
.mz .cat-l{font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.mz.dark .cat-l{color:rgba(255,255,255,.7)}
.mz .stamp{width:32px;height:32px;font-size:12px;border-width:2px}
.mz.dark .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.mz .badge{position:static;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--kblue);color:#fff}
.mz .badge.red{background:var(--scarlet)}
.mz img{position:absolute;right:6%;bottom:14%;height:62%;width:auto;max-width:60%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,20,40,.3));transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:1}
.mz.big img{height:72%;right:8%;bottom:12%;max-width:52%}
.mz:hover img{transform:translateY(-6px) scale(1.03)}
.mz .mz-meta{margin-top:auto;position:relative;z-index:2;max-width:55%}
.mz.big .mz-meta{max-width:46%}
.mz h3{font-size:19px;line-height:1.1}
.mz.big h3{font-size:30px}
.mz .mz-meta p{font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.35}
.mz.dark .mz-meta p{color:rgba(255,255,255,.75)}
.mz .sp{display:grid;gap:6px;margin-top:12px}
.mz .sp span{font-size:11.5px;color:var(--ink-3)}
.mz .sp span b{display:block;font-family:var(--display);font-size:13px;color:inherit}
.mz.dark .sp span{color:rgba(255,255,255,.65)}.mz.dark .sp span b{color:#fff}
.mz .mz-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,43,73,.12);font-size:12px}
.mz.dark .mz-foot{border-top-color:rgba(255,255,255,.18)}
.mz .mz-foot b{font-family:var(--display);font-weight:800;white-space:nowrap}
.mz .mz-foot span{color:var(--ink-3)}.mz.dark .mz-foot span{color:rgba(255,255,255,.7)}
.mz.s-skin{background:linear-gradient(160deg,#fff,#EEF3F0 60%,#DDE6E1 150%)}

.fc{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}
.fc>*{min-width:0}
.fc-list{width:420px;justify-self:end}
@media (max-width:1100px){.fc{grid-template-columns:minmax(0,1fr) 340px}.fc-list{width:340px}}
@media (max-width:980px){.fc{grid-template-columns:1fr}}
.fc-stage{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);padding:22px;height:640px;min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:8px;color:var(--ink);grid-template-columns:minmax(0,1fr)}
.fc-stage>*{min-width:0;max-width:100%}
.fc-h>div:first-child{min-width:0}
.fc-h h2{overflow:hidden;text-overflow:ellipsis}
.fc-stage.dark{color:#fff}
.fc-stage .glyph{position:absolute;right:-10px;top:-30px;font-family:var(--kr);font-weight:900;font-size:260px;line-height:.9;color:rgba(0,43,73,.06);pointer-events:none}
.fc-stage.dark .glyph{color:rgba(255,255,255,.06)}
.fc-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}
.fc-stage.dark .pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.fc-stage.dark .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.fc-stage>img{position:relative;z-index:1;justify-self:center;align-self:center;max-height:350px;height:350px;width:auto;max-width:92%;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,20,40,.35));animation:fcIn .6s cubic-bezier(.2,.7,.2,1)}
@keyframes fcIn{from{opacity:0}to{opacity:1}}
.fc-info{position:relative;z-index:2;padding:12px 16px;border-radius:18px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-line);color:var(--ink)}
.fc-info h2{font-size:28px;line-height:1.05;letter-spacing:-.02em}
.fc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.fc-price{text-align:right;flex:none}
.fc-price b{display:block;font-family:var(--display);font-weight:800;font-size:19px;color:var(--kblue);white-space:nowrap;line-height:1.1}
.fc-price span{display:block;font-size:11px;color:var(--ink-3);margin-top:3px;white-space:nowrap}
.fc-ind{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.fc-ind .lbl{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.fc-ind span:not(.lbl){font-size:12px;padding:5px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2)}
.fc-ru{font-size:12px;color:var(--ink-3);margin-right:auto}
.fc-specline{margin:8px 0 0;font-size:12.5px;color:var(--ink-3);line-height:1.4}
.fc-specline b{color:var(--ink);font-weight:700}
.fc-specline i{font-style:normal;margin:0 8px;color:var(--line-2)}
@media (max-width:640px){.fc-h{flex-direction:column}.fc-price{text-align:left}.fc-info .sp{grid-template-columns:1fr 1fr}}
.fc-info .type{font-size:14px;color:var(--ink-2);margin-top:4px}
.fc-info .pos{font-size:13px;color:var(--ink-2);margin-top:10px;max-width:60ch;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-info .sp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.fc-info .sp div{font-size:11px;color:var(--ink-3);padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:12px;background:var(--bg-2);border:1px solid var(--line)}
.fc-info .sp div b{display:block;font-family:var(--display);font-size:13px;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-info .row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:nowrap}
.fc-info .pay{font-family:var(--display);font-weight:800;font-size:17px;margin-right:auto}
.fc-info .btn{padding:9px 14px;font-size:13px}
.fc-list{display:flex;flex-direction:column;gap:8px;height:640px;overflow:auto;padding-right:4px;scrollbar-width:thin;overscroll-behavior:contain}
.fc-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;min-height:78px;padding:10px 14px 10px 10px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);transition:border-color .2s,transform .2s,background .2s}
.fc-item img{height:56px;width:64px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,20,40,.2))}
.fc-item b{display:block;font-family:var(--display);font-size:15px}
.fc-item small{display:block;font-size:12px;color:var(--ink-3);line-height:1.3}
.fc-item em{font-style:normal;font-family:var(--display);font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.fc-item:hover,.fc-item.on{border-color:var(--kblue);background:var(--tint)}
.fc-item.on::before{content:"";width:4px;height:60%;border-radius:4px;background:var(--kblue);position:absolute;left:0}
.fc-item{position:relative}

.shelf{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);padding:30px 30px 0;margin-bottom:18px;color:var(--ink)}
.shelf.dark{color:#fff}
.shelf .glyph{position:absolute;right:-10px;top:-40px;font-family:var(--kr);font-weight:900;font-size:240px;line-height:.9;color:rgba(0,43,73,.06);pointer-events:none}
.shelf.dark .glyph{color:rgba(255,255,255,.06)}
.shelf-head{display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:2}
.shelf-head h2{font-size:28px;margin-top:8px}
.shelf-head p{font-size:14px;color:var(--ink-2);margin-top:6px;max-width:50ch}
.shelf.dark .shelf-head p{color:rgba(255,255,255,.72)}.shelf.dark .eyebrow{color:rgba(255,255,255,.6)}
.shelf-head .btn{white-space:nowrap}
.shelf-row{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:12px;align-items:end;margin-top:22px;position:relative;z-index:2;padding-bottom:46px}
.shelf-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative}
.shelf-item img{height:min(240px,26vw);max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,20,40,.35));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;z-index:2}
.shelf-item:hover img{transform:translateY(-10px)}
.shelf-item b{font-family:var(--display);font-size:15px;margin-top:6px}
.shelf-item small{font-size:11.5px;color:var(--ink-3);line-height:1.3;max-width:20ch}
.shelf.dark .shelf-item small{color:rgba(255,255,255,.65)}
.shelf-item em{font-style:normal;font-family:var(--display);font-size:11.5px;font-weight:700;color:var(--ink-2)}
.shelf.dark .shelf-item em{color:rgba(255,255,255,.85)}
.shelf-board{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(0,43,73,.10),rgba(0,43,73,.22));border-top:1px solid rgba(255,255,255,.35);pointer-events:none;z-index:1}
.shelf.dark .shelf-board{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.4));border-top-color:rgba(255,255,255,.14)}
.shelf-board::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}
@media (max-width:760px){.shelf-row{grid-template-columns:repeat(2,1fr)}}

.lbls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:1000px){.lbls{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.lbls{grid-template-columns:1fr}}
.lbl-card{display:flex;flex-direction:column;border-radius:6px;border:1.5px solid var(--graphite);background:var(--bg-2);overflow:hidden;transition:transform .25s,box-shadow .25s;position:relative}
.lbl-card::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(30,36,43,.25);border-radius:3px;pointer-events:none;z-index:3}
.lbl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.lbl-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1.5px solid var(--graphite)}
.lbl-head .stamp{width:34px;height:34px;font-size:13px;border-width:2px}
.lbl-head .code{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);line-height:1.3}
.lbl-head .code i{display:block;font-style:normal;color:var(--scarlet);font-size:10px;letter-spacing:.14em}
.lbl-head .no{margin-left:auto;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink-3)}
.lbl-pic{height:250px;display:grid;place-items:center;position:relative;border-bottom:1.5px solid var(--graphite)}
.lbl-pic.s-rf,.lbl-pic.s-body{background:linear-gradient(160deg,#F1F5F3,#DCE6E1)}
.lbl-pic img{max-height:210px;max-width:72%;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(0,20,40,.25));transition:transform .4s}
.lbl-card:hover .lbl-pic img{transform:scale(1.04)}
.lbl-pic .badge{position:absolute;left:14px;top:14px;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:4px;background:var(--kblue);color:#fff}
.lbl-pic .badge.red{background:var(--scarlet)}
.lbl-body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px}
.lbl-body h3{font-size:22px;letter-spacing:-.01em}
.lbl-body>p{font-size:13px;color:var(--ink-2);line-height:1.35}
.lbl-body table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px}
.lbl-body td{padding:7px 0;border-top:1px solid var(--line);vertical-align:top}
.lbl-body td:first-child{color:var(--ink-3);width:42%;padding-right:10px}
.lbl-body td:last-child{font-weight:600;color:var(--ink)}
.lbl-foot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;border-top:1.5px solid var(--graphite);margin-top:4px}
.lbl-foot b{font-family:var(--display);font-weight:800;font-size:15px}
.lbl-foot span{font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lbl-card,:root:not([data-theme="light"]) .lbl-head,:root:not([data-theme="light"]) .lbl-pic,:root:not([data-theme="light"]) .lbl-foot{border-color:var(--line-2)}:root:not([data-theme="light"]) .lbl-pic{background:var(--tint)}}
:root[data-theme="dark"] .lbl-card,:root[data-theme="dark"] .lbl-head,:root[data-theme="dark"] .lbl-pic,:root[data-theme="dark"] .lbl-foot{border-color:var(--line-2)}:root[data-theme="dark"] .lbl-pic{background:var(--tint)}
.mz.dark h3,.mz.dark .mz-foot b,.shelf.dark h2,.shelf.dark .shelf-item b{color:#fff!important}
.shelf-row{padding-bottom:26px}.shelf-board{height:96px}
.pg-filters a span{display:none!important}
@media (max-width:900px){.pg-wrap{--cols:2!important}}
@media (max-width:560px){.pg-wrap{--cols:1!important}}

/* certification badges */
.certs{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;z-index:3;align-items:flex-start}
.certs span{display:grid;place-items:center;height:34px;color:var(--kblue);filter:drop-shadow(0 2px 4px rgba(255,255,255,.9)) drop-shadow(0 4px 10px rgba(0,43,73,.18))}
.certs span svg{height:34px;width:auto;display:block}
.certs .c-ce svg{height:26px}
.certs .c-fda{color:var(--graphite)}
.certs .c-kr{color:var(--scarlet)}
.poster .certs{left:0;bottom:6px}
.poster.dark .certs span{color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.pp .gallery .certs{left:22px;bottom:22px;gap:10px}
.pp .gallery .certs span,.pp .gallery .certs span svg{height:46px}.pp .gallery .certs .c-ce svg{height:34px}
.c-sage .nav ul a{color:var(--kblue)!important}
.c-sage .nav .phone{color:var(--kblue)!important}
.c-sage .nav ul a{transition:transform .25s cubic-bezier(.2,.7,.2,1),color .25s;transform-origin:50% 50%}
.c-sage .nav ul a:hover{transform:scale(1.08);color:var(--kblue)!important}
.c-sage .nav ul a.active{color:var(--kblue)!important;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}

/* article page */
.art-head{padding:22px 0 26px}
.art-head h1{font-size:clamp(30px,3.8vw,48px);line-height:1.06;margin-top:12px;max-width:24ch}
.art-head .lead{margin-top:18px;font-size:18px;line-height:1.55;color:var(--ink-2);max-width:66ch}
.art-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);min-height:300px;display:grid;place-items:center;padding:28px;margin-bottom:44px}
.art-hero .glyph{position:absolute;right:-10px;top:-40px;font-family:var(--kr);font-weight:900;font-size:260px;line-height:.9;color:rgba(0,43,73,.06);pointer-events:none}
.art-hero.dark .glyph{color:rgba(255,255,255,.06)}
.art-hero img{position:relative;max-height:300px;max-width:60%;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,20,40,.32))}
.art-hero .cap{position:absolute;left:22px;bottom:18px;display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:12.5px;font-weight:700;color:var(--ink-2)}
.art-hero.dark .cap{color:rgba(255,255,255,.85)}
.art-hero .cap .stamp{width:32px;height:32px;font-size:12px;border-width:2px}
.art-hero.dark .cap .stamp{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
@media (max-width:980px){.art-grid{grid-template-columns:1fr}}
.art-body{max-width:70ch;font-size:17px;line-height:1.7}
.art-body h2{font-size:26px;margin:36px 0 12px;color:var(--ink)}
.art-body h3{font-size:19px;margin:24px 0 8px;color:var(--ink)}
.art-body p+p{margin-top:14px}
.art-body .note{margin-top:14px;padding:14px 18px;border-left:3px solid #0E4C7A;background:var(--tint);border-radius:0 12px 12px 0;font-size:15.5px;color:var(--ink)}
.art-body .list{margin:12px 0 6px}
.art-body .list li{font-size:16px;line-height:1.55}
.art-share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.art-share a{font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue);padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2)}
.art-share a:hover{border-color:var(--kblue)}
.art-side{position:sticky;top:96px;display:grid;gap:14px}
.art-toc,.art-devs,.art-cta{padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--bg-2)}
.art-toc b,.art-devs b,.art-cta b{display:block;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.art-toc span{display:block;font-size:13.5px;line-height:1.35;padding:6px 0 6px 14px;border-left:2px solid var(--line);color:var(--ink-2)}
.art-devs a{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.art-devs a:first-of-type{border-top:0}
.art-devs img{height:54px;width:54px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,20,40,.2))}
.art-devs i{display:block;font-style:normal;font-family:var(--display);font-weight:800;font-size:15px}
.art-devs small{display:block;font-size:12px;color:var(--ink-3);line-height:1.3}
.art-devs em{grid-column:2;font-style:normal;font-family:var(--display);font-size:12px;font-weight:700;color:var(--kblue);margin-top:-6px}
.art-cta{background:linear-gradient(160deg,var(--tint),var(--bg-2) 70%)}
.art-cta b{color:var(--ink);font-size:16px;letter-spacing:-.01em;text-transform:none;margin-bottom:6px}
.art-cta p{font-size:13.5px;color:var(--ink-2);margin-bottom:14px}

.art-head{text-align:left}.art-head h1{text-wrap:pretty}
.art-vs{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 72px 1fr;align-items:stretch;margin-bottom:44px;background:linear-gradient(90deg,#FBF1ED 0%,#F2D8D0 49.5%,#DCE9E3 50.5%,#EDF4F0 100%)}
.art-vs .glyph{position:absolute;top:-30px;font-family:var(--kr);font-weight:900;font-size:220px;line-height:.9;color:rgba(0,43,73,.05);pointer-events:none}
.art-vs .glyph.l{left:-6px}.art-vs .glyph.r{right:-6px}
.art-vs .vs-side{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;column-gap:22px;align-items:center;padding:30px 32px;color:var(--ink);transition:background .3s}
.art-vs .vs-side:hover{background:rgba(255,255,255,.35)}
.art-vs .vs-side img{grid-row:1/5;height:250px;max-width:200px;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,20,40,.3));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.art-vs .vs-side:hover img{transform:translateY(-6px) scale(1.03)}
.art-vs .vs-side.r{grid-template-columns:1fr auto;text-align:right}
.art-vs .vs-side.r img{grid-column:2}
.art-vs .vs-side.r .tag,.art-vs .vs-side.r b,.art-vs .vs-side.r i,.art-vs .vs-side.r small{grid-column:1}
.art-vs .tag{display:inline-block;justify-self:start;padding:6px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.art-vs .vs-side.r .tag{justify-self:end}
.art-vs b{font-family:var(--display);font-size:30px;line-height:1.05;margin-top:10px;letter-spacing:-.02em}
.art-vs i{font-style:normal;font-family:var(--display);font-weight:700;font-size:15px;color:var(--kblue);margin-top:6px}
.art-vs small{font-size:13px;color:var(--ink-2);line-height:1.4;margin-top:6px;max-width:28ch}
.art-vs .vs-side.r small{justify-self:end}
.art-vs .mid{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0}
.art-vs .mid .line{flex:1;width:1px;background:linear-gradient(180deg,transparent,rgba(0,43,73,.35),transparent)}
.art-vs .mid .or{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--scarlet);color:#fff;font-family:var(--display);font-weight:800;font-size:13px;box-shadow:0 10px 24px -8px rgba(184,40,55,.6)}
@media (max-width:820px){.art-vs{grid-template-columns:1fr;background:linear-gradient(180deg,#FBF1ED,#F2D8D0 49.5%,#DCE9E3 50.5%,#EDF4F0)}.art-vs .mid{flex-direction:row;padding:0 18px}.art-vs .mid .line{height:1px;width:auto}.art-vs .vs-side,.art-vs .vs-side.r{grid-template-columns:auto 1fr;text-align:left}.art-vs .vs-side.r img{grid-column:1}.art-vs .vs-side.r .tag,.art-vs .vs-side.r b,.art-vs .vs-side.r i,.art-vs .vs-side.r small{grid-column:2;justify-self:start}.art-vs .vs-side img{height:180px}}
.feat.two{grid-template-columns:repeat(2,1fr);gap:18px}
.feat.two .ft{padding:30px 28px 26px}
.feat.two b{font-size:20px}
.feat.two p{font-size:15px}
@media (max-width:640px){.feat.two{grid-template-columns:1fr}}

/* reviews & clinics & privacy */
.rv-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-top:18px}
@media (max-width:980px){.rv-page{grid-template-columns:1fr}}
.rv-card{padding:34px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(165deg,var(--bg-2),var(--tint) 140%);position:relative;overflow:hidden}
.rv-person{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center}
.rv-person h1{font-size:clamp(24px,3vw,34px);line-height:1.1;margin-top:6px}
.rv-person p{font-size:14.5px;color:var(--ink-2);margin-top:6px}
.ava.big{width:96px;height:96px;font-size:26px;border-radius:50%;background:linear-gradient(135deg,var(--sage),#9FBFB3);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:var(--kblue);overflow:hidden}
.ava.big img{width:100%;height:100%;object-fit:cover}
.ava.sm{width:40px;height:40px;font-size:12px;border-radius:50%;background:linear-gradient(135deg,var(--sage),#9FBFB3);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:var(--kblue)}
.rv-quote p+p{margin-top:12px}
.ava.sm img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.rv-quote{margin:28px 0 0;padding:26px 28px 26px 60px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);font-size:17.5px;line-height:1.65;color:var(--ink);position:relative}
.rv-quote .q{position:absolute;left:20px;top:8px;font-family:var(--display);font-size:64px;line-height:1;color:var(--scarlet);opacity:.55}
.rv-dev{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;margin-top:18px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--bg-2);transition:border-color .2s}
.rv-dev:hover{border-color:var(--kblue)}
.rv-dev img{height:72px;width:72px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,20,40,.2))}
.rv-dev i{display:block;font-style:normal;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.rv-dev b{display:block;font-family:var(--display);font-size:18px}
.rv-dev small{font-size:12.5px;color:var(--ink-2)}
.rv-dev em{font-style:normal;font-family:var(--display);font-size:12.5px;font-weight:700;color:var(--kblue)}
.art-devs a .ava.sm{grid-row:auto}
.cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
@media (max-width:1000px){.cl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cl-grid{grid-template-columns:1fr}}
.cl-card{position:relative;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--bg-2);display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;transition:transform .25s,box-shadow .25s}
.cl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cl-logo{height:72px;display:grid;place-items:center;border-radius:12px;background:var(--tint)}
.cl-logo img{max-height:48px;max-width:84px;object-fit:contain;filter:grayscale(1) opacity(.7)}
.cl-card:hover .cl-logo img{filter:none}
.cl-body b{display:block;font-family:var(--display);font-size:16px}
.cl-body span{display:block;font-size:12.5px;color:var(--ink-3);margin:3px 0 8px}
.cl-body .chips span{font-size:11px;padding:4px 8px;margin:0;color:var(--ink-2)}
.cl-card .stamp{position:absolute;right:14px;top:14px;width:30px;height:30px;font-size:11px;border-width:2px}
.cl-note{margin:22px 0 10px;font-size:13.5px;color:var(--ink-3)}
.pv{max-width:76ch}
.pv h2{font-size:22px;margin:30px 0 10px}
.pv .list{margin:8px 0}
.pv .note{margin-top:30px;padding:14px 18px;border-left:3px solid #0E4C7A;background:var(--tint);border-radius:0 12px 12px 0;font-size:14px;color:var(--ink)}


/* ---- pastel background for device stages ---- */
:root{--pastel:linear-gradient(150deg,#E4EEF3 0%,#C6D9E4 55%,#A9C4D3 140%)}
.s-rf{background:var(--pastel)}
.s-body{background:linear-gradient(150deg,#ECEFF2 0%,#D6DDE3 55%,#BCC6CF 140%)}
.fc-stage.dark{color:var(--ink)}
.fc-stage.dark .glyph{color:rgba(0,43,73,.06)}
.fc-stage.dark .pill{background:var(--bg-2);border-color:var(--line);color:var(--ink-2)}
.fc-stage.dark .stamp{border-color:var(--scarlet);color:var(--scarlet);background:rgba(255,255,255,.35)}

@media (max-width:1330px){.nav ul a,.h-3 .row2 ul a{font-size:15.5px!important}.nav .phone{font-size:13.5px}}

.nav ul a[data-nav="injectables"],.h-3 .row2 ul a[data-nav="injectables"]{font-size:1.08em!important;letter-spacing:.05em;color:#0E3B2E}
/* ---- hero poster slide ---- */
.slider.dark-on .sl-nav button{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.9);color:#0E3B2E;backdrop-filter:blur(6px)}

.slide.poster{background:#0A3A2E;color:#fff;justify-content:flex-start;align-items:stretch}
.slide.poster .plines{position:absolute;left:38%;top:50%;transform:translate(-50%,-50%);width:64%;height:58%;object-fit:cover;z-index:0;opacity:.2;pointer-events:none;-webkit-mask-image:radial-gradient(64% 58% at 56% 50%,#000 34%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 26%);mask-image:radial-gradient(64% 58% at 56% 50%,#000 34%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 26%);-webkit-mask-composite:source-in;mask-composite:intersect}
.slide.poster .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:0;filter:none}
.slide.poster .top{margin-bottom:0}
.slide.poster::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,52,41,.88) 0%,rgba(9,52,41,.6) 22%,rgba(9,52,41,.18) 42%,rgba(9,52,41,0) 60%)}
.slide.poster .top{z-index:2}
.slide.poster .pill{background:rgba(255,255,255,.75);border-color:rgba(14,59,46,.18);color:#0E3B2E}
.slide.poster .pill i{background:#C9A24A}
.slide.poster .stamp{border-color:var(--scarlet)!important;color:var(--scarlet)!important;background:rgba(255,255,255,.82)!important}
.slide.poster .ptxt em,.slide.poster .ptxt h3,.slide.poster .ptxt p,.slide.poster .ptxt p b{color:#fff}
.slide.poster .pchips span{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.32)}
.slide.poster .top .pill{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.32)}
.slide.poster .btn{background:#fff;color:#0A3A2E}
.slide.poster .btn:hover{background:#F2EFE8;color:#0A3A2E}
.slide.poster .ptxt{position:relative;z-index:2;max-width:100%;padding:0 4px 6px 0;margin-top:6%;margin-bottom:0;display:flex;flex-direction:column;flex:1 1 auto}
.slide.poster .ptxt em,.slide.poster .ptxt h3,.slide.poster .ptxt p{max-width:44%}
.slide.poster .ptxt h3,.slide.poster .ptxt p{text-shadow:0 1px 10px rgba(6,44,33,.45)}
.slide.poster .pchips{margin-top:auto!important;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;max-width:44%;text-shadow:0 1px 10px rgba(6,44,33,.55)}
.slide.poster .pchips span{background:none!important;border:0!important;padding:0!important;color:rgba(255,255,255,.9)!important;font-family:var(--display);font-weight:700;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;position:relative}
.slide.poster .pchips span{padding-left:30px!important}
.slide.poster .pchips span::before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:rgba(214,186,120,.85);transition:width .4s ease}
.slide.poster:hover .pchips span::before{width:26px}
.slide.poster .btn{align-self:flex-start;margin-right:0;margin-bottom:-8px;padding:14px 26px}
.slide.poster .ptxt .btn{white-space:nowrap}
.slide.poster p{max-width:32ch}
.slide.poster .ptxt em{display:block;font-style:normal;font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:#F0D79A;text-shadow:0 1px 12px rgba(6,44,33,.6)}
.slide.poster .ptxt em sup{font-size:.6em;letter-spacing:0}
.slide.poster h3{font-family:var(--display);font-weight:800;font-size:clamp(34px,3.2vw,42px);line-height:.95;letter-spacing:.06em;margin:6px 0 12px;color:#0E3B2E;text-shadow:none}
.slide.poster p{font-size:14px;line-height:1.5;color:#2F5A4C;max-width:40ch}
.slide.poster p b{color:#0E3B2E}
.slide.poster .pchips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}
.slide.poster .pchips span{font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.04em;padding:6px 11px;border-radius:999px;border:1px solid rgba(14,59,46,.18);background:rgba(255,255,255,.7);color:#0E3B2E}
.slide.poster .btn-primary{background:#0E3B2E;color:#fff;border-color:#0E3B2E;box-shadow:0 14px 30px -12px rgba(14,59,46,.6)}
.slide.poster .btn-primary:hover{background:#155041}
.slide.poster.on .ptxt{animation:pin .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes pin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:640px){.slide.poster .ptxt{max-width:100%;padding-left:4px;margin-top:4%}.slide.poster .ptxt em,.slide.poster .ptxt h3,.slide.poster .ptxt p,.slide.poster .pchips{max-width:100%!important}.slide.poster .btn{align-self:flex-start!important;margin-right:0!important;margin-bottom:34px!important}.slide.poster .pimg{width:100%;opacity:1;object-position:72% 58%}.slide.poster::before{background:linear-gradient(180deg,rgba(9,52,41,.95) 0%,rgba(9,52,41,.88) 46%,rgba(9,52,41,.4) 72%,rgba(9,52,41,.1) 100%)}.sl-nav{top:auto!important;bottom:16px!important;transform:none!important}}
/* ===== Косметика: три линии ===== */
.cz-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;background:repeating-linear-gradient(135deg,rgba(0,43,73,.05) 0 12px,transparent 12px 24px);font:700 13px var(--display);color:var(--ink-3);text-align:center;padding:12px}
.cz-head{padding:10px 0 30px}.cz-head h1{font-size:clamp(36px,4.6vw,58px);line-height:1.02;margin-top:12px;color:var(--kblue)}.cz-head .lead{max-width:64ch;color:var(--ink-2);font-size:16.5px;line-height:1.55;margin-top:14px}
.cz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cz-card{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;text-decoration:none!important;color:#fff;box-shadow:var(--shadow);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.cz-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px -30px rgba(0,43,73,.5)}
.cz-img{height:300px;overflow:hidden;position:relative}.cz-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.cz-card:hover .cz-img img{transform:scale(1.05)}
.cz-b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.cz-tag{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.cz-card h2{font-size:27px;line-height:1.08;color:inherit!important;margin:0}.cz-card h2 sup{font-size:.45em;vertical-align:super}
.cz-card p{opacity:.86;font-size:14.5px;line-height:1.5;margin:0}
.cz-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}
.cz-facts b{display:block;font:800 17px var(--display);white-space:nowrap}.cz-facts span{display:block;font-size:11.5px;line-height:1.3;opacity:.72;margin-top:3px}
.cz-go{display:inline-flex;align-items:center;gap:8px;font:700 14px var(--display);margin-top:14px}.cz-go svg{width:18px;height:18px;transition:transform .3s}.cz-card:hover .cz-go svg{transform:translateX(4px)}
.cz-lum{background:linear-gradient(165deg,#0F4B3B 0%,#082A21 100%)}
.cz-cyn{background:linear-gradient(165deg,#2B211B 0%,#100C0A 100%)}.cz-cyn h2,.cz-cyn .cz-go{color:#E8B48A!important}.cz-cyn .cz-facts{border-top-color:rgba(232,180,138,.25)}
.cz-aq{background:linear-gradient(165deg,#F2FAFB 0%,#D9EEF2 100%);color:var(--kblue)}.cz-aq .cz-facts{border-top-color:rgba(0,43,73,.14)}.cz-aq .cz-img{background:#E2F2F5}
.cz-cmp{border-radius:22px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.cz-cmp>div{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-top:1px solid var(--line)}.cz-cmp>div:first-child{border-top:0}
.cz-cmp>div>*{padding:15px 20px;margin:0;font-size:14.5px;line-height:1.45}.cz-cmp>div>span{font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center}
.cz-cmp-h{background:var(--tint)}.cz-cmp-h b{font:800 15px var(--display);color:var(--kblue)}
/* CYNETIA */
.cyn-hero{display:grid;grid-template-columns:1.05fr .95fr;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#1E1714 0%,#0E0B0A 100%);color:#F4E9E1;min-height:540px;box-shadow:0 30px 70px -35px rgba(20,12,8,.7)}
.cyn-hero-t{padding:48px 50px;display:flex;flex-direction:column;justify-content:center}.cyn-hero .eyebrow{color:rgba(232,180,138,.85)}
.cyn-hero h1{font-size:clamp(40px,5vw,64px);line-height:1;margin-top:14px;color:#fff;letter-spacing:.04em}.cyn-hero h1 sup{font-size:.35em;vertical-align:super}
.cyn-sub{font:700 18px var(--display);margin-top:10px;background:linear-gradient(90deg,#F0C49E,#B9714A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cyn-hero .lead{color:rgba(244,233,225,.78);font-size:16px;line-height:1.6;margin-top:16px;max-width:52ch}
.cyn-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.cyn-kv>div{border-top:1px solid rgba(232,180,138,.35);padding-top:12px}.cyn-kv b{display:block;font:800 22px var(--display);color:#F0C49E}.cyn-kv span{display:block;font-size:12.5px;line-height:1.35;color:rgba(244,233,225,.65);margin-top:4px}
.cyn-btn{background:linear-gradient(90deg,#E8B48A,#B9714A);color:#160F0B!important;border:0}
.cyn-hero-i{position:relative;min-height:420px}.cyn-hero-i img,.cyn-hero-i .cz-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cyn-ing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cyn-ing>div{position:relative;padding:24px 22px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.cyn-ing>div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#E8B48A,#8A4A2C)}
.cyn-ing i{font:800 13px var(--display);font-style:normal;color:#B9714A}.cyn-ing b{display:block;font:800 18px var(--display);color:var(--kblue);margin:8px 0 8px;line-height:1.2}.cyn-ing p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0}
.cyn-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cyn-steps>*{position:relative;display:block;padding:20px 18px;border-radius:18px;background:#16110F;color:#F4E9E1;text-decoration:none!important;transition:transform .3s}
.cyn-steps>*:hover{transform:translateY(-3px)}.cyn-steps i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 13px var(--display);font-style:normal;background:linear-gradient(135deg,#F0C49E,#B9714A);color:#160F0B}
.cyn-steps b{display:block;font:800 16px var(--display);margin-top:14px;color:#F0C49E;line-height:1.2}.cyn-steps span{display:block;font-size:13px;line-height:1.4;opacity:.75;margin-top:6px}
.cyn-list{display:grid;gap:22px}
.cyn-prod{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:26px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);scroll-margin-top:120px}
.cyn-prod:nth-child(even) .cyn-media{order:2}
.cyn-media{position:relative;min-height:420px;background:#1A1411}.cyn-media .cyn-life,.cyn-media>.cz-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cyn-pack{position:absolute;left:20px;bottom:20px;width:132px;height:132px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);border:3px solid #fff}.cyn-pack img{width:100%;height:100%;object-fit:cover}
.cyn-prod:nth-child(even) .cyn-pack{left:auto;right:20px}
.cyn-txt{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}
.cyn-step{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#B9714A}
.cyn-txt h3{font-size:clamp(24px,2.4vw,30px);line-height:1.12;color:var(--kblue);margin:10px 0 4px}.cyn-txt em{font-style:normal;font:600 13px var(--display);letter-spacing:.06em;color:var(--ink-3)}
.cyn-txt p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:14px 0 6px}
.cyn-txt ul{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.cyn-txt li{position:relative;padding-left:22px;font-size:14px;line-height:1.4}
.cyn-txt li::before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#F0C49E,#B9714A)}
.cyn-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cyn-meta span{padding:7px 12px;border-radius:999px;background:var(--tint-2);font:700 12px var(--display);color:var(--ink-2)}
.cyn-vals{border-radius:26px;padding:38px 44px;background:linear-gradient(160deg,#1E1714,#0E0B0A);color:#F4E9E1;text-align:center}
.cyn-vals-w{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 30px}.cyn-vals-w span{font:800 clamp(18px,2vw,24px) var(--display);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#F0C49E,#B9714A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cyn-vals p{max-width:70ch;margin:16px auto 0;font-size:15px;line-height:1.6;color:rgba(244,233,225,.75)}
/* AQUA PRO */
.aq-hero{display:grid;grid-template-columns:1.05fr .95fr;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#F4FBFC 0%,#DCEFF3 100%);border:1px solid var(--line);min-height:520px}
.aq-hero-t{padding:46px 50px;display:flex;flex-direction:column;justify-content:center}.aq-hero h1{font-size:clamp(36px,4.4vw,56px);line-height:1.02;margin-top:14px;color:var(--kblue)}.aq-hero h1 sup{font-size:.38em;vertical-align:super}
.aq-sub{font:700 17px var(--display);color:#1F8E96;margin-top:10px;max-width:40ch}.aq-hero .lead{color:var(--ink-2);font-size:16px;line-height:1.6;margin-top:14px;max-width:54ch}
.aq-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.aq-kv>div{border-top:2px solid rgba(31,142,150,.35);padding-top:12px}.aq-kv b{display:block;font:800 21px var(--display);color:var(--kblue);white-space:nowrap}.aq-kv span{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-3);margin-top:4px}
.aq-hero-i{position:relative;min-height:420px;background:#E2F2F5}.aq-hero-i img,.aq-hero-i .cz-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}.aq-hero-i img{object-fit:cover;padding:0}
.aq-mode{position:relative;overflow:hidden;border-radius:30px;padding:44px 48px 40px;color:#EAF8FA;background:radial-gradient(120% 140% at 85% 0%,#2AA9B0 0%,#13707C 38%,#0B3F4C 100%);isolation:isolate}
.aq-mode .eyebrow{color:#9FE3E6}.aq-mode .eyebrow::before{background:#9FE3E6}
.aq-bub{position:absolute;inset:0;z-index:-1;pointer-events:none}.aq-bub i{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.75),rgba(255,255,255,.12) 45%,rgba(255,255,255,.04) 70%);border:1px solid rgba(255,255,255,.25);animation:aqUp linear infinite}
@keyframes aqUp{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(-300px) translateX(14px)}90%{opacity:.8}100%{transform:translateY(-640px) translateX(-10px);opacity:0}}
.aq-mode-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center}
.aq-mode h2{color:#fff;font-size:clamp(30px,3.4vw,44px);line-height:1.04;margin-top:12px}.aq-mode h2 span{display:block;background:linear-gradient(90deg,#BFF3F2,#7FD8DC);-webkit-background-clip:text;background-clip:text;color:transparent}
.aq-mode-g>div>p{margin:16px 0 0;font-size:15.5px;line-height:1.65;color:rgba(234,248,250,.82);max-width:52ch}
.aq-eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px}
.aq-eq>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 14px 20px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .35s,background .35s}
.aq-eq>div:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}
.aq-eq svg{width:54px;height:54px}.aq-eq b{font:800 14.5px/1.25 var(--display);color:#fff}
.aq-eq>div.aq-res{background:linear-gradient(160deg,#fff,#DDF5F6);border-color:#fff}.aq-eq>div.aq-res b{color:#0B3F4C}
.aq-eq>em{align-self:center;font:800 28px var(--display);font-style:normal;color:#9FE3E6}
.aq-fx{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.aq-fx>div{display:flex;align-items:center;gap:12px;font:700 15px/1.3 var(--display);color:#fff}.aq-fx i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(159,227,230,.18);color:#BFF3F2;font-style:normal}
.aq-fx i svg{width:16px;height:16px}
.aq-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}
.aq-track::before{content:"";position:absolute;left:16.66%;right:16.66%;top:25px;height:3px;border-radius:3px;background:linear-gradient(90deg,#3FD0D6,#7C93F0,#F0708F);background-size:200% 100%;animation:aqFlow 4s linear infinite}
@keyframes aqFlow{to{background-position:-200% 0}}
.aq-track>div{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 8px}
.aq-track i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c);color:#fff;font:800 24px var(--display);font-style:normal;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.25)}
.aq-track b{font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#9FE3E6}.aq-track span{font:700 14px/1.35 var(--display);color:#fff;max-width:24ch}
.aq-alpha{--c:#14959C;--c-bg:#E2F4F5}.aq-beta{--c:#3F5BC9;--c-bg:#E6EAFA}.aq-gamma{--c:#D63C64;--c-bg:#FBE6EC}
.aq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aq-card{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}
.aq-top{position:relative;padding:22px 22px 18px;background:var(--c);color:#fff;overflow:hidden}.aq-g{position:absolute;right:14px;top:-14px;font:800 110px/1 var(--display);opacity:.18}
.aq-n{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.aq-top h3{font-size:24px;color:#fff;margin:6px 0 2px}.aq-top em{font-style:normal;font-size:13.5px;opacity:.85}
.aq-img{height:220px;background:#fff;border-bottom:1px solid var(--line)}.aq-img img{width:100%;height:100%;object-fit:contain;padding:14px;box-sizing:border-box;display:block}
.aq-b{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.aq-t{font:800 16.5px var(--display);color:var(--c);line-height:1.25}.aq-b p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.aq-act{padding:11px 13px;border-radius:12px;background:var(--c-bg);font:700 13px var(--display);color:var(--ink);line-height:1.4}.aq-act span{display:block;font:700 10.5px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin-bottom:3px}
.aq-b ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.aq-b li{position:relative;padding-left:20px;font-size:14px;line-height:1.4}.aq-b li::before{content:"";position:absolute;left:2px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--c)}
.aq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.aq-chips span{padding:5px 10px;border-radius:999px;border:1px solid var(--line-2);font-size:12px;color:var(--ink-2)}
.aq-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aq-pc{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:300px;padding:26px 26px 22px;border-radius:26px;background:var(--c-bg);border:1px solid transparent;transition:transform .35s,box-shadow .35s,border-color .35s;isolation:isolate}
.aq-pc::after{content:attr(data-g);position:absolute;right:-6px;bottom:-46px;font:800 220px/1 var(--display);color:var(--c);opacity:.12;z-index:-1;transition:transform .5s,opacity .5s}
.aq-pc:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px var(--c);border-color:var(--c)}.aq-pc:hover::after{transform:scale(1.08) rotate(-6deg);opacity:.2}
.aq-pc-q{font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.aq-pc h3{margin:12px 0 0;font-size:21px;line-height:1.22;color:var(--ink)}
.aq-pc-a{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:12px}
.aq-pc-a i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--c);color:#fff;font:800 22px var(--display);font-style:normal}
.aq-pc-a b{display:block;font:800 15.5px var(--display);color:var(--ink)}.aq-pc-a span{display:block;font-size:13px;line-height:1.35;color:var(--ink-2);margin-top:2px}
.aq-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.aq-cc{display:flex;flex-direction:column;border-radius:24px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.aq-cc-h{display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff}
.aq-cc-h i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);font:800 20px var(--display);font-style:normal}.aq-cc-h b{font:800 17px var(--display)}.aq-cc-h small{display:block;font-size:12px;opacity:.8}
.aq-cc-k{padding:18px 20px 18px;flex:1}.aq-cc-k>span{display:block;font:700 10.5px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin-bottom:10px}
.aq-cc-k>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.aq-cc-k em{hyphens:auto;overflow-wrap:anywhere}.aq-cc-k em{display:flex;align-items:center;min-height:58px;padding:10px 12px;border-radius:14px;background:var(--c-bg);color:var(--c);font:800 13.5px/1.25 var(--display);font-style:normal;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)}
.aq-cc-k em:first-child{background:var(--c);color:#fff}
.aq-cc-t{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 20px;border:0;border-top:1px solid var(--line);background:none;cursor:pointer;font:700 13.5px var(--display);color:var(--c);text-align:left}
.aq-cc-t:hover{background:var(--c-bg)}.aq-cc-t i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--c-bg);position:relative;transition:transform .35s,background .35s}
.aq-cc-t i::before,.aq-cc-t i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;border-radius:2px;background:var(--c);transition:transform .35s}.aq-cc-t i::after{transform:rotate(90deg)}
.aq-cc.open .aq-cc-t i{transform:rotate(180deg);background:var(--c)}.aq-cc.open .aq-cc-t i::before,.aq-cc.open .aq-cc-t i::after{background:#fff}.aq-cc.open .aq-cc-t i::after{transform:rotate(0)}
.aq-cc-l{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}.aq-cc.open .aq-cc-l{grid-template-rows:1fr}.aq-cc-l>div{overflow:hidden}
.aq-cc-l>div>div{display:flex;flex-wrap:wrap;gap:5px;padding:4px 20px 20px;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .45s}.aq-cc.open .aq-cc-l>div>div{opacity:1;transform:none;transition-delay:.08s}
.aq-cc-l span{padding:4px 9px;border-radius:8px;background:var(--tint-2,#F2F2F2);font-size:12px;line-height:1.3;color:var(--ink-2)}.aq-cc-l span.k{background:var(--c-bg);color:var(--c);font-weight:700;box-shadow:inset 0 0 0 1px var(--c)}
.aq-pack{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.aq-pack span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font:700 13px var(--display);color:var(--ink-2)}.aq-pack span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3FD0D6,#F0708F)}
@media (prefers-reduced-motion:reduce){.aq-bub i,.aq-track::before{animation:none}.aq-bub{display:none}}
@media (max-width:1100px){.cz-cards,.aq-cards{grid-template-columns:1fr 1fr}.cyn-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.cyn-hero,.aq-hero,.cyn-prod{grid-template-columns:1fr}.cyn-prod:nth-child(even) .cyn-media{order:0}.cyn-ing{grid-template-columns:1fr}.aq-mode-g{grid-template-columns:1fr}.aq-pick,.aq-comp{grid-template-columns:1fr 1fr 1fr;gap:12px}.cz-cmp>div{grid-template-columns:1fr 1fr 1fr 1fr}}
@media (max-width:760px){
 .cz-cards,.aq-cards{grid-template-columns:1fr;gap:14px}.cz-img{height:210px}.cz-b{padding:18px 18px 20px}.cz-card h2{font-size:23px}.cz-facts b{font-size:15px}
 .cyn-steps{grid-template-columns:1fr;gap:8px}.cyn-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#16110F;color:#F4E9E1}
 .cyn-steps>div b{margin:0;font-size:14.5px}.cyn-steps>div span{grid-column:2;margin-top:2px;font-size:12.5px}.cyn-steps>div i{grid-row:span 2}
 .cyn-ing>div{padding:18px 16px}.cyn-ing b{font-size:16px}
 .cyn-prod{border-radius:20px}.cyn-media{min-height:260px}.cyn-pack{width:96px;height:96px;left:12px;bottom:12px;border-radius:14px}.cyn-prod:nth-child(even) .cyn-pack{right:12px}
 .cyn-txt{padding:18px 16px 20px}.cyn-txt h3{font-size:21px}.cyn-txt p{font-size:14px}.cyn-txt ul{grid-template-columns:1fr}
 .aq-mode{padding:22px 18px 20px;border-radius:22px;margin-bottom:6px}.aq-mode h2{font-size:26px}.aq-mode-g{gap:18px}.aq-mode-g>div>p{font-size:14px;margin-top:10px}
 .aq-mode-g>*{min-width:0}.aq-eq{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aq-eq>em{display:none!important}.aq-eq>div{padding:12px 6px;border-radius:14px;gap:8px}.aq-eq svg{width:34px;height:34px}.aq-eq b{font-size:11.5px}.aq-eq>em{font-size:17px}
 .aq-fx{grid-template-columns:1fr;gap:10px;margin-top:18px;padding-top:16px}.aq-fx>div{font-size:14px}
 .aq-pick,.aq-comp{grid-template-columns:1fr;gap:12px}.aq-pc{min-height:0;padding:20px 18px 18px;border-radius:20px}.aq-pc::after{font-size:150px;bottom:-30px}.aq-pc h3{font-size:18px}.aq-pc-a{padding-top:16px}
 .aq-cc{border-radius:20px}.aq-cc-h{padding:14px 16px}.aq-cc-k{padding:14px 16px}.aq-cc-t{padding:13px 16px}.aq-cc-l>div>div{padding:4px 16px 16px}.aq-pack{justify-content:flex-start;gap:8px}.aq-pack span{font-size:12px;padding:8px 12px}
 .aq-track{margin-top:20px}.aq-track::before{top:20px}.aq-track i{width:42px;height:42px;font-size:20px}.aq-track span{font-size:12px}.aq-track b{font-size:10.5px}
 .aq-img{height:190px}.aq-top h3{font-size:21px}
 .m-page .cz-cards{margin-top:6px}
}

/* ---- injectables ---- */


/* блокируем оверлей Яндекс.Браузера (перевод/поиск по картинке) на фото Cynefill */
.inj-photo::after,.ev-img::after,.inj-gal figure::after,.pslide .pphoto::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:auto}
.inj-photo,.ev-img,.inj-gal figure,.pslide .pphoto{position:relative}
.inj-gal figcaption{z-index:3}
.slide.poster::before{pointer-events:auto!important}
.inj-photo img,.ev-img img,.inj-gal img,.pslide .pphoto img,.slide.poster .pimg{-webkit-user-drag:none;user-select:none}

.inj-evid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ev{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.ev:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ev-img{aspect-ratio:16/10;background:linear-gradient(150deg,#F3E9E2 0%,#E7D3C8 60%,#D8BDB4 140%);display:grid;place-items:center;overflow:hidden}
.ev-img img{width:100%;height:100%;object-fit:cover;display:block}
.ev-ph{font-family:var(--display);font-weight:800;font-size:44px;color:rgba(0,43,73,.18)}
.ev-t{padding:16px 18px 18px;position:relative}
.ev-t::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.ev-t i{font-style:normal;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--kblue)}
.ev-t b{display:block;font-family:var(--display);font-size:16px;color:var(--kblue);margin:6px 0 6px;line-height:1.25}
.ev-t p{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.inj-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.inj-proof>div{padding:18px 20px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}
.inj-proof>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.inj-proof b{display:block;font-family:var(--display);font-weight:800;font-size:26px;color:var(--kblue);line-height:1}
.inj-proof span{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.inj-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inj-gal figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;position:relative}
.inj-gal img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.inj-gal figure:hover img{transform:scale(1.04)}
.inj-gal figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--kblue)}
@media (max-width:980px){.inj-evid,.inj-gal{grid-template-columns:1fr 1fr}.inj-proof{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.inj-evid,.inj-gal,.inj-proof{grid-template-columns:1fr}}

.inj-hero{padding:10px 0 30px}
.inj-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.inj-grid h1{font-size:clamp(34px,4.4vw,56px);line-height:1.02;margin-top:14px}
.inj-grid h1 sup{font-size:.4em;vertical-align:super}
.inj-sub{font-family:var(--display);font-weight:700;font-size:17px;color:var(--kblue);margin-top:10px}
.inj-grid .lead{color:var(--ink-2);font-size:16.5px;line-height:1.55;margin-top:14px;max-width:56ch}
.inj-kv{margin-top:22px;grid-template-columns:repeat(3,1fr)!important}
.inj-band .kv{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.inj-kv,.inj-band .kv{grid-template-columns:1fr!important}}
.row-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.inj-photo{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line);min-height:460px;max-height:560px;box-shadow:var(--shadow)}
.inj-photo img{width:100%;height:100%;min-height:460px;max-height:560px;object-fit:cover;display:block}
.inj-ph{text-align:center;font-family:var(--display);color:#1E4D3A}
.inj-ph b{display:block;font-size:34px;letter-spacing:.06em}.inj-ph span{display:block;font-size:44px;font-weight:800;letter-spacing:.14em}.inj-ph small{display:block;margin-top:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.inj-comp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.inj-comp>div{position:relative;overflow:hidden;padding:22px 20px 20px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line)}
.inj-comp>div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.inj-comp i{font-style:normal;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--kblue)}
.inj-comp b{display:block;font-family:var(--display);font-size:16px;color:var(--kblue);margin:8px 0 6px}
.inj-comp span{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.inj-mech{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.inj-mech .lbl{font-family:var(--display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}
.inj-mech em{font-style:normal;font-family:var(--display);font-weight:700;font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--kblue)}
.inj-two{align-items:start}
.inj-two h2{margin:8px 0 14px}
.inj-adv{display:grid;gap:14px;margin-top:38px}
.inj-adv>div{position:relative;overflow:hidden;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.inj-adv>div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
.inj-adv b{display:block;font-family:var(--display);font-size:16px;color:var(--kblue);margin-bottom:8px}
.inj-adv ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14.5px;line-height:1.6}
.inj-band{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:34px 36px;border-radius:24px;background:var(--bg-2);border:1px solid var(--line)}
.inj-band h2{margin:8px 0 12px}.inj-band p{color:var(--ink-2);line-height:1.55;font-size:15px}
.pslide .pphoto{position:relative;z-index:2;justify-self:end;height:340px;width:min(360px,100%);display:grid;place-items:center}
.pslide .pphoto img{max-height:340px;max-width:100%;object-fit:cover;border-radius:18px;box-shadow:0 26px 40px -18px rgba(0,43,73,.45)}
.pslide .pphoto img.dev{object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 26px 34px rgba(0,43,73,.3))}
.pslide.on .pphoto{transform:none;opacity:1}
.pslide .pphoto{transform:translateY(12px);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s}
@media (max-width:980px){.inj-grid,.inj-band{grid-template-columns:1fr}.inj-comp{grid-template-columns:1fr 1fr}.inj-photo{min-height:340px}.pslide .pphoto{display:none}}
@media (max-width:640px){.inj-comp{grid-template-columns:1fr}}
/* механизмы — без плашек и рамок, живые формы */
.inj-evid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 36px;align-items:start}
.ev{border:0!important;background:none!important;border-radius:0;overflow:visible;display:block;box-shadow:none!important;transition:none}
.ev:hover{transform:none;box-shadow:none!important}
.ev:nth-child(2),.ev:nth-child(5){margin-top:44px}
.ev-img{aspect-ratio:auto;background:none;border-radius:0;overflow:visible;display:block;position:relative}
.ev-img img{width:74%;max-width:300px;height:auto;object-fit:contain;display:block;border-radius:0;mix-blend-mode:normal;
 filter:drop-shadow(0 16px 22px rgba(0,43,73,.12));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ev:hover .ev-img img{transform:translateY(-7px)}
.ev-img::after{border-radius:0}
.ev-img::before{content:attr(data-n);position:absolute;left:-4px;top:-22px;font-family:var(--display);font-weight:800;font-size:52px;line-height:1;
 color:rgba(0,43,73,.09);background:none;border:0;padding:0;letter-spacing:-.045em;z-index:0;pointer-events:none}
.ev-t{padding:16px 10px 0;position:relative;display:block;border:0}
.ev-t::before{display:none}
.ev-t i{display:none}
.ev-t b{font-size:17.5px;margin:0 0 7px;line-height:1.28;display:block}
.ev-t p{font-size:14px;margin:0}
@media (max-width:980px){.inj-evid{grid-template-columns:repeat(2,1fr)}.ev:nth-child(2),.ev:nth-child(5){margin-top:0}.ev:nth-child(even){margin-top:44px}}
@media (max-width:640px){.inj-evid{grid-template-columns:1fr}.ev:nth-child(even){margin-top:0}}
@media (max-width:640px){.hero .pill{white-space:nowrap;font-size:9.5px;letter-spacing:.05em;padding:6px 10px;gap:6px;max-width:100%;overflow:hidden}.hero .sub{display:block!important}.hero .sub::before{display:block;margin:0 0 10px}}.fc-marks{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;align-items:center;gap:5px 16px;margin-right:auto;font-family:var(--display);font-size:11.5px;font-weight:600;color:var(--ink-2);line-height:1.3}.fc-marks>span{display:inline-flex;align-items:center;gap:6px}.fc-marks>span::before{content:"✓";display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:rgba(0,43,73,.09);color:var(--kblue);font-size:9px;font-weight:800;flex:none}.fc-info .row .btn{white-space:nowrap}.fc-marks{max-width:52%}@media (max-width:900px){.fc-info .row{flex-wrap:wrap}.fc-marks{max-width:none;grid-template-columns:1fr}.fc-marks{flex-basis:100%;margin-bottom:4px}}.fc-specline>span{display:inline-block}.fc-specline b{white-space:nowrap}@media (min-width:901px){.fc-specline{font-size:11.5px;letter-spacing:-.005em}.fc-specline i{margin:0 5px}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seo-q{padding:26px 0 10px}.seo-q[hidden]{display:none}
.seo-q p{margin:0;font-size:12.5px;line-height:1.75;color:var(--ink-3);max-width:none}
.seo-q b{font-weight:600;color:var(--ink-2)}
@media (max-width:760px){.seo-q{padding:18px 0 4px}.seo-q p{font-size:12px}}


.m-bar,.m-foot{display:none}

@media (max-width:760px){.m-nav-calc a{color:var(--kblue)!important;font-weight:800!important}.m-nav-calc a::after{content:"→";margin-left:8px;opacity:.6}}
/* ---- мобильный калькулятор ---- */
@media (max-width:760px){
 .m-page-tight{padding-bottom:0}
 .wrap.mc{padding:0!important;max-width:none!important;margin:0!important;width:100%}
 /* лист калькулятора: один белый лист, без коробок в коробках */
 .mc-wiz{display:block;position:relative;overflow:hidden;padding:0;border-radius:26px;
  margin:0 var(--m-gut);background:#fff;border:1px solid rgba(36,70,59,.10);
  box-shadow:0 30px 60px -38px rgba(11,44,63,.55)}
 .mc-wiz .hangul{display:none}
 .mc-pane{position:relative;z-index:1;padding:20px 18px 22px}

 /* шапка-рельс шагов */
 .mc-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  padding:16px 18px 14px;background:linear-gradient(135deg,#0E4C7A 0%,#002B49 58%,#001C33 100%);overflow:hidden}
 .mc-steps::after{content:"수익";position:absolute;right:-8px;top:-16px;font-family:var(--display);font-weight:800;font-size:76px;line-height:1;color:rgba(255,255,255,.06);pointer-events:none}
 .mc-steps::before{content:"";position:absolute;left:22%;right:22%;top:30px;height:1px;background:rgba(255,255,255,.22)}
 .mc-steps button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;padding:0;font:inherit}
 .mc-steps button i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--display);font-style:normal;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.75);box-shadow:0 0 0 5px #073A5C00}
 .mc-steps button span{font:700 10.5px/1 var(--display);letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.55)}
 .mc-steps button[data-done="1"] i{background:rgba(255,255,255,.9);border-color:#fff;color:var(--kblue)}
 .mc-steps button[data-done="1"] span{color:rgba(255,255,255,.8)}
 .mc-steps button[aria-current="true"] i{background:#fff;border-color:#fff;color:var(--kblue);box-shadow:0 0 0 5px rgba(255,255,255,.14)}
 .mc-steps button[aria-current="true"] span{color:#fff}

 .mc-q{margin:0 0 16px;font:800 20px/1.18 var(--display);color:var(--ink);letter-spacing:-.01em}
 .mc-q em{display:block;font-style:normal;font-size:24px;color:var(--kblue);letter-spacing:-.02em}
 .mc-q span{display:block;margin-top:5px;font:500 12.5px/1.35 var(--display);color:var(--ink-3)}

 /* аппараты */
 .calc-devs.mc-devs{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;overflow:visible!important;padding:0}
 .mc-devs button{position:relative;flex:none!important;width:auto;display:grid!important;grid-template-columns:38px 1fr;gap:10px;align-items:center;
  padding:10px 10px 10px 9px;min-height:58px;border-radius:14px;border:1px solid rgba(36,70,59,.12);background:#fff;
  box-shadow:0 8px 18px -14px rgba(11,44,63,.5);transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}
 .mc-devs button img{width:38px!important;height:38px!important;object-fit:contain}
 .mc-devs button b{font:700 12px/1.15 var(--display)!important;white-space:normal!important;color:var(--ink)}
 .mc-devs button:active{transform:scale(.97)}
 .calc-devs.mc-devs button[aria-pressed="true"]{background:linear-gradient(140deg,#0E4C7A,#002B49)!important;border-color:#002B49!important;box-shadow:0 14px 26px -16px rgba(0,43,73,.7)!important}
 .mc-devs button[aria-pressed="true"] b{color:#fff}
 .mc-devs button[aria-pressed="true"] img{filter:brightness(1.12) drop-shadow(0 3px 6px rgba(0,0,0,.35))}
 .mc-devs button[aria-pressed="true"]::after{content:"";position:absolute;right:8px;top:8px;width:15px;height:15px;border-radius:50%;
  background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002B49' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat}

 /* переключатели */
 .mc-seg{display:flex;gap:4px;background:#F1F5F3;border:1px solid rgba(36,70,59,.10);border-radius:13px;padding:3px;margin-bottom:8px}
 .mc-seg button{flex:1;border:0;background:transparent;color:var(--ink-2);font:700 11.5px/1.2 var(--display);padding:10px 3px;border-radius:10px;cursor:pointer;white-space:nowrap;letter-spacing:-.01em}
 .mc-seg button[aria-pressed="true"]{background:#fff;color:var(--kblue);box-shadow:0 4px 12px -6px rgba(11,44,63,.35)}
 #c-mode{margin-bottom:18px}
 #c-mode button[aria-pressed="true"]{background:linear-gradient(135deg,#0E4C7A,#002B49);color:#fff}

 /* параметры — плоские строки с волосяными линиями */
 .mc-fields{display:block;background:none;border:0;border-radius:0;padding:0}
 .mc-f{padding:15px 0;border-top:1px solid rgba(36,70,59,.09)}
 .mc-f:first-child{border-top:0;padding-top:4px}
 #c-inst{display:contents}
 .mc-f span{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font:600 12.5px/1.3 var(--display);color:var(--ink-2)}
 .mc-f output{font:800 17px/1 var(--display);color:var(--kblue);white-space:nowrap;letter-spacing:-.01em}
 .mc-f input[type=range]{width:100%;margin:11px 0 0;-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#002B49 var(--p,50%),rgba(36,70,59,.14) var(--p,50%))}
 .mc-f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #002B49;box-shadow:0 4px 10px -3px rgba(11,44,63,.5);cursor:pointer}
 .mc-f input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #002B49;box-shadow:0 4px 10px -3px rgba(11,44,63,.5);cursor:pointer}

 /* результат */
 .mc-res{display:flex;align-items:center;gap:16px;border-radius:20px;padding:18px;margin:0 0 18px;position:relative;overflow:hidden;
  background:linear-gradient(140deg,#0E4C7A 0%,#002B49 58%,#001B31 100%);color:#fff;box-shadow:0 22px 44px -26px rgba(0,43,73,.75)}
 .mc-res::after{content:"성공";position:absolute;right:-6px;bottom:-20px;font-family:var(--display);font-weight:800;font-size:76px;line-height:1;color:rgba(255,255,255,.07);pointer-events:none}
 .mc-res .calc-ring{width:86px;height:86px;flex:none;margin:0;position:relative;z-index:1}
 .mc-res .calc-ring svg{width:86px;height:86px}
 .mc-res .calc-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
 .mc-res .calc-ring b{font:800 25px/1 var(--display);color:#fff;letter-spacing:-.02em}
 .mc-res .calc-ring span{display:none}
 .mc-res-pl{flex:1;min-width:0;position:relative;z-index:1}
 .mc-res-pl span{display:block;font:700 10px/1 var(--display);letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.62)}
 .mc-res-pl b{display:block;font:800 27px/1.08 var(--display);color:#fff;margin-top:6px;letter-spacing:-.02em;word-break:break-word}

 /* расшифровка — таблица, а не коробки */
 .mc-kv{display:block!important;padding:0!important;background:none;border:0}
 .mc-kv>div{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;
  background:none!important;border:0!important;border-top:1px solid rgba(36,70,59,.09)!important;border-radius:0!important;padding:13px 2px!important}
 .mc-kv>div:first-child{border-top:0!important}
 .mc-kv>div span,.mc-kv>div.mi span{font:600 13px/1.3 var(--display);color:var(--ink-2)!important}
 .mc-kv>div em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)!important;margin-top:3px}
 .mc-kv>div b,.calc-kv.mc-kv>div.mi b{font:800 15px/1 var(--display);color:var(--ink)!important;white-space:nowrap}
 .mc-kv>div.hl{margin-top:8px;padding:15px 16px!important;border:1px solid var(--kblue)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#F4F9FC,#EAF2F7)!important;box-shadow:0 14px 28px -22px rgba(0,43,73,.7)}
 .mc-kv>div.hl b{font-size:21px;color:var(--kblue)!important}
 .mc-kv>div.be b{color:var(--kblue)!important}

 .mc-split{background:none;border:0;border-top:1px solid rgba(36,70,59,.09);border-radius:0;padding:16px 2px 0!important;margin-top:8px}
 .mc-split .cs-t{display:flex;justify-content:space-between;font:700 11px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
 .mc-split .cs-t em{font-style:normal;text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--ink)}
 .mc-split .cs-bar{height:12px;border-radius:999px;overflow:hidden;background:rgba(36,70,59,.10);margin:10px 0 12px;display:flex}
 .mc-split .cs-leg span{color:var(--ink-2)}
 .mc-split .cs-leg b{color:var(--ink)}
 .mc-split .cs-bar .s1,.mc-split .cs-leg u.s1{background:#002B49}
 .mc-split .cs-bar .s2,.mc-split .cs-leg u.s2{background:#17608F}
 .mc-split .cs-bar .s3,.mc-split .cs-leg u.s3{background:#7FA8C4}
 .mc-split .cs-bar .s4,.mc-split .cs-leg u.s4{background:#D9A83F}
 .mc-split .cs-bar .s5,.mc-split .cs-leg u.s5{background:#0E7BC4}

 /* пояснение */
 .mc-wiz .calc-note{position:relative;margin:16px 0 0;padding:13px 14px 13px 40px;border-radius:14px;
  background:#F4F8F6;border:1px solid rgba(36,70,59,.10);font:500 12.5px/1.45 var(--display);color:var(--ink-2)}
 .mc-wiz .calc-note::before{content:"i";position:absolute;left:13px;top:13px;width:18px;height:18px;border-radius:50%;
  background:var(--kblue);color:#fff;font:800 11px/18px var(--display);text-align:center}

 .mc-lead{display:flex;justify-content:center;width:100%;margin-top:16px;box-shadow:0 18px 32px -20px rgba(0,43,73,.7)}
 .mc-back{display:flex;justify-content:center;width:100%;margin-top:9px}
 .mc-next{display:flex;justify-content:center;width:100%;margin-top:18px}

 /* липкая строка результата */
 .mc-sticky{position:fixed;left:0;right:0;bottom:var(--m-bar);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px var(--m-gut);background:linear-gradient(135deg,#0E4C7A,#002B49);color:#fff;box-shadow:0 -10px 24px -14px rgba(0,0,0,.6)}
 .mc-sticky span{display:block;font:700 9.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}
 .mc-sticky b{font:800 18px/1.1 var(--display);color:#fff;letter-spacing:-.01em}
 .mc-sticky .r{text-align:right}
}
@media (max-width:760px){html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}}
@media (max-width:760px){
 :root{--m-bar:66px;--m-gut:20px;--m-sec:44px}
 body{background:linear-gradient(180deg,#CFE3D9 0%,#E4EFE8 180px,#F1F6F2 420px,var(--bg) 760px) no-repeat,var(--bg)}
 main{background:transparent}
 .m-page::before{content:"";position:absolute;left:0;right:0;top:0;height:340px;z-index:-1;background:linear-gradient(172deg,#C3DCD0 0%,var(--sage-2) 34%,rgba(241,246,242,0) 100%)}
 .m-page::after{content:attr(data-k);position:absolute;right:-10px;top:-4px;z-index:-1;font-family:var(--kr);font-weight:900;font-size:112px;line-height:1;color:rgba(27,51,44,.075);pointer-events:none;letter-spacing:-.02em}
 .m-page{position:relative}
 .m-sec,.m-hero2,.m-foot{position:relative}
 .m-sec:not(.m-tint):not(.m-why):not(.m-cta):not(.m-roi):not(.m-calc){background:transparent}
 .m-foot{background:linear-gradient(180deg,#C8DCD5 0%,#BAD4C9 55%,#ACCCC0 100%);border-top-color:rgba(27,51,44,.14)}
 html{-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(var(--m-bar) + env(safe-area-inset-bottom,0px))}
 .wrap{width:calc(100% - var(--m-gut)*2)}
 section{padding:calc(var(--m-sec)/2) 0}
 section.tight{padding:calc(var(--m-sec)/2) 0}
 .sec-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:20px}
 .sec-head .eyebrow{font-size:10.5px}
 .sec-head h2{font-size:26px;line-height:1.12;letter-spacing:-.02em;max-width:none}
 .sec-head p{font-size:15px;line-height:1.55;margin:0;max-width:none}
 .sec-head>.btn{display:none}
 .m-more{display:flex;justify-content:center;width:100%;margin-top:16px;box-sizing:border-box}
 .btn{min-height:48px;box-sizing:border-box}

 /* ---- шапка: логотип слева, звонок и меню справа ---- */
 header{padding:env(safe-area-inset-top,0px) 0 0;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
 .nav{display:flex!important;align-items:center;gap:10px;padding:12px 0 10px;border:0;border-radius:0;background:transparent;box-shadow:none}
 .h-3 .row1{padding:10px 0;gap:10px;border-bottom:0}
 .h-3 .row2{display:none}
 .nav>.brand,.h-3 .row1 .brand{margin-right:auto}
 .brand.split{display:flex!important;flex-direction:row;align-items:center;gap:0;margin:0 auto 0 0}
 .brand.split .flower,.h-3 .row1 .brand.split .flower{height:40px!important;width:auto}
 .brand.split .wordwrap{margin-left:9px;gap:2px}
 .brand.split .word,.h-3 .row1 .brand.split .word{height:calc(32px * 70 / 93)!important;width:calc(32px * 443 / 93)!important}
 .brand.split .tagline{width:calc(32px * 443 / 93);height:7px}
 header .btn.btn-primary,header .phone,.h-3 .row1 .meta{display:none!important}
 .burger,.m-call{display:none!important}
 .h-3 .row1 .stamp,header .stamp{display:grid!important;place-items:center;width:34px;height:34px;font-size:12px;border-radius:9px;flex:none}
 /* меню на весь экран */
 .nav.open ul,.h-3 .nav.open ul{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:0;bottom:0;z-index:45;overflow:auto;margin:0;padding:calc(var(--hh,64px) + env(safe-area-inset-top,0px) + 14px) var(--m-gut) calc(var(--m-bar) + 28px);border:0;gap:0;font-size:20px;white-space:normal;
  background:linear-gradient(172deg,var(--sand) 0%,#F6F1EC 22%,#EAF1EC 46%,var(--sage-2) 72%,var(--sage) 96%,#AFD0C1 130%)}
 .nav.open ul::before{content:"성공";position:fixed;right:-14px;bottom:calc(var(--m-bar) + env(safe-area-inset-bottom,0px) + 42px);font-family:var(--kr);font-weight:900;font-size:180px;line-height:.9;color:rgba(27,51,44,.08);pointer-events:none;z-index:-1}
 body.menu-open header{background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 body.menu-open .nav>.brand,body.menu-open .nav>.stamp{position:relative;z-index:60}
 .nav.open ul li{display:block;width:100%}
 .nav.open ul li a{position:relative;display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:16px 2px;border-radius:0;border-bottom:1px solid rgba(27,51,44,.12);font-family:var(--display);font-weight:800;font-size:22px!important;letter-spacing:-.02em;color:var(--deep)}
 .nav.open ul li a::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid rgba(27,51,44,.35);border-bottom:2px solid rgba(27,51,44,.35);transform:rotate(-45deg)}
 .nav.open ul li a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);opacity:0;transition:opacity .2s}
 .nav.open ul li a.active{color:var(--blue)}
 .nav.open ul li a.active::before{opacity:1}
 .nav.open ul li a[data-nav="injectables"]{font-size:22px!important;letter-spacing:-.02em}
 .nav.open ul li a,.nav.open ul li a:hover{text-decoration:none!important;background:transparent!important}
 .nav.open ul,.h-3 .nav.open ul{background:linear-gradient(180deg,#CFE3D9 0%,#E4EFE8 200px,#F1F6F2 460px,var(--bg) 820px)}
 .nav.open ul li.m-contact{margin-top:18px;border-top:2px solid var(--line);padding-top:16px}
 .nav.open ul li.m-contact a{border:0;padding:6px 0;font-size:16px!important;color:var(--ink-2)}
 .nav.open ul li.m-contact b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
 .nav.open ul li.m-cta{margin-top:14px}
 .nav.open ul li.m-cta a{display:flex;justify-content:center;border:0;background:var(--kblue);color:#fff;border-radius:14px;padding:14px;font-size:16px!important}

 /* ---- герой ---- */
 .hero{padding:18px 0 0}
 .hero .hangul{font-size:150px;top:-10px;right:-6vw}
 .hero-grid{gap:22px}
 .hero .pill{font-size:9.5px;letter-spacing:.07em;padding:8px 12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .hero h1{font-size:30px;line-height:1.08;margin:14px 0 8px;letter-spacing:-.02em}
 .hero .sub{display:block;font-size:17px;margin-bottom:14px}
 .hero .sub::before{display:none}
 .hero .lead{font-size:15px;line-height:1.55;max-width:none}.hero .lead b{font-size:17px;margin-bottom:6px}
 .hero .cta{margin-top:18px;gap:10px}
 .hero .cta .btn{flex:1 1 100%;justify-content:center}
 .trust{grid-template-columns:1fr 1fr;gap:0;margin-top:22px;border-top:1px solid var(--line)}
 .trust div{padding:14px 12px 14px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}
 .trust div:nth-child(even){border-left:1px solid var(--line)!important;padding-left:14px!important}
 .trust b{font-size:21px}.trust span{font-size:11.5px;margin-top:5px}
 .slider{margin-top:6px}
 .sl-nav{display:none}
 .sl-dots{top:78px;right:22px}
 .slide .info{grid-template-columns:1fr auto;gap:12px;align-items:end}
 .sl-price{text-align:right}
 .marquee{margin-top:18px}

 /* ---- метрики и плитки ---- */
 .metrics{grid-template-columns:1fr 1fr;gap:10px}
 .metrics div{padding:16px 14px}
 .metrics b{font-size:24px;white-space:nowrap}
 .metrics span{font-size:12px;margin-top:8px}
 .feat:not(.two){grid-template-columns:1fr 1fr;gap:10px}
 .feat .ft{padding:18px 16px 16px;border-radius:16px}
 .feat .ico{width:40px;height:40px;border-radius:12px}.feat .ico svg{width:19px;height:19px}
 .feat b{font-size:15px;margin:12px 0 6px;line-height:1.25}.feat p{font-size:12.5px;line-height:1.45}
 .feat .go{font-size:11px;padding-top:10px}
 .feat .mnet{width:110px;height:80px}
 .feat.two{grid-template-columns:1fr;gap:10px}

 /* ---- карусели карточек ---- */
 .grid.four,.press{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--m-gut)*-1);padding:4px var(--m-gut) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .grid.four::-webkit-scrollbar,.press::-webkit-scrollbar{display:none}
 .grid.four>*,.press>*{flex:0 0 80%;scroll-snap-align:start;min-width:0}
 .product{padding:16px;gap:10px}.product .fig{height:190px}.product h3{font-size:20px}
 .post{padding:20px;min-height:0}.post .pic{margin:-20px -20px 4px;height:140px}

 /* ---- финансы ---- */
 .deep{padding:26px 20px 22px;border-radius:20px}
 .deep .grid2{grid-template-columns:1fr;gap:20px}
 .deep h2{font-size:26px;max-width:none}.deep p{font-size:15px;max-width:none}
 .deep .btn{margin-top:18px;width:100%;justify-content:center}
 .pay{gap:8px}.pay a{padding:12px 10px}.pay b{font-size:15.5px;white-space:nowrap}.pay span{font-size:11.5px}

 /* ---- обучение / сервис ---- */
 .split{grid-template-columns:1fr;gap:12px}
 .tile{padding:22px 20px;min-height:0;gap:12px;border-radius:20px}
 .tile h3{font-size:21px;max-width:none}.tile p{font-size:15px;max-width:none}
 .tile .btn{align-self:stretch;justify-content:center}

 /* ---- партнёры ---- */
 .partners .wrap{width:100%}

 /* ---- форма КП ---- */
 .cta .card{padding:24px 18px;grid-template-columns:1fr;gap:20px;border-radius:20px}
 .cta h2{font-size:25px;max-width:none}.cta p{max-width:none;font-size:15px}
 .cta .card>div>p[style]{font-size:16px!important;line-height:1.7}
 .cta .card>div>p[style] a{white-space:nowrap}
 .form .two{grid-template-columns:1fr 1fr}
 .form .btn{width:100%;justify-content:center}

 /* ---- внутренние страницы ---- */
 .crumbs{padding-top:14px;font-size:12px}
 .page-head{padding:12px 0 22px}.page-head h1{font-size:30px;line-height:1.08}.page-head p{font-size:15px;margin-top:12px}
 .ptabs{gap:18px}.ptabs button{font-size:17px}
 .inj-kv{grid-template-columns:repeat(3,1fr)!important;gap:8px}.inj-kv>div{padding:12px 10px}.inj-kv b{font-size:18px}.inj-kv span{font-size:11px}
 .inj-grid h1{font-size:34px}.inj-grid .row-btns .btn{width:100%;justify-content:center}
 .pp-acts{grid-template-columns:1fr!important;gap:8px!important}.pp-acts a{display:block;padding:12px 40px 12px 14px}.pp-acts a b{display:block;font-size:15px}.pp-acts a span{display:block;font-size:11.5px;margin-top:2px}
 footer .fgrid a,footer .fgrid li{white-space:nowrap}
 .nav.open ul li.m-contact a{border-bottom:0}.nav.open ul li.m-contact{border-top:0;margin-top:6px;padding-top:6px}.nav.open ul li.m-contact:first-of-type{border-top:2px solid var(--line);margin-top:18px;padding-top:16px}
 .fc{grid-template-columns:1fr;gap:12px}.fc-stage{height:auto;padding:16px;gap:6px}.fc-stage>img{height:auto;max-height:250px}.fc-stage .glyph{font-size:170px}.fc-info{padding:12px 14px}.fc-info h2{font-size:23px}.fc-h{flex-direction:column;gap:6px}.fc-price{text-align:left}.fc-price b,.fc-price span{white-space:normal}.fc-info .row{flex-wrap:wrap}.fc-ru{flex-basis:100%;margin:0}.fc-list{width:auto;height:auto;justify-self:stretch;overflow:visible;padding:0}
 .showcase:not(.route-card){min-height:0;padding:18px}.showcase:not(.route-card) .device{width:min(230px,62%)}.showcase .info{position:static;margin-top:14px;grid-template-columns:1fr;gap:10px;padding:14px 16px}.showcase .info h3{font-size:20px}
 .company-hero{grid-template-columns:1fr;gap:24px}
 .company-hero h1{font-size:30px}

 /* ===== мобильная тема: шалфей вместо синего ===== */
 :root{
  --kblue:#002B49; --blue:#0E4C7A; --accent:#002B49; --primary:#0E4C7A; --deep:#002B49; --sage-2:#DCEAE3;
  --tint:#EDF4F0; --tint-2:#F6EFEC; --line:rgba(36,70,59,.12); --line-2:rgba(36,70,59,.2);
  --hangul:rgba(36,70,59,.07); --shadow:0 16px 40px -26px rgba(27,51,44,.45);
  --bg:#F7F9F7;
 }
 .btn-primary{background:linear-gradient(135deg,#0E4C7A,#002B49)!important;color:#fff!important;box-shadow:0 12px 26px -14px rgba(0,43,73,.55)!important}
 .m-roi .btn-primary,.m-price .btn{background:#fff!important;color:var(--deep)!important;box-shadow:none!important}
 .btn-ghost{border-color:var(--line-2);color:var(--kblue)}
 .m-ev1 .m-date,.m-events .m-date{background:var(--kblue);padding:8px 4px}
 .m-ev1 .m-date b,.m-events .m-date b{font-size:19px;color:#fff}
 .m-ev1 .m-date small,.m-events .m-date small{color:rgba(255,255,255,.85)}
 .m-hero2{background:linear-gradient(170deg,#B4D5C6 0%,#C8DED4 30%,var(--sage-2) 62%,rgba(244,248,245,0) 100%)}
 .m-hero2 .hangul{color:rgba(27,51,44,.1)}
 .m-bar{background:linear-gradient(180deg,rgba(200,220,213,.96),rgba(180,210,196,.97));border-top-color:rgba(27,51,44,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .m-bar .kp{background:var(--accent)!important;color:#fff!important}
 .m-bar .kp{background:var(--accent)}
 .m-bar .kp[aria-current="true"]{background:#002B49}
 .m-bar [aria-current="true"]{background:rgba(255,255,255,.5)}
 .m-chips a[aria-current="true"]{background:var(--kblue);border-color:var(--kblue)}
 .mc-fig{background:radial-gradient(ellipse at 50% 85%,#fff 0%,var(--tint) 78%)}
 .mc-ru{border-color:var(--kblue);color:var(--kblue)}
 .m-price{background:linear-gradient(135deg,#0E4C7A,#002B49)}
 .m-gal{background:radial-gradient(ellipse at 50% 85%,#fff 0%,var(--tint) 82%)}
 .m-steps i,.m-why-list i{background:var(--kblue)}
 .m-lum{background:linear-gradient(135deg,#E7F1EB 0%,#D6E8DE 100%)}
 header{background:rgba(247,249,247,.82)}
 /* зелёный — только акценты */
 /* зелёный — действия и крупные блоки */
 .m-bar .kp,.m-wide:not(.ghost),.m-why-list i{background:var(--accent)}
 .m-wide.ghost{color:var(--accent)}
 .m-ul li::before{background:var(--accent)}
 .m-bar .kp{color:#fff}
 /* синий — навигация, цифры, иконки */
 .m-cat i,.m-acts i{color:var(--blue)}
 .m-chips a[aria-current="true"]{background:var(--blue);border-color:var(--blue)}
 .mc-price,.m-head>a,.m-lum-t em,.m-tags a,.m-addr em,.m-or a,.m-price b{color:var(--blue)}
 .m-price b{color:#fff}
 .mc-ru{border-color:var(--blue);color:var(--blue)}
 .m-bar a,.m-bar button{color:var(--blue)}
 .m-acc summary::after{border-color:var(--blue)}
 .m-acc summary{color:var(--kblue)}
 .m-mech b,.m-makers b,.m-ev1 b,.m-ev b,.m-list b,.m-foot-contacts b,.m-addr b{color:var(--kblue)}
 .m-foot-links summary,.m-key-3 b{color:inherit}
 .m-ph .eyebrow,.m-lum-t .eyebrow{color:var(--blue)}
 .m-mech i{color:var(--blue)}
 .m-facts>div::before{background:var(--blue)}
 .m-ph h1{border-left:0}
 .m-pill{color:var(--blue)}
 .m-hero2 h1,.m-head h1,.m-head h2,.m-ph h1{color:var(--kblue)}
 .m-ticker b{color:var(--kblue)}
 a.m-back{color:var(--ink-3)}
 .stamp{border-color:var(--scarlet)!important;color:var(--scarlet)!important}
 /* ===== мобильные страницы ===== */
 .m-sec{padding:26px 0 8px;position:relative}
 .m-page{padding-top:calc(var(--hh,64px) + 14px)}
 .m-sec>*{margin-left:var(--m-gut);margin-right:var(--m-gut)}
 .m-tint{background:linear-gradient(180deg,var(--tint) 0%,rgba(200,220,213,.35) 100%);padding:26px 0 22px;margin-top:18px}
 .m-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:14px}
 .m-head h1,.m-head h2{font-size:22px;line-height:1.16;letter-spacing:-.02em;color:var(--kblue);flex:1 1 auto}
 .m-head h1{font-size:25px}
 .m-head>span{flex-basis:100%;font-size:13.5px;color:var(--ink-3)}
 .m-head>a{font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue);white-space:nowrap}
 .m-head>p{flex-basis:100%;font-size:15px;color:var(--ink-2);line-height:1.5;margin-top:2px}
 /* герой */
 .m-hero{position:relative;overflow:hidden;padding:calc(var(--hh,64px) + 14px) var(--m-gut) 22px;background:radial-gradient(70% 60% at 85% 0%,rgba(200,220,213,.6),transparent 70%),radial-gradient(40% 40% at 0% 10%,rgba(242,216,208,.55),transparent 70%)}
 .m-hero .hangul{right:-4vw;top:-16px;font-size:150px}
 .m-hero .pill{font-size:9.5px;letter-spacing:.07em;white-space:nowrap;position:relative}
 .m-hero h1{font-size:31px;line-height:1.06;letter-spacing:-.025em;color:var(--kblue);margin:14px 0 8px;position:relative}
 .m-slogan{font-family:var(--display);font-weight:700;font-size:16px;color:var(--kblue);position:relative}
 .m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;position:relative}
 .m-stats div{position:relative;overflow:hidden;padding:13px 11px 11px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid var(--line);backdrop-filter:blur(8px)}
.m-stats div::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
 .m-stats b{display:block;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--kblue);line-height:1}
 .m-stats span{display:block;font-size:10.5px;line-height:1.3;color:var(--ink-3);margin-top:5px}
 .m-hero-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;position:relative}
 .m-hero-btns .btn{justify-content:center;padding-left:8px;padding-right:8px;font-size:14px}
 /* чипы категорий */
 .m-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 var(--m-gut) 14px!important;padding:0}
 .m-chips a{flex:0 0 auto;font-family:var(--display);font-weight:700;font-size:13px;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink-2);white-space:nowrap}
 .m-chips a.m-chip-cosm{border-color:rgba(184,40,55,.28);color:#9A5347;background:#FBF3F0}
 .m-chips a.m-chip-cosm[aria-current="true"]{background:#9A5347;border-color:#9A5347;color:#fff}
 .m-chips a[aria-current="true"]{background:var(--kblue);color:#fff;border-color:var(--kblue)}
 /* сетка аппаратов */
 .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .mc{display:flex;flex-direction:column;gap:2px;padding:10px 10px 12px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;min-width:0}
 .mc:active{border-color:var(--kblue)}
 .mc-fig{position:relative;height:138px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,#fff 0%,var(--tint) 75%);overflow:hidden;margin-bottom:8px}
 .mc-fig img{max-height:120px;max-width:78%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,43,73,.16))}
 .mc-badge{position:absolute;z-index:2;left:8px;top:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--kblue);color:#fff}
 .mc-badge.red{background:var(--scarlet)}
 .mc-ru{position:absolute;z-index:2;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--kblue);color:var(--kblue);font-family:var(--display);font-size:9px;font-weight:800;display:grid;place-items:center;background:rgba(255,255,255,.8)}
 .mc-cat{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
 .mc-name{font-family:var(--display);font-size:16px;font-weight:800;color:var(--kblue);line-height:1.15}
 .mc-type{font-size:11.5px;line-height:1.35;text-wrap:balance;hyphens:none;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .mc-price{margin-top:auto;padding-top:8px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue)}
 /* Luminex */
 .m-lum{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 112px;gap:12px;align-items:center;margin-top:10px;padding:16px 12px 16px 16px;border-radius:18px;color:inherit;text-decoration:none;background:linear-gradient(135deg,#4E9B7A 0%,#6FB894 52%,#9CD3B6 100%);border:1px solid rgba(255,255,255,.35);box-shadow:0 16px 30px -22px rgba(20,74,55,.5)}
.m-lum::after{content:"";position:absolute;right:-30px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(255,255,255,0) 70%);pointer-events:none}
.m-lum .m-lum-t b{color:#fff}
.m-lum .m-lum-t>span:not(.eyebrow){color:rgba(255,255,255,.88)}
.m-lum .m-lum-t .eyebrow{color:#EAF8F0!important}
.m-lum .m-lum-t em{color:#fff!important}
.m-lum img{position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
 .m-lum-t{display:flex;flex-direction:column;gap:4px;min-width:0}
 .m-lum-t b{font-family:var(--display);font-size:16px;font-weight:800;color:var(--kblue)}
 .m-lum-t>span:not(.eyebrow){font-size:12px;line-height:1.4;color:var(--ink-2)}
 .m-lum-t em{font-style:normal;font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--kblue);display:inline-flex;align-items:center;gap:4px;margin-top:4px}
 .m-lum-t em svg,.m-events svg,.m-list svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
 .m-lum img{width:112px;height:112px;object-fit:cover;border-radius:12px}
 /* быстрые действия */
 .m-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .m-acts a{display:flex;flex-direction:column;gap:3px;padding:14px 14px 14px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;position:relative;overflow:hidden}
 .m-acts a::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--stripe)}
 .m-acts i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sage),#fff 140%);color:var(--kblue);margin-bottom:6px}
 .m-acts i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .m-acts b{font-family:var(--display);font-size:15px;font-weight:800;color:var(--kblue)}
 .m-acts span{font-size:12px;line-height:1.35;color:var(--ink-2)}
 /* аккордеон */
 .m-acc{display:grid;gap:8px}
 .m-acc details{border-radius:16px;background:var(--bg-2);border:1px solid var(--line);padding:0 16px}
 .m-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 0;font-family:var(--display);font-weight:700;font-size:15px;color:var(--kblue)}
 .m-acc summary::-webkit-details-marker{display:none}
 .m-acc summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--kblue);border-bottom:2px solid var(--kblue);transform:rotate(45deg);transition:transform .25s;flex:none}
 .m-acc details[open] summary::after{transform:rotate(-135deg)}
 .m-acc p{font-size:14px;line-height:1.5;color:var(--ink-2);padding:0 0 14px;margin:-4px 0 0}
 /* события и материалы */
 .m-events,.m-list{display:grid;gap:8px}
 .m-events a,.m-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none}
 .m-date{flex:none;width:52px;text-align:center;padding:6px 0;border-radius:12px;background:var(--kblue);color:#fff}
 .m-date b{display:block;font-family:var(--display);font-size:20px;font-weight:800;line-height:1}
 .m-date small{display:block;font-size:10px;margin-top:2px;opacity:.85}
 .m-ev,.m-list a>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
 .m-ev em,.m-list em{font-style:normal;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
 .m-ev b,.m-list b{font-family:var(--display);font-size:14px;font-weight:700;line-height:1.3;color:var(--kblue)}
 .m-events svg,.m-list svg{color:var(--ink-3)}
 /* форма */
 .m-cta{padding-bottom:26px}
 .m-form{display:grid;gap:8px;padding:16px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line)}
 .m-form>b{font-family:var(--display);font-size:16px;color:var(--kblue)}
 .m-form textarea{padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);font:inherit;font-size:15px;color:var(--ink);width:100%;box-sizing:border-box;resize:vertical;min-height:76px;font-family:var(--body)}
 .m-form textarea.err{border-color:var(--scarlet)}
 .m-form input:not([type=checkbox]){padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);font:inherit;font-size:15px;color:var(--ink);width:100%;box-sizing:border-box}
 .m-form input.err,.m-form textarea.err{border-color:var(--scarlet);box-shadow:0 0 0 3px rgba(184,40,55,.12)}
 .m-form .consent.err span{color:var(--scarlet)}
 .m-form .form-note{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--scarlet)}
 .m-form .consent{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--ink-3);line-height:1.35}
 .m-form .consent input{margin-top:2px}
 .m-form .btn{width:100%;justify-content:center}
 .m-or{font-size:12.5px;color:var(--ink-3);text-align:center}
 .m-or a{font-family:var(--display);font-weight:700;color:var(--kblue)}
 .m-form .form-done{text-align:center;padding:10px 0}
 .m-form .form-done b{display:block;font-family:var(--display);font-size:18px;color:var(--kblue);margin:8px 0 6px}
 .m-form .form-done p{font-size:13.5px;color:var(--ink-2)}
 .m-form .form-done .btn{margin-top:12px}
 /* подвал */
 .m-foot::before,.m-foot::after,.m-foot .wrap::before,.m-foot .wrap::after{display:none!important}
 .m-foot-contacts>span b{white-space:normal;font-size:12.5px}
 .m-slim{display:grid;gap:8px;padding:20px 18px;border-radius:22px;background:linear-gradient(150deg,#002B49 0%,#0E4C7A 65%,#17608F 100%);color:#EAF2F7}
 .m-slim b{font-family:var(--display);font-size:19px;line-height:1.2;letter-spacing:-.02em}
 .m-slim span{font-size:13.5px;line-height:1.45;color:rgba(234,242,247,.82)}
 .m-slim .btn{margin-top:6px;width:100%;justify-content:center;background:#fff!important;color:var(--deep)!important;box-shadow:none!important}
 .m-foot-addr{font-size:12.5px;color:#4E6259;margin:10px 0 0}
 .m-foot{display:block;padding:24px 0 20px;border-top:1px solid rgba(27,51,44,.14);background:linear-gradient(180deg,#C8DCD5 0%,#BAD4C9 55%,#ACCCC0 100%)}
 .m-foot-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
 .m-foot-top .brand img{height:36px}
 .m-foot-contacts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .m-foot-contacts>*{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--line);color:inherit;text-decoration:none;min-width:0}
 .m-foot-contacts b{font-family:var(--display);font-size:13.5px;font-weight:700;color:var(--kblue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .m-foot-contacts span span,.m-foot-contacts a span{font-size:11px;color:var(--ink-3)}
 .m-foot-links{margin-top:12px;border-top:1px solid var(--line)}
 .m-foot-links details{border-bottom:1px solid var(--line)}
 .m-foot-links summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-family:var(--display);font-weight:700;font-size:14px;color:var(--kblue)}
 .m-foot-links summary::-webkit-details-marker{display:none}
 .m-foot-links summary::after{content:"+";font-size:18px;color:var(--ink-3)}
 .m-foot-links details[open] summary::after{content:"–"}
 .m-foot-links ul{list-style:none;margin:0;padding:0 0 12px;display:grid;gap:8px;font-size:14px}
 .m-foot-social{display:flex;gap:8px;margin-top:14px}
 .m-foot-social a{flex:1;text-align:center;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.65);font-family:var(--display);font-weight:700;font-size:13px;color:var(--blue)}
 .m-foot-bottom{margin-top:14px;font-size:11.5px;color:#5A6C63;line-height:1.5}
 .m-foot-bottom a{color:var(--ink-3);text-decoration:underline}
 /* ===== главная: новая подача ===== */
 .m-hero2{position:relative;overflow:hidden;padding:calc(var(--hh,64px) + 22px) var(--m-gut) 26px;background:linear-gradient(170deg,var(--sage) 0%,var(--sage-2) 42%,var(--bg) 100%)}
 .m-hero2::after{content:'';position:absolute;inset:0;z-index:-1;background:inherit;border-radius:0}
 .m-hero2 .hangul{position:absolute;right:-16px;top:6px;overflow:hidden;font-family:var(--kr);font-weight:900;font-size:170px;line-height:1;color:rgba(36,70,59,.08)}
 .m-pill{position:relative;display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);padding:7px 12px;border-radius:999px}
 .m-pill i{width:5px;height:5px;border-radius:50%;background:var(--scarlet)}
 .m-hero2 h1{position:relative;font-size:32px;line-height:1.08;letter-spacing:-.03em;color:var(--deep);margin:14px 0 10px}
 .m-hero2>p{position:relative;font-size:15px;line-height:1.5;color:#3C5349;max-width:34ch}
 .m-hero2-btns{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:18px}
 .m-hero2-btns .btn{justify-content:center;min-height:50px}
 .m-hero2-btns .btn-ghost{background:rgba(255,255,255,.75);border-color:rgba(255,255,255,.9);color:var(--deep)}
 .m-facts{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;margin:20px 0 0;transform:translateY(24px);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px -22px rgba(27,51,44,.5)}
 .m-facts>div{position:relative;padding:13px 14px}
 .m-facts>div:nth-child(odd){border-right:1px solid rgba(36,70,59,.1)}
 .m-facts>div:nth-child(-n+2){border-bottom:1px solid rgba(36,70,59,.1)}
 .m-facts>div::before{content:"";position:absolute;left:14px;top:13px;width:14px;height:2px;border-radius:2px;background:var(--accent);opacity:.9}
 .m-hero2+.m-sec{padding-top:26px}
 .m-facts b{display:block;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1;color:var(--kblue);margin-top:12px;font-variant-numeric:tabular-nums}
 .m-facts span{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#6B7A73;margin-top:5px;line-height:1.25}
 .m-sl{position:relative;margin:16px calc(var(--m-gut)*-1) 4px}
 /* знаки сертификации — строкой под фото, как на основном сайте */
 .m-gal .certs{position:absolute!important;left:12px;bottom:12px;top:auto;right:auto;flex-direction:column!important;gap:8px;align-items:flex-start;z-index:3}
 .m-gal .certs span{height:32px}
 /* «Действие» — синяя панель в стиле блока обучения */
 .m-act{position:relative;overflow:hidden;margin-top:18px;padding:20px 18px;border-radius:22px;
  background:linear-gradient(150deg,#002B49 0%,#0E4C7A 65%,#17608F 100%);color:#EAF2F7}
 .m-act .hangul{position:absolute;right:-8px;bottom:-28px;font-family:var(--kr);font-weight:900;font-size:110px;line-height:1;color:rgba(255,255,255,.07)}
 .m-act>b{position:relative;display:block;font:800 20px/1.18 var(--display);letter-spacing:-.02em;color:#fff}
 .m-act-l{position:relative;display:block;margin-top:5px;font-size:13px;line-height:1.45;color:rgba(234,242,247,.78)}
 .m-act-t{position:relative;display:grid;gap:7px;margin-top:16px}
 .m-act-t>span{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font:600 13px/1.3 var(--display);color:#fff}
 .m-act-t i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);
  font:800 11px/1 var(--display);font-style:normal;color:#fff}
 /* состав CYNEFILL — карточки-инфографика */
 .m-comp{display:grid;gap:8px;margin-top:12px}
 .m-comp-i{position:relative;overflow:hidden;padding:14px 14px 14px 52px;border-radius:16px;
  border:1px solid rgba(36,70,59,.10);box-shadow:0 8px 20px -18px rgba(11,44,63,.5)}
 .m-comp-i[data-t="0"]{background:linear-gradient(135deg,#FFFFFF,#EAF2EE)}
 .m-comp-i[data-t="1"]{background:linear-gradient(135deg,#FFFFFF,#E8F0F6)}
 .m-comp-i[data-t="2"]{background:linear-gradient(135deg,#FFFFFF,#F2F7F4)}
 .m-comp-n{position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--kblue);color:#fff;font:800 11px/1 var(--display)}
 .m-comp-i b{display:block;font:800 14.5px/1.25 var(--display);color:var(--kblue);letter-spacing:-.01em}
 .m-comp-i>span:not(.m-comp-n){display:block;margin-top:5px;font-size:12px;line-height:1.4;color:var(--ink-2)}
 /* пресс-центр: живые карточки вместо белых строк */
 .m-pc-hero{position:relative;overflow:hidden;display:block;margin-top:12px;padding:18px 16px 16px;border-radius:22px;
  background:linear-gradient(150deg,#002B49 0%,#0E4C7A 62%,#17608F 100%);color:#EAF2F7;text-decoration:none;
  box-shadow:0 22px 42px -28px rgba(0,43,73,.8)}
 .m-pc-hero .m-pc-k{position:absolute;right:-8px;top:-18px;font-family:var(--kr);font-weight:900;font-size:96px;line-height:1;color:rgba(255,255,255,.08)}
 .m-pc-hero .m-pc-tag{position:relative;display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14);
  font:700 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#fff}
 .m-pc-hero b{position:relative;display:block;margin-top:10px;font:800 19px/1.22 var(--display);letter-spacing:-.02em;color:#fff}
 .m-pc-l{position:relative;display:block;margin-top:7px;font-size:12.5px;line-height:1.45;color:rgba(234,242,247,.8)}
 .m-pc-hero em{position:relative;display:inline-block;margin-top:12px;font:800 13px/1 var(--display);font-style:normal;color:#fff}
 .m-pc-list{display:grid;gap:8px;margin-top:8px}
 .m-pc{position:relative;overflow:hidden;display:block;padding:14px 14px 14px 18px;border-radius:16px;text-decoration:none;
  border:1px solid rgba(36,70,59,.10);box-shadow:0 8px 20px -18px rgba(11,44,63,.5)}
 .m-pc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
 .m-pc[data-t="0"]{background:linear-gradient(135deg,#FFFFFF,#EAF2EE)}
 .m-pc[data-t="0"]::before{background:#0E4C7A}
 .m-pc[data-t="1"]{background:linear-gradient(135deg,#FFFFFF,#FBF0EB)}
 .m-pc[data-t="1"]::before{background:#B82837}
 .m-pc[data-t="2"]{background:linear-gradient(135deg,#FFFFFF,#E8F0F6)}
 .m-pc[data-t="2"]::before{background:#17608F}
 .m-pc[data-t="3"]{background:linear-gradient(135deg,#FFFFFF,#F2F7F4)}
 .m-pc[data-t="3"]::before{background:#2F7D5B}
 .m-pc{overflow:hidden!important}
 .m-pc .m-pc-k{position:absolute;right:10px;top:9px;font-family:var(--kr);font-weight:900;font-size:26px;line-height:1;color:rgba(0,43,73,.10)}
 .m-pc .m-pc-tag{position:relative;display:block;font:700 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
 .m-pc b{position:relative;display:block;margin-top:6px;font:800 14.5px/1.3 var(--display);color:var(--kblue);letter-spacing:-.01em;padding-right:40px}
 /* меню: карточки с иконкой и подписью */
 #nav.open ul{display:grid!important;gap:7px;margin:0;list-style:none;padding:calc(var(--hh,64px) + env(safe-area-inset-top,0px) + 14px) var(--m-gut) calc(var(--m-bar) + 28px)!important}
 #nav.open ul li{margin:0}
 #nav.open ul a{display:grid!important;grid-template-columns:38px 1fr 14px;align-items:center;gap:11px;
  padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(36,70,59,.10);
  box-shadow:0 8px 20px -18px rgba(11,44,63,.6);text-decoration:none;transition:transform .18s,box-shadow .18s}
 #nav.open ul a:active{transform:scale(.985)}
 #nav.open ul a::after,#nav.open ul a::before{content:none!important}
 .mn-i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tint);color:var(--kblue)}
 .mn-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mn-t{min-width:0}
 .mn-t b{display:block;font:800 15px/1.15 var(--display);color:var(--kblue);letter-spacing:-.015em}
 .mn-t small{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;color:var(--ink-3)}
 .mn-c{display:grid;place-items:center;color:var(--ink-3);opacity:.6}
 .mn-c svg{width:14px;height:14px}
 /* первый пункт — акцентная карточка */
 #nav.open .m-nav-calc a{background:linear-gradient(135deg,#0E4C7A,#002B49)!important;border-color:#002B49!important;
  box-shadow:0 16px 30px -18px rgba(0,43,73,.75)!important}
 #nav.open .m-nav-calc .mn-i{background:rgba(255,255,255,.16);color:#fff}
 #nav.open .m-nav-calc .mn-t b{color:#fff!important}
 #nav.open .m-nav-calc .mn-t small{color:rgba(255,255,255,.72)}
 #nav.open .m-nav-calc .mn-c{color:#fff;opacity:.8}
 #nav.open .m-nav-calc a::after{content:none!important}
 /* подвал меню: телефон и КП */
 #nav.open .phone{display:flex!important;justify-content:center;margin-top:14px;padding:13px;border-radius:14px;
  background:rgba(255,255,255,.72);border:1px solid rgba(36,70,59,.10);font:800 16px/1 var(--display);color:var(--kblue);text-decoration:none}
 #nav.open .btn-primary{display:flex!important;justify-content:center;margin-top:8px;width:100%}
 /* блок «Обучение входит в стоимость» — ровные строки вместо рваных колонок */
 .m-key-3{display:grid!important;grid-template-columns:1fr!important;gap:6px;margin-top:16px}
 .m-key-3>div{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:11px 13px;border-radius:14px}
 .m-key-3 b{font-size:14.5px!important;line-height:1.1;letter-spacing:-.01em}
 .m-key-3 span{margin-top:0!important;font-size:12px!important;line-height:1.35}
 .m-key>b{font-size:20px;line-height:1.18;text-wrap:balance}
 .m-key>span{font-size:13px;line-height:1.5;text-wrap:pretty}
 /* подпись под «Направлениями» — всегда в одну строку */
 .m-head-one{white-space:nowrap;font-size:clamp(11px,3.35vw,13.5px)!important;letter-spacing:-.01em}
 /* слайды: мягкий фон по направлению, а не голый белый */
 .m-sl-item{position:relative;overflow:hidden}
 .m-sl-item::before{content:"";position:absolute;right:-40px;top:-50px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 68%);pointer-events:none;z-index:0}
 .m-sl-item[data-c="hifu"]{background:linear-gradient(165deg,#FFFFFF 0%,#EAF2EE 46%,#CFE1D9 100%)}
 .m-sl-item[data-c="rf"]{background:linear-gradient(165deg,#FFFFFF 0%,#E8F0F6 46%,#CBDDEB 100%)}
 .m-sl-item[data-c="laser"]{background:linear-gradient(165deg,#FFFFFF 0%,#FBF0EB 46%,#F2DCD4 100%)}
 .m-sl-item[data-c="body"]{background:linear-gradient(165deg,#FFFFFF 0%,#EEF1F4 46%,#D8DFE6 100%)}
 .m-sl-item[data-c="skin"]{background:linear-gradient(165deg,#FFFFFF 0%,#F2F7F4 46%,#DCE8E2 100%)}
 .m-sl-item img{position:relative;z-index:1}
 .m-sl-k{color:rgba(27,51,44,.09)!important}
 /* пояснение к печати в подвале */
 .m-foot-stamp{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.14)}
 .m-foot-stamp .stamp{flex:none}
 .m-foot-stamp>span:last-child{font-size:11.5px;line-height:1.4;opacity:.75}
 .m-sl-item{position:relative}

 /* печать 정품 — только на фото аппарата, не на мелких карточках */
 .mc .stamp,.m-grid .stamp,.mz .stamp,.m-sl-item .stamp{display:none!important}
 .m-gal>.stamp{display:inline-grid!important;place-items:center}
 .m-ru{margin-top:8px;font-size:11.5px;line-height:1.35;color:var(--ink-3)}
 /* заводы-партнёры: раскрываются по тапу */
 .m-makers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;margin-top:12px;align-items:start}
 .m-makers .m-mk{position:relative;overflow:hidden!important;padding:0!important;background:var(--bg-2)!important;border:1px solid var(--line)!important;border-radius:14px}
 .m-mk[open]{grid-column:1/-1;background:#fff!important;box-shadow:0 14px 30px -22px rgba(11,44,63,.55)}
 .m-mk>summary{list-style:none;display:block;padding:12px}
 .m-mk>summary::marker,.m-mk>summary::-webkit-details-marker{display:none;content:""}
 .m-mk>summary::after{content:none!important;display:none!important}
 .m-mk>summary i{display:none}
 .m-makers .m-mk b{display:block;font-family:var(--display);font-size:13.5px;color:var(--kblue);padding-right:44px}
 .m-mk .m-mk-d{display:block;font-size:11.5px;line-height:1.35;color:var(--ink-3);margin-top:3px}
 .m-makers .m-mk .m-mk-k{display:block!important;position:absolute;right:8px;top:6px;z-index:0;font-family:var(--kr);font-weight:900;font-size:22px!important;line-height:1;color:rgba(0,43,73,.11)!important;pointer-events:none;letter-spacing:-.02em;margin:0!important}
 .m-makers .m-mk[open] .m-mk-k{font-size:30px!important;top:8px;right:12px;color:rgba(0,43,73,.12)!important}
 .m-mk>summary b,.m-mk .m-mk-d{position:relative;z-index:1}
 .m-mk{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78)}
 .m-mk>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 14px;align-items:center;gap:4px 10px;padding:13px 14px}
 .m-mk>summary::-webkit-details-marker{display:none}
 .m-mk>summary b{font:800 15px/1.15 var(--display);color:var(--kblue)}
 .m-mk .m-mk-d{grid-column:1;font-size:12px;line-height:1.35;color:var(--ink-3)}
 .m-mk>summary i{grid-row:1/3;grid-column:2;width:9px;height:9px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:transform .2s;justify-self:end}
 .m-mk[open]>summary i{transform:rotate(-135deg)}
 .m-mk-k{position:absolute;right:26px;top:-6px;font-family:var(--kr);font-weight:900;font-size:44px;line-height:1;color:rgba(0,43,73,.05);pointer-events:none}
 .m-mk-b{padding:0 14px 14px;border-top:1px solid var(--line)}
 .m-mk-y{display:inline-block;margin:12px 0 8px;padding:5px 10px;border-radius:999px;background:var(--tint);font:700 10.5px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--kblue)}
 .m-mk-b p{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
 .m-mk-p em{font-style:normal;font-weight:700;color:var(--ink)}
 .m-mk-links{display:grid;gap:6px;margin-top:4px}
 .m-mk-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);font:700 12.5px/1 var(--display);color:var(--kblue);text-decoration:none}
 .m-mk-links a svg{width:14px;height:14px}
 /* карточка «Сеул → Москва» — компактно, без рамки */
 .m-route .showcase.route-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 .m-route .showcase.route-card{position:relative}
 .m-route .showcase.route-card .top{position:absolute;right:12px;top:12px;left:auto;z-index:3;margin:0;justify-content:flex-end}
 .m-route .showcase.route-card .top .pill{background:rgba(255,255,255,.92);border-color:rgba(0,43,73,.14);box-shadow:0 6px 14px -8px rgba(11,44,63,.45)}
 .m-route .showcase.route-card svg.route{border-radius:16px}
 .m-hero2-btns .btn-ghost{background:rgba(0,43,73,.06);border:1.5px solid var(--kblue);color:var(--kblue);font-weight:800}
 .m-hero2-btns .btn-ghost:active{background:rgba(0,43,73,.12)}
 .hero h1{font-size:24px!important;line-height:1.12!important;letter-spacing:-.03em!important}
 .m-hero2 h1{font-size:30px!important;line-height:1.05!important;letter-spacing:-.035em!important;white-space:nowrap;margin:10px 0 4px!important}
 .m-hero2-sub{margin:0 0 4px;font:600 13px/1.35 var(--display);color:var(--ink-2);position:relative}
 .m-hero2{padding-top:calc(var(--hh,64px) + 14px)!important}
 .m-ph h1,.m-page h1{letter-spacing:-.02em}
 .m-sl-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--m-gut) 4px;-webkit-overflow-scrolling:touch;scroll-padding:0}
 .m-sl-track::-webkit-scrollbar{display:none}
 .m-sl-item{position:relative;flex:0 0 calc(100% - var(--m-gut) - 4px);scroll-snap-align:center;display:block;padding:12px 14px 14px;border-radius:22px;background:linear-gradient(170deg,#fff 0%,#F1F6F2 55%,var(--sage-2) 140%);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px -26px rgba(27,51,44,.55);color:inherit;text-decoration:none;overflow:hidden}
 .m-sl-tag{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);padding:6px 10px;border-radius:999px}
 .m-sl-tag i{width:5px;height:5px;border-radius:50%;background:var(--scarlet)}
 .m-sl-k{position:absolute;right:6px;top:-14px;font-family:var(--kr);font-weight:900;font-size:96px;line-height:1;color:rgba(27,51,44,.06);z-index:1}
 .m-sl-item img{position:relative;z-index:2;display:block;margin:2px auto 8px;height:190px;width:auto;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,43,73,.22))}
 .m-sl-b{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px}
 .m-sl-b b{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--kblue);line-height:1.1}
 .m-sl-b small{font-size:12.5px;color:var(--ink-2);line-height:1.35}
 .m-sl-b em{font-style:normal;margin-top:8px;padding-top:8px;border-top:1px solid rgba(36,70,59,.12);font-family:var(--display);font-weight:800;font-size:15px;color:var(--blue);display:flex;align-items:baseline;justify-content:space-between;gap:6px;white-space:nowrap}
 .m-sl-b em span{font-family:var(--body);font-weight:500;font-size:11px;color:var(--ink-3);white-space:nowrap}
 .m-sl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
 .m-sl-dots i{width:18px;height:3px;border-radius:2px;background:rgba(36,70,59,.2);transition:background .3s,width .3s}
 .m-sl-dots i[aria-current="true"]{background:var(--blue);width:26px}
 .m-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .m-cat{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;min-width:0}
 .m-cat i{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--tint);border:1px solid rgba(14,76,122,.1)}
 .m-cat i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 .m-cat-t{min-width:0}
 .m-cat b{display:block;font-family:var(--display);font-size:13.5px;font-weight:800;color:var(--kblue);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .m-cat small{display:block;font-size:10.5px;color:var(--ink-3);margin-top:2px}
 .m-cat-lum i{background:linear-gradient(135deg,#F7EEEA,var(--sand));border-color:rgba(184,40,55,.14)}
 .m-cat-lum i svg{color:#9A5347}
 .m-wide{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:14px;border-radius:16px;background:var(--kblue);color:#fff;font-family:var(--display);font-weight:700;font-size:14px;text-decoration:none}
 .m-wide svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .m-wide.ghost{background:transparent;color:var(--kblue);border:1px solid var(--line-2)}
 .m-why{background:linear-gradient(180deg,var(--tint) 0%,rgba(220,234,227,.6) 100%);padding-top:26px;padding-bottom:24px;margin-top:22px}
 .m-why-list{display:grid;gap:8px}
 .m-why-list>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9)}
 .m-why-list i{grid-row:span 2;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--kblue);color:#fff}
 .m-why-list i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .m-why-list b{font-family:var(--display);font-size:15px;color:var(--kblue);align-self:end}
 .m-why-list span{font-size:12.5px;line-height:1.4;color:var(--ink-2)}
 section.m-roi,.m-roi{position:relative;overflow:hidden;margin:18px var(--m-gut) 0;padding:22px 18px!important;border-radius:22px;background:linear-gradient(150deg,#002B49 0%,#0E4C7A 65%,#17608F 100%);color:#EAF2F7}
 .m-roi>*{margin:0!important}
 .m-roi .hangul{position:absolute;right:-10px;bottom:-34px;font-family:var(--kr);font-weight:900;font-size:130px;line-height:1;color:rgba(255,255,255,.07)}
 .m-roi b{display:block;position:relative;font-family:var(--display);font-size:21px;letter-spacing:-.02em;margin-bottom:8px!important}
 .m-roi>span{display:block;position:relative;font-size:14px;line-height:1.5;color:rgba(234,242,247,.82);margin-bottom:16px!important}
 .m-roi .btn{position:relative;width:100%;justify-content:center;background:#fff;color:var(--deep)}
 .m-ev1{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none}
 .m-ev1>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
 .m-ev1 em{font-style:normal;font-family:var(--display);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
 .m-ev1 b{font-family:var(--display);font-size:14px;line-height:1.3;color:var(--kblue)}
 .m-ev1 svg{width:16px;height:16px;flex:none;color:var(--ink-3);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .m-cta .m-head h2{font-size:25px}
 .m-key{position:relative;overflow:hidden;padding:20px 18px;border-radius:22px;background:linear-gradient(150deg,#002B49 0%,#0E4C7A 65%,#17608F 100%);color:#EAF2F7;margin-bottom:6px}
 .m-key .hangul{position:absolute;right:-8px;bottom:-30px;font-family:var(--kr);font-weight:900;font-size:120px;line-height:1;color:rgba(255,255,255,.07)}
 .m-key>b{position:relative;display:block;font-family:var(--display);font-size:19px;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}
 .m-key>span{position:relative;display:block;font-size:13.5px;line-height:1.45;color:rgba(234,242,247,.8)}
 .m-key-3{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
 .m-key-3>div{padding:10px 10px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
 .m-key-3 b{display:block;font-family:var(--display);font-weight:800;font-size:16px;line-height:1}
 .m-key-3 span{display:block;font-size:10.5px;line-height:1.3;color:rgba(234,242,247,.78);margin-top:5px}
 /* ===== внутренние страницы ===== */
 .m-page{padding-top:calc(var(--hh,64px) + 12px)}
 .m-back{display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--ink-3);margin-bottom:10px;text-decoration:none}
 .m-back svg{width:14px;height:14px;transform:rotate(180deg);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
 .m-ph{margin-bottom:16px}
 .m-ph h1{font-size:25px;line-height:1.1;letter-spacing:-.02em;color:var(--kblue);margin:6px 0 7px}
 .m-ph p{font-size:14px;line-height:1.5;color:var(--ink-2)}
 .m-p{font-size:15px;line-height:1.55;color:var(--ink-2)}
 .m-center{text-align:center;margin:-4px 0 14px}
 .m-route{margin:0 0 16px}
 .m-route .showcase.route-card{padding:14px 14px 16px;border-radius:20px}
 .m-route .showcase .top{margin-bottom:10px}
 .m-route .showcase .pill{font-size:9.5px;padding:6px 10px}
 .m-route .stamp{width:30px;height:30px;font-size:11px}
 .m-route svg.route{width:100%;height:auto}
 .m-route .sticker{display:none}
 .m-route .cap,.m-route p{font-size:12.5px;line-height:1.4}
 .m-metrics{margin:0 var(--m-gut) 18px}
 .m-metrics.m-4{grid-template-columns:1fr 1fr}
 .m-sec .m-head:not(:first-child){margin-top:24px}
 .m-metrics b{font-size:clamp(15px,5.1vw,19px);white-space:nowrap;letter-spacing:-.02em}
 .m-metrics span{text-wrap:balance;hyphens:none}
 .m-sec>.m-metrics{margin-top:0}
 .m-gal{position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 85%,#fff 0%,var(--tint) 80%);display:grid;place-items:center;height:300px;margin-bottom:12px}
 .m-gal img{max-height:270px;max-width:80%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,43,73,.2));position:relative;z-index:1}
 .m-gal .hangul{position:absolute;right:-10px;bottom:-30px;font-size:170px;color:rgba(0,43,73,.06);font-family:var(--kr);font-weight:900;line-height:1}
 .m-gal .stamp{position:absolute;right:12px;top:12px;z-index:2}
 .m-gal .certs{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;flex-direction:column;gap:6px}
 .m-gal-photo{height:auto;background:none;border:0;border-radius:22px}.m-gal-photo img{max-width:100%;max-height:none;width:100%;height:260px;object-fit:cover;border-radius:22px;filter:none}
 .m-gal-sm{height:200px}.m-gal-sm img{max-height:170px}
 .m-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.72)!important;border:1px solid rgba(14,76,122,.16);box-shadow:0 1px 2px rgba(0,43,73,.05);color:var(--kblue);margin-bottom:10px}
 .m-price b{display:block;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--blue)!important}
 .m-price span{display:block;font-size:10.5px;line-height:1.35;opacity:.62;margin-top:2px;color:var(--kblue)}
 .m-price-a{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--blue);text-decoration:none;white-space:nowrap;padding:6px 10px;border-radius:999px;border:1px solid rgba(14,76,122,.22);background:transparent}
 .m-price-a svg{width:11px;height:11px;flex:none;opacity:.7}
 .m-new{display:inline-flex;align-items:center;gap:6px}
 .m-new i{width:6px;height:6px;border-radius:50%;background:var(--scarlet);box-shadow:0 0 0 3px rgba(199,62,58,.22);flex:none}
 .m-lum .m-new{gap:7px}
 .m-lum .m-new i{background:#FF5C52;box-shadow:0 0 0 3px rgba(255,255,255,.4)}
 /* аккуратный перенос текста в плашках */
 .m-head h1,.m-head h2,.m-head p,.m-head>span,.m-ph h1,.m-ph p,.m-roi b,.m-roi>span,.m-slim b,.m-slim span,.mc-t,.m-lum-t span{text-wrap:balance;hyphens:none}
 .m-ph p,.m-head p{max-width:34em}
 .m-ru{font-size:12px;color:var(--ink-3);margin-bottom:12px}
 .m-pos{font-size:15px;line-height:1.5;color:var(--ink-2);margin-bottom:14px}
 .m-prod .ptabs{margin-bottom:12px}
 .m-ul{list-style:none;margin:0;padding:0;display:grid;gap:0;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
 .m-ul li{position:relative;padding:13px 14px 13px 34px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--ink-2)}
 .m-ul li:last-child{border-bottom:0}
 .m-ul li::before{content:"";position:absolute;left:14px;top:20px;width:11px;height:2px;border-radius:2px;background:var(--blue);opacity:.85}
 .m-ul-card{background:var(--bg-2)}
 .m-acc-b .m-ul{background:transparent;border:0;border-radius:0;margin-top:2px}
 .m-acc-b .m-ul li{padding:10px 0 10px 24px;border-bottom:0;font-size:14px}
 .m-acc-b .m-ul li::before{left:0;top:18px}
 .m-specs{width:100%;border-collapse:collapse;font-size:13.5px}
 .m-specs td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
 .m-specs td:first-child{color:var(--ink-3);width:42%;padding-right:10px}
 .m-tags{display:flex;flex-wrap:wrap;gap:6px}
 .m-tags span,.m-tags a{font-size:12.5px;padding:7px 11px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-2);text-decoration:none}
 .m-tags a{font-family:var(--display);font-weight:700;color:var(--kblue)}
 .m-tags-links{margin-top:10px}
 .m-acc-b{padding:0 0 14px;margin-top:-4px}
 .m-acc-b p{padding:0;margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
 .m-acc-b .m-ul li{font-size:14px}
 .m-flow{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:f}
 .m-flow li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:stretch}
 .m-flow-line{position:relative;display:block}
 .m-flow-line::before{content:"";position:absolute;left:50%;top:20px;bottom:-8px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(14,76,122,.28),rgba(14,76,122,.06))}
 .m-flow li:last-child .m-flow-line::before{display:none}
 .m-flow-line em{position:absolute;left:50%;top:14px;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:var(--bg);border:2.5px solid var(--blue)}
 .m-flow li:first-child .m-flow-line em{background:var(--blue)}
 .m-flow-c{position:relative;overflow:hidden;padding:13px 52px 14px 15px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}
 .m-flow-c i{position:absolute;right:12px;top:8px;font-style:normal;font-family:var(--display);font-weight:800;font-size:30px;line-height:1;letter-spacing:-.04em;color:rgba(14,76,122,.12)}
 .m-flow-c b{display:block;font-family:var(--display);font-size:15.5px;line-height:1.25;color:var(--kblue)}
 .m-flow-c span{display:block;font-size:13.5px;line-height:1.45;color:var(--ink-2);margin-top:4px}
 .m-list small{font-size:12px;color:var(--ink-3)}
 .m-thumb{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
 .m-ct{margin-bottom:12px}
 .m-addr{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);color:inherit;text-decoration:none;margin-bottom:12px}
 .m-addr b{display:block;font-family:var(--display);font-size:15px;color:var(--kblue)}
 .m-addr small{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
 .m-addr em{font-style:normal;font-family:var(--display);font-weight:700;font-size:13px;color:var(--kblue)}
 .m-form select{padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);font:inherit;font-size:15px;color:var(--ink);width:100%}
 .m-form .btn-ghost{width:100%;justify-content:center}
 .m-person{display:flex;gap:14px;align-items:center;margin-bottom:14px}
 .m-person img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
 .m-person h1{font-size:20px;line-height:1.15;color:var(--kblue)}
 .m-person p{font-size:12.5px;color:var(--ink-3);margin-top:4px;line-height:1.4}
 .m-quote{margin:0 0 16px;padding:18px 18px 18px 22px;border-left:3px solid var(--kblue);border-radius:0 18px 18px 0;background:var(--bg-2)}
 .m-quote p{font-size:15px;line-height:1.55;color:var(--ink);margin:0 0 10px}
 .m-quote p:last-child{margin:0}
 .m-prose{font-size:15.5px;line-height:1.6;color:var(--ink)}
 .m-prose h2{font-size:20px;line-height:1.2;color:var(--kblue);margin:22px 0 10px}
 .m-prose h3{font-size:17px;color:var(--kblue);margin:18px 0 8px}
 .m-prose p{margin:0 0 12px;color:var(--ink-2)}
 .m-prose .m-ul{margin:0 0 14px}
 .m-note{padding:12px 14px;border-radius:14px;background:var(--tint);color:var(--kblue)!important;font-size:14px}
 .m-mech{display:grid;gap:26px}
 .m-mech-i{position:relative;padding-top:6px}
 .m-mech-n{position:absolute;left:-2px;top:-10px;font-family:var(--display);font-weight:800;font-size:54px;line-height:1;letter-spacing:-.045em;color:rgba(14,76,122,.1);z-index:0}
 .m-mech img{position:relative;z-index:1;display:block;width:82%;max-width:300px;height:auto;margin:0 auto 10px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,43,73,.14))}
 .m-mech b{position:relative;display:block;font-family:var(--display);font-size:16px;color:var(--kblue);line-height:1.25}
 .m-mech span{position:relative;display:block;font-size:13.5px;line-height:1.45;color:var(--ink-2);margin-top:4px}
 .m-gal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
 .m-gal-grid figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
 .m-gal-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
 .m-gal-grid figcaption{font-size:11px;padding:6px 8px;color:var(--ink-2);text-align:center}
 .m-makers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .m-makers div{padding:12px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line)}
 .m-makers b{display:block;font-family:var(--display);font-size:13.5px;color:var(--kblue)}
 .m-makers span{display:block;font-size:11.5px;line-height:1.35;color:var(--ink-3);margin-top:3px}
 .m-marq{position:relative;display:grid;gap:8px;margin:0 calc(var(--m-gut)*-1);padding:2px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 .m-marq-row{overflow:hidden}
 .m-marq-t{display:flex;gap:8px;width:max-content;animation:m-slide 38s linear infinite}
 .m-marq-t.rev{animation-duration:46s;animation-direction:reverse}
 .m-marq span{flex:none;width:104px;height:62px;display:grid;place-items:center;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--line)}
 .m-marq img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s}
.m-marq span:hover img,.m-marq span:active img,.m-marq img:hover{filter:none;opacity:1}
 @keyframes m-slide{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
 @media (prefers-reduced-motion:reduce){.m-marq-t{animation:none}}
 .m-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
 .m-logos img{width:100%;height:56px;object-fit:contain;padding:8px;box-sizing:border-box;border-radius:12px;background:#fff;border:1px solid var(--line);filter:grayscale(1);opacity:.85;transition:filter .25s,opacity .25s}
.m-logos img:hover,.m-logos a:hover img,.m-logos div:hover img,.m-logos img:active{filter:none;opacity:1}
 .m-logos-list{grid-template-columns:1fr 1fr}
 .m-logos-list div{padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line);text-align:center}
 .m-logos-list div img{border:0;height:52px;padding:4px}
 .m-logos-list span{display:block;font-size:12px;color:var(--ink-3);margin-top:4px}
 /* калькулятор на телефоне */
 .m-calc{padding-bottom:0}
 #calc-wrap{width:auto;margin:0 var(--m-gut)}
 .calc-seg button[aria-pressed="true"]{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}
 .calc-devs button[aria-pressed="true"]{border-color:var(--blue)!important;box-shadow:inset 0 0 0 1px var(--blue)!important;background:#EAF1EC!important}
 .calc input[type=range]{background:linear-gradient(90deg,var(--blue),#9FC4DC)!important}
 .calc input[type=range]::-webkit-slider-thumb{border-color:var(--blue)!important;box-shadow:0 4px 10px rgba(14,76,122,.3)!important}
 .calc input[type=range]::-moz-range-thumb{border-color:var(--blue)!important}
 .calc-in{background:var(--bg-2);border:1px solid var(--line)}
 .calc-f>span{color:var(--ink-2)}
 .calc-r output{color:var(--blue);font-weight:800}
 .calc{display:grid;grid-template-columns:1fr;gap:12px}
 .calc-in,.calc-out{padding:16px!important;border-radius:18px}
 .calc-head{display:none}
 .calc-devs{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;padding-bottom:4px}
 .calc-devs::-webkit-scrollbar{display:none}
 .calc-devs button{flex:0 0 auto;width:auto;display:flex;align-items:center;gap:6px;padding:6px 12px 6px 6px}.calc-devs button img{width:30px;height:30px;object-fit:contain}.calc-devs button b{font-size:12.5px;white-space:nowrap}
 .calc-seg button{font-size:12px;padding:9px 6px}
 .calc-out .btn{width:100%;justify-content:center}
 .crumbs,.page-head{display:none}
 footer.d-foot{display:none}
 /* ---- подвал ---- */
 footer{padding:32px 0 24px}
 .fgrid{grid-template-columns:1fr 1fr;gap:22px}
 .fgrid>div:first-child{grid-column:1/-1}
 footer .bottom{flex-direction:column;gap:8px}

 /* ---- нижняя панель ---- */
 .m-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:linear-gradient(180deg,rgba(200,220,213,.97),rgba(180,210,196,.98));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))}
 .m-bar a,.m-bar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:52px;border:0;background:none;font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:.02em;color:var(--kblue);text-decoration:none;border-radius:14px;padding:0;cursor:pointer}
 .m-bar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .m-bar [aria-current="true"]{background:rgba(0,43,73,.07)}
 .m-bar .kp,.m-bar .kp[aria-current="true"]{background:none!important;color:var(--kblue)!important}
 .m-bar .kp:active{background:var(--kblue)!important;color:#fff!important}
}

.m-pre #app{visibility:hidden}

/* pr1 */.fc-info h2{line-height:1.2}