:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --bg:#ffffff; --ink:#151719; --ink-2:#5b636d; --line:#e6e8eb; --soft:#f6f7f9;
  --accent:#1e40af; --on-accent:#ffffff; --stamp:#b3261e; --stamp-bg:#fdecea;
  --reader:#2f6b2a; --reader-bg:#eaf4e8; --radius:6px; --radius-lg:10px;
  --display:"Instrument Serif",Georgia,serif; --body:"Instrument Sans",system-ui,sans-serif;
  --h1:clamp(38px,5.4vw,64px); --h1w:400; --h2:32px; --h2w:400;
  --card-border:0; --card-bg:transparent; --card-shadow:none; --card-rule:1px solid var(--ink);
  --table-line:1px solid var(--line); --row-h:60px; --zebra:transparent;
  --chip-border:1px solid var(--line); --chip-bg:#fff; --chip-on:var(--ink); --chip-on-ink:#fff;
  --section:72px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#ffffff}}
:root[data-theme="dark"]{--bg:#ffffff}

/* ---------- B: bold tool ---------- */
body[data-look^="b"]{
  --display:"Bricolage Grotesque",system-ui,sans-serif; --body:"Bricolage Grotesque",system-ui,sans-serif;
  --h1:clamp(40px,6vw,76px); --h1w:800; --h2:34px; --h2w:800;
  --accent:#111111; --on-accent:#ffffff; --hot:#ffc400; --stamp:#111111; --stamp-bg:#ffc400;
  --card-border:0; --card-bg:#f5f5f2; --card-shadow:none; --card-rule:8px solid var(--hot);
  --radius:12px; --radius-lg:20px; --table-line:2px solid #111; --row-h:56px;
  --chip-border:2px solid #111; --chip-bg:#fff; --chip-on:#111; --chip-on-ink:#ffc400;
  --ink-2:#4a4a46; --line:#dcdcd7;
}
/* ---------- B1: yellow, quieter ---------- */

/* ---------- B2: blue + coral, two-colour system ---------- */

/* ---------- B3: black header band, app-like ---------- */
body[data-look="b3"]{--card-bg:#fff;--card-rule:0;--soft:#f5f5f2;--radius:12px;--radius-lg:16px}
body[data-look="b3"] header.site{background:#111;border-bottom:0}
body[data-look="b3"] .brand{color:var(--hot)}
body[data-look="b3"] .nav a.item,body[data-look="b3"] .nav summary{color:#fff}
body[data-look="b3"] .nav details[open] summary{background:#2a2a2a}@media (hover:hover) and (pointer:fine){body[data-look="b3"] .nav a.item:hover,body[data-look="b3"] .nav summary:hover{background:#2a2a2a}}
body[data-look="b3"] main>section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] main>section.hero .lead{color:#c9c9c4}
body[data-look="b3"] main>section.hero h1{color:#fff}
body[data-look="b3"] .card{border:1px solid #dcdcd7;padding:24px;position:relative;padding-top:64px}
body[data-look="b3"] .card h3{position:absolute;top:18px;left:24px;background:var(--hot);padding:6px 12px;border-radius:8px;font-size:18px}
body[data-look="b3"] .card.ghost h3{background:#e5e5e0}
body[data-look="b3"] .counter > div{background:#111;color:#fff;border-radius:12px;padding:22px}
body[data-look="b3"] .counter > div .l{color:#c9c9c4}
body[data-look="b3"] .counter > div:nth-child(2){background:var(--hot);color:#111}
body[data-look="b3"] .counter > div:nth-child(2) .l{color:#5a4a00}
body[data-look="b3"] th{background:#111;color:#fff;border:0;text-transform:none;letter-spacing:0}
body[data-look="b3"] td{border-bottom:1px solid #e5e5e0}
body[data-look="b3"] .tablewrap{border:1px solid #dcdcd7;border-radius:14px;overflow:hidden}
body[data-look="b3"] .chip{border:1.5px solid #111}
body[data-look="b3"] .compare{background:#111;color:#fff;border-radius:16px}
body[data-look="b3"] .form{background:#fff;border:1px solid #dcdcd7}
body[data-look="b3"] .form input,body[data-look="b3"] .form select{border:1.5px solid #111}
body[data-look="b3"] .related a{border:1.5px solid #111;border-radius:999px}

/* hero variants (demo) */
.subswitch{background:#2a2a2a;color:#fff;font:13px/1 "Instrument Sans",system-ui,sans-serif;display:flex;align-items:center;gap:8px;padding:8px 16px;flex-wrap:wrap}
.subswitch span{opacity:.7;margin-right:4px}
.subswitch button{font:inherit;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 12px;cursor:pointer}
.subswitch button[aria-pressed="true"]{background:var(--hot,#ffc400);color:#111;border-color:transparent}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.hero-grid h1{font-size:clamp(34px,4.6vw,58px);max-width:16ch}
section.hero{padding-top:56px}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr;gap:28px}}
.hero-side{display:flex;flex-direction:column;gap:18px}
.hero-side .stat{border-left:4px solid var(--hot,#ffc400);padding-left:16px}
.hero-side .stat .n{font-family:var(--display);font-size:44px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
.hero-side .l{font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .hero-side .l,body[data-look="b3"] .hist-title{color:#c9c9c4}
.hist-title{font-weight:600;font-size:17px;margin-top:8px}
.hist{width:100%;height:auto;display:block}
.hist .bars rect{fill:#8a8a86}
body[data-look="b3"] .hist .bars rect{fill:#5a5a56}
body[data-look="b3"] .hist .bars rect.hi{fill:#ffc400}
.hist .bars rect.hi{fill:var(--hot,#ffc400)}
.hist .med{stroke:var(--hot,#ffc400);stroke-width:2;stroke-dasharray:4 3}
.hist .lab{font:600 13px "Bricolage Grotesque",system-ui,sans-serif;fill:currentColor}
.hist .ax{font:12px "Bricolage Grotesque",system-ui,sans-serif;fill:#8a8a86}
.citysearch{margin-top:24px;max-width:640px}
.citysearch label{display:block;font-weight:600;margin-bottom:8px}
.citysearch .row{display:flex;gap:10px;flex-wrap:wrap}
.citysearch input{flex:1;min-width:220px;font:inherit;font-size:18px;padding:12px 16px;border:2px solid #111;border-radius:var(--radius);min-height:52px;background:#fff;color:#111}
body[data-look="b3"] .citysearch input{border-color:#fff}
.citysearch .l{margin-top:10px;font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .citysearch .l{color:#c9c9c4}

/* section 2 variants */
.subswitch.light{background:#f0f0ec;color:#111;border-radius:8px;margin-bottom:18px;width:fit-content}
.subswitch.light button{color:#111;border-color:#bbb}
.subswitch.light button[aria-pressed="true"]{background:#111;color:#ffc400}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pills .more{font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;padding:5px 4px}
.pills a{font-size:14px;font-weight:600;color:#111;text-decoration:none;border:1.5px solid #111;border-radius:999px;padding:5px 12px;min-height:32px;display:inline-flex;align-items:center}
.mini{width:100%;height:auto;display:block;margin:6px 0 2px}
.mini rect{fill:#c9c9c4}.mini rect.hi{fill:#ffc400}.mini .med{stroke:#111;stroke-width:2;stroke-dasharray:3 3}
.card small{display:block;font-size:12.5px;color:var(--ink-2);margin-top:6px}
.rows{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.5fr auto;gap:16px;align-items:center;padding:16px 20px;border:1.5px solid #dcdcd7;border-radius:12px;text-decoration:none;color:#111;background:#fff}
.row.head{border:0;padding:0 20px;font-size:13px;color:var(--ink-2);font-weight:600}
@media (hover:hover) and (pointer:fine){.row:not(.head):not(.ghost):hover{border-color:#111}}
.row.ghost{opacity:.55;border-style:dashed}
.row .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px}
.row.ghost .badge{background:#e5e5e0}
.row-cell{display:flex;flex-direction:column}
.row-cell b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.row-cell small{font-size:13px;color:var(--ink-2)}
.row-go{font-weight:700;white-space:nowrap}
@media (max-width:820px){.row{grid-template-columns:1fr 1fr;padding:14px 16px}.row.head{display:none}.row-name{grid-column:1/-1}.row-go{grid-column:1/-1}}
.rangebar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"lab val" "bar bar";gap:8px 12px;align-items:center;font-size:14px;margin:10px 0 4px}
.rb-lab{grid-area:lab}.rangebar .rb{grid-area:bar}.rb-val{grid-area:val}
.rangebar.big{display:block;margin:10px 0 6px}
.rb-lab{font-weight:600}
.rb{position:relative;height:10px;border-radius:999px;background:#e5e5e0}
.rangebar.big .rb{height:14px}
.rb i{position:absolute;top:0;bottom:0;background:#e5e5e0;border-radius:999px}
.rb em{position:absolute;top:0;bottom:0;background:#ffc400;border-radius:999px}
.rb b{position:absolute;top:-4px;width:4px;height:18px;background:#111;border-radius:2px;transform:translateX(-2px)}
.rangebar.big .rb b{top:-5px;height:24px}
.rb-val{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.rb-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-top:8px;gap:8px}

/* section 2: d–h */
.ic{flex:none}
.badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.2}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.bento .tile{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#fff;min-height:170px}
@media (hover:hover) and (pointer:fine){.bento .tile:hover{border-color:#111}}
.bento .tile.big{grid-column:span 2;grid-row:span 2;background:#111;color:#fff;border-color:#111;padding:28px}
.bento .tile.big .badge{align-self:flex-start}
.bento .tile .tn{font-family:var(--display);font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em}
.bento .tile.big .tn{font-size:56px}
.bento .tile .tm{color:var(--ink-2);font-size:15px}
.bento .tile.big .tm{color:#c9c9c4}
.bento .tcities{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.bento .tc{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:8px}
.bento .tc i{font-style:normal;color:#ffc400}
.bento .tgo{font-weight:700;margin-top:auto}
.bento .tile.demo .badge{background:#f0f0ec}
.bento .tile:not(.big) .badge{background:transparent;padding:0;font-size:20px}
@media (max-width:820px){.bento{grid-template-columns:1fr 1fr}.bento .tile.big{grid-column:span 2;grid-row:auto}}
.card.link{text-decoration:none;color:#111;border:1px solid #dcdcd7;padding:24px;gap:10px}
@media (hover:hover) and (pointer:fine){.card.link:hover{border-color:#111}}
.card.link .ctop{display:flex;align-items:center;gap:10px}
.card.link .h3{font-family:var(--display);font-weight:800;font-size:22px}
.card.link .arrow{margin-left:auto;font-size:26px;font-weight:300;color:var(--ink-2)}
.pills.static span{font-size:14px;font-weight:600;border:1.5px solid #dcdcd7;border-radius:999px;padding:5px 12px;display:inline-flex;align-items:center;min-height:32px}
.pills.static span.more{border:0;color:var(--ink-2)}
.split{display:grid;grid-template-columns:150px 1fr;border:1px solid #dcdcd7;border-radius:16px;overflow:hidden;background:#fff}
.split .dark{background:#111;color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:8px}
.split .dark .n{font-family:var(--display);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400}
.split .dark .l{font-size:13.5px;color:#c9c9c4}
.split .light{padding:22px;display:flex;flex-direction:column;gap:12px}
.split .light h3{margin:0}
.split .light .btn{align-self:flex-start;margin-top:auto}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px}
.tile.sm{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #dcdcd7;border-radius:14px;text-decoration:none;color:#111;background:#fff}
@media (hover:hover) and (pointer:fine){.tile.sm:hover{border-color:#111;background:#fffbe6}}
.tile.sm .h3{font-family:var(--display);font-weight:800;font-size:17px;line-height:1.2;margin-top:4px}
.tile.sm .tn{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.1;margin-top:auto}
.tile.sm .tm{font-size:13.5px;color:var(--ink-2)}
.lb{list-style:none;margin:6px 0 4px;padding:0}
.lb li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #e5e5e0;font-size:16px}
.lb li a{color:#111;text-decoration:none;font-weight:600}
.lb li b{font-weight:800}
.lb li.more span{color:var(--ink-2);font-weight:500}
.card h3 .ic{vertical-align:-4px;margin-right:6px}

/* explorer hero */
.explorer{gap:12px}
.xrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.xlab{font-size:13px;font-weight:600;color:#c9c9c4;min-width:34px}
.xchips{display:flex;gap:6px;flex-wrap:wrap}
.xchips button{font:inherit;font-size:14px;font-weight:600;background:transparent;color:#fff;border:1.5px solid #555;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px}
.xchips button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.xchips button.demo{color:#8a8a86;border-style:dashed}
.xchips select{font:inherit;font-size:14px;padding:7px 10px;border-radius:999px;background:#111;color:#fff;border:1.5px solid #555;min-height:36px}
.xfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hist .bars rect.ph{fill:#333}
body:not([data-look="b3"]) .xchips button{color:var(--ink);border-color:var(--line)}
body:not([data-look="b3"]) .xlab{color:var(--ink-2)}

/* nav: single jobs menu */
.nav{flex-wrap:nowrap}
.nav ul{flex-wrap:nowrap}
.nav .menu.jobs{min-width:300px;padding:10px}
.nav .menu.jobs a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.nav .menu.jobs a small{color:var(--ink-2);font-size:13px}
.nav .menu.jobs a.demo{opacity:.55}
@media (max-width:1060px){.nav ul{display:none}.nav .btn{padding:11px 14px;font-size:15px}}
/* header city search */
.hfind{position:relative;display:flex;align-items:center}
.hfind-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center}
@media (hover:hover) and (pointer:fine){.hfind-btn:hover{background:#2a2a2a}}
.hfind-box{position:relative;width:230px}
.hfind-box .lupa{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c9c9c4;pointer-events:none}
.hfind-box input{box-sizing:border-box;width:100%;height:44px;font:inherit;font-size:16px;padding:0 12px 0 38px;border-radius:999px;border:1.5px solid #444;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
.hfind-box input::placeholder{color:#8f8f8a}
.hfind-box input:focus{outline:2px solid #ffc400;outline-offset:2px;border-color:#ffc400}
.hfind-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.hfind-hits{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;background:#fff;color:#111;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.18);z-index:7}
.hfind-hits a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:10px;color:#111;text-decoration:none;font-weight:500;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.hfind-hits a:hover{background:var(--soft)}}
.hfind-hits a small{color:var(--ink-2);font-weight:400}
.hfind-hits .none{padding:11px 12px;color:var(--ink-2);font-size:15px}
@media (max-width:1060px){
  .hfind-btn{display:flex}
  .hfind-box{display:none;position:absolute;right:-8px;top:calc(100% + 10px);width:calc(100vw - 48px);max-width:420px;z-index:7}
  .hfind[data-open="true"] .hfind-box{display:block}
  .hfind[data-open="true"] .hfind-btn{background:#2a2a2a}
  .hfind-hits{left:0;right:0;min-width:0}
}

/* hero explorer v2 */
.hero-grid{align-items:center}
.xseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#2a2a2a;border-radius:12px;padding:4px;gap:4px}
.xseg button{font:inherit;font-size:15px;font-weight:700;background:transparent;color:#fff;border:0;border-radius:9px;padding:10px 8px;cursor:pointer;min-height:44px;white-space:nowrap}
.xseg button[aria-selected="true"]{background:#ffc400;color:#111}
.xseg button.demo{color:#8a8a86}
.xfind{font:inherit;font-size:14px;padding:7px 12px;border-radius:999px;border:1.5px solid #555;background:#111;color:#fff;min-height:36px;width:150px}
.xfind::placeholder{color:#8a8a86}
#xall{max-height:96px;overflow:auto;padding:6px;border:1px dashed #555;border-radius:12px}
body:not([data-look="b3"]) .xseg{background:var(--soft)}
body:not([data-look="b3"]) .xseg button{color:var(--ink)}
body:not([data-look="b3"]) .xfind{background:#fff;color:var(--ink);border-color:var(--line)}

/* hero layouts A/B/C */
.xbig{display:none}
/* A: single column, band below */
.hero[data-layout="a"] .hero-grid{grid-template-columns:1fr;gap:28px;align-items:start}
.hero[data-layout="a"] .hero-grid h1{font-size:clamp(40px,6.6vw,84px);max-width:18ch}
.hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.hero[data-layout="a"] .explorer{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"t j" "s c" "s a" "f f";gap:14px 40px;align-items:start;background:#1f1f1e;border-radius:16px;padding:22px 26px}
.hero[data-layout="a"] #xtitle{grid-area:t}
.hero[data-layout="a"] #xsvg{grid-area:s;max-height:150px}
.hero[data-layout="a"] .xfoot{grid-area:f}
.hero[data-layout="a"] #xjob{grid-area:j}
.hero[data-layout="a"] .xrow{grid-area:c}
.hero[data-layout="a"] #xall{grid-area:a}
@media (max-width:820px){.hero[data-layout="a"] .explorer{grid-template-columns:1fr;grid-template-areas:"j" "c" "a" "t" "s" "f"}}
/* B: 60/40, right compact */
.hero[data-layout="b"] .hero-grid{grid-template-columns:1.35fr 1fr;gap:48px}
.hero[data-layout="b"] .hero-grid h1{font-size:clamp(36px,5.2vw,66px);max-width:14ch}
.hero[data-layout="b"] .explorer{gap:10px}
.hero[data-layout="b"] .xseg button{font-size:13.5px;padding:8px 6px;min-height:38px}
.hero[data-layout="b"] .xchips button,.hero[data-layout="b"] .xfind{font-size:13px;min-height:32px;padding:5px 10px}
.hero[data-layout="b"] .xfind{width:120px}
.hero[data-layout="b"] #xsvg{max-height:170px;width:100%}
.hero[data-layout="b"] .hist-title{font-size:16px}
.hero[data-layout="b"] .xfoot .btn{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.hero[data-layout="b"] .xfoot .btn::after{content:"\00a0›"}
.hero[data-layout="b"] .xfoot .l{display:none}
/* C: chart faded behind headline */
.hero[data-layout="c"]{position:relative;overflow:hidden}
.hero[data-layout="c"] .hero-grid{grid-template-columns:1fr;gap:18px;position:relative;z-index:1}
.hero[data-layout="c"] .hero-grid h1{font-size:clamp(42px,7vw,92px);max-width:16ch}
.hero[data-layout="c"] .lead{max-width:62ch}
.hero[data-layout="c"] .explorer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px}
.hero[data-layout="c"] #xjob{flex:0 1 460px}
.hero[data-layout="c"] .xrow{flex:1 1 320px}
.hero[data-layout="c"] #xall{flex-basis:100%}
.hero[data-layout="c"] #xsvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:none;opacity:.16;z-index:0;pointer-events:none}
.hero[data-layout="c"] #xsvg .lab,.hero[data-layout="c"] #xsvg .ax,.hero[data-layout="c"] #xsvg .med{display:none}
.hero[data-layout="c"] #xsvg .bars rect{fill:#fff}
.hero[data-layout="c"] #xsvg .bars rect.hi{fill:#ffc400}
.hero[data-layout="c"] #xtitle{flex-basis:100%;order:5}
.hero[data-layout="c"] .xbig{display:block;flex-basis:100%;order:6;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.02em;color:#ffc400}
.hero[data-layout="c"] .xbig small{display:block;font-size:16px;color:#c9c9c4;font-weight:600;margin-top:8px;letter-spacing:0}
.hero[data-layout="c"] .xfoot{flex-basis:100%;order:7}
.hero[data-layout="c"] .xfoot .l{display:none}

/* section 3 variants */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{position:relative;border:1px solid #dcdcd7;border-radius:16px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px}
.step .num{position:absolute;top:-14px;left:20px;background:#ffc400;font-family:var(--display);font-weight:800;font-size:15px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.step.alt{border-style:dashed;background:#f7f7f4}
.step.alt .num{background:#111;color:#ffc400}
.step h3{margin:6px 0 0;font-size:19px}
.step p{margin:0;font-size:15.5px;color:var(--ink-2)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.threenums{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.tn-text p{font-size:18px;color:var(--ink-2)}
.tn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.tn-card{border:1px solid #dcdcd7;border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;gap:6px;color:var(--ink-2)}
.tn-card.main{background:#111;color:#c9c9c4;border-color:#111;padding:28px 18px;transform:translateY(-10px)}
.tn-card .k{font-weight:700;color:var(--ink);font-size:15px}
.tn-card.main .k{color:#fff}
.tn-card .v{font-family:var(--display);font-weight:800;font-size:30px;color:var(--ink);letter-spacing:-.02em}
.tn-card.main .v{color:#ffc400;font-size:36px}
.tn-card .d{font-size:13px}
@media (max-width:820px){.threenums{grid-template-columns:1fr}}
.band{background:#111;color:#fff;border-radius:20px;padding:30px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.band-item{display:flex;flex-direction:column;gap:8px}
.band-item svg{color:#ffc400}
.band-item b{font-family:var(--display);font-weight:800;font-size:20px;line-height:1.2}
.band-item span{color:#c9c9c4;font-size:15.5px}
@media (max-width:820px){.band{grid-template-columns:1fr}}

.tn-card .v.empty{font-size:18px;color:var(--ink-2);font-weight:700;letter-spacing:0;line-height:1.25}
.tn-card .add{font-weight:700;color:#111;text-decoration:none;margin-top:4px;font-size:14.5px}
@media (hover:hover) and (pointer:fine){.tn-card .add:hover{text-decoration:underline}}

/* section 5 — Compare (locked 4b) */
#compare{display:block;text-align:left;padding:36px 40px}
#compare *,#compare *::before,#compare *::after{box-sizing:border-box}
#compare .cmp-head{font-size:19px;line-height:1.5;max-width:60ch;margin:0 0 24px}
#compare .cmp-grid{display:grid;grid-template-columns:1.1fr 1fr 1.35fr auto;gap:14px;align-items:end;margin:0}
#compare .cmp-grid.opt{grid-template-columns:1.1fr 1fr 2fr;margin-top:14px;padding-top:16px;border-top:1px solid #333}
#compare .f{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
#compare .lt{font-size:13.5px;font-weight:600;color:#c9c9c4;line-height:1.2}
#compare .lt em{font-style:normal;font-weight:500;color:#8f8f8a;margin-left:6px}
#compare .ctl{position:relative;display:block}
#compare input,#compare select{width:100%;height:50px;margin:0;font:inherit;font-size:17px;line-height:1.2;padding:0 14px;border-radius:10px;border:1.5px solid #555;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
#compare input::placeholder{color:#7a7a76}
#compare input:focus,#compare select:focus{outline:2px solid #ffc400;outline-offset:2px;border-color:#ffc400}
#compare select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9c9c4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
#compare .pre,#compare .suf{position:absolute;top:50%;transform:translateY(-50%);color:#c9c9c4;pointer-events:none;font-size:16px}
#compare .pre{left:14px}#compare .suf{right:14px}
#compare .has-pre input{padding-left:30px}#compare .has-suf input{padding-right:62px}
#compare .btn{height:50px;padding:0 26px;margin:0;white-space:nowrap}
#compare .cmp-optnote{font-size:14.5px;color:#c9c9c4;line-height:1.45;margin:0;padding-bottom:12px;max-width:none}
#compare .cmp-result{background:#ffc400;color:#111;border-radius:12px;padding:16px 20px;font-size:18px;line-height:1.45;margin-top:18px}
#compare .cmp-result b{font-weight:800}
#compare .cmp-result.soft{background:#2a2a28;color:#fff;border:1px solid #555}
#compare .cmp-declared{font-size:15px;color:#ffc400;font-weight:600;margin:10px 0 0;max-width:none}
#compare .cmp-note{font-size:14.5px;color:#c9c9c4;margin:20px 0 0;max-width:none}
#compare .cmp-note a{color:#ffc400}
@media (max-width:900px){#compare{padding:28px 22px}#compare .cmp-grid,#compare .cmp-grid.opt{grid-template-columns:1fr 1fr}#compare .cmp-grid .btn{grid-column:1/-1}#compare .cmp-optnote{grid-column:1/-1;padding-bottom:0}}
@media (max-width:520px){#compare .cmp-grid,#compare .cmp-grid.opt{grid-template-columns:1fr}}


/* block 6 — how the data is made (variants) */
.mt-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.mt-head .h2{margin:0}
.mt-link{font-weight:700;color:#111;text-decoration:none;white-space:nowrap;border-bottom:2px solid #ffc400}
@media (hover:hover) and (pointer:fine){.mt-link:hover{background:#fff3c2}}
.steps.three{grid-template-columns:repeat(3,1fr);gap:22px}
.mt-split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.mt-left .h2{margin:0 0 22px}
.mt-ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:18px}
.mt-ol li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.mt-ol .num{background:#ffc400;font-family:var(--display);font-weight:800;font-size:15px;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.mt-ol b{display:block;font-size:19px;margin-bottom:3px}
.mt-ol span:not(.num){font-size:15.5px;color:var(--ink-2)}
.mt-row{background:#111;color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transform:rotate(-1deg)}
.mt-rowlab{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9c9c4}
.mt-rowlab em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:#8f8f8a}
.mt-rowgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}
.mt-rowgrid div{display:flex;flex-direction:column;gap:3px}
.mt-rowgrid .l{font-size:13px;color:#c9c9c4}
.mt-rowgrid b{font-size:18px}
.mt-rowgrid b.hot{color:#ffc400;font-family:var(--display);font-size:28px;font-weight:800}
.mt-rowgrid a{color:#fff;text-decoration:underline;text-decoration-color:#ffc400;font-size:16px}
.mt-rownote{font-size:14px;color:#c9c9c4;border-top:1px solid #333;padding-top:12px}
.mt-pipe{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;background:#f5f5f2;border-radius:16px;padding:26px 28px}
.mt-node{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.mt-node .num{background:#111;color:#ffc400;font-family:var(--display);font-weight:800;font-size:14px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center}
.mt-node b{display:block;font-size:17px;margin-bottom:3px}
.mt-node span:not(.num){font-size:14.5px;color:var(--ink-2)}
.mt-arrow{font-size:26px;color:#ffc400;font-weight:800}
@media (max-width:900px){.steps.three{grid-template-columns:1fr}.mt-split{grid-template-columns:1fr;gap:32px}.mt-row{transform:none}.mt-pipe{grid-template-columns:1fr}.mt-arrow{transform:rotate(90deg);justify-self:start;margin-left:2px}}
[hidden]{display:none!important}
*{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);margin:0 0 .35em;line-height:1.08;letter-spacing:-.01em}
h1{font-size:var(--h1);font-weight:var(--h1w);max-width:20ch}
h2{font-size:var(--h2);font-weight:var(--h2w)}
h3{font-size:22px;font-weight:600}
p{margin:0 0 1em;max-width:64ch}
a{color:var(--accent);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.lead{font-size:21px;color:var(--ink-2);max-width:56ch}
.small{font-size:14.5px;color:var(--ink-2)}
section{padding:var(--section) 0 0}
section.tight{padding-top:36px}

/* switcher (demo only) */
.switch{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:#151719;color:#fff;font:14px/1 "Instrument Sans",system-ui,sans-serif;display:flex;align-items:center;gap:8px;padding:10px 16px;flex-wrap:wrap}
.switch span{margin-right:6px;opacity:.75}
.switch button{font:inherit;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:36px}
.switch button[aria-pressed="true"]{background:#fff;color:#151719;border-color:#fff}

/* header */
header.site{background:var(--bg);border-bottom:1px solid var(--line)}
body[data-look^="b"] header.site{border-bottom:2px solid #111}
.nav{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:nowrap;padding:10px 0}
.brand{font-family:var(--display);font-weight:var(--h1w);font-size:26px;color:var(--ink);text-decoration:none;margin-right:auto;letter-spacing:-.01em}
.nav ul{list-style:none;margin:0 auto;padding:0;display:flex;gap:0;flex-wrap:nowrap;align-items:center}
.nav li{display:flex;align-items:center}
.nav details{display:flex;align-items:center}
.nav a.item,.nav summary{padding:10px 11px}
.nav a.item,.nav summary{display:flex;align-items:center;gap:6px;padding:0 14px;height:44px;box-sizing:border-box;line-height:1;color:var(--ink);text-decoration:none;border-radius:999px;font-weight:500;cursor:pointer;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav details[open] summary{background:var(--soft)}@media (hover:hover) and (pointer:fine){.nav a.item:hover,.nav summary:hover{background:var(--soft)}}
.nav details{position:relative}
.nav .menu{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);min-width:240px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:6}
.nav .menu a{display:block;padding:11px 14px;color:var(--ink);text-decoration:none;border-radius:var(--radius);min-height:44px}
@media (hover:hover) and (pointer:fine){.nav .menu a:hover{background:var(--soft)}}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600;padding:13px 22px;border-radius:999px;border:0;font-family:inherit;font-size:16px;cursor:pointer;min-height:48px}
@media (hover:hover) and (pointer:fine){.btn:hover{filter:brightness(1.1)}}
body[data-look^="b"] .btn{background:var(--hot);color:#111;border-radius:var(--radius);font-weight:800}
@media (hover:hover) and (pointer:fine){body[data-look^="b"] .btn:hover{background:#111;color:var(--hot)}}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
body[data-look^="b"] .btn.ghost{background:transparent;border:2px solid #111;color:#111}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin-top:20px}
.card{background:var(--card-bg);border:var(--card-border);border-top:var(--card-rule);border-radius:var(--radius-lg);padding:26px 26px 26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--card-shadow)}
body[data-look^="b"] .card{border-top:var(--card-rule)}
.card h3{margin:0}
.card .n{font-family:var(--display);font-size:40px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
body[data-look^="b"] .card .n{font-size:56px}
.card .m{color:var(--ink-2)}
.card .btn{align-self:flex-start;margin-top:14px}
.card.ghost{opacity:.55;border-style:dashed}
.stamp{display:inline-block;background:var(--stamp-bg);color:var(--stamp);border-radius:4px;padding:4px 10px;font-size:14px;font-weight:600;letter-spacing:.01em}
.readerchip{display:inline-block;background:var(--reader-bg);color:var(--reader);border-radius:4px;padding:4px 10px;font-size:14px;font-weight:600}

.explain{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}
.explain p{margin:0;font-size:18px}
.explain p strong{display:block;font-family:var(--display);font-size:24px;font-weight:var(--h2w);margin-bottom:6px}
.compare{background:var(--soft);border-radius:var(--radius-lg);padding:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:12px}
body[data-look^="b"] .compare{background:#111;color:#fff}
.compare p{margin:0;font-size:19px;max-width:52ch}

.crumbs{font-size:14.5px;color:var(--ink-2);margin-bottom:20px}
.crumbs a{color:inherit}

/* counter */
.counter{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;margin:28px 0 36px}
.counter .n{font-family:var(--display);font-size:46px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
body[data-look^="b"] .counter .n{font-size:64px}
.counter .l{color:var(--ink-2);font-size:15px;margin-top:8px}
body[data-look^="b"]:not([data-look="b3"]) .counter > div{background:var(--card-bg);border-radius:var(--radius);padding:20px}

/* filters as chips */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.chips .group{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-right:10px}
.chips .lab{font-size:14px;color:var(--ink-2);margin-right:4px}
.chip{font:inherit;font-size:15px;font-weight:500;background:var(--chip-bg);color:var(--ink);border:var(--chip-border);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:40px}
.chip[aria-pressed="true"]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}
body[data-look^="b"] .chip{border-radius:var(--radius)}

/* table */
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:640px}
th,td{text-align:left;padding:0 16px;height:var(--row-h);border-bottom:var(--table-line);white-space:nowrap;vertical-align:middle}
th{font-weight:600;font-size:14.5px;color:var(--ink-2);height:48px;border-bottom:2px solid var(--ink)}
body[data-look^="b"] th{color:#111;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
tbody tr:nth-child(even){background:var(--zebra)}
td.num,th.num{text-align:right}
td.val{font-weight:700;font-size:18px}
.src{font-size:14.5px}
.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:14.5px;color:var(--ink-2)}

/* summaries */
.sum{padding:0}
.sum ul{margin:10px 0 0;padding:0;list-style:none}
.sum li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.sum li:last-child{border:0}
.sum li b{font-weight:700}

.readers{background:var(--reader-bg);border-radius:var(--radius-lg);padding:26px;margin-top:8px}
.form{background:var(--soft);border-radius:var(--radius-lg);padding:32px;margin-top:8px}
.form .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:16px 0 22px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14.5px;color:var(--ink-2);font-weight:500}
.form input,.form select{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);min-height:48px}
body[data-look^="b"] .form input,body[data-look^="b"] .form select{border:2px solid #111}
.result{margin-top:18px;padding:16px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);font-size:17px}
body[data-look^="b"] .result{background:var(--hot);border:0;font-weight:600}

.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:19px;padding:14px 0;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;font-weight:300;color:var(--ink-2)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 14px;font-size:17px}
.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.related a{display:inline-flex;align-items:center;padding:11px 16px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);min-height:44px;font-weight:500}
body[data-look^="b"] .related a{border:2px solid #111;border-radius:var(--radius)}
@media (hover:hover) and (pointer:fine){.related a:hover{border-color:var(--ink)}}
.disclaimer{background:var(--soft);border-radius:var(--radius-lg);padding:22px 24px;font-size:15px;color:var(--ink-2);margin-top:8px}
.byline{display:flex;gap:20px;flex-wrap:wrap;font-size:15px;color:var(--ink-2);margin-top:22px}

.divider{margin:80px 0 0;padding:10px 16px;font:13px/1.4 "Instrument Sans",system-ui,sans-serif;color:#7a5f00;background:#fff6d6;text-align:center}

footer.site{border-top:1px solid var(--line);margin-top:96px;padding:56px 0 36px;background:var(--soft)}
body[data-look^="b"] footer.site{background:#111;color:#fff;border:0}
body[data-look^="b"] footer.site a,body[data-look^="b"] footer.site .legalline,body[data-look^="b"] footer.site h3{color:#fff}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.cols h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--ink-2);font-family:var(--body)}
.cols ul{list-style:none;margin:0;padding:0}
.cols li{padding:6px 0}
.cols a{color:var(--ink);text-decoration:none}
@media (hover:hover) and (pointer:fine){.cols a:hover{text-decoration:underline}}
.legalline{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2);max-width:none}
body[data-look^="b"] .legalline{border-top:1px solid #333}
footer.site{padding:64px 0 32px}
.foot-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:64px;align-items:start}
footer.site .foot-brand a.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:24px;color:#ffc400;text-decoration:none;letter-spacing:-.01em}
.foot-brand .mark{color:#ffc400;flex:none}
.foot-brand p{margin:16px 0 22px;color:#c9c9c4;font-size:15.5px;line-height:1.5;max-width:30ch}
.foot-btn{display:inline-flex;align-items:center;min-height:44px}
.foot-cols{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:40px 48px}
footer.site .foot-cols h3{font-family:var(--body);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;margin:0 0 14px}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{margin:0}
.foot-cols a{display:inline-block;color:#fff;text-decoration:none;font-size:15.5px;line-height:1.3;padding:7px 0;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.foot-cols a:hover{color:#ffc400}}
.foot-cols a small{display:inline-block;margin-left:6px;font-size:12px;color:#8f8f8a}
.legalline{display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;margin-top:48px;padding-top:20px;font-size:13.5px;color:#8f8f8a}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr;gap:40px}.foot-cols{grid-template-columns:1fr 1fr;justify-content:start}}
@media (max-width:520px){.foot-cols{grid-template-columns:1fr}}
/* ===== hub /roofing/ — section 1 variants D–H (demo) ===== */
.hub1{padding-top:0}
.hub1 .crumbs{margin-bottom:18px}
.hub1-p{max-width:68ch;margin-top:26px}
.hub1 h1{font-size:clamp(36px,5vw,60px)}
.hub1-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
@media (max-width:820px){.hub1-grid{grid-template-columns:1fr;gap:26px}}
.hub1-stat .n{font-family:var(--display);font-size:56px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400}
.hub1-stat .l{color:#c9c9c4;font-size:15px;margin-top:6px}
.hub1-stat .l b{color:#fff}
/* dark bands */
.hub1-e,.hub1-f{background:#111;color:#fff;padding:48px 0 56px;margin-bottom:8px}
.hub1-e .crumbs,.hub1-f .crumbs,.hub1-e .lead,.hub1-f .lead,.hub1-p-dark,.hub1-e .hub1-p{color:#c9c9c4}
.hub1-e .crumbs a,.hub1-f .crumbs a{color:#c9c9c4}
.hub1-e h1,.hub1-f h1{color:#fff}
.hub1-e .hub1-stat{margin-top:22px}
/* D */
.hub1-d{padding-top:40px}
.bigfind{margin-top:30px;max-width:640px}
.bigfind label{display:block;font-weight:700;font-size:18px;margin-bottom:10px}
.bigfind-row{position:relative}
.bigfind input{width:100%;font:inherit;font-size:20px;padding:0 56px 0 18px;height:56px;border:2px solid #111;border-radius:14px;background:#fff;color:#111}
.bigfind input:focus{outline:3px solid #ffc400;outline-offset:2px}
.bigfind-ic{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#111;display:flex}
.bigfind-hits{border:1.5px solid #dcdcd7;border-radius:12px;margin-top:8px;overflow:hidden;background:#fff}
.bigfind-hits a,.bigfind-hits .none{display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;color:#111;font-weight:600}
.bigfind-hits a+a{border-top:1px solid #ecece8}
@media (hover:hover) and (pointer:fine){.bigfind-hits a:hover{background:#f5f5f2}}
.bigfind-hits small{font-weight:400;color:var(--ink-2)}
.bigfind-hits .none{color:var(--ink-2);font-weight:400}
.bigfind .small{margin-top:12px}
.dpick{margin-top:26px;max-width:640px;border:1.5px solid #dcdcd7;border-radius:16px;padding:20px 22px}
.dpick-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.dpick-head .btn{margin-left:auto;min-height:40px;padding:8px 16px}
.dpick .hist .bars rect{fill:#c9c9c4}.dpick .hist .bars rect.hi{fill:#ffc400}.dpick .hist .med{stroke:#111}
/* E (locked 27. 9. 2026) */
.hub-find{height:50px;min-height:50px;width:240px;font-size:16px;padding:0 16px;border-radius:12px}
.hub-find:focus{outline:3px solid #ffc400;outline-offset:2px}
.usmap-wrap{background:#1f1f1e;border-radius:16px;padding:18px 18px 12px}
.usmap{width:100%;height:auto;display:block}
.usmap .usdots circle{fill:#3d3d3a}
.usmap a.city circle{fill:#ffc400;cursor:pointer}
.usmap a.city text{font:600 13px "Bricolage Grotesque",system-ui,sans-serif;fill:#fff}
@media (hover:hover) and (pointer:fine){.usmap a.city:hover circle{r:11}}
.usmap-wrap .small{color:#c9c9c4;margin-top:10px;font-size:13.5px}
/* F */
.threenum{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px;padding-top:26px;border-top:1px solid #333}
.threenum .n{font-family:var(--display);font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1;letter-spacing:-.02em;color:#ffc400;white-space:nowrap}
.threenum .n span{color:#555;padding:0 .08em}
.threenum .l{color:#c9c9c4;font-size:15px;margin-top:10px}
@media (max-width:820px){.threenum{grid-template-columns:1fr;gap:18px}}
.fline{margin-top:34px;max-width:640px}
.fline label{display:block;font-weight:700;font-size:18px;margin-bottom:10px}
.fline-row{display:flex;gap:10px;flex-wrap:wrap}
.fline input{flex:1;min-width:220px;font:inherit;font-size:18px;padding:0 18px;height:52px;border:1.5px solid #555;border-radius:14px;background:#1f1f1e;color:#fff}
.fline input::placeholder{color:#8a8a86}
.fline input:focus{outline:3px solid #ffc400;outline-offset:2px}
.fline .btn{background:#ffc400;color:#111;height:52px}
/* G */
.hub1-g{padding-top:40px}
.gtop,.gfind{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.gl{font-weight:700;margin-right:6px}
.gchip{display:inline-flex;flex-direction:column;text-decoration:none;color:#111;border:1.5px solid #111;border-radius:12px;padding:8px 14px;min-height:50px;justify-content:center}
.gchip b{font-size:15px;line-height:1.15}
.gchip small{font-size:12.5px;color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.gchip:hover{background:#ffc400;border-color:#ffc400}}
.gchip.ghost{border-style:dashed;border-color:#bbb;color:#8a8a86}
.gfind input{font:inherit;font-size:16px;padding:0 16px;height:50px;border:1.5px solid #111;border-radius:12px;width:240px;background:#fff}
.gfind input:focus{outline:3px solid #ffc400;outline-offset:2px}
/* H */
.hub1-h{padding-top:40px}
.hcount{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px;font-size:17px}
.hcount .sep{color:#bbb;margin:0 4px}
.hcount input{font:inherit;font-size:15px;padding:0 14px;height:44px;border:1.5px solid #111;border-radius:10px;width:220px;background:#fff}
.hcount input:focus{outline:3px solid #ffc400;outline-offset:2px}
.states{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}
.st{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#111;border:1.5px solid #dcdcd7;border-radius:12px;padding:14px 16px;background:#fff}
@media (hover:hover) and (pointer:fine){.st:hover{border-color:#111}}
.st .ab{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;background:#ffc400;padding:6px 10px;border-radius:8px;align-self:flex-start}
.st .stn{font-weight:700;margin-top:8px}
.st .stm{font-size:13.5px;color:var(--ink-2)}
.st.ghost{opacity:.55;border-style:dashed}
.st.ghost .ab{background:#e5e5e0}
/* I–M: right card like the home explorer */
.hcard{background:#1f1f1e;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;color:#fff}
.hl{font-weight:600;font-size:14px;color:#c9c9c4}
.hfrow{position:relative}
.hin{width:100%;height:50px;font:inherit;font-size:16px;padding:0 48px 0 16px;border:1.5px solid #555;border-radius:12px;background:#111;color:#fff}
.hin::placeholder{color:#8a8a86}
.hin:focus{outline:3px solid #ffc400;outline-offset:2px}
.hic{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#c9c9c4;display:flex}
.hhits{background:#111;border:1.5px solid #555;border-radius:12px;overflow:hidden;margin-top:-4px}
.hhits a,.hhits .none{display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;color:#fff;font-weight:600;min-height:44px;align-items:center}
.hhits a+a{border-top:1px solid #333}@media (hover:hover) and (pointer:fine){.hhits a:hover{background:#2a2a2a}}
.hhits small{font-weight:400;color:#c9c9c4}.hhits .none{color:#c9c9c4;font-weight:400}
.hcard .hist-title{color:#fff;font-size:15px;margin-top:2px}
.hcard .hist .bars rect{fill:#5a5a56}.hcard .hist .bars rect.hi{fill:#ffc400}
.hcard .xfoot .l{color:#c9c9c4;font-size:13px}
.hcard .xfoot .btn.hlink{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.hlink::after{content:"\00a0›"}
.hnote{font-size:13.5px;color:#c9c9c4;margin:0}
.htiles{display:grid;grid-template-columns:1.3fr .8fr 1.1fr;gap:10px}
.htiles>div{background:#111;border-radius:12px;padding:14px 14px 12px}
.htiles>div.y{background:#ffc400;color:#111}
.htiles .n{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1;letter-spacing:-.02em;white-space:nowrap}
.htiles .l{font-size:12.5px;color:#c9c9c4;margin-top:6px;line-height:1.3}
.htiles>div.y .l{color:#5a4a00}
@media (max-width:480px){.htiles{grid-template-columns:1fr 1fr}.htiles>div:first-child{grid-column:1/-1}}
.hrows{display:flex;flex-direction:column;gap:8px}
.hrow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#fff;background:#111;border-radius:12px;padding:8px 12px;min-height:50px}
@media (hover:hover) and (pointer:fine){.hrow:not(.ghost):hover{outline:2px solid #ffc400}}
.hrow .badge{font-size:15px;padding:5px 10px;white-space:nowrap}
@media (max-width:600px){.hrow{grid-template-columns:1fr auto;padding:10px 12px}.hrow .badge{grid-column:1/-1;justify-self:start}.hrow .stamp,.hrow .hd{justify-self:end}}
.hrow .hn{font-size:13.5px;color:#c9c9c4}
.hrow .hd{font-size:13px;color:#c9c9c4;white-space:nowrap}
.hrow.ghost{opacity:.5;border:1px dashed #555;background:transparent}
.hrow.ghost .badge{background:#3d3d3a;color:#c9c9c4}
.hstates a,.hstates span{font:inherit;font-size:14px;font-weight:700;color:#fff;text-decoration:none;border:1.5px solid #555;border-radius:999px;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.hstates a small{font-weight:400;color:#c9c9c4}
.hstates a.on{background:#ffc400;color:#111;border-color:#ffc400}.hstates a.on small{color:#5a4a00}
.hstates span.demo{color:#8a8a86;border-style:dashed}
/* N–R: same family, different layouts */
.hub1 h1.wide{max-width:22ch}
.toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:30px;padding:14px 18px;background:#1f1f1e;border-radius:16px}
.tb-num{display:flex;flex-direction:column;padding-right:16px;border-right:1px solid #444}
.tb-num b{font-family:var(--display);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.02em;color:#ffc400}
.tb-num span{font-size:13px;color:#c9c9c4;margin-top:4px;white-space:nowrap}
.tb-find{position:relative;min-width:240px}
.tb-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-l{font-size:13px;color:#c9c9c4;font-weight:600}
.tb-chips a{font-size:14px;font-weight:700;color:#fff;text-decoration:none;border:1.5px solid #555;border-radius:999px;padding:0 14px;min-height:44px;display:inline-flex;align-items:center}
@media (hover:hover) and (pointer:fine){.tb-chips a:hover{background:#ffc400;color:#111;border-color:#ffc400}}
@media (max-width:820px){.toolbar{grid-template-columns:1fr}.tb-num{border-right:0;border-bottom:1px solid #444;padding:0 0 12px}}
.bignum{font-family:var(--display);font-weight:800;font-size:clamp(72px,12vw,150px);line-height:.95;letter-spacing:-.04em;color:#ffc400}
.hub1-o h1.under{font-size:clamp(24px,3vw,36px);font-weight:600;max-width:32ch;margin-top:12px;color:#fff}
.hub1-o h1.under .y{color:#ffc400}
.orow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.orow .hfrow{width:min(100%,360px)}
.onote{font-size:13.5px;color:#c9c9c4;max-width:34ch}
.hub1-p2{padding-bottom:0}
.hub1-p2 .lead{margin-bottom:34px}
.yband{background:#ffc400;color:#111;padding:26px 0}
.yband-in{display:grid;grid-template-columns:auto auto 1fr;gap:36px;align-items:center}
.yb-num{display:flex;flex-direction:column}
.yb-num b{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.02em}
.yb-num span{font-size:14px;color:#5a4a00;margin-top:6px;white-space:nowrap}
.yb-find label{display:block;font-weight:700;margin-bottom:8px}
.yband .hin{background:#fff;color:#111;border-color:#111}
.yband .hin::placeholder{color:#777}.yband .hic{color:#111}
.yband .hin:focus{outline:3px solid #111}
.yband .hhits{background:#fff;border-color:#111}.yband .hhits a{color:#111}@media (hover:hover) and (pointer:fine){.yband .hhits a:hover{background:#f5f5f2}}.yband .hhits small,.yband .hhits .none{color:#5b5b57}
@media (max-width:820px){.yband-in{grid-template-columns:1fr 1fr}.yb-find{grid-column:1/-1}}
.pafter{background:#fff;color:#111;padding:8px 0 0}.pafter .hub1-p{color:#111;margin-top:24px}
.hub1-p2{margin-bottom:0}
.hub1-q{position:relative;overflow:hidden}
.bgmap{position:absolute;right:0;top:40px;height:calc(100% - 80px);width:48%;opacity:.6;pointer-events:none}
.bgmap .usdots circle{fill:#2e2e2c}.bgmap .on{fill:#ffc400}
.qin{position:relative;z-index:1}
.hub1-q h1{max-width:12ch}
.qrow{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:26px}
.qrow .hfrow{width:min(100%,340px)}
.qrow .hub1-stat{margin:0}
@media (max-width:820px){.bgmap{position:static;width:100%;height:auto;opacity:.8;display:block;margin:0 0 -30px}.hub1-q{padding-top:0}}
.prow{margin-top:30px;background:#1f1f1e;border-radius:16px;padding:18px 22px}
.prow-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.prow-l{font-size:13px;color:#c9c9c4}
.prow-grid{display:grid;grid-template-columns:auto 1.6fr auto auto 1.2fr;gap:12px 26px;margin-top:16px;padding-top:16px;border-top:1px solid #444}
.prow-grid div{display:flex;flex-direction:column;gap:4px}
.prow-grid small{font-size:12px;color:#ffc400;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.prow-grid b{font-weight:600;font-size:17px;white-space:nowrap}
.prow-grid .val b{font-family:var(--display);font-weight:800;font-size:28px;line-height:1;letter-spacing:-.02em;color:#ffc400}
.prow-foot{font-size:13.5px;color:#c9c9c4;margin-top:14px;padding-top:12px;border-top:1px solid #444}
.prow-foot b{color:#fff}
@media (max-width:820px){.prow-grid{grid-template-columns:1fr 1fr}.prow-grid .val{grid-column:1/-1}.prow-grid b{white-space:normal}}
.rrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.rrow .hfrow{width:min(100%,340px)}
/* ===== airy spacing (locked 28. 9. 2026, same as home) ===== */
body[data-space="airy"]{--section:150px}
body[data-space="airy"] .wrap{max-width:1040px;padding:0 32px}
body[data-space="airy"] header.site .wrap{max-width:1120px}
body[data-space="airy"] main>section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .hero[data-layout="b"] .hero-grid{gap:72px}
body[data-space="airy"] .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
body[data-space="airy"] main section.tight{padding-top:150px}
body[data-space="airy"] main section+section{padding-top:150px}
body[data-space="airy"] main>section:last-of-type{padding-bottom:40px}
body[data-space="airy"] h2{font-size:clamp(30px,3.4vw,40px);letter-spacing:-.015em;margin-bottom:14px}
body[data-space="airy"] h2+p,body[data-space="airy"] .tn-text p{font-size:19px;line-height:1.55;max-width:56ch}
body[data-space="airy"] .bento{gap:24px;margin-top:40px}
body[data-space="airy"] .bento .tile{padding:28px;gap:14px}
body[data-space="airy"] .bento .tile.big{padding:40px}
body[data-space="airy"] .tn-cards{gap:20px;margin-top:8px}
body[data-space="airy"] .tn-card{padding:26px 22px;gap:8px}
body[data-space="airy"] .tn-card.main{padding:36px 24px}
body[data-space="airy"] .steps{gap:28px}
body[data-space="airy"] .steps.three{gap:32px}
body[data-space="airy"] .compare{padding:44px 40px;gap:32px}
body[data-space="airy"] .form{padding:44px 40px;margin-top:16px}
body[data-space="airy"] footer.site{margin-top:150px;padding:88px 0 40px}
body[data-space="airy"] .foot-grid{gap:88px}
body[data-space="airy"] .legalline{margin-top:64px}
@media (max-width:820px){
  body[data-space="airy"]{--section:96px}
  body[data-space="airy"] main section.tight,body[data-space="airy"] main section+section{padding-top:96px}
  body[data-space="airy"] .wrap{padding:0 22px}
  body[data-space="airy"] main>section.hero{padding-top:36px;padding-bottom:64px}
  body[data-space="airy"] .bento .tile.big{padding:28px}
  body[data-space="airy"] .compare,body[data-space="airy"] .form{padding:28px 22px}
  body[data-space="airy"] footer.site{margin-top:96px;padding:64px 0 32px}
}

/* hub sections 2–4 (draft, 28. 9. 2026) */
.hub2 h2+p,.hub4 h2+p{max-width:60ch;color:var(--ink-2);font-size:19px;line-height:1.55}
.ccards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:40px}
.ccard{display:flex;flex-direction:column;gap:14px;padding:28px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#fff}
@media (hover:hover) and (pointer:fine){.ccard:hover{border-color:#111}}
.ccard.ghost{border-style:dashed;color:var(--ink-2)}
.ccard.ghost .badge{background:#e5e5e0;color:#5b5b57}
.ct{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cn{font-family:var(--display);font-weight:800;font-size:36px;line-height:1;letter-spacing:-.02em;display:flex;flex-direction:column;gap:6px}
.cn small{font-family:var(--body);font-weight:400;font-size:14px;color:var(--ink-2);letter-spacing:0;line-height:1.4}
.mini{width:100%;height:auto;display:block;margin-top:4px}
.mini rect{fill:#dcdcd7}.mini rect.hi{fill:#ffc400}.mini .med{stroke:#111;stroke-width:2;stroke-dasharray:3 3}
.cr{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-2);flex-wrap:wrap}
.cgo{font-weight:700;margin-top:auto}
.cwant{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.ccard.ghost .hin{background:#fff;color:#111;border-color:#dcdcd7}.ccard.ghost .hic{color:#111}
.ccard.ghost .hhits{background:#fff;border-color:#dcdcd7}.ccard.ghost .hhits a{color:#111}@media (hover:hover) and (pointer:fine){.ccard.ghost .hhits a:hover{background:#f5f5f2}}.ccard.ghost .hhits small,.ccard.ghost .hhits .none{color:#5b5b57}
.hub2 .small{margin-top:20px}
.faq{margin-top:36px;border-top:1px solid #dcdcd7}
.faq details{border-bottom:1px solid #dcdcd7}
.faq summary{list-style:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:20px;padding:22px 44px 22px 0;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:28px;font-weight:400;color:#111;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 24px;max-width:70ch;color:#333;font-size:17px;line-height:1.6}
.faq summary:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
.keepgoing{margin-top:64px;display:block}
.keepgoing h3{font-family:var(--display);font-weight:800;font-size:24px;margin-bottom:18px}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:820px){.relgrid{grid-template-columns:1fr}}
.rel{display:flex;flex-direction:column;gap:6px;padding:24px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#f5f5f2}
@media (hover:hover) and (pointer:fine){.rel:hover{border-color:#111}}
.rk{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a6200}
.rel b{font-size:18px}.rel small{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.byline{margin-top:48px;font-size:14.5px;color:var(--ink-2)}

/* hero: tighter (28. 9. 2026) */
.hub1-e{padding:40px 0 48px}
.hub1-e h1{font-size:clamp(32px,4vw,50px);max-width:16ch;margin-top:0}
.hub1-e .lead{font-size:18px;margin-top:14px;max-width:44ch}
.hub1-e .hub1-stat{margin-top:18px}
.hub1-e .hub1-stat .n{font-size:44px}
.hub1-grid{gap:40px;align-items:center}
.usmap-wrap{padding:14px 14px 10px}
.hub-intro{padding-top:56px}
.hub-intro .hub1-p{margin-top:0;color:#333;font-size:17px;line-height:1.6}
body[data-space="airy"] main .hub-intro+.hub2{padding-top:110px}

/* header: never wrap (28. 9. 2026) */
header.site .wrap{max-width:1280px;padding:0 24px}
.nav .brand,.nav .btn,.nav .hfind{flex-shrink:0}
.nav .btn{white-space:nowrap}
.nav a.item,.nav summary{white-space:nowrap}
@media (max-width:1180px){.hfind-box{width:170px}.nav a.item,.nav summary{padding-left:8px;padding-right:8px}.nav{gap:12px}}
@media (max-width:1060px){.nav ul{display:none!important}}

/* intro paragraph variants (demo) */
.hub-intro{padding-top:56px}
body[data-space="airy"] main .hub-intro+.hub2,body[data-space="airy"] main .hub-intro+section{padding-top:110px}
.hub-intro .ic{color:#111;flex-shrink:0}
/* A */
.inout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.io{border:1.5px solid #dcdcd7;border-radius:16px;padding:24px 26px}
.io.in{background:#f5f5f2}
.io.out{border-style:dashed}
.io-k{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:12px}
.io ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:16px;color:#333}
.io li{display:flex;align-items:flex-start;gap:12px}
.io.in li::before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:999px;background:#ffc400;margin-top:8px}
.io.out li::before{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:999px;border:1.5px solid #bbb;margin-top:8px;box-sizing:border-box}
.io-note{margin-top:20px;color:var(--ink-2);font-size:15.5px;max-width:70ch}
@media (max-width:820px){.inout{grid-template-columns:1fr}}
/* B */
.bigsay{position:relative;font-family:var(--display);font-weight:600;font-size:clamp(24px,2.8vw,34px);line-height:1.25;letter-spacing:-.01em;max-width:28ch;padding-left:26px;margin:0}
.bigsay .ybar{position:absolute;left:0;top:6px;bottom:6px;width:6px;border-radius:999px;background:#ffc400}
.intro-b .hub1-p{margin-top:22px;color:#333;font-size:17px;line-height:1.6}
/* C */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pt{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1.5px solid #dcdcd7;border-radius:16px}
.pt b{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25}
.pt small{font-size:15px;color:var(--ink-2);line-height:1.5}
@media (max-width:820px){.three{grid-template-columns:1fr}}
/* D */
.dsplit{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.dsplit .hub1-p{margin:0;color:#333;font-size:17px;line-height:1.6}
.dcard{background:#111;color:#fff;border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:8px}
.dk{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400}
.dn{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.2vw,40px);line-height:1;letter-spacing:-.02em}
.dcard small{font-size:14.5px;color:#c9c9c4;line-height:1.5}
.dcard em{color:#8a8a86;font-style:normal}
@media (max-width:820px){.dsplit{grid-template-columns:1fr}}

/* in/out block: locked A, airy (28. 9. 2026) */
.hub-intro{padding-top:96px}
body[data-space="airy"] main .hub-intro+.hub2,body[data-space="airy"] main .hub-intro+section{padding-top:150px}
.inout{gap:32px}
.io{padding:36px 40px}
.io-k{font-size:22px;margin-bottom:20px}
.io ul{gap:14px;font-size:17px;line-height:1.5}
.io-note{margin-top:32px;font-size:17px;line-height:1.6;max-width:62ch}
@media (max-width:820px){.hub-intro{padding-top:64px}.io{padding:26px 24px}}

/* FAQ: two columns, all open (locked B, 28. 9. 2026) */
.h2s{font-size:clamp(26px,2.6vw,32px)!important;margin-bottom:8px!important}
.faq.compact{margin-top:20px;max-width:760px;border-top:1px solid #dcdcd7}
.faq.compact summary{font-size:17px;padding:14px 36px 14px 0;min-height:44px}
.faq.compact summary::after{font-size:22px;top:10px;right:2px;color:#8a8a86}
.faq.compact details p{font-size:15.5px;line-height:1.55;margin:0 0 16px;max-width:64ch;color:#444}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:28px}
.qa b{display:block;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.3;margin-bottom:6px}
.qa p{margin:0;font-size:15.5px;line-height:1.55;color:#444}
@media (max-width:820px){.faqgrid{grid-template-columns:1fr}}
.faqsplit{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.faqsplit .faq.compact{margin-top:0;max-width:none}
.faqlead{font-size:16px;color:var(--ink-2);line-height:1.55;max-width:32ch;margin-top:10px}
@media (max-width:820px){.faqsplit{grid-template-columns:1fr;gap:16px}}

/* Keep going variants (demo) */
.keepgoing[hidden]{display:none}
.kgband{background:#111;color:#fff;border-radius:16px;padding:12px 32px 12px;display:flex;flex-direction:column}
.kgl{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;padding:14px 0 6px}
.kgband a{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;color:#fff;padding:18px 0;border-top:1px solid #333;min-height:44px}
.kgband a b{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em}
.kgband a span{color:#ffc400;display:flex}
@media (hover:hover) and (pointer:fine){.kgband a:hover b{color:#ffc400}}
.kglist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:640px}
.kglist a{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:19px;color:#111;text-decoration:none;min-height:44px}
@media (hover:hover) and (pointer:fine){.kglist a:hover{color:#7a6200}}
.kglist small{display:block;color:var(--ink-2);font-size:14.5px;margin-top:-6px}
.kgtwo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kgcard{display:flex;flex-direction:column;gap:8px;padding:32px;border:1.5px solid #dcdcd7;border-radius:16px;text-decoration:none;color:#111;background:#f5f5f2}
.kgcard b{font-family:var(--display);font-weight:700;font-size:22px}
.kgcard small{font-size:15px;color:var(--ink-2);line-height:1.5}
.kgmore{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin-top:auto;padding-top:10px}
.kgcard.cta{background:#111;color:#fff}
.kgcard.cta small{color:#c9c9c4}
.kgcard.cta .btn{align-self:flex-start;margin-top:auto;background:#ffc400;color:#111}
@media (max-width:820px){.kgtwo{grid-template-columns:1fr}}
.kgp{max-width:60ch;color:var(--ink-2);font-size:16px;line-height:1.55;margin-top:8px}
.jobsrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.job{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border:1.5px dashed #bbb;border-radius:14px;color:#8a8a86;min-height:44px}
.job b{font-family:var(--display);font-weight:700;font-size:17px;color:#5b5b57}
.job small{font-size:13.5px}
@media (max-width:820px){.jobsrow{grid-template-columns:1fr 1fr}}
.kgp.small{margin-top:18px;font-size:14.5px}
.kgp.small a{color:#111}

/* Keep going, round 2 (demo) */
.icons3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.icons3 a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;color:#111}
.icb{width:72px;height:72px;border-radius:18px;background:#f5f5f2;display:flex;align-items:center;justify-content:center;color:#111}
@media (hover:hover) and (pointer:fine){.icons3 a:hover .icb{background:#ffc400}}
.icons3 b{font-family:var(--display);font-weight:700;font-size:19px}
.icons3 small{font-size:14.5px;color:var(--ink-2)}
@media (max-width:820px){.icons3{grid-template-columns:1fr;gap:22px}}
.sitemap{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:22px}
.sm-node{display:inline-flex;flex-direction:column;justify-content:center;padding:10px 16px;border:1.5px solid #dcdcd7;border-radius:12px;text-decoration:none;color:#111;font-weight:700;min-height:50px;background:#fff}
.sm-node small{font-weight:400;font-size:12.5px;color:var(--ink-2)}
.sm-node.here{background:#111;color:#fff;border-color:#111}
.sm-node.here small{color:#ffc400}
.sm-node.ghost{border-style:dashed;color:#8a8a86}
.sm-line{width:28px;height:2px;background:#dcdcd7;flex-shrink:0}
.sm-branch{display:flex;flex-direction:column;gap:8px;padding-left:0}
@media (max-width:820px){.sitemap{flex-direction:column;align-items:flex-start}.sm-line{width:2px;height:20px;margin-left:24px}}
.oneline{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:nowrap;padding:36px 0;border-top:1px solid #dcdcd7;border-bottom:1px solid #dcdcd7}
@media (max-width:820px){.oneline{flex-wrap:wrap}}
.oneline p{margin:0;flex:1 1 auto;font-family:var(--display);font-weight:600;font-size:clamp(20px,2.2vw,26px);max-width:24ch;line-height:1.3}
.ol-btns{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}
.ol-btns .btn.ghost{background:transparent;border:2px solid #111;color:#111}
.inlinelinks{max-width:64ch;font-size:18px;line-height:1.65;color:#333;margin-top:12px}
.inlinelinks a{color:#111;font-weight:700;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:3px;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){.inlinelinks a:hover{background:#ffc400;text-decoration:none}}
.next3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
.next3 a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#111;padding-top:16px;border-top:2px solid #111}
.next3 .num{font-family:var(--display);font-weight:800;font-size:15px;background:#ffc400;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.next3 b{font-family:var(--display);font-weight:700;font-size:19px}
.next3 small{font-size:14.5px;color:var(--ink-2);line-height:1.5}
@media (max-width:820px){.next3{grid-template-columns:1fr}}

/* Latest updates + What moves the price (demo) */
.updates{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px;padding:16px 0;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8;font-size:14.5px;color:var(--ink-2)}
.up-l{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a6200}
.updates b{color:#111}
.updates .ghost{opacity:.5}
.hub-moves h2+p{max-width:60ch;color:var(--ink-2);font-size:19px;line-height:1.55}
.mv-a{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;margin-top:36px}
.house{width:100%;height:auto}
.house .ln{fill:none;stroke:#111;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.house .ln.thin{stroke-width:1.5;stroke:#8a8a86}
.house .fill{fill:#f5f5f2;stroke:none}
.house .hot circle{fill:#ffc400;stroke:#111;stroke-width:2}
.house .hot text{font:700 14px "Bricolage Grotesque",system-ui,sans-serif;text-anchor:middle;fill:#111}
.flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.flist li{display:grid;grid-template-columns:32px 1fr;gap:4px 14px;align-items:center}
.flist .num,.fcards .num{font-family:var(--display);font-weight:800;font-size:14px;background:#ffc400;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #111}
.flist b{font-family:var(--display);font-weight:700;font-size:18px}
.flist small{grid-column:2;font-size:14.5px;color:var(--ink-2);line-height:1.45}
@media (max-width:820px){.mv-a{grid-template-columns:1fr;gap:24px}}
.mv-b{margin-top:36px;max-width:820px}
.fb-head,.fb{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}
.fb-scale{display:flex;justify-content:space-between;font-size:12.5px;color:#8a8a86;font-style:normal}
.fb{padding:12px 0;border-top:1px solid #ecece8}
.fb-l{font-family:var(--display);font-weight:700;font-size:17px}
.fb-t{position:relative;height:18px;background:#f5f5f2;border-radius:999px}
.fb-t i{position:absolute;top:0;height:18px;background:#ffc400;border-radius:999px}
.mv-b .small{margin-top:16px}
.fcards{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fcards li{display:flex;flex-direction:column;gap:10px;padding:22px 18px;border:1.5px solid #dcdcd7;border-radius:16px}
.fcards b{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.2}
.fcards small{font-size:14px;color:var(--ink-2);line-height:1.45}
@media (max-width:820px){.fcards{grid-template-columns:1fr 1fr}}

/* === HEADER — copied from city-mockup-v2 (locked B, 3. 10. 2026) so every page has the same header === */
body[data-look="b3"] header.site{background:#111;border-bottom:0}
body[data-look="b3"] .brand{color:var(--hot)}
body[data-look="b3"] .nav a.item,body[data-look="b3"] .nav summary{color:#fff}
body[data-look="b3"] .nav details[open] summary{background:#2a2a2a}@media (hover:hover) and (pointer:fine){body[data-look="b3"] .nav a.item:hover,body[data-look="b3"] .nav summary:hover{background:#2a2a2a}}
.nav{flex-wrap:nowrap}
.nav ul{flex-wrap:nowrap}
.nav .menu.jobs{min-width:300px;padding:10px}
.nav .menu.jobs a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.nav .menu.jobs a small{color:var(--ink-2);font-size:13px}
.nav .menu.jobs a.demo{opacity:.55}
@media (max-width:1180px){.nav ul{display:none}}
@media (max-width:1180px){.nav .btn{padding:11px 14px;font-size:15px}}
.hfind{position:relative;display:flex;align-items:center}
.hfind-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center}
@media (hover:hover) and (pointer:fine){.hfind-btn:hover{background:#2a2a2a}}
.hfind-box{position:relative;width:230px}
.hfind-box .lupa{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c9c9c4;pointer-events:none}
.hfind-box input{box-sizing:border-box;width:100%;height:44px;font:inherit;font-size:16px;padding:0 12px 0 38px;border-radius:999px;border:1.5px solid #444;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
.hfind-box input::placeholder{color:#8f8f8a}
.hfind-box input:focus{outline:2px solid #ffc400;outline-offset:2px;border-color:#ffc400}
.hfind-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.hfind-hits{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;background:#fff;color:#111;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.18);z-index:7}
.hfind-hits a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:10px;color:#111;text-decoration:none;font-weight:500;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.hfind-hits a:hover{background:var(--soft)}}
.hfind-hits a small{color:var(--ink-2);font-weight:400}
.hfind-hits .none{padding:11px 12px;color:var(--ink-2);font-size:15px}
@media (max-width:9999px){.hfind-btn{display:flex}}
@media (max-width:9999px){.hfind-box{display:none;position:absolute;right:-8px;top:calc(100% + 10px);width:calc(100vw - 48px);max-width:420px;z-index:7}}
@media (max-width:9999px){.hfind[data-open="true"] .hfind-box{display:block}}
@media (max-width:9999px){.hfind[data-open="true"] .hfind-btn{background:#2a2a2a}}
@media (max-width:9999px){.hfind-hits{left:0;right:0;min-width:0}}
header.site{background:var(--bg);border-bottom:1px solid var(--line)}
body[data-look^="b"] header.site{border-bottom:2px solid #111}
.nav{display:flex;align-items:center;gap:16px;min-height:72px;flex-wrap:nowrap;padding:10px 0}
.brand{font-family:var(--display);font-weight:var(--h1w);font-size:26px;color:var(--ink);text-decoration:none;margin-right:auto;letter-spacing:-.01em}
.nav ul{list-style:none;margin:0 auto;padding:0;display:flex;gap:0;flex-wrap:nowrap;align-items:center}
.nav li{display:flex;align-items:center}
.nav details{display:flex;align-items:center}
.nav a.item,.nav summary{padding:10px 11px}
.nav a.item,.nav summary{display:flex;align-items:center;gap:6px;padding:0 14px;height:44px;box-sizing:border-box;line-height:1;color:var(--ink);text-decoration:none;border-radius:999px;font-weight:500;cursor:pointer;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav details[open] summary{background:var(--soft)}@media (hover:hover) and (pointer:fine){.nav a.item:hover,.nav summary:hover{background:var(--soft)}}
.nav details{position:relative}
.nav .menu{position:absolute;left:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);min-width:240px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:6}
.nav .menu a{display:block;padding:11px 14px;color:var(--ink);text-decoration:none;border-radius:var(--radius);min-height:44px}
@media (hover:hover) and (pointer:fine){.nav .menu a:hover{background:var(--soft)}}
body[data-space="airy"] header.site .wrap{max-width:1120px}
header.site .wrap{max-width:1280px;padding:0 24px}
.nav .brand,.nav .btn,.nav .hfind{flex-shrink:0}
.nav .btn{white-space:nowrap}
.nav a.item,.nav summary{white-space:nowrap}
@media (max-width:1180px){.hfind-box{width:170px}}
@media (max-width:1180px){.nav a.item,.nav summary{padding-left:8px;padding-right:8px}}
@media (max-width:1180px){.nav{gap:12px}}
@media (max-width:1180px){.nav ul{display:none!important}}
@media (max-width:480px){.nav .btn-tail{display:none}}
@media (max-width:480px){.nav .btn{padding:11px 16px}}
@media (max-width:480px){header.site .wrap{padding:0 16px}}
@media (max-width:480px){.nav{gap:8px}}
.mnav-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
@media (hover:hover) and (pointer:fine){.mnav-btn:hover{background:#2a2a2a}}
.mnav-btn .ic-close{display:none}
.mnav-btn[aria-expanded="true"] .ic-open{display:none}
.mnav-btn[aria-expanded="true"] .ic-close{display:block}
.mnav{background:#111;border-top:1px solid #333;color:#fff}
header.site .mnav .wrap{padding:24px 24px 28px;display:flex;flex-direction:column;gap:6px;max-width:none}
.mnav-link:last-child{border-bottom:0}
.mnav-cta{display:none;justify-content:center;text-align:center;min-height:50px;margin-top:22px;width:100%;box-sizing:border-box}
.mnav-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px;color:#fff;text-decoration:none;font-weight:600;font-size:18px;border-bottom:1px solid #2a2a2a}
.mnav-link.sub{padding-left:16px;font-weight:500}
.mnav-link small{color:#c9c9c4;font-weight:400;font-size:14px}
.mnav-group{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffc400;font-weight:700;padding:14px 4px 4px}
@media (min-width:1181px){.nav{gap:18px}}
@media (min-width:1181px){.nav ul{gap:6px}}
@media (min-width:1181px){.nav .btn{padding:11px 18px;font-size:15px}}
@media (min-width:1181px){.nav a.item,.nav summary{padding-left:12px;padding-right:12px}}
.mnav-cta2{margin-top:12px;background:transparent!important;color:#ffc400!important;border:1.5px solid #ffc400!important}
@media (max-width:1180px){.mnav-btn{display:flex}}
@media (max-width:780px){.nav .btn{display:none}}
@media (max-width:780px){.mnav-cta{display:flex}}
.nav .brand{margin-right:auto}
.nav ul{margin:0}
@media (min-width:1181px){.nav .hfind{margin-left:8px}}
@media (min-width:1181px){.hfind-btn{display:none}}
@media (min-width:1181px){.hfind-box{display:block;position:relative;right:auto;top:auto;width:260px;max-width:none}}
@media (min-width:1181px){.hfind-hits{left:0;right:auto;min-width:100%}}

/* header search fix (18. čet): on phones/tablets the opened field is as wide as the screen allows (was 170 px, results got cut); on desktop the results list lines up with the right edge of the field */
@media (max-width:1180px){
  header.site .nav{position:relative}
  .nav .hfind{position:static}
  .hfind-box{left:auto;right:24px;top:calc(100% - 4px);width:calc(100% - 48px);max-width:420px}
}
@media (max-width:480px){.hfind-box{right:16px;width:calc(100% - 32px)}}
@media (min-width:1181px){.hfind-hits{left:auto;right:0}}


/* hub v3 (52. čet) — B3: #111 · #ffc400 · #dcdcd7 · #f5f5f2 · Bricolage */
.demo-sw{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#151719;color:#c9c9c4;padding:8px 16px;font:600 13px/1 "Bricolage Grotesque",system-ui,sans-serif;border-bottom:1px solid #333}
.demo-sw button{font:inherit;color:#fff;background:#2a2a28;border:0;border-radius:999px;padding:0 14px;min-height:36px;cursor:pointer}
.demo-sw button[aria-pressed="true"]{background:#ffc400;color:#111}
.crumbs{font-size:14.5px;margin-bottom:14px;color:#c9c9c4}.crumbs a{color:#c9c9c4}.crumbs span{color:#fff}
.hubA,.hubB,.hubC{background:#111;color:#fff;padding:36px 0 56px}
.hubA h1,.hubB h1,.hubC h1{color:#fff;font-size:clamp(32px,4.2vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0;max-width:18ch;text-wrap:balance}
.hubA .lead,.hubB .lead,.hubC .lead{color:#c9c9c4;font-size:18px;line-height:1.55;max-width:56ch;margin:14px 0 0}
.hA-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
/* filter */
.flt{position:relative;flex:0 1 300px;min-width:220px}
.flt svg{position:absolute;left:16px;top:16px;color:#8a8a86;pointer-events:none}
.flt-in{font:inherit;font-size:16px;height:50px;width:100%;box-sizing:border-box;padding:0 16px 0 44px;border-radius:12px;border:1px solid #555;background:#1f1f1e;color:#fff;-webkit-appearance:none;appearance:none}
.flt-in::placeholder{color:#8a8a86}.flt-in:focus{outline:3px solid #ffc400;outline-offset:2px}
.hubB2 .flt-in,.hubC2 .flt-in{background:#fff;color:#111;border-color:#dcdcd7}
/* lestvica */
.lad{border-radius:16px;overflow:hidden}
.lad-h,.lad-r{display:grid;grid-template-columns:minmax(0,1.15fr) 200px minmax(0,1.2fr) 200px 14px;gap:20px;align-items:center;padding:0 20px}
.lad-h{height:44px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.lad-h .axh{position:relative;height:100%}
.ax{position:absolute;inset:0;}
.ax span{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:0;text-transform:none;font-weight:600}
.ax span:first-child{transform:translate(0,-50%)}.ax span:last-child{transform:translate(-100%,-50%)}
.lad-s{padding:18px 20px 6px;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.lad-r{min-height:72px;text-decoration:none;color:inherit;font-size:16px}
.lad-r .nm{display:flex;flex-direction:column;gap:3px;padding:12px 0;min-width:0}
.lad-r .nm b{font-weight:700;font-size:17px}
.lad-r .nm small,.lad-r .md2 small,.lad-r .pm small{font-size:14px;line-height:1.35}
.lad-r .md2{display:flex;flex-direction:column;gap:4px}.lad-r .md2 small{white-space:nowrap}
.lad-r em{font-style:normal;font-size:24px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1}
.lad-r .nos{font-size:15px;font-weight:600}
.lad-r .pm{display:flex;flex-direction:column;gap:3px;text-align:right}
.lad-r .pm b{font-weight:700;font-variant-numeric:tabular-nums}
.lad-r .go{font-weight:800;font-size:20px}
.lad-r:focus-visible{outline:3px solid #ffc400;outline-offset:-3px}
.mb{width:100%;height:24px;display:block}
.mb .mh{fill:#ffc400}.mb .q3{fill:#ffc400;opacity:.45}
/* lestvica na črnem (A) */
.hubA .lad{background:#1a1a19;border:1px solid #333}
.hubA .lad-h{background:#1f1f1e;color:#ffc400}
.hubA .lad-s{color:#fff;border-top:1px solid #333}
.hubA .lad-r{border-top:1px solid #2a2a28}
.hubA .lad-r.flash{background:#262624}@media (hover:hover) and (pointer:fine){.hubA .lad-r:hover{background:#262624}}
.hubA .lad-r em{color:#ffc400}
.hubA .lad-r .nm small,.hubA .lad-r .md2 small,.hubA .lad-r .pm small,.hubA .nos{color:#a9a9a4}
.hubA .lad-r .pm.no b{color:#a9a9a4;font-weight:600}
.hubA .lad-r .go{color:#ffc400}
.hubA .mb .tr{fill:#333}.hubA .mb .gl{stroke:#2e2e2c;stroke-width:1}.hubA .mb .md{stroke:#fff;stroke-width:3}
.hubA .lgd{color:#c9c9c4}.hubA .srcl{color:#8a8a86}
/* lestvica na belem (B) */
.hubB2 .lad{background:#fff;border:1px solid #dcdcd7}
.hubB2 .lad-h{background:#f5f5f2;color:#4a4a46}
.hubB2 .lad-s{color:#111;border-top:1px solid #dcdcd7}
.hubB2 .lad-r{border-top:1px solid #ecece8;color:#111}
.hubB2 .lad-r.flash{background:#fff6d6}@media (hover:hover) and (pointer:fine){.hubB2 .lad-r:hover{background:#fff6d6}}
.hubB2 .lad-r em{background:#ffc400;padding:4px 8px;border-radius:8px;align-self:flex-start;font-size:21px}
.hubB2 .lad-r .nm small,.hubB2 .lad-r .md2 small,.hubB2 .lad-r .pm small,.hubB2 .nos{color:#5b5b57}
.hubB2 .lad-r .pm.no b{color:#5b5b57;font-weight:600}
.hubB2 .mb .tr{fill:#ecece8}.hubB2 .mb .gl{stroke:#ecece8}.hubB2 .mb .md{stroke:#111;stroke-width:3}
.lad-g:first-of-type .lad-s{border-top:0}
.lgd{font-size:14px;line-height:1.5;margin:16px 0 0;color:#4a4a46;display:flex;flex-wrap:wrap;gap:6px 24px}.lgd .li{display:inline-flex;align-items:center;gap:8px}
.lgd .k{display:inline-block;width:18px;height:10px;border-radius:3px;vertical-align:middle;margin:0}
.lgd .k.mh{background:#ffc400}.lgd .k.q3{background:#ffc400;opacity:.45}.lgd .k.md{width:3px;height:16px;background:currentColor;border-radius:0}
.srcl{font-size:13.5px;margin:8px 0 0;max-width:90ch;line-height:1.5}
.nonehit{margin:12px 0 0;font-size:16px}
.hubA .nonehit{color:#fff}
/* B zemljevid */
.hB-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:28px}
.bmap{width:100%;height:auto;display:block}
.bmap .grid circle{fill:#3a3a38}
.bmap .city{cursor:pointer}
.bmap .dot{fill:#ffc400}
.bmap .halo{fill:#ffc400;opacity:0;transition:opacity .15s}
.bmap .city:focus-visible .halo,.bmap .city.on .halo{opacity:.3}@media (hover:hover) and (pointer:fine){.bmap .city:hover .halo{opacity:.3}}
.bmap .city:focus{outline:0}
.bmap .lab{fill:#e5e5e0;font:600 19px "Bricolage Grotesque",system-ui,sans-serif;pointer-events:none}
.bmap .city.on .lab{fill:#ffc400}
.maphint{color:#8a8a86;font-size:14px;margin:6px 0 0}
.bpan{background:#1f1f1e;border:1px solid #333;border-radius:16px;padding:22px}
.bp-city{font-size:22px;font-weight:800;margin:0 0 6px;color:#fff}
.bp-row{border-top:1px solid #333;padding:12px 0}
.bp-k{display:block;color:#ffc400;font-size:14px;font-weight:700;margin-bottom:4px}
.bp-v{margin:0;font-size:30px;font-weight:800;color:#fff;line-height:1.1}
.bp-v.none{font-size:18px}
.bp-d{margin:4px 0 8px;color:#c9c9c4;font-size:14.5px}
.bp-v2{margin:0;color:#c9c9c4;font-size:15px}.bp-v2 b{color:#fff;font-size:18px;margin-right:6px}
#bpBar .mb .tr{fill:#333}#bpBar .mb .gl{stroke:#2e2e2c}#bpBar .mb .md{stroke:#fff;stroke-width:3}
.bpax{position:relative;height:18px;margin-top:4px;color:#8a8a86;font-size:12.5px}
.bp-sw{display:flex;gap:8px;margin:4px 0 14px}
.bp-sw button{font:inherit;font-size:15px;font-weight:600;background:transparent;color:#fff;border:1px solid #555;border-radius:999px;padding:0 14px;min-height:44px;cursor:pointer}
.bp-sw button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.bp-go{display:inline-flex;margin-top:6px}
.hubB2,.hubC2{padding:64px 0 24px}.hubC2{background:#f5f5f2;padding-bottom:64px}
.hB2-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.hB2-top h2{margin:0}
/* C računi */
.hC-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.rc{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;color:#111;text-decoration:none;border:1px solid #dcdcd7;border-radius:14px 14px 0 0;padding:22px 22px 30px;
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) bottom/18px 12px repeat-x;
  mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle 7px at 50% 100%,transparent 6.5px,#000 7px) bottom/18px 12px repeat-x}
.rc.flash{border-color:#111;background:#fffdf3}@media (hover:hover) and (pointer:fine){.rc:hover{border-color:#111;background:#fffdf3}}
.rc:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
.rc-top{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a4a46;padding-bottom:10px;border-bottom:2px dashed #dcdcd7}
.rc-big{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums}
.rc-big.none{font-size:22px;color:#4a4a46}
.rc-sm{font-size:14.5px;color:#4a4a46}
.rc dl{margin:6px 0 0;border-top:2px dashed #dcdcd7;padding-top:8px;display:flex;flex-direction:column;gap:6px}
.rc dl div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}
.rc dt{color:#4a4a46}.rc dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.rc dd.no{font-weight:500;color:#5b5b57}
.rc-go{font-weight:800;margin-top:auto;padding-top:10px}
.rc-stamp{position:absolute;top:58px;right:18px;transform:rotate(-12deg);border:3px solid #111;color:#111;background:#ffc400;font-weight:800;font-size:17px;letter-spacing:.12em;padding:4px 10px;border-radius:8px}
.rc.us{background:#fff;max-width:420px;justify-self:end;width:100%;box-sizing:border-box}
.rc.us .rc-big{font-size:52px}
.rc-st{font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:36px 0 14px}
.rc-g:first-of-type .rc-st{margin-top:0}
.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hubC2 .small{margin-top:24px}
.hub-moves{padding-top:96px}
@media (max-width:900px){.hB-grid,.hC-grid{grid-template-columns:1fr}.rc.us{justify-self:start}}
@media (max-width:760px){
  .lad-h{display:none}
  .lad-r{grid-template-columns:minmax(0,1fr) auto 14px;grid-template-areas:"nm md go" "bw bw bw" "pm pm pm";gap:4px 12px;padding:10px 16px 14px}
  .lad-r .nm{grid-area:nm;padding:0}.lad-r .md2{grid-area:md;text-align:right;align-items:flex-end}.lad-r .go{grid-area:go}
  .lad-r .bw{grid-area:bw;padding-top:6px}.lad-r .pm{grid-area:pm;text-align:left;flex-direction:row;flex-wrap:wrap;gap:0 6px;font-size:14px}
  .lad-r .pm b::before{content:"Permits: ";font-weight:500}
  .lad-r .md2 small{display:none}
  .lad-s{padding:16px 16px 4px}
  .flt{flex-basis:100%}
  .bmap .lab,.bmap .city.on .lab{display:none}
  .bmap .dot{r:13}.bmap .halo{r:26}
}
@media (max-width:700px){.rc-grid{grid-template-columns:1fr}}@media (max-width:560px){.rc.us .rc-big{font-size:44px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}


.hx{background:#111;color:#fff;padding:28px 0 40px}
.hx-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:40px;align-items:center}
.hx h1{color:#fff;font-size:clamp(30px,3.4vw,42px);line-height:1.06;letter-spacing:-.02em;margin:0;max-width:24ch;text-wrap:balance}
.hx-lead{color:#c9c9c4;font-size:17px;line-height:1.5;margin:12px 0 0;max-width:48ch}
.lt{display:block;font-size:13.5px;font-weight:700;color:#ffc400;margin-bottom:6px}
.tool{display:grid;grid-template-columns:190px auto 1fr;grid-template-areas:"amt go ." "city city city";gap:14px 12px;margin-top:20px;align-items:end}
.amt{grid-area:amt}.tool-c{grid-area:city;min-width:0}.tool-go{grid-area:go;justify-self:start;height:50px;min-height:50px;padding:0 28px;background:#ffc400!important;color:#111!important;border:0;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer}
.ctl{position:relative;display:flex;align-items:center;height:50px;background:#1f1f1e;border:1px solid #555;border-radius:12px;padding:0 14px}
.ctl:focus-within{outline:3px solid #ffc400;outline-offset:2px}
.ctl .pre{color:#8a8a86;font-size:17px;margin-right:6px}
.ctl input{font:inherit;font-size:17px;color:#fff;background:transparent;border:0;outline:0;width:100%;min-width:0}
.ctl input::placeholder{color:#6f6f6b}
.cchips{display:flex;gap:6px;flex-wrap:wrap}
.cchips.extra{margin-top:6px}
.cchips button,.cpick button{font:inherit;font-size:15px;font-weight:600;color:#fff;background:transparent;border:1px solid #555;border-radius:999px;padding:0 14px;min-height:44px;cursor:pointer}
.cchips button[aria-pressed="true"],.cpick button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.cchips button.more{border-style:dashed;color:#c9c9c4}
.res{margin-top:14px}
.res-t{margin:0;font-size:17px;line-height:1.45;color:#c9c9c4;max-width:52ch}
.res-t b{color:#fff}.res-t .hl,.cans .hl{color:#ffc400;font-weight:800;font-size:inherit;background:none;padding:0}
.res-t small{display:block;font-size:13.5px;color:#8a8a86;margin-top:4px}
.res-bar{margin-top:8px;max-width:440px}
.res-bar .mb{height:auto}.res-bar .mb .tr{fill:#333}.res-bar .mb .gl{stroke:#2e2e2c}.res-bar .mb .md{stroke:#fff;stroke-width:3}
.res-bar .mb .you{fill:#111;stroke:#ffc400;stroke-width:3}
.res-bar .bpax{position:relative;height:18px;margin-top:2px;color:#8a8a86;font-size:12.5px}
.hx-r .hg-house{width:100%;height:auto;display:block;overflow:visible}
.hg-house .fl .chim{fill:#3a3a38}.hg-house .fl .dark{fill:#111}.hg-house .fl .gable{fill:#1f1f1e}.hg-house .fl .gnd{stroke:#555;stroke-width:2;fill:none}
.hg-house .fl .knob{fill:#ffc400}.hg-house .fl .mul{fill:none;stroke:#3a3a38;stroke-width:2}.hg-house .fl .roofb{fill:#ffc400}.hg-house .fl .wall{fill:#2a2a28}
.hg-house .tag rect{fill:#1a1a19;stroke:#ffc400;stroke-width:1.5}
.hg-house .tag .k{font:600 13px "Bricolage Grotesque",system-ui,sans-serif;fill:#ffc400}
.hg-house .tag .v{font:800 24px "Bricolage Grotesque",system-ui,sans-serif;fill:#fff}
.hg-house .tag.you rect{fill:#ffc400;stroke:#111}
.hg-house .tag.you .k{fill:#111}.hg-house .tag.you .v{fill:#111;font-size:20px}
.hg-house g[hidden]{display:none}
/* B */
.big{display:flex;flex-direction:column;gap:6px;margin:18px 0 18px}
.big-v{font-size:clamp(56px,7vw,84px);font-weight:800;letter-spacing:-.03em;line-height:.95;color:#ffc400;font-variant-numeric:tabular-nums}
.big-l{color:#c9c9c4;font-size:16px;max-width:44ch}
.hx-go{display:inline-block;margin-top:16px;color:#ffc400;font-weight:700;font-size:16px;text-decoration:none}
@media (hover:hover) and (pointer:fine){.hx-go:hover{text-decoration:underline}}
/* C */
.hxC{padding:28px 0 44px}
.eyebrow{font-size:15px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase;color:#ffc400!important;max-width:none!important}
.sent{font-size:clamp(34px,5.2vw,68px);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:14px 0 0;max-width:20ch;text-wrap:balance}
.cityw{font:inherit;color:#fff;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#ffc400;text-decoration-thickness:.08em;text-underline-offset:.12em}
.cityw::after{content:"";display:inline-block;width:.42em;height:.42em;border-right:.09em solid #ffc400;border-bottom:.09em solid #ffc400;transform:rotate(45deg) translate(-.12em,-.18em);margin-left:.22em;vertical-align:middle}
.cityw:focus-visible{outline:3px solid #ffc400;outline-offset:4px}
.yl{color:#ffc400}
.cpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;max-width:760px}
.sent-s{color:#c9c9c4;font-size:16px;margin:14px 0 0}
.cline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.cline label{font-weight:700;font-size:17px}
.cline .ctl{width:170px}
.cans{margin:0;font-size:17px;color:#c9c9c4;flex:1 1 280px}
.cans b{color:#fff}.cans .hl{color:#ffc400;font-weight:800}
.hubB2{padding:56px 0 24px}
@media (max-width:860px){
  .hx-grid{grid-template-columns:1fr;gap:12px}
  .hx-r{order:-1;max-width:300px;margin:0 auto;width:100%}
  .hxA .hx-r,.hxB .hx-r{display:none}
}
@media (max-width:560px){
  .hx{padding:18px 0 28px}
  .tool{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"amt go" "city city"}
  .big-v{font-size:56px}
}


/* D iz homepage v8 */
body[data-look="b3"] .optD section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] .optD section.hero .lead{color:#c9c9c4}
body[data-look="b3"] .optD section.hero h1{color:#fff}
.optD .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.optD .hero-grid h1{font-size:clamp(34px,4.6vw,58px);max-width:16ch}
.optD section.hero{padding-top:56px}
@media (max-width:820px){.optD .hero-grid{grid-template-columns:1fr;gap:28px}}
.optD .hero-side{display:flex;flex-direction:column;gap:18px}
.optD .hero-side .stat{border-left:4px solid var(--hot,#ffc400);padding-left:16px}
.optD .hero-side .stat .n{font-family:var(--display);font-size:44px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
.optD .hero-side .l{font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .optD .hero-side .l, body[data-look="b3"] .optD .hist-title{color:#c9c9c4}
.optD .row .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px}
.optD .row.ghost .badge{background:#e5e5e0}
.optD .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.2}
.optD .bento .tile.big .badge{align-self:flex-start}
.optD .bento .tile.demo .badge{background:#f0f0ec}
.optD .bento .tile:not(.big) .badge{background:transparent;padding:0;font-size:20px}
.optD .explorer{gap:12px}
.optD .xrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.optD .xchips{display:flex;gap:6px;flex-wrap:wrap}
.optD .xchips button{font:inherit;font-size:14px;font-weight:600;background:transparent;color:#fff;border:1.5px solid #555;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px}
.optD .xchips button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.optD .xchips button.demo{color:#8a8a86;border-style:dashed}
.optD .xchips select{font:inherit;font-size:14px;padding:7px 10px;border-radius:999px;background:#111;color:#fff;border:1.5px solid #555;min-height:36px}
.optD .xfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body:not([data-look="b3"]) .optD .xchips button{color:var(--ink);border-color:var(--line)}
.optD .hero-grid{align-items:center}
.optD .xfind{font:inherit;font-size:14px;padding:7px 12px;border-radius:999px;border:1.5px solid #555;background:#111;color:#fff;min-height:36px;width:150px}
.optD .xfind::placeholder{color:#8a8a86}
.optD .xchips{max-height:96px;overflow:auto;padding:6px;border:1px dashed #555;border-radius:12px}
body:not([data-look="b3"]) .optD .xfind{background:#fff;color:var(--ink);border-color:var(--line)}
.optD .hero[data-layout="a"] .hero-grid{grid-template-columns:1fr;gap:28px;align-items:start}
.optD .hero[data-layout="a"] .hero-grid h1{font-size:clamp(40px,6.6vw,84px);max-width:18ch}
.optD .hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.optD .hero[data-layout="a"] .explorer{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"t j" "s c" "s a" "f f";gap:14px 40px;align-items:start;background:#1f1f1e;border-radius:16px;padding:22px 26px}
.optD .hero[data-layout="a"] #xtitle{grid-area:t}
.optD .hero[data-layout="a"] #xsvg{grid-area:s;max-height:150px}
.optD .hero[data-layout="a"] .xfoot{grid-area:f}
.optD .hero[data-layout="a"] #xjob{grid-area:j}
.optD .hero[data-layout="a"] .xrow{grid-area:c}
.optD .hero[data-layout="a"] .xchips{grid-area:a}
@media (max-width:820px){.optD .hero[data-layout="a"] .explorer{grid-template-columns:1fr;grid-template-areas:"j" "c" "a" "t" "s" "f"}}
.optD .hero[data-layout="b"] .hero-grid{grid-template-columns:1.35fr 1fr;gap:48px}
.optD .hero[data-layout="b"] .hero-grid h1{font-size:clamp(36px,5.2vw,66px);max-width:14ch}
.optD .hero[data-layout="b"] .explorer{gap:10px}
.optD .hero[data-layout="b"] .xseg button{font-size:13.5px;padding:8px 6px;min-height:38px}
.optD .hero[data-layout="b"] .xchips button, .optD .hero[data-layout="b"] .xfind{font-size:13px;min-height:32px;padding:5px 10px}
.optD .hero[data-layout="b"] .xfind{width:120px}
.optD .hero[data-layout="b"] #xsvg{max-height:170px;width:100%}
.optD .hero[data-layout="b"] .hist-title{font-size:16px}
.optD .hero[data-layout="b"] .xfoot .btn{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.optD .hero[data-layout="b"] .xfoot .btn::after{content:"\00a0›"}
.optD .hero[data-layout="b"] .xfoot .l{display:none}
.optD .hero[data-layout="c"]{position:relative;overflow:hidden}
.optD .hero[data-layout="c"] .hero-grid{grid-template-columns:1fr;gap:18px;position:relative;z-index:1}
.optD .hero[data-layout="c"] .hero-grid h1{font-size:clamp(42px,7vw,92px);max-width:16ch}
.optD .hero[data-layout="c"] .lead{max-width:62ch}
.optD .hero[data-layout="c"] .explorer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px}
.optD .hero[data-layout="c"] #xjob{flex:0 1 460px}
.optD .hero[data-layout="c"] .xrow{flex:1 1 320px}
.optD .hero[data-layout="c"] .xchips{flex-basis:100%}
.optD .hero[data-layout="c"] #xsvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:none;opacity:.16;z-index:0;pointer-events:none}
.optD .hero[data-layout="c"] #xsvg .lab, .optD .hero[data-layout="c"] #xsvg .ax, .optD .hero[data-layout="c"] #xsvg .med{display:none}
.optD .hero[data-layout="c"] #xsvg .bars rect{fill:#fff}
.optD .hero[data-layout="c"] #xsvg .bars rect.hi{fill:#ffc400}
.optD .hero[data-layout="c"] #xtitle{flex-basis:100%;order:5}
.optD .hero[data-layout="c"] .xbig{display:block;flex-basis:100%;order:6;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.02em;color:#ffc400}
.optD .hero[data-layout="c"] .xbig small{display:block;font-size:16px;color:#c9c9c4;font-weight:600;margin-top:8px;letter-spacing:0}
.optD .hero[data-layout="c"] .xfoot{flex-basis:100%;order:7}
.optD .hero[data-layout="c"] .xfoot .l{display:none}
.optD h1, .optD h2, .optD h3{font-family:var(--display);margin:0 0 .35em;line-height:1.08;letter-spacing:-.01em}
.optD h1{font-size:var(--h1);font-weight:var(--h1w);max-width:20ch}
.optD .lead{font-size:21px;color:var(--ink-2);max-width:56ch}
body[data-space="airy"] .optD section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .optD .hero[data-layout="b"] .hero-grid{gap:72px}
body[data-space="airy"] .optD .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
@media (max-width:820px){body[data-space="airy"] .optD section.hero{padding-top:36px;padding-bottom:64px}}
.optD h1, .optD h2{text-wrap:balance}
.optD section.hero .xseg button, .optD section.hero .xchips button, .optD section.hero .xfind{min-height:44px}
.optD section.hero .xfoot .btn{display:inline-flex;align-items:center;min-height:44px}
.optD .bento.solo .tile.big .badge{grid-area:badge;justify-self:start}
.optD .xjob1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.optD .xjob1 .badge{background:#ffc400;color:#111;font-weight:700;border-radius:8px;padding:6px 12px;font-size:16px}
.optD .xjob1-n{font-size:14px;color:#c9c9c4}
@media (min-width:901px){.optD section.hero .hero-grid{grid-template-columns:1.05fr 1.2fr;gap:44px}}
.optD .usmap{width:100%;height:auto;display:block;margin-top:14px}
.optD .usmap .grid circle{fill:#3a3a38}
.optD .usmap .city{cursor:pointer}
.optD .usmap .city .dot{fill:#ffc400}
.optD .usmap .city .halo{fill:#ffc400;opacity:0;transition:opacity .15s}
.optD .usmap .city:focus-visible .halo{opacity:.25}@media (hover:hover) and (pointer:fine){.optD .usmap .city:hover .halo{opacity:.25}}
.optD .usmap .city.on .halo{opacity:.3}
.optD .usmap .city.on .dot{r:9}
.optD .usmap .city .lab{fill:#c9c9c4;font-size:17px;font-weight:600;pointer-events:none}
.optD .usmap .city.on .lab{fill:#fff;font-size:18px}
.optD .usmap .city .dot{r:8}
.optD .usmap .city.on .dot{r:10}
.optD .usmap .city .halo{r:16}
.optD .usmap .city:focus{outline:0}
.optD .xsel{margin-top:8px}
.optD .xtitle2{margin:0;font-weight:700;font-size:17px;color:#fff}
.optD .xnum{margin:4px 0 0;font-size:15px;color:#c9c9c4}
.optD .xnum b{color:#ffc400;font-family:var(--display);font-size:26px;font-weight:800;margin-right:8px}
.optD .xperm2{margin:6px 0 0;font-size:14px;color:#c9c9c4}
.optD section.hero .xrow{margin-top:12px}
.optD section.hero .xrow .xfind{flex:1 1 100%;width:100%;max-width:none;height:44px;border-radius:12px;font-size:15px;padding:0 14px}
.optD section.hero .xrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.optD section.hero .xrow .xlab{display:inline-block;margin:0 4px 0 0;flex:0 0 auto}
.optD section.hero .xrow .xchips{display:contents}
.optD section.hero .xrow .xfind{flex:1 1 100%;width:100%;max-width:none;height:48px;border-radius:12px;font-size:16px;padding:0 16px;margin-top:4px}
@media (max-width:700px){.optD .hero-grid{grid-template-columns:1fr!important;gap:28px}.optD .hero-side{min-width:0;width:auto}.optD .xrow{flex-wrap:wrap}.optD .xfind{max-width:100%}}
.optD .xperm2{margin-top:10px;font-size:14px;color:#c9c9c4}
/* E iz city v68 */
body[data-look="b3"] .optE section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] .optE section.hero .lead{color:#c9c9c4}
body[data-look="b3"] .optE section.hero h1{color:#fff}
.optE .cityhero .wrap{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:start}
@media (max-width:900px){.optE .cityhero .wrap{grid-template-columns:1fr}}
.optE .btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.optE .rcard-w .btn-o{color:#111;border-color:#111}
.optE .cityhero .wrap{grid-template-columns:1.35fr 1fr}
.optE .cityhero .wrap{display:block}
.optE .hv{display:none}
.optE .hv .lead{margin-top:16px;max-width:56ch}
.optE .hbtns{display:grid;grid-template-columns:1fr;width:fit-content;gap:12px;margin-top:32px}
.optE .hbtns .btn{justify-content:center;text-align:center}
.optE .hbtns .btn{min-height:48px;padding:0 22px;font-size:16px}
.optE .hbtns .btn.btn-o, body[data-look="b3"] .optE .hbtns .btn.btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.optE .hv-b .hv-r{text-align:left;padding-left:8px}
.optE .hv-b .hv-r .hbtns{margin-top:28px}
.optE .hv-c h1, .optE .hv-c .lead{margin-left:auto;margin-right:auto}
.optE .hv-c .hbtns{margin-left:auto;margin-right:auto}
@media (max-width:900px){.optE .hv-b .hv-r{text-align:left}}
.optE .hv .hv-r{text-align:left}
.optE .hv .hnum{margin-top:0}
.optE .hv .hnum b{font-size:clamp(48px,5.5vw,72px)}
.optE .hv .hv-r svg{display:block;width:100%;height:auto;margin-top:22px}
.optE .hv .hv-r .hbtns{margin-top:28px}
.optE .hv-r .gg{max-width:300px}
.optE .proofline{margin:14px 0 0;font-size:20px;font-weight:600;color:#ffc400;letter-spacing:-.01em}
.optE .hv .proofline+.lead{margin-top:18px}
.optE .hv-h{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.optE .mc-row{display:flex;gap:10px;flex-wrap:wrap}
.optE .mc-in-wrap{position:relative;flex:1 1 180px}
.optE .mc-in-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#9a9a94;font-size:18px}
.optE .mc-in{width:100%;height:50px;border-radius:12px;border:1.5px solid #555;background:#1f1f1e;color:#fff;font:600 18px var(--display);padding:0 16px 0 34px;box-sizing:border-box}
.optE .mc-in:focus{outline:none;border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.35)}
.optE .mc-go{height:50px;padding:0 20px;font-size:16px}
.optE .hv-h .mc{margin-top:22px}
.optE .mc-res{margin:14px 0 0;font-size:17px;line-height:1.45;color:#fff;min-height:1.4em}
.optE .mc-res b{color:#ffc400}
.optE .mc-res a{color:#ffc400;text-decoration:underline;text-underline-offset:3px}
.optE .hv .hv-r svg{margin-top:0}
@media (max-width:900px){.optE .hv-h{grid-template-columns:1fr}}
.optE .hv-h .hv-l .hbtns{margin-top:30px}
.optE section.hero{padding-top:56px}
.optE .hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.optE .hero[data-layout="c"] .lead{max-width:62ch}
.optE .lead{font-size:21px;color:var(--ink-2);max-width:56ch}
.optE .hub1{padding-top:0}
.optE .hub1 .crumbs{margin-bottom:18px}
.optE .hub1 h1{font-size:clamp(36px,5vw,60px)}
.optE .hub1-e, .optE .hub1-f{background:#111;color:#fff;padding:48px 0 56px;margin-bottom:8px}
.optE .hub1-e .crumbs, .optE .hub1-f .crumbs, .optE .hub1-e .lead, .optE .hub1-f .lead, .optE .hub1-p-dark, .optE .hub1-e .hub1-p{color:#c9c9c4}
.optE .hub1-e .crumbs a, .optE .hub1-f .crumbs a{color:#c9c9c4}
.optE .hub1-e h1, .optE .hub1-f h1{color:#fff}
.optE .hub1-e .hub1-stat{margin-top:22px}
.optE .hub1 h1.wide{max-width:22ch}
.optE .hub1-p2 .lead{margin-bottom:34px}
body[data-space="airy"] .optE section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .optE .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
@media (max-width:820px){body[data-space="airy"] .optE section.hero{padding-top:36px;padding-bottom:64px}}
.optE .hub1-e{padding:40px 0 48px}
.optE .hub1-e h1{font-size:clamp(32px,4vw,50px);max-width:16ch;margin-top:0}
.optE .hub1-e .lead{font-size:18px;margin-top:14px;max-width:44ch}
.optE .hub1-e .hub1-stat{margin-top:18px}
.optE .hub1-e .hub1-stat .n{font-size:44px}
.optE .cityhero h1{max-width:18ch}
.optE .cityhero .hcard{align-self:center}
.optE .cityhero .hcard .btn.hlink{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700}
.optE .cityhero h1.wide{max-width:24ch}
.optE .cityhero .bignum{font-size:clamp(64px,10vw,120px)}
.optE .cityhero h1.under{font-size:clamp(22px,2.6vw,30px);font-weight:600;max-width:36ch;margin-top:10px;color:#fff}
.optE .cityhero h1.under .y{color:#ffc400}
.optE .cityhero.short{padding-bottom:0}
@media (min-width:601px) and (max-width:900px){.optE #tw th .nw{white-space:nowrap}}
@media (max-width:600px){.optE .hbtns{width:100%}.optE .hbtns .btn{width:100%;box-sizing:border-box}}
@media (max-width:600px){.optE .cityhero .hv-h{display:flex;flex-direction:column;gap:0}.optE .cityhero .hv-h .hv-l{display:contents}.optE .cityhero .hv-h .hv-r{order:5;margin-top:28px}.optE .cityhero .hv-h .hbtns{order:10;margin-top:28px}}
.optE .mc-ask{margin-top:18px}
.optE .hub1-e .mc-ask{font-size:18px;max-width:44ch}
@media (min-width:901px){.optE .cityhero .hv-l .mc-ask{margin-top:28px}.optE .cityhero .hv-l .mc-ask + .hbtns{margin-top:24px}}
@media (max-width:900px){.optE .cityhero .hv-l .mc-ask{margin-top:28px}}
.optE .mc-in-wrap.sfx{flex:1 1 140px}
.optE .mc-in-wrap.sfx i{left:auto;right:16px}
.optE .mc-in-wrap.sfx .mc-in{padding:0 64px 0 16px}
.optE .mc-ask{margin-top:18px}
.optE .hub1-e .mc-ask{font-size:18px;max-width:44ch}
@media (min-width:901px){.optE .cityhero .hv-l .mc-ask{margin-top:28px}.optE .cityhero .hv-l .mc-ask + .hbtns{margin-top:24px}}
@media (max-width:900px){.optE .cityhero .hv-l .mc-ask{margin-top:28px}}
.optE .mc-ask [hidden], .optE #readers [hidden], .optE .hbtns[hidden]{display:none!important}
.optE .mc-ask .ck-row1, .optE .mc-ask .ck-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.optE .mc-ask .ck-row2{margin-top:10px}
.optE .mc-ask .ck-row2 .city .mc-in{padding:0 16px}
.optE .mc-ask .ck-row2 .mc-go{width:100%}
.optE .mc-ask .mc-res{min-height:5.8em}
.optE .mc-ask .mc-res p{margin:0}
.optE .mc-ask .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
.optE .mc-ask .ck-next{margin-top:14px}
.optE .mc-ask .ck-next .btn{min-height:50px}
@media (max-width:520px){.optE .mc-ask .ck-next .btn{width:100%}}
.optE .cityhero .hv-l .lead{font-size:18px;line-height:1.55}
.optE .hgfx{margin-bottom:14px}
.optE .n3s[hidden]{display:none!important}
.optE .hg-house{width:100%;height:auto;display:block;overflow:visible}
.optE .hg-house .ln path, .optE .hg-house .ln circle{fill:none;stroke:#c9c9c4;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.optE .hg-house .ln path.roof{stroke:#ffc400;stroke-width:3.5}
.optE .hg-house .ln path.shg{stroke:#ffc400;stroke-width:1.5;opacity:.8}
.optE .hg-house .ln path.gut{stroke:#8a8a86}
.optE .hg-house .fl .chim{fill:#3a3a38}
.optE .hg-house .fl .wall{fill:#2a2a28}
.optE .hg-house .fl .gable{fill:#1f1f1e}
.optE .hg-house .fl .roofb{fill:#ffc400}
.optE .hg-house .fl .dark{fill:#111}
.optE .hg-house .fl .knob{fill:#ffc400}
.optE .hg-house .fl .mul{fill:none;stroke:#3a3a38;stroke-width:2}
.optE .hg-house .fl .gnd{stroke:#555;stroke-width:2;fill:none}
.optE .hg-house .iso .wallf{fill:#2a2a28}
.optE .hg-house .iso .walls{fill:#1f1f1e}
.optE .hg-house .iso .gable{fill:#333331}
.optE .hg-house .iso .roofp{fill:#ffc400}
.optE .hg-house .iso .edge{fill:none;stroke:#ffc400;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.optE .hg-house .iso .edge2{fill:none;stroke:#e6b000;stroke-width:3;stroke-linecap:round}
.optE .hg-house .iso .dark{fill:#111}
.optE .hg-house .iso .gnd{stroke:#555;stroke-width:2;fill:none}
.optE .hg-house .lead{fill:none;stroke:#ffc400;stroke-width:1.5;stroke-dasharray:3 3}
.optE .hg-house .tag rect{fill:#1a1a19;stroke:#555;stroke-width:1}
.optE .hg-house .tag.c rect{stroke:#ffc400}
.optE .hg-house .tag .k{font:600 12px var(--body);fill:#ffc400}
.optE .hg-house .tag .v{font:800 19px var(--display);fill:#fff}
.optE .hg-house .tag.you rect{fill:#111;stroke:#ffc400;stroke-width:1.5}
.optE .hg-house .tag.you .k{fill:#ffc400}
.optE .hg-house .tag.you .v{fill:#fff;font-size:17px}
@media (max-width:700px){body[data-hero="a"] .optE .n3s, body[data-hero="c"] .optE .n3s{grid-template-columns:1fr}}
.optE .cityhero .mc-row{flex-wrap:nowrap}
.optE .cityhero .mc-row .mc-go{flex:none}
.optE .mc-ask .mc-res{min-height:0}
.optE .mc-ask .mc-res p{margin:0}
.optE .mc-ask .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
.optE .ck-next{margin-top:14px}
.optE .ck-next .btn{min-height:50px}
.optE .ck-next[hidden], .optE .hbtns[hidden]{display:none!important}
.optE .cityhero .hv-h{align-items:start}
.optE .n3s{display:grid;gap:12px;grid-auto-rows:1fr}
.optE .n3{display:flex;flex-direction:column}
.optE .n3 .r{margin-top:auto}
.optE .nw{white-space:nowrap}
.optE .n3{border:1px solid #555;border-radius:14px;padding:16px 18px 14px;background:#1a1a19}
.optE .n3 .k{display:block;font-size:15px;font-weight:600;color:#ffc400;margin:0 0 6px}
.optE .n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.optE .n3 .v{font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.optE .n3 .v.none{font-size:24px;color:#c9c9c4}
.optE .n3 .s{flex:1 1 150px;font-size:14px;line-height:1.4;color:#c9c9c4}
.optE .n3 .r{margin:10px 0 0;padding-top:10px;border-top:1px solid #333;font-size:15px;line-height:1.4;color:#8a8a85;min-height:0}
.optE .n3 .r.on{color:#fff}
.optE .n3 .r b{color:#ffc400;font-weight:700}
@media (max-width:600px){.optE .cityhero .hv-h .hv-r{order:5;margin-top:24px}.optE .cityhero .hv-h .ck-next{order:6;margin-top:16px}.optE .ck-next .btn{width:100%}.optE .n3{padding:14px 16px 12px}.optE .n3 .v{font-size:28px}}
.optE .n3 .v.inv{font-size:26px}
.optE .cityhero .lead+.proofline{margin-top:24px}
.optE .cityhero .hv-l .lead{max-width:48ch}
.optE .nw{white-space:nowrap}
.optE .hgfx{margin:0 0 28px}
.optE .hg-house{max-width:none;margin:0}
.optE .n3s{gap:0;grid-auto-rows:auto}
.optE .n3{border:0;border-top:1px solid #333;border-radius:0;background:transparent;padding:10px 0 9px;display:block}
.optE .n3:first-child{border-top:0;padding-top:0}
@media (min-width:901px){.optE .cityhero .hv-h{align-items:center}}
.optE .cityhero .mc-in, .optE .cityhero .mc-go{height:50px;min-height:50px;max-height:50px;padding-top:0;padding-bottom:0;line-height:48px;box-sizing:border-box}
.optE .n3 .k{display:block;font-size:14px;margin:0 0 2px}
.optE .n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.optE .n3 .v{font-size:24px}
.optE .n3 .v.inv{font-size:20px}
.optE .n3 .v.none{font-size:18px}
.optE .n3 .s{flex:1 1 180px;font-size:13.5px;line-height:1.35}
.optE .n3 .r{margin:5px 0 0;padding:0;border:0;font-size:14px;line-height:1.35}
@media (max-width:600px){.optE .n3{padding:10px 0 9px}.optE .n3 .v{font-size:22px}}
.optE .cityhero .mc-in-wrap{min-width:0}
.optE .cityhero .mc-in{min-width:0;width:100%}
.optE .cityhero .mc-row{min-width:0;width:100%}
@media (max-width:600px){.optE .cityhero .hv-h{display:flex;flex-direction:column}.optE .cityhero .hv-h #h1{order:1}.optE .cityhero .hv-h .hgfx{margin:0 0 14px}.optE .cityhero .hv-h .hgfx svg{width:62%;max-width:230px;margin:0 auto;display:block}.optE .cityhero .hv-h .n3s{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.optE .cityhero .hv-h .n3{border-top:1px solid #333;padding:9px 0 8px}.optE .cityhero .hv-h .n3:nth-child(-n+2){border-top:0;padding-top:0}.optE .cityhero .hv-h .n3:nth-child(3){grid-column:1/-1}.optE .cityhero .hv-h .n3 .k{font-size:13px;margin-bottom:3px}.optE .cityhero .hv-h .n3 .v{font-size:24px}.optE .cityhero .hv-h .n3 .v.inv{font-size:20px}.optE .cityhero .hv-h .n3 .s{font-size:12.5px;flex-basis:100%}.optE .cityhero .hv-h .lead{font-size:16px;line-height:1.5;color:#c9c9c4}.optE .cityhero .hv-h .proofline{margin-top:0}.optE .cityhero .hv-h .mc-ask{margin-top:12px}.optE .cityhero .hv-h .hbtns{order:5;margin-top:18px}.optE .cityhero .hv-h .ck-next{order:5;margin-top:14px}.optE .cityhero .hv-h .hv-r{order:2;margin:18px 0 0}.optE .cityhero .hv-h .proofline{order:3;margin-top:22px}.optE .cityhero .hv-h .mc-ask{order:4}.optE .cityhero .hv-h .lead{order:7;margin-top:22px}}
@media (max-width:600px){.optE .cityhero.hub1-e{background:#fff;padding:0;margin-bottom:0}.optE .cityhero.hub1-e .wrap{background:#111;padding-top:28px;padding-bottom:0}.optE .cityhero .hv-h .hgfx svg{width:52%;max-width:200px}.optE .cityhero .hv-h .hv-r{margin-top:14px}.optE .cityhero .hv-h .n3:nth-child(3) .s{flex-basis:auto}.optE .cityhero .hv-h .proofline{margin-top:18px;font-size:19px}.optE .cityhero .hv-h .mc-ask{margin-top:10px}.optE .mc-ask .mc-res{margin-top:10px;min-height:0;font-size:14.5px;line-height:1.4;color:#c9c9c4}.optE .mc-ask .mc-res p{display:inline;margin:0}.optE .mc-ask .mc-res p.sm{font-size:14.5px}.optE .mc-ask .mc-res p.sm::before{content:" "}.optE .cityhero .hv-h .hbtns{margin-top:16px;padding-bottom:28px}.optE .cityhero .hv-h .ck-next{margin-top:12px}.optE .cityhero .hv-h .lead{order:7;margin:0 calc(50% - 50vw);padding:28px calc(50vw - 50%) 0;box-sizing:border-box;width:100vw;max-width:100vw;background:#fff;color:#333;font-size:17px;line-height:1.6}}
@media (max-width:600px){.optE .cityhero .hv-h .n3s{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.optE .cityhero .n3{min-width:0}.optE .cityhero .n3 .v.none{white-space:normal}}
/* F = v8 + v68 */
body[data-look="b3"] .optF section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] .optF section.hero .lead{color:#c9c9c4}
body[data-look="b3"] .optF section.hero h1{color:#fff}
.optF .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.optF .hero-grid h1{font-size:clamp(34px,4.6vw,58px);max-width:16ch}
.optF section.hero{padding-top:56px}
@media (max-width:820px){.optF .hero-grid{grid-template-columns:1fr;gap:28px}}
.optF .hero-side{display:flex;flex-direction:column;gap:18px}
.optF .hero-side .stat{border-left:4px solid var(--hot,#ffc400);padding-left:16px}
.optF .hero-side .stat .n{font-family:var(--display);font-size:44px;font-weight:var(--h1w);line-height:1;letter-spacing:-.02em}
.optF .hero-side .l{font-size:14.5px;color:var(--ink-2)}
body[data-look="b3"] .optF .hero-side .l, body[data-look="b3"] .optF .hist-title{color:#c9c9c4}
.optF .row .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px}
.optF .row.ghost .badge{background:#e5e5e0}
.optF .badge{display:inline-block;background:#ffc400;padding:6px 12px;border-radius:8px;font-family:var(--display);font-weight:800;font-size:18px;line-height:1.2}
.optF .bento .tile.big .badge{align-self:flex-start}
.optF .bento .tile.demo .badge{background:#f0f0ec}
.optF .bento .tile:not(.big) .badge{background:transparent;padding:0;font-size:20px}
.optF .explorer{gap:12px}
.optF .xrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.optF .xchips{display:flex;gap:6px;flex-wrap:wrap}
.optF .xchips button{font:inherit;font-size:14px;font-weight:600;background:transparent;color:#fff;border:1.5px solid #555;border-radius:999px;padding:7px 12px;cursor:pointer;min-height:36px}
.optF .xchips button[aria-pressed="true"]{background:#ffc400;color:#111;border-color:#ffc400}
.optF .xchips button.demo{color:#8a8a86;border-style:dashed}
.optF .xchips select{font:inherit;font-size:14px;padding:7px 10px;border-radius:999px;background:#111;color:#fff;border:1.5px solid #555;min-height:36px}
.optF .xfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body:not([data-look="b3"]) .optF .xchips button{color:var(--ink);border-color:var(--line)}
.optF .hero-grid{align-items:center}
.optF .xfind{font:inherit;font-size:14px;padding:7px 12px;border-radius:999px;border:1.5px solid #555;background:#111;color:#fff;min-height:36px;width:150px}
.optF .xfind::placeholder{color:#8a8a86}
.optF .xchips{max-height:96px;overflow:auto;padding:6px;border:1px dashed #555;border-radius:12px}
body:not([data-look="b3"]) .optF .xfind{background:#fff;color:var(--ink);border-color:var(--line)}
.optF .hero[data-layout="a"] .hero-grid{grid-template-columns:1fr;gap:28px;align-items:start}
.optF .hero[data-layout="a"] .hero-grid h1{font-size:clamp(40px,6.6vw,84px);max-width:18ch}
.optF .hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.optF .hero[data-layout="a"] .explorer{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"t j" "s c" "s a" "f f";gap:14px 40px;align-items:start;background:#1f1f1e;border-radius:16px;padding:22px 26px}
.optF .hero[data-layout="a"] #xtitle{grid-area:t}
.optF .hero[data-layout="a"] #xsvg{grid-area:s;max-height:150px}
.optF .hero[data-layout="a"] .xfoot{grid-area:f}
.optF .hero[data-layout="a"] #xjob{grid-area:j}
.optF .hero[data-layout="a"] .xrow{grid-area:c}
.optF .hero[data-layout="a"] .xchips{grid-area:a}
@media (max-width:820px){.optF .hero[data-layout="a"] .explorer{grid-template-columns:1fr;grid-template-areas:"j" "c" "a" "t" "s" "f"}}
.optF .hero[data-layout="b"] .hero-grid{grid-template-columns:1.35fr 1fr;gap:48px}
.optF .hero[data-layout="b"] .hero-grid h1{font-size:clamp(36px,5.2vw,66px);max-width:14ch}
.optF .hero[data-layout="b"] .explorer{gap:10px}
.optF .hero[data-layout="b"] .xseg button{font-size:13.5px;padding:8px 6px;min-height:38px}
.optF .hero[data-layout="b"] .xchips button, .optF .hero[data-layout="b"] .xfind{font-size:13px;min-height:32px;padding:5px 10px}
.optF .hero[data-layout="b"] .xfind{width:120px}
.optF .hero[data-layout="b"] #xsvg{max-height:170px;width:100%}
.optF .hero[data-layout="b"] .hist-title{font-size:16px}
.optF .hero[data-layout="b"] .xfoot .btn{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700;box-shadow:none}
.optF .hero[data-layout="b"] .xfoot .btn::after{content:"\00a0›"}
.optF .hero[data-layout="b"] .xfoot .l{display:none}
.optF .hero[data-layout="c"]{position:relative;overflow:hidden}
.optF .hero[data-layout="c"] .hero-grid{grid-template-columns:1fr;gap:18px;position:relative;z-index:1}
.optF .hero[data-layout="c"] .hero-grid h1{font-size:clamp(42px,7vw,92px);max-width:16ch}
.optF .hero[data-layout="c"] .lead{max-width:62ch}
.optF .hero[data-layout="c"] .explorer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px}
.optF .hero[data-layout="c"] #xjob{flex:0 1 460px}
.optF .hero[data-layout="c"] .xrow{flex:1 1 320px}
.optF .hero[data-layout="c"] .xchips{flex-basis:100%}
.optF .hero[data-layout="c"] #xsvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;max-height:none;opacity:.16;z-index:0;pointer-events:none}
.optF .hero[data-layout="c"] #xsvg .lab, .optF .hero[data-layout="c"] #xsvg .ax, .optF .hero[data-layout="c"] #xsvg .med{display:none}
.optF .hero[data-layout="c"] #xsvg .bars rect{fill:#fff}
.optF .hero[data-layout="c"] #xsvg .bars rect.hi{fill:#ffc400}
.optF .hero[data-layout="c"] #xtitle{flex-basis:100%;order:5}
.optF .hero[data-layout="c"] .xbig{display:block;flex-basis:100%;order:6;font-family:var(--display);font-weight:800;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.02em;color:#ffc400}
.optF .hero[data-layout="c"] .xbig small{display:block;font-size:16px;color:#c9c9c4;font-weight:600;margin-top:8px;letter-spacing:0}
.optF .hero[data-layout="c"] .xfoot{flex-basis:100%;order:7}
.optF .hero[data-layout="c"] .xfoot .l{display:none}
.optF h1, .optF h2, .optF h3{font-family:var(--display);margin:0 0 .35em;line-height:1.08;letter-spacing:-.01em}
.optF h1{font-size:var(--h1);font-weight:var(--h1w);max-width:20ch}
.optF .lead{font-size:21px;color:var(--ink-2);max-width:56ch}
body[data-space="airy"] .optF section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .optF .hero[data-layout="b"] .hero-grid{gap:72px}
body[data-space="airy"] .optF .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
@media (max-width:820px){body[data-space="airy"] .optF section.hero{padding-top:36px;padding-bottom:64px}}
.optF h1, .optF h2{text-wrap:balance}
.optF section.hero .xseg button, .optF section.hero .xchips button, .optF section.hero .xfind{min-height:44px}
.optF section.hero .xfoot .btn{display:inline-flex;align-items:center;min-height:44px}
.optF .bento.solo .tile.big .badge{grid-area:badge;justify-self:start}
.optF .xjob1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.optF .xjob1 .badge{background:#ffc400;color:#111;font-weight:700;border-radius:8px;padding:6px 12px;font-size:16px}
.optF .xjob1-n{font-size:14px;color:#c9c9c4}
@media (min-width:901px){.optF section.hero .hero-grid{grid-template-columns:1.05fr 1.2fr;gap:44px}}
.optF .usmap{width:100%;height:auto;display:block;margin-top:14px}
.optF .usmap .grid circle{fill:#3a3a38}
.optF .usmap .city{cursor:pointer}
.optF .usmap .city .dot{fill:#ffc400}
.optF .usmap .city .halo{fill:#ffc400;opacity:0;transition:opacity .15s}
.optF .usmap .city:focus-visible .halo{opacity:.25}@media (hover:hover) and (pointer:fine){.optF .usmap .city:hover .halo{opacity:.25}}
.optF .usmap .city.on .halo{opacity:.3}
.optF .usmap .city.on .dot{r:9}
.optF .usmap .city .lab{fill:#c9c9c4;font-size:17px;font-weight:600;pointer-events:none}
.optF .usmap .city.on .lab{fill:#fff;font-size:18px}
.optF .usmap .city .dot{r:8}
.optF .usmap .city.on .dot{r:10}
.optF .usmap .city .halo{r:16}
.optF .usmap .city:focus{outline:0}
.optF .xsel{margin-top:8px}
.optF .xtitle2{margin:0;font-weight:700;font-size:17px;color:#fff}
.optF .xnum{margin:4px 0 0;font-size:15px;color:#c9c9c4}
.optF .xnum b{color:#ffc400;font-family:var(--display);font-size:26px;font-weight:800;margin-right:8px}
.optF .xperm2{margin:6px 0 0;font-size:14px;color:#c9c9c4}
.optF section.hero .xrow{margin-top:12px}
.optF section.hero .xrow .xfind{flex:1 1 100%;width:100%;max-width:none;height:44px;border-radius:12px;font-size:15px;padding:0 14px}
.optF section.hero .xrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.optF section.hero .xrow .xlab{display:inline-block;margin:0 4px 0 0;flex:0 0 auto}
.optF section.hero .xrow .xchips{display:contents}
.optF section.hero .xrow .xfind{flex:1 1 100%;width:100%;max-width:none;height:48px;border-radius:12px;font-size:16px;padding:0 16px;margin-top:4px}
@media (max-width:700px){.optF .hero-grid{grid-template-columns:1fr!important;gap:28px}.optF .hero-side{min-width:0;width:auto}.optF .xrow{flex-wrap:wrap}.optF .xfind{max-width:100%}}
.optF .xperm2{margin-top:10px;font-size:14px;color:#c9c9c4}
body[data-look="b3"] .optF section.hero{background:#111;color:#fff;padding-bottom:64px;margin-bottom:8px}
body[data-look="b3"] .optF section.hero .lead{color:#c9c9c4}
body[data-look="b3"] .optF section.hero h1{color:#fff}
.optF .cityhero .wrap{display:grid;grid-template-columns:3fr 2fr;gap:40px;align-items:start}
@media (max-width:900px){.optF .cityhero .wrap{grid-template-columns:1fr}}
.optF .btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.optF .rcard-w .btn-o{color:#111;border-color:#111}
.optF .cityhero .wrap{grid-template-columns:1.35fr 1fr}
.optF .cityhero .wrap{display:block}
.optF .hv{display:none}
.optF .hv .lead{margin-top:16px;max-width:56ch}
.optF .hbtns{display:grid;grid-template-columns:1fr;width:fit-content;gap:12px;margin-top:32px}
.optF .hbtns .btn{justify-content:center;text-align:center}
.optF .hbtns .btn{min-height:48px;padding:0 22px;font-size:16px}
.optF .hbtns .btn.btn-o, body[data-look="b3"] .optF .hbtns .btn.btn-o{background:transparent;color:#ffc400;border:1.5px solid #ffc400}
.optF .hv-b .hv-r{text-align:left;padding-left:8px}
.optF .hv-b .hv-r .hbtns{margin-top:28px}
.optF .hv-c h1, .optF .hv-c .lead{margin-left:auto;margin-right:auto}
.optF .hv-c .hbtns{margin-left:auto;margin-right:auto}
@media (max-width:900px){.optF .hv-b .hv-r{text-align:left}}
.optF .hv .hv-r{text-align:left}
.optF .hv .hnum{margin-top:0}
.optF .hv .hnum b{font-size:clamp(48px,5.5vw,72px)}
.optF .hv .hv-r svg{display:block;width:100%;height:auto;margin-top:22px}
.optF .hv .hv-r .hbtns{margin-top:28px}
.optF .hv-r .gg{max-width:300px}
.optF .proofline{margin:14px 0 0;font-size:20px;font-weight:600;color:#ffc400;letter-spacing:-.01em}
.optF .hv .proofline+.lead{margin-top:18px}
.optF .hv-h{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.optF .mc-row{display:flex;gap:10px;flex-wrap:wrap}
.optF .mc-in-wrap{position:relative;flex:1 1 180px}
.optF .mc-in-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-style:normal;color:#9a9a94;font-size:18px}
.optF .mc-in{width:100%;height:50px;border-radius:12px;border:1.5px solid #555;background:#1f1f1e;color:#fff;font:600 18px var(--display);padding:0 16px 0 34px;box-sizing:border-box}
.optF .mc-in:focus{outline:none;border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.35)}
.optF .mc-go{height:50px;padding:0 20px;font-size:16px}
.optF .hv-h .mc{margin-top:22px}
.optF .mc-res{margin:14px 0 0;font-size:17px;line-height:1.45;color:#fff;min-height:1.4em}
.optF .mc-res b{color:#ffc400}
.optF .mc-res a{color:#ffc400;text-decoration:underline;text-underline-offset:3px}
.optF .hv .hv-r svg{margin-top:0}
@media (max-width:900px){.optF .hv-h{grid-template-columns:1fr}}
.optF .hv-h .hv-l .hbtns{margin-top:30px}
.optF section.hero{padding-top:56px}
.optF .hero[data-layout="a"] .lead{font-size:20px;max-width:70ch}
.optF .hero[data-layout="c"] .lead{max-width:62ch}
.optF .lead{font-size:21px;color:var(--ink-2);max-width:56ch}
.optF .hub1{padding-top:0}
.optF .hub1 .crumbs{margin-bottom:18px}
.optF .hub1 h1{font-size:clamp(36px,5vw,60px)}
.optF .hub1-e, .optF .hub1-f{background:#111;color:#fff;padding:48px 0 56px;margin-bottom:8px}
.optF .hub1-e .crumbs, .optF .hub1-f .crumbs, .optF .hub1-e .lead, .optF .hub1-f .lead, .optF .hub1-p-dark, .optF .hub1-e .hub1-p{color:#c9c9c4}
.optF .hub1-e .crumbs a, .optF .hub1-f .crumbs a{color:#c9c9c4}
.optF .hub1-e h1, .optF .hub1-f h1{color:#fff}
.optF .hub1-e .hub1-stat{margin-top:22px}
.optF .hub1 h1.wide{max-width:22ch}
.optF .hub1-p2 .lead{margin-bottom:34px}
body[data-space="airy"] .optF section.hero{padding-top:64px;padding-bottom:96px;margin-bottom:0}
body[data-space="airy"] .optF .hero .lead{font-size:20px;line-height:1.5;max-width:44ch;margin-top:20px}
@media (max-width:820px){body[data-space="airy"] .optF section.hero{padding-top:36px;padding-bottom:64px}}
.optF .hub1-e{padding:40px 0 48px}
.optF .hub1-e h1{font-size:clamp(32px,4vw,50px);max-width:16ch;margin-top:0}
.optF .hub1-e .lead{font-size:18px;margin-top:14px;max-width:44ch}
.optF .hub1-e .hub1-stat{margin-top:18px}
.optF .hub1-e .hub1-stat .n{font-size:44px}
.optF .cityhero h1{max-width:18ch}
.optF .cityhero .hcard{align-self:center}
.optF .cityhero .hcard .btn.hlink{background:transparent;color:#ffc400;padding:0;min-height:auto;font-weight:700}
.optF .cityhero h1.wide{max-width:24ch}
.optF .cityhero .bignum{font-size:clamp(64px,10vw,120px)}
.optF .cityhero h1.under{font-size:clamp(22px,2.6vw,30px);font-weight:600;max-width:36ch;margin-top:10px;color:#fff}
.optF .cityhero h1.under .y{color:#ffc400}
.optF .cityhero.short{padding-bottom:0}
@media (min-width:601px) and (max-width:900px){.optF #tw th .nw{white-space:nowrap}}
@media (max-width:600px){.optF .hbtns{width:100%}.optF .hbtns .btn{width:100%;box-sizing:border-box}}
@media (max-width:600px){.optF .cityhero .hv-h{display:flex;flex-direction:column;gap:0}.optF .cityhero .hv-h .hv-l{display:contents}.optF .cityhero .hv-h .hv-r{order:5;margin-top:28px}.optF .cityhero .hv-h .hbtns{order:10;margin-top:28px}}
.optF .mc-ask{margin-top:18px}
.optF .hub1-e .mc-ask{font-size:18px;max-width:44ch}
@media (min-width:901px){.optF .cityhero .hv-l .mc-ask{margin-top:28px}.optF .cityhero .hv-l .mc-ask + .hbtns{margin-top:24px}}
@media (max-width:900px){.optF .cityhero .hv-l .mc-ask{margin-top:28px}}
.optF .mc-in-wrap.sfx{flex:1 1 140px}
.optF .mc-in-wrap.sfx i{left:auto;right:16px}
.optF .mc-in-wrap.sfx .mc-in{padding:0 64px 0 16px}
.optF .mc-ask{margin-top:18px}
.optF .hub1-e .mc-ask{font-size:18px;max-width:44ch}
@media (min-width:901px){.optF .cityhero .hv-l .mc-ask{margin-top:28px}.optF .cityhero .hv-l .mc-ask + .hbtns{margin-top:24px}}
@media (max-width:900px){.optF .cityhero .hv-l .mc-ask{margin-top:28px}}
.optF .mc-ask [hidden], .optF #readers [hidden], .optF .hbtns[hidden]{display:none!important}
.optF .mc-ask .ck-row1, .optF .mc-ask .ck-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.optF .mc-ask .ck-row2{margin-top:10px}
.optF .mc-ask .ck-row2 .city .mc-in{padding:0 16px}
.optF .mc-ask .ck-row2 .mc-go{width:100%}
.optF .mc-ask .mc-res{min-height:5.8em}
.optF .mc-ask .mc-res p{margin:0}
.optF .mc-ask .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
.optF .mc-ask .ck-next{margin-top:14px}
.optF .mc-ask .ck-next .btn{min-height:50px}
@media (max-width:520px){.optF .mc-ask .ck-next .btn{width:100%}}
.optF .cityhero .hv-l .lead{font-size:18px;line-height:1.55}
.optF .hgfx{margin-bottom:14px}
.optF .n3s[hidden]{display:none!important}
.optF .hg-house{width:100%;height:auto;display:block;overflow:visible}
.optF .hg-house .ln path, .optF .hg-house .ln circle{fill:none;stroke:#c9c9c4;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.optF .hg-house .ln path.roof{stroke:#ffc400;stroke-width:3.5}
.optF .hg-house .ln path.shg{stroke:#ffc400;stroke-width:1.5;opacity:.8}
.optF .hg-house .ln path.gut{stroke:#8a8a86}
.optF .hg-house .fl .chim{fill:#3a3a38}
.optF .hg-house .fl .wall{fill:#2a2a28}
.optF .hg-house .fl .gable{fill:#1f1f1e}
.optF .hg-house .fl .roofb{fill:#ffc400}
.optF .hg-house .fl .dark{fill:#111}
.optF .hg-house .fl .knob{fill:#ffc400}
.optF .hg-house .fl .mul{fill:none;stroke:#3a3a38;stroke-width:2}
.optF .hg-house .fl .gnd{stroke:#555;stroke-width:2;fill:none}
.optF .hg-house .iso .wallf{fill:#2a2a28}
.optF .hg-house .iso .walls{fill:#1f1f1e}
.optF .hg-house .iso .gable{fill:#333331}
.optF .hg-house .iso .roofp{fill:#ffc400}
.optF .hg-house .iso .edge{fill:none;stroke:#ffc400;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.optF .hg-house .iso .edge2{fill:none;stroke:#e6b000;stroke-width:3;stroke-linecap:round}
.optF .hg-house .iso .dark{fill:#111}
.optF .hg-house .iso .gnd{stroke:#555;stroke-width:2;fill:none}
.optF .hg-house .lead{fill:none;stroke:#ffc400;stroke-width:1.5;stroke-dasharray:3 3}
.optF .hg-house .tag rect{fill:#1a1a19;stroke:#555;stroke-width:1}
.optF .hg-house .tag.c rect{stroke:#ffc400}
.optF .hg-house .tag .k{font:600 12px var(--body);fill:#ffc400}
.optF .hg-house .tag .v{font:800 19px var(--display);fill:#fff}
.optF .hg-house .tag.you rect{fill:#111;stroke:#ffc400;stroke-width:1.5}
.optF .hg-house .tag.you .k{fill:#ffc400}
.optF .hg-house .tag.you .v{fill:#fff;font-size:17px}
@media (max-width:700px){body[data-hero="a"] .optF .n3s, body[data-hero="c"] .optF .n3s{grid-template-columns:1fr}}
.optF .cityhero .mc-row{flex-wrap:nowrap}
.optF .cityhero .mc-row .mc-go{flex:none}
.optF .mc-ask .mc-res{min-height:0}
.optF .mc-ask .mc-res p{margin:0}
.optF .mc-ask .mc-res .sm{margin-top:4px;font-size:14.5px;color:#c9c9c4}
.optF .ck-next{margin-top:14px}
.optF .ck-next .btn{min-height:50px}
.optF .ck-next[hidden], .optF .hbtns[hidden]{display:none!important}
.optF .cityhero .hv-h{align-items:start}
.optF .n3s{display:grid;gap:12px;grid-auto-rows:1fr}
.optF .n3{display:flex;flex-direction:column}
.optF .n3 .r{margin-top:auto}
.optF .nw{white-space:nowrap}
.optF .n3{border:1px solid #555;border-radius:14px;padding:16px 18px 14px;background:#1a1a19}
.optF .n3 .k{display:block;font-size:15px;font-weight:600;color:#ffc400;margin:0 0 6px}
.optF .n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.optF .n3 .v{font-size:32px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.optF .n3 .v.none{font-size:24px;color:#c9c9c4}
.optF .n3 .s{flex:1 1 150px;font-size:14px;line-height:1.4;color:#c9c9c4}
.optF .n3 .r{margin:10px 0 0;padding-top:10px;border-top:1px solid #333;font-size:15px;line-height:1.4;color:#8a8a85;min-height:0}
.optF .n3 .r.on{color:#fff}
.optF .n3 .r b{color:#ffc400;font-weight:700}
@media (max-width:600px){.optF .cityhero .hv-h .hv-r{order:5;margin-top:24px}.optF .cityhero .hv-h .ck-next{order:6;margin-top:16px}.optF .ck-next .btn{width:100%}.optF .n3{padding:14px 16px 12px}.optF .n3 .v{font-size:28px}}
.optF .n3 .v.inv{font-size:26px}
.optF .cityhero .lead+.proofline{margin-top:24px}
.optF .cityhero .hv-l .lead{max-width:48ch}
.optF .nw{white-space:nowrap}
.optF .hgfx{margin:0 0 28px}
.optF .hg-house{max-width:none;margin:0}
.optF .n3s{gap:0;grid-auto-rows:auto}
.optF .n3{border:0;border-top:1px solid #333;border-radius:0;background:transparent;padding:10px 0 9px;display:block}
.optF .n3:first-child{border-top:0;padding-top:0}
@media (min-width:901px){.optF .cityhero .hv-h{align-items:center}}
.optF .cityhero .mc-in, .optF .cityhero .mc-go{height:50px;min-height:50px;max-height:50px;padding-top:0;padding-bottom:0;line-height:48px;box-sizing:border-box}
.optF .n3 .k{display:block;font-size:14px;margin:0 0 2px}
.optF .n3 .vs{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.optF .n3 .v{font-size:24px}
.optF .n3 .v.inv{font-size:20px}
.optF .n3 .v.none{font-size:18px}
.optF .n3 .s{flex:1 1 180px;font-size:13.5px;line-height:1.35}
.optF .n3 .r{margin:5px 0 0;padding:0;border:0;font-size:14px;line-height:1.35}
@media (max-width:600px){.optF .n3{padding:10px 0 9px}.optF .n3 .v{font-size:22px}}
.optF .cityhero .mc-in-wrap{min-width:0}
.optF .cityhero .mc-in{min-width:0;width:100%}
.optF .cityhero .mc-row{min-width:0;width:100%}
@media (max-width:600px){.optF .cityhero .hv-h{display:flex;flex-direction:column}.optF .cityhero .hv-h #h1{order:1}.optF .cityhero .hv-h .hgfx{margin:0 0 14px}.optF .cityhero .hv-h .hgfx svg{width:62%;max-width:230px;margin:0 auto;display:block}.optF .cityhero .hv-h .n3s{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.optF .cityhero .hv-h .n3{border-top:1px solid #333;padding:9px 0 8px}.optF .cityhero .hv-h .n3:nth-child(-n+2){border-top:0;padding-top:0}.optF .cityhero .hv-h .n3:nth-child(3){grid-column:1/-1}.optF .cityhero .hv-h .n3 .k{font-size:13px;margin-bottom:3px}.optF .cityhero .hv-h .n3 .v{font-size:24px}.optF .cityhero .hv-h .n3 .v.inv{font-size:20px}.optF .cityhero .hv-h .n3 .s{font-size:12.5px;flex-basis:100%}.optF .cityhero .hv-h .lead{font-size:16px;line-height:1.5;color:#c9c9c4}.optF .cityhero .hv-h .proofline{margin-top:0}.optF .cityhero .hv-h .mc-ask{margin-top:12px}.optF .cityhero .hv-h .hbtns{order:5;margin-top:18px}.optF .cityhero .hv-h .ck-next{order:5;margin-top:14px}.optF .cityhero .hv-h .hv-r{order:2;margin:18px 0 0}.optF .cityhero .hv-h .proofline{order:3;margin-top:22px}.optF .cityhero .hv-h .mc-ask{order:4}.optF .cityhero .hv-h .lead{order:7;margin-top:22px}}
@media (max-width:600px){.optF .cityhero.hub1-e{background:#fff;padding:0;margin-bottom:0}.optF .cityhero.hub1-e .wrap{background:#111;padding-top:28px;padding-bottom:0}.optF .cityhero .hv-h .hgfx svg{width:52%;max-width:200px}.optF .cityhero .hv-h .hv-r{margin-top:14px}.optF .cityhero .hv-h .n3:nth-child(3) .s{flex-basis:auto}.optF .cityhero .hv-h .proofline{margin-top:18px;font-size:19px}.optF .cityhero .hv-h .mc-ask{margin-top:10px}.optF .mc-ask .mc-res{margin-top:10px;min-height:0;font-size:14.5px;line-height:1.4;color:#c9c9c4}.optF .mc-ask .mc-res p{display:inline;margin:0}.optF .mc-ask .mc-res p.sm{font-size:14.5px}.optF .mc-ask .mc-res p.sm::before{content:" "}.optF .cityhero .hv-h .hbtns{margin-top:16px;padding-bottom:28px}.optF .cityhero .hv-h .ck-next{margin-top:12px}.optF .cityhero .hv-h .lead{order:7;margin:0 calc(50% - 50vw);padding:28px calc(50vw - 50%) 0;box-sizing:border-box;width:100vw;max-width:100vw;background:#fff;color:#333;font-size:17px;line-height:1.6}}
@media (max-width:600px){.optF .cityhero .hv-h .n3s{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.optF .cityhero .n3{min-width:0}.optF .cityhero .n3 .v.none{white-space:normal}}
/* v5 skupno */
.optE .mc-go,.optF .mc-go{background:#ffc400!important;color:#111!important;border:0;border-radius:999px;padding:0 24px!important;font-weight:700}
.optD section.hero .hero-grid h1,.optF section.hero .hero-grid h1{font-size:clamp(32px,4vw,50px);max-width:16ch}
.optD section.hero,.optF section.hero{padding-top:28px!important;padding-bottom:48px!important}
.optE .crumbs,.optF .crumbs,.optD .crumbs{display:block}
.optE .cpl{margin:18px 0 8px;font-weight:700;font-size:15px;color:#ffc400}
.optE .cchips{gap:6px}
.optE .cchips button{min-height:40px;font-size:14.5px;padding:0 12px}
.seeall{display:inline-block;margin-top:14px;color:#ffc400;font-weight:700;text-decoration:none}
@media (hover:hover) and (pointer:fine){.seeall:hover{text-decoration:underline}}
.optF .xtitle2{margin:6px 0 4px}
.optF .n3s{margin-top:4px}
.optD .usmap .city .lab,.optF .usmap .city .lab{font-size:19px}
@media (max-width:900px){.optE .cityhero .hv-h .crumbs{order:0}.optE .cityhero .hv-h h1{order:1}.optE .cityhero .hv-h .lead{order:2!important;position:static!important;display:block!important;margin:12px 0 0!important;background:transparent!important;color:#c9c9c4!important;padding:0!important;width:auto!important;box-shadow:none!important;border:0!important}.optE .cityhero .hv-h .hv-r{order:6!important}.optE .cityhero .hv-h .cpl{order:3}.optE .cityhero .hv-h .cchips{order:3}.optE .cityhero .hv-h .proofline{order:4!important}.optE .cityhero .hv-h .mc-ask{order:4!important}.optE .cityhero .hv-h .cpl,.optE .cityhero .hv-h .cchips{order:3!important}}
@media (max-width:760px){body .optD .usmap .city .lab,.optF .usmap .city .lab{display:none}body .optD .usmap .city.on .lab,body .optF .usmap .city.on .lab{display:none!important}}

/* Safari: skrij gumb AutoFill (kontakti/gesla) v poljih */
input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button,input::-webkit-strong-password-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important;position:absolute;right:0;width:0;height:0}


/* uvod F, možnost C (53. čet): zemljevid desno, pas s tremi številkami čez celo širino */
@media (min-width:701px){.optF section.hero .hero-grid{grid-template-columns:0.9fr 1.4fr!important;gap:20px 48px!important;align-items:center}}
@media (max-width:700px){.optF section.hero .hero-grid{gap:24px!important}}
.optF section.hero .hero-grid h1{font-size:clamp(30px,3.7vw,47px)}
.optF .usmap{margin-top:0}
.optF .usmap .city .lab{font-size:17px}
.optF .usmap .city.on .lab{font-size:18px}
.optF .usmap .city .dot{r:7}
.optF .usmap .city.on .dot{r:9}
.optF section.hero .xrow{display:none}
.optF .fpan{grid-column:1/-1;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #333;padding-top:18px;margin-top:8px}
.optF .fpan .xtitle2{flex:0 0 auto;margin:0;font-size:17px;line-height:1.3;padding-top:1px}
.optF .fpan .n3s{flex:1 1 560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:0}
.optF .fpan .n3{border:0;border-left:1px solid #444;padding:0 0 0 14px;background:transparent}
.optF .fpan .n3 .k{font-size:13px;margin:0 0 1px}
.optF .fpan .n3 .vs{display:block}
.optF .fpan .n3 .v{font-size:21px}
.optF .fpan .n3 .v.inv{font-size:18px}
.optF .fpan .n3 .v.none{font-size:16px}
.optF .fpan .n3 .s{display:block;margin-top:2px;font-size:13px;line-height:1.3}
.optF .fpan .xfoot{flex:0 0 auto;margin:0;align-self:center}
@media (max-width:900px){.optF .fpan{flex-direction:column;gap:10px;align-items:stretch}.optF .fpan .n3s{flex-basis:auto}}
@media (max-width:700px){.optF .fpan .n3s{grid-template-columns:1fr;gap:0}.optF .fpan .n3{border-left:0;border-top:1px solid #333;padding:8px 0 7px}.optF .fpan .n3:first-child{border-top:0;padding-top:0}.optF .fpan .xfoot{align-self:flex-start}}


.optF .explorer{position:relative}
.optF .usmap .city{cursor:pointer}
.optF .usmap .city .halo, .optF .usmap .city .lab{pointer-events:none}
.optF .usmap .city .lab{fill:#e8e8e4}
.optF .usmap .city:focus-visible .lab{fill:#fff}@media (hover:hover) and (pointer:fine){.optF .usmap .city:hover .lab{fill:#fff}}
.optF .mtip{position:absolute;z-index:3;background:#fff;color:#111;border-radius:10px;padding:8px 12px;font-size:14.5px;line-height:1.3;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.35);pointer-events:none}
.optF .mtip::after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#fff;transform:translateX(-50%) rotate(45deg)}
.optF .mtip b{color:#111}
#cities .c4.hit{outline:3px solid #ffc400;outline-offset:-3px}
@media (min-width:701px){.optF section.hero .hero-grid{gap:0 48px!important}}


.cv4{display:flex;flex-direction:column;gap:12px}
.ld-h{display:grid;grid-template-columns:150px minmax(0,1.3fr) minmax(0,1.4fr);gap:16px;padding:0 18px 0 166px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#4a4a46}
.ld-h span:nth-child(2){grid-column:2}.ld-h span:nth-child(3){grid-column:3;text-align:right;padding-right:30px}
.ld-h{grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,1.1fr) 14px;padding:0 18px 0 184px}
.ld-h span:nth-child(1){display:none}.ld-h span:nth-child(2){grid-column:2;padding-left:0}.ld-h span:nth-child(3){grid-column:3;text-align:right;padding-right:0}
.g4{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start}
.tab4{background:#ffc400;color:#111;border-radius:12px;padding:10px 14px;font-weight:800;font-size:15px;letter-spacing:.03em;text-transform:uppercase;position:sticky;top:8px}
.rows4{border:1px solid #dcdcd7;border-radius:14px;background:#fff;overflow:hidden}
.c4{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,1.1fr) 14px;gap:16px;align-items:center;padding:12px 18px;border-top:1px solid #ecece8;text-decoration:none;color:#111}.c4:first-child{border-top:0}
.c4 b{font-size:17px;font-weight:700}.c4 .m{display:flex;flex-direction:column;gap:3px}.c4 em{font-style:normal;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.c4 .nos{font-weight:600;color:#5b5b57}.c4 small{color:#5b5b57;font-size:14px;line-height:1.35}
.c4 .pm{display:flex;flex-direction:column;gap:2px;text-align:right}.c4 .pm b{font-size:16px;font-variant-numeric:tabular-nums}.c4 .pm.no b{color:#5b5b57;font-weight:600}
.c4 .go{font-weight:800;font-size:20px}
.c4.hit{background:#fff6d6}@media (hover:hover) and (pointer:fine){.c4:hover{background:#fff6d6}}.c4:focus-visible{outline:3px solid #ffc400;outline-offset:-3px}
@media (max-width:900px){.ld-h{display:none}.g4{grid-template-columns:1fr;gap:8px}.tab4{position:static;justify-self:start}}
@media (max-width:700px){.c4{grid-template-columns:minmax(0,1fr) 14px;gap:4px 12px}.c4 .m{grid-column:1}.c4 .pm{grid-column:1;text-align:left;flex-direction:row;flex-wrap:wrap;gap:0 6px;align-items:baseline}.c4 .go{grid-row:1;grid-column:2}}


.hub-moves h2+p{max-width:62ch}
/* A */
.mv-a{grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;margin-top:28px}
.house2{width:100%;height:auto;display:block}
.house2 .ln{fill:none;stroke:#111;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.house2 .ln.thin{stroke-width:1.5;stroke:#b5b5b0}.house2 .ln.thin.dark{stroke:#111}.house2 .ln.tick{stroke-width:1.5;stroke:#c9c9c4}
.house2 .roof{fill:#f5f5f2;stroke:none}
.house2 .hot circle{fill:#ffc400;stroke:#111;stroke-width:2}
.house2 .hot text{font:800 15px "Bricolage Grotesque",system-ui,sans-serif;text-anchor:middle;fill:#111}
.flist{gap:18px}.flist li{align-items:start}.flist .num{margin-top:-2px}.flist b{font-size:19px}.flist small{font-size:15px;color:#4a4a46}
/* B */
.mv-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:32px}
.fc{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #dcdcd7;border-radius:16px;padding:20px 18px 18px;background:#fff}
.fc .ico{display:block;width:34px;height:34px}.fc .ico svg{width:34px;height:34px;fill:none;stroke:#111;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fc .num{position:absolute;top:14px;right:14px;font-family:var(--display);font-weight:800;font-size:13px;background:#ffc400;width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}
.fc b{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.2;margin-top:4px}
.fc small{font-size:14.5px;color:#4a4a46;line-height:1.45}
/* C */
.mv-rows{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #dcdcd7}
.mv-rows li{display:grid;grid-template-columns:40px 240px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid #dcdcd7}
.mv-rows .num{font-family:var(--display);font-weight:800;font-size:14px;background:#ffc400;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;align-self:center}
.mv-rows b{font-family:var(--display);font-weight:700;font-size:20px}
.mv-rows span:not(.num){font-size:17px;color:#4a4a46;line-height:1.5;max-width:62ch}
@media (max-width:900px){.mv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mv-rows li{grid-template-columns:40px 1fr}.mv-rows span:not(.num){grid-column:2}}
@media (max-width:820px){.mv-a{grid-template-columns:1fr;gap:20px}}
@media (max-width:520px){.mv-cards{grid-template-columns:1fr}}


.hub4 .byline{margin-top:36px}
/* G ena črna plošča */
.faqG{margin-top:24px;background:#111;color:#fff;border-radius:20px;padding:12px 32px 16px}
.faqG details{border-top:1px solid #444}.faqG details:first-child{border-top:0}
.faqG summary{list-style:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:19px;line-height:1.3;padding:18px 44px 18px 0;position:relative;min-height:44px;color:#fff}
.faqG summary::-webkit-details-marker{display:none}
.faqG summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:28px;font-weight:400;color:#ffc400;line-height:1}
.faqG details[open] summary::after{content:"−"}.faqG details[open] summary{color:#ffc400}
.faqG details p{margin:0 0 20px;max-width:66ch;color:#c9c9c4;font-size:16.5px;line-height:1.6}
.faqG summary:focus-visible{outline:3px solid #ffc400;outline-offset:2px}
/* H črne kartice */
.faqH{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.qh{background:#111;color:#fff;border-radius:16px;padding:20px 22px}
.qh b{display:block;font-family:var(--display);font-weight:700;font-size:18px;line-height:1.3;margin-bottom:8px;color:#ffc400}
.qh p{margin:0;font-size:15.5px;line-height:1.55;color:#dcdcd7}
/* I črne vrstice */
.faqI{margin-top:24px;max-width:860px;display:flex;flex-direction:column;gap:10px}
.faqI details{border-radius:14px;overflow:hidden;border:1px solid #dcdcd7}
.faqI summary{list-style:none;cursor:pointer;background:#111;color:#fff;font-family:var(--display);font-weight:700;font-size:18px;line-height:1.3;padding:14px 52px 14px 20px;position:relative;min-height:50px;display:flex;align-items:center}
.faqI summary::-webkit-details-marker{display:none}
.faqI summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#ffc400;line-height:1}
.faqI details[open] summary::after{content:"−"}
.faqI details p{margin:0;padding:16px 20px 18px;max-width:none;color:#333;font-size:16.5px;line-height:1.6;background:#fff}
.faqI summary:focus-visible{outline:3px solid #ffc400;outline-offset:-3px}
@media (max-width:820px){.faqH{grid-template-columns:1fr}.faqG{padding:8px 20px 12px;border-radius:16px}}


/* v22: telefon — zemljevid je slika, mesta niso klikljiva */
.lead-mob{display:none}
@media (max-width:760px){
  .lead-desk{display:none}.lead-mob{display:inline}
  .optF .usmap .city{pointer-events:none;cursor:default}
  .optF .usmap .city .halo{display:none}
  .optF .mtip{display:none!important}
}


.brand{display:inline-flex;align-items:center;gap:9px;color:#fff}
.brand .mark{width:30px;height:30px;flex:none;display:block;color:#fff}
.brand .wm{font-weight:800;letter-spacing:-.015em;line-height:1}
.brand .wm b{color:#ffc400;font-weight:800}
body[data-look="b3"] .brand{color:#fff}
footer.site .foot-brand a.brand{color:#fff;gap:9px}
@media (max-width:480px){.brand{font-size:22px}.brand .mark{width:26px;height:26px}}


/* ===== besedilna predloga (55. čet) ===== */
.tp-hero{background:#111;color:#fff;padding:52px 0 56px}
.tp-hero .crumbs{font-size:14.5px;color:#c9c9c4;margin:0 0 16px}
.tp-hero .crumbs a{color:#c9c9c4}.tp-hero .crumbs span{color:#fff}
.tp-hero h1{color:#fff;font-size:clamp(34px,4.6vw,56px);font-weight:800;letter-spacing:-.02em;max-width:18ch;margin:0}
.tp-hero .lead{color:#c9c9c4;font-size:20px;line-height:1.5;max-width:46ch;margin:18px 0 0}
.tp-hero .lead b{color:#fff;font-weight:600}
.tp-body{padding:56px 0 96px}
.tp-text h2{font-size:28px;font-weight:800;letter-spacing:-.015em;margin:0 0 14px;scroll-margin-top:96px}
body[data-space="airy"] main .tp-text section{padding:0}
.tp-text section+section{margin-top:48px}
.tp-text p{font-size:17px;line-height:1.65;max-width:66ch}
.tp-text p:last-child{margin-bottom:0}
.tp-text ul{margin:0 0 1em;padding-left:22px;max-width:66ch}
.tp-text li{margin:0 0 .7em;line-height:1.6}
.tp-text li::marker{color:#ffc400}
.tp-text li b{font-weight:600}
.tp-text a{color:#111;font-weight:600;text-decoration-color:#ffc400;text-decoration-thickness:2px}
@media (hover:hover) and (pointer:fine){.tp-text a:hover{text-decoration-color:#111}}
.ph{background:#fff6cc;border:1px dashed #b38600;border-radius:6px;padding:0 6px;white-space:nowrap}
.tp-org{border:1px solid #dcdcd7;border-radius:14px;padding:22px 24px;max-width:66ch;background:#fff}
.tp-org .lede{font-size:17px;margin:0 0 16px}
.tp-org dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;font-size:15.5px;line-height:1.45}
.tp-org dt{color:#4a4a46}
.tp-org dd{margin:0}
@media (max-width:480px){.tp-org dl{grid-template-columns:1fr;gap:2px}.tp-org dt{margin-top:10px}}
.tp-byline{margin-top:56px;padding-top:20px;border-top:1px solid #dcdcd7;font-size:15px;color:#4a4a46;display:flex;flex-wrap:wrap;gap:6px 18px}
.tp-byline b{color:#111;font-weight:600}
.tp-mail{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:#ffc400;color:#111;font-weight:700;text-decoration:none;border:0}
@media (hover:hover) and (pointer:fine){.tp-mail:hover{background:#111;color:#ffc400}}
body[data-space] .tp-text h2+p,body .tp-text p{font-size:17px;line-height:1.65;max-width:none}
.tp-text h3{font-size:19px;font-weight:600;margin:22px 0 8px}
.tp-text code{font:inherit;background:#f5f5f2;border:1px solid #dcdcd7;border-radius:6px;padding:0 6px}
.tp-updated{font-size:15px;color:#4a4a46;margin:0 0 28px!important}
.tp-text section h2+h3{margin-top:0}
/* ---- A: kazalo ob strani ---- */
.tpA .tp-body .wrap,.tpA2 .tp-body .wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.tpA2 .tp-body .wrap{grid-template-columns:minmax(0,1fr) 230px}
.tpA2 .tp-toc{order:2}
.tp-toc{position:sticky;top:24px}
.tp-toc h3{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#4a4a46;margin:0 0 10px}
.tp-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid #dcdcd7}
.tp-toc li a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;color:#111;text-decoration:none;font-size:15.5px;line-height:1.35}
@media (hover:hover) and (pointer:fine){.tp-toc li a:hover{border-left-color:#111}}
.tp-toc li a[aria-current="true"]{border-left-color:#ffc400;font-weight:600}
.tp-toc details{display:none}
@media (max-width:860px){
  .tpA .tp-body .wrap,.tpA2 .tp-body .wrap{display:block}
  .tp-toc{position:static;margin-bottom:28px}
  .tp-toc h3,.tp-toc>ol{display:none}
  .tp-toc details{display:block;border:1.5px solid #111;border-radius:12px}
  .tp-toc summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:600}
  .tp-toc summary::-webkit-details-marker{display:none}
  .tp-toc summary::after{content:"";width:9px;height:9px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);margin-top:-4px}
  .tp-toc details[open] summary::after{transform:rotate(225deg);margin-top:4px}
  .tp-toc details ol{border:0;padding:0 16px 10px}
  .tp-toc details li a{padding-left:0;border-left:0;margin-left:0}
}
/* ---- B: čipi za skok ---- */
.tp-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 44px;padding:0;list-style:none}
.tp-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1.5px solid #111;border-radius:999px;color:#111;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.tp-jump a:hover{background:#111;color:#ffc400}}
.tpB .tp-text{max-width:680px}
@media (max-width:600px){.tp-jump{flex-wrap:nowrap;overflow-x:auto;margin-left:-22px;margin-right:-22px;padding:0 22px 6px;scrollbar-width:none}.tp-jump::-webkit-scrollbar{display:none}.tp-jump a{flex:none}}
/* ---- C: razdelki kot kartice ---- */
.tpC .tp-text{max-width:760px}
body[data-space="airy"].tpC main .tp-text section{border:1px solid #dcdcd7;border-radius:16px;padding:64px 28px 26px;position:relative;background:#fff}
.tpC .tp-text section+section{margin-top:18px}
.tpC .tp-text h2{position:absolute;top:18px;left:28px;background:#ffc400;padding:6px 12px;border-radius:8px;font-size:18px;font-weight:800;margin:0;letter-spacing:0}
.tpC .tp-org{border:0;padding:0;background:transparent}
.tpC .tp-byline{border-top:0;margin-top:28px;padding-top:0}
@media (max-width:480px){body[data-space="airy"].tpC main .tp-text section{padding:60px 18px 20px}.tpC .tp-text h2{left:18px}}
.tp1 .tp-text{max-width:680px;margin:0 auto}
.tp1 .tp-text p,.tp1 .tp-text ul,.tp1 .tp-org{max-width:none}
.tp1 .tp-hero .wrap>*{margin-left:auto;margin-right:auto;max-width:680px}
.tp1 .tp-hero h1{max-width:680px}
.tp1 .tp-hero .lead{max-width:680px}
/* ---- preklop (demo) ---- */
.tp-switch{position:sticky;top:0;z-index:50}
.tpA .optB,.tpA .optC,.tpA2 .optB,.tpA2 .optC,.tpB .optA,.tpB .optC,.tpC .optA,.tpC .optB{display:none}