:root{--bg:#FFFFFF;--surface:#F1F5F9;--ink:#0E2E4F;--muted:#5C768E;--line:#D8E1EB;--accent:#146AB0;--accent-deep:#0F5496;--accent-soft:#E4EEF8;--dark:#0E2E4F;--dark-2:#14365C;--r:12px;--shadow:0 10px 28px -18px rgba(14,46,79,.28);--shadow-lg:0 18px 44px -20px rgba(14,46,79,.32);--font-d:"Archivo","Inter Tight","Noto Sans",system-ui,sans-serif;--font-b:"Inter Tight","Noto Sans",system-ui,sans-serif;--font-m:"IBM Plex Mono",ui-monospace,monospace}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-b);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-d);letter-spacing:-.02em;line-height:1.06;margin:0}
img{max-width:100%}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
.skip{position:fixed;top:-60px;left:.5rem;background:var(--dark);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{top:.5rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:1rem;min-height:66px;min-width:0}
.wordmark{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-family:var(--font-d);font-weight:800;letter-spacing:.06em;white-space:nowrap}
.wm-badge{width:30px;height:30px;flex:none}
.mainnav{display:flex;align-items:center;gap:1.1rem;margin-inline-start:1.2rem}
.mainnav a{color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:500}
.mainnav a:hover{color:var(--accent)}
.mainnav .is-active{font-weight:600;border-bottom:2px solid var(--accent);padding-bottom:2px}
.navdrop{position:relative}
.navdrop-panel{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:.4rem;display:none}
.navdrop:hover .navdrop-panel,.navdrop:focus-within .navdrop-panel{display:block}
.navdrop-panel a{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .7rem;border-radius:6px}
.navdrop-panel a:hover{background:var(--surface)}
.navdrop-panel b{font-family:var(--font-m);font-size:.75rem;color:var(--accent)}
.head-acts{margin-inline-start:auto;display:flex;align-items:center;gap:.6rem;min-width:0}
.langsel{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.32rem .6rem;background:#fff;min-width:0}
.langsel svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.6;flex:none}
.langsel select{border:0;background:transparent;font-family:var(--font-m);font-size:.74rem;letter-spacing:.04em;color:var(--ink);max-width:7.5rem;cursor:pointer;min-width:0}
.langsel.dark{border-color:rgba(255,255,255,.3);background:transparent}
.langsel.dark svg{stroke:#fff}
.langsel.dark select{color:#fff}
.langsel.dark select option{color:#111}
.btn-quote{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;text-decoration:none;font-family:var(--font-m);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding:.62rem 1rem;border-radius:8px;white-space:nowrap}
.btn-quote:hover{background:var(--accent-deep)}
.btn-quote i{font-style:normal}
.burger{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;cursor:pointer;flex:none}
.burger span{display:block;width:20px;height:2px;background:var(--ink);margin:4px 0}
.mnav{display:none;border-top:1px solid var(--line);background:#fff;padding:.4rem clamp(1rem,4vw,2rem) .9rem}
.mnav.open{display:block}
.mnav a{display:block;padding:.6rem 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav a.m-quote{color:var(--accent);font-weight:600;border-bottom:0}
.hero{position:relative;background:var(--dark);color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,28,50,.93) 0%,rgba(10,28,50,.78) 34%,rgba(10,28,50,.2) 62%,rgba(10,28,50,.06) 100%)}
.hero-in{position:relative;padding-block:clamp(3.5rem,9vw,6.5rem) clamp(2.5rem,6vw,4rem);max-width:1200px}
.hero-in h1{color:#fff;font-size:clamp(2rem,4.6vw,3.6rem);max-width:16ch;font-weight:800}
.eyebrow{font-family:var(--font-m);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}
.eyebrow.light{color:#BFD6EE}
.lede{margin:1.1rem 0 0;max-width:44ch;line-height:1.65;color:#D7E3EE;font-size:1.02rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.cta-brick{display:inline-flex;align-items:center;gap:.7rem;background:var(--accent);color:#fff;text-decoration:none;font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 1.4rem;border-radius:8px}
.cta-brick:hover{background:var(--accent-deep)}
.cta-brick i{font-style:normal}
.cta-frame{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 1.4rem;border:1px solid rgba(255,255,255,.65);border-radius:999px}
.cta-frame:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 0;margin:2.2rem 0 0;padding:0;max-width:46rem}
.trust li{font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#C9D8E6;padding:.45rem .9rem;border:1px solid rgba(255,255,255,.35)}
.trust li+li{border-inline-start:0}
.section{padding-block:clamp(2.8rem,6vw,4.6rem);background:var(--bg)}
.section.alt{background:var(--surface)}
.topline{display:block;height:3px;background:var(--accent);position:relative;margin-bottom:1.6rem}
.topline::after{content:"";position:absolute;top:-4px;inset-inline-start:0;width:11px;height:11px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 70%,55% 70%,55% 100%,0 100%);opacity:.9}
.sec-head{margin-bottom:1.8rem;max-width:1200px}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;max-width:22ch}
.sec-head .sub{margin:.7rem 0 0;color:var(--muted);max-width:64ch;line-height:1.6}
.sec-head.split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}
.sec-head.split .side{margin:0;justify-self:end;max-width:32ch;text-align:end}
.trustband{background:#fff;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px}
.trust-cell{padding:1.3rem clamp(1rem,4vw,2rem);border-inline-start:1px solid var(--line)}
.trust-cell:first-child{border-inline-start:0}
.trust-cell b{display:block;font-family:var(--font-d);font-size:1.7rem;color:var(--accent);letter-spacing:-.02em}
.trust-cell span{font-family:var(--font-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.badge-row{display:flex;flex-wrap:wrap;gap:.6rem;padding:0 clamp(1rem,4vw,2rem) 1.3rem;max-width:1200px;margin-inline:auto}
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.42rem .85rem;font-family:var(--font-m);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.badge svg{width:15px;height:15px;fill:none;stroke:var(--accent);stroke-width:1.8;flex:none}
.badge.muted{color:var(--muted)}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.cat-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.cat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.cat-media{display:block;background:#fff}
.cat-media img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#fff}
.cat-meta{display:flex;flex-direction:column;gap:.45rem;padding:.95rem 1rem 1.1rem;border-top:1px solid var(--line);flex:1}
.cat-meta b{font-family:var(--font-d);font-size:.98rem;line-height:1.3}
.cat-count{display:flex;align-items:baseline;gap:.45rem;font-family:var(--font-m);font-size:.78rem;color:var(--accent)}
.cat-count em{font-style:normal;font-size:1.25rem;font-weight:600}
.cat-count span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}
.cat-specs{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:.15rem 0 0;padding:0}
.cat-specs li{font-family:var(--font-m);font-size:.68rem;letter-spacing:.04em;color:var(--ink);background:var(--accent-soft);border:1px solid var(--line);border-radius:6px;padding:.22rem .5rem}
.cat-go{margin-top:auto;padding-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-m);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.cat-go u{text-decoration:none}
.rule-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.6rem;font-family:var(--font-m);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.rule-cta:hover{color:var(--accent-deep)}
.rule-cta::after{content:"";width:64px;height:2px;background:var(--accent)}
.feat{background:var(--surface);border-block:1px solid var(--line)}
.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.p-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.p-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-2px)}
.p-card>a{display:block;background:#fff}
.p-card img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:#fff}
.p-body{padding:.95rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;border-top:1px solid var(--line)}
.p-title{font-family:var(--font-d);font-size:.9rem;font-weight:600;line-height:1.4;min-height:3.6em;margin:0}
.p-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.chip{font-family:var(--font-m);font-size:.7rem;letter-spacing:.03em;border-radius:6px;padding:.28rem .55rem;border:1px solid var(--line)}
.chip.fob{background:var(--accent-soft);border-color:#BFD4EA;color:var(--ink)}
.chip.fob b{color:var(--accent-deep);font-weight:600}
.chip.moq{background:#fff;color:var(--muted)}
.p-inq{margin-top:auto;text-align:center;font-family:var(--font-m);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;border:1.5px solid var(--accent);border-radius:8px;padding:.6rem .8rem;display:block}
.p-inq:hover{background:var(--accent);color:#fff}
.why-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:2rem;align-items:start}
.why-intro p{color:var(--muted);line-height:1.65}
.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.why-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);padding:1.2rem 1.15rem;box-shadow:var(--shadow)}
.why-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent)}
.tile{width:42px;height:42px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.tile svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8}
.why-card h3{font-size:1rem;margin:0 0 .4rem}
.why-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}
.trade-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}
.trade-cell{padding:1.4rem 1.25rem;border-inline-start:1px solid var(--line);text-align:center}
.trade-cell:first-child{border-inline-start:0}
.trade-cell svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.7;margin-bottom:.6rem}
.t-label{display:block;font-family:var(--font-m);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}
.trade-cell b{display:block;font-family:var(--font-d);font-size:1.12rem;letter-spacing:.01em}
.trade-cell small{display:block;margin-top:.45rem;color:var(--muted);font-size:.8rem;line-height:1.55}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}
.about-grid h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}
.about-body{color:#33475E;line-height:1.7;max-width:62ch}
.addr{font-family:var(--font-m);font-size:.78rem;color:var(--muted);border-inline-start:3px solid var(--accent);padding-inline-start:.9rem;margin-top:1.2rem;line-height:1.6;overflow-wrap:anywhere}
.about-side{display:flex;flex-direction:column;gap:1rem;min-width:0}
.about-photo{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.about-photo img{width:100%;aspect-ratio:16/10;object-fit:contain;display:block;background:#fff}
.about-photo figcaption{font-family:var(--font-m);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.6rem .9rem;border-top:1px solid var(--line)}
.about-facts{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.about-facts li{padding:1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:.8rem}
.about-facts li:last-child{border-bottom:0}
.about-facts b{font-family:var(--font-d);font-size:1.4rem;color:var(--accent);min-width:6ch}
.about-facts span{font-family:var(--font-m);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ctaband{background:var(--dark);color:#fff;position:relative;overflow:hidden;border-top:3px solid var(--accent)}
.ctaband::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px}
.cta-in{position:relative;text-align:center;padding-block:clamp(3.2rem,7vw,5rem);max-width:60rem}
.cta-in h2{color:#fff;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800}
.cta-in>p{color:#C4D3E2}
.cta-note{font-family:var(--font-m);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:#9FC3E8}
.cta-contact{font-family:var(--font-m);font-size:.78rem;letter-spacing:.04em;color:#93A7BE;margin:1.1rem 0 0;overflow-wrap:anywhere}
.cta-stamp{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.6rem;background:#fff;color:var(--dark);text-decoration:none;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;font-size:.86rem;font-weight:600;padding:1rem 2rem;border-radius:10px}
.cta-stamp:hover{background:var(--accent);color:#fff}
.cta-stamp i{font-style:normal;color:var(--accent)}
.cta-stamp:hover i{color:#fff}
.site-foot{background:#0B2440;color:#C4D3E2;border-top:1px solid rgba(255,255,255,.12)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;padding-block:3rem 2rem}
.site-foot .wordmark{color:#fff}
.f-brand p{font-size:.9rem;line-height:1.65}
.f-addr{font-family:var(--font-m);font-size:.74rem;color:#93A7BE;overflow-wrap:anywhere}
.f-nav b,.f-contact b{display:block;font-family:var(--font-m);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:.8rem}
.f-nav a{display:block;color:#C4D3E2;text-decoration:none;padding:.28rem 0;font-size:.9rem}
.f-nav a:hover{color:#fff}
.f-contact p{font-size:.9rem}
.f-contact .btn-quote{margin:.6rem 0 1rem}
.foot-base{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-block:1.1rem 1.4rem;font-family:var(--font-m);font-size:.72rem;color:#93A7BE}
a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:1020px){.mainnav{display:none}.burger{display:block}.head-acts .btn-quote{display:none}.cats{grid-template-columns:1fr 1fr}.p-grid{grid-template-columns:repeat(2,1fr)}.trade-card{grid-template-columns:1fr 1fr}.trade-cell:nth-child(3){border-inline-start:0}.trade-cell{border-top:1px solid var(--line)}.trade-cell:nth-child(-n+2){border-top:0}.about-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.why-cards{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}.sec-head.split{grid-template-columns:1fr}.sec-head.split .side{justify-self:start;text-align:start}.trust-grid{grid-template-columns:1fr 1fr}.trust-cell:nth-child(3){border-inline-start:0}.trust-cell{border-top:1px solid var(--line)}.trust-cell:nth-child(-n+2){border-top:0}}
@media (max-width:640px){.head-in{gap:.5rem;min-height:58px}.wordmark{font-size:.8rem;letter-spacing:.03em}.langsel{padding:.26rem .5rem}.langsel select{max-width:4.4rem;font-size:.7rem}.hero-media{object-position:78% center}.trust-grid{grid-template-columns:1fr 1fr}.cats,.p-grid{grid-template-columns:1fr}.p-title{min-height:0}.why-cards{grid-template-columns:1fr}.trade-card{grid-template-columns:1fr}.trade-cell{border-inline-start:0;border-top:1px solid var(--line);text-align:start}.trade-cell:first-child{border-top:0}.foot-grid{grid-template-columns:1fr}.cta-in{padding-inline:0}.badge-row{gap:.45rem}.badge{font-size:.66rem}}
[dir="rtl"] .head-in,[dir="rtl"] .hero-ctas,[dir="rtl"] .trust,[dir="rtl"] .cats,[dir="rtl"] .p-grid,[dir="rtl"] .why-cards,[dir="rtl"] .trade-card,[dir="rtl"] .about-grid,[dir="rtl"] .foot-grid,[dir="rtl"] .badge-row,[dir="rtl"] .trust-grid{direction:rtl}
.why-intro h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;margin:.6rem 0 .8rem}
/* ===== Step 2 subpage components ===== */
.pageband{background:var(--surface);border-bottom:1px solid var(--line)}
.band-in{padding-block:clamp(2.2rem,5vw,3.4rem) clamp(2rem,4.5vw,3rem)}
.crumb{display:flex;flex-wrap:wrap;gap:.45rem;font-family:var(--font-m);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 1.1rem;align-items:center}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--accent)}
.crumb [aria-current]{color:var(--ink)}
.crumb span[aria-hidden]{color:var(--line)}
.band-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.2rem;align-items:center}
.band-in h1{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;max-width:18ch;margin:0}
.band-sub{color:var(--muted);max-width:52ch;line-height:1.65;margin:1rem 0 0}
.band-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;align-items:center}
.count-chip{display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--font-m);border:1px solid var(--line);background:#fff;border-radius:8px;padding:.55rem .9rem}
.count-chip b{font-size:1.15rem;color:var(--accent-deep)}
.count-chip span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.band-photo{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:1.1rem;display:flex;justify-content:center;align-items:center;min-height:230px}
.band-photo img{max-height:280px;width:auto;max-width:100%;object-fit:contain}
.catbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.5rem}
.catbar-link{display:inline-flex;align-items:baseline;gap:.45rem;font-family:var(--font-m);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem .85rem;text-decoration:none}
.catbar-link em{font-style:normal;color:var(--accent);font-weight:600}
.catbar-link:hover{border-color:var(--accent)}
.catbar-link[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#fff}
.catbar-link[aria-current="page"] em{color:#fff}
.catbar-note{margin-inline-start:auto;font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(1.3rem,3vw,1.8rem)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.f-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;min-width:0}
.f-field label{font-family:var(--font-m);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.f-field input,.f-field select,.f-field textarea{font:inherit;color:var(--ink);background:#fff;padding:.7rem .85rem;border:1px solid var(--line);border-radius:8px;width:100%}
.f-field textarea{min-height:120px;resize:vertical}
.f-field input:focus-visible,.f-field select:focus-visible,.f-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.f-note{font-size:.78rem;color:var(--muted);margin:.6rem 0 0;line-height:1.5}
.f-submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:var(--accent);color:#fff;text-decoration:none;font-family:var(--font-m);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 1.4rem;border:0;border-radius:8px;cursor:pointer}
.f-submit:hover{background:var(--accent-deep)}
.f-error{display:none;color:#B42318;font-size:.8rem;margin:.4rem 0 0}
.f-error.show{display:block}
.compose-panel{display:none;margin-top:1.2rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:1.1rem}
.compose-panel.show{display:block}
.compose-panel h3{font-size:1rem;margin:0 0 .4rem}
.compose-hint{font-size:.82rem;color:var(--muted);line-height:1.55;margin:0 0 .8rem}
.compose-text{font-family:var(--font-m);font-size:.78rem;line-height:1.55;background:#fff;border:1px solid var(--line);border-radius:8px;padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .8rem}
.copy-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-m);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#fff;border:1.5px solid var(--accent);border-radius:8px;padding:.55rem .9rem;cursor:pointer}
.copy-btn:hover{background:var(--accent);color:#fff}
.check-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(1.3rem,3vw,1.8rem)}
.check-card h2,.check-card h3{font-size:1.05rem;margin:0 0 1rem}
.check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.95rem}
.check-list li{display:flex;gap:.7rem;align-items:flex-start;color:#33475E;line-height:1.55;font-size:.92rem}
.check-list svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2;flex:none;margin-top:.15rem}
.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:1.2rem 1.15rem}
.detail-card svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.7;margin-bottom:.7rem}
.d-label{display:block;font-family:var(--font-m);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}
.d-value{font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;margin:0}
.detail-wide{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.detail-wide .d-label{margin-bottom:.2rem}
.detail-wide .rule-cta{margin-top:0}
@media (max-width:1020px){.band-grid{grid-template-columns:1fr}.band-photo{max-width:420px}.details-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.f-row{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr}.catbar-note{margin-inline-start:0;width:100%}}
[dir="rtl"] .band-grid,[dir="rtl"] .details-grid,[dir="rtl"] .f-row{direction:rtl}