/* ==========================================================================
   What We Do — the ten windows.

   Generated from the option pages (_strategy.html … _automation.html) by the
   consolidation script: each chosen option's CSS, namespaced under .t-<key>
   so ten different screens can share one page without colliding. Edit the
   option page and regenerate rather than editing this file by hand.
   ========================================================================== */
/* ===== strategy ===== */
.t-strategy .deck{ position:absolute; inset:0; background:#E9EEF4; display:grid; grid-template-rows:1fr auto; }
.t-strategy .deck__stage{ position:relative; margin:2.2cqw 2.2cqw 1.2cqw; background:#fff; border-radius:.8cqw; overflow:hidden; box-shadow:0 .3cqw 1.2cqw rgba(18,36,58,.08); }
.t-strategy .slide{ position:absolute; inset:0; padding:4cqw 5cqw; display:flex; flex-direction:column; }
.t-strategy .slide[data-t]{ transform:translateX(1.2cqw); }
.t-strategy .slide__eye{ font-family:ui-monospace,Menlo,monospace; font-size:1.35cqw; letter-spacing:.16em; text-transform:uppercase; color:var(--coral); margin-bottom:1cqw; }
.t-strategy .slide h3{ font-family:var(--display); font-size:3.6cqw; letter-spacing:-.03em; margin:0 0 1.8cqw; line-height:1.05; }
.t-strategy .slide li{ font-size:1.9cqw; line-height:1.5; color:#2C3E52; }
.t-strategy .slide ul{ margin:0; padding-left:2.2cqw; }
.t-strategy .bars{ display:grid; gap:1.1cqw; margin-top:.4cqw; }
.t-strategy .bar{ display:grid; grid-template-columns:34% 1fr 12%; align-items:center; gap:1.2cqw; font-size:1.65cqw; color:#2C3E52; }
.t-strategy .bar i{ height:2.2cqw; border-radius:.5cqw; background:#12243A; display:block; width:var(--w); }
.t-strategy .bar i.c{ background:var(--coral); }
.t-strategy .bar b{ font-weight:700; text-align:right; }
.t-strategy .matrix{ position:relative; flex:1; margin:0 1cqw .4cqw; border-left:1px solid #C4D0DE; border-bottom:1px solid #C4D0DE; }
.t-strategy .matrix::before, .t-strategy .matrix::after{ content:""; position:absolute; background:#E6ECF3; }
.t-strategy .matrix::before{ left:50%; top:0; bottom:0; width:1px; }
.t-strategy .matrix::after{ top:50%; left:0; right:0; height:1px; }
.t-strategy .matrix small{ position:absolute; font-size:1.25cqw; color:var(--ink-2); }
.t-strategy .matrix .dot{ position:absolute; width:2.2cqw; height:2.2cqw; border-radius:50%; background:#C4D0DE; transform:translate(-50%,50%); }
.t-strategy .matrix .dot.you{ background:var(--coral); width:3cqw; height:3cqw; box-shadow:0 0 0 .8cqw rgba(226,96,74,.18); }
.t-strategy .matrix .dot.you::after{ content:"Northline"; position:absolute; left:3.8cqw; top:.3cqw; font-size:1.4cqw; font-weight:700; color:var(--ink); white-space:nowrap; }
.t-strategy .cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4cqw; flex:1; }
.t-strategy .col{ background:#F7F9FC; border-radius:.9cqw; padding:1.4cqw; }
.t-strategy .col b{ display:block; font-size:1.8cqw; margin-bottom:.8cqw; color:var(--ink); }
.t-strategy .col span{ display:block; font-size:1.55cqw; color:#3A4C61; line-height:1.45; }
.t-strategy .blocks{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2cqw; align-content:start; }
.t-strategy .block{ min-height:16cqw; }
.t-strategy .block{ border-radius:.9cqw; padding:1.4cqw; color:#fff; background:#12243A; }
.t-strategy .block:nth-child(2){ background:#2E6FE0; }
.t-strategy .block:nth-child(3){ background:var(--coral); }
.t-strategy .block small{ display:block; font-size:1.3cqw; opacity:.75; margin-bottom:.6cqw; letter-spacing:.06em; text-transform:uppercase; }
.t-strategy .block b{ display:block; font-size:1.9cqw; margin-bottom:.6cqw; }
.t-strategy .block span{ display:block; font-size:1.5cqw; line-height:1.45; opacity:.92; }
.t-strategy .bigs{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.4cqw; flex:1; }
.t-strategy .big{ border:1px solid #E6ECF3; border-radius:.9cqw; padding:1.6cqw; }
.t-strategy .big small{ display:block; font-size:1.4cqw; color:var(--ink-2); margin-bottom:.5cqw; }
.t-strategy .big b{ display:block; font-family:var(--display); font-size:3.4cqw; letter-spacing:-.03em; line-height:1; }
.t-strategy .big em{ font-style:normal; font-size:1.4cqw; color:#1E8A5A; font-weight:700; }
.t-strategy .deck__strip{ display:flex; gap:1cqw; padding:0 2.2cqw 1.8cqw; }
.t-strategy .thumb{ flex:1; aspect-ratio:16/9; background:#fff; border-radius:.5cqw; border:.25cqw solid transparent; position:relative; opacity:1; transform:none; transition:border-color .25s; }
.t-strategy .thumb::after{ content:attr(data-n); position:absolute; left:.7cqw; bottom:.4cqw; font-size:1.1cqw; color:#9AA9BB; }
.t-strategy .thumb i{ position:absolute; left:14%; right:14%; top:22%; height:.5cqw; background:#12243A; border-radius:1cqw; }
.t-strategy .thumb i+i{ top:44%; right:34%; background:#C4D0DE; }
.t-strategy .thumb i+i+i{ top:58%; right:50%; background:#C4D0DE; }
.t-strategy .thumb.is-on{ border-color:var(--coral); }

/* ===== branding ===== */
.t-branding{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; --nl-paper:#FAFAF7; }
.t-branding .nl-mark{ display:inline-block; width:1em; height:1em; vertical-align:middle; }
.t-branding .nl-word{ font-family:var(--display); font-weight:700; letter-spacing:-.035em; color:var(--nl-navy); line-height:1; }
.t-branding .nl-lock{ display:inline-flex; align-items:center; gap:.32em; }
.t-branding .nl-lock .nl-mark{ font-size:1.15em; }
.t-branding .ls{ position:absolute; inset:0; display:grid; grid-template-columns:20% 1fr 21%; background:#fff; }
.t-branding .ls__pan{ background:#F7F9FC; padding:1.8cqw 1.6cqw; font-size:1.55cqw; color:#3A4C61; }
.t-branding .ls__pan--r{ border-left:1px solid #E6ECF3; }
.t-branding .ls__pan--l{ border-right:1px solid #E6ECF3; }
.t-branding .ls__ph{ font-size:1.25cqw; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); margin:0 0 1.2cqw; font-weight:600; }
.t-branding .ls__layer{ display:flex; align-items:center; gap:.9cqw; padding:.7cqw .8cqw; border-radius:.6cqw; margin-bottom:.2cqw; opacity:1; transform:none; }
.t-branding .ls__layer i{ width:1.6cqw; height:1.6cqw; border-radius:.35cqw; border:1px solid #C4D0DE; background:#fff; flex:none; }
.t-branding .ls__layer.is-on{ background:#fff; color:var(--ink); font-weight:600; box-shadow:0 .2cqw .8cqw -.4cqw rgba(18,36,58,.3); }
.t-branding .ls__layer.is-on i{ background:var(--nl-navy); border-color:var(--nl-navy); }
.t-branding .ls__prop{ display:flex; justify-content:space-between; align-items:center; padding:.8cqw 0; border-bottom:1px solid #E6ECF3; font-size:1.45cqw; }
.t-branding .ls__prop b{ font-family:ui-monospace,Menlo,monospace; font-weight:500; color:var(--ink); }
.t-branding .ls__prop .chip{ width:2cqw; height:2cqw; border-radius:.4cqw; display:inline-block; vertical-align:middle; margin-right:.6cqw; border:1px solid rgba(0,0,0,.08); }
.t-branding .ls__board{ position:relative; background:#E9EEF4; overflow:hidden; }
.t-branding .ls__art{ position:absolute; left:6%; right:6%; top:8%; bottom:8%; background:#fff; box-shadow:0 .3cqw 1.4cqw rgba(18,36,58,.12); }
.t-branding .ls__grid{ position:absolute; inset:0; background:
  linear-gradient(90deg,rgba(11,37,69,.07) 1px,transparent 1px) 0 0/8.33% 100%,
  linear-gradient(0deg,rgba(11,37,69,.07) 1px,transparent 1px) 0 0/100% 12.5%; }
.t-branding .ls__word{ position:absolute; left:10%; top:16%; font-size:6.4cqw; }
.t-branding .ls__word .nl-word{ color:#A9B6C4; }
.t-branding .ls__word.is-on{ }
.t-branding .ls__tries{ position:absolute; left:10%; right:10%; top:46%; display:grid; grid-template-columns:repeat(3,1fr); gap:1.6cqw; }
.t-branding .ls__try{ aspect-ratio:1/1; border:1px solid #DCE4EE; border-radius:.8cqw; display:grid; place-items:center; background:#fff; position:relative; }
.t-branding .ls__try svg{ width:56%; height:56%; }
.t-branding .ls__try small{ position:absolute; left:.8cqw; bottom:.5cqw; font-size:1.1cqw; color:#9AA9BB; }
.t-branding .ls__try.pick{ border-color:var(--nl-flame); box-shadow:0 0 0 .25cqw var(--nl-flame); }
.t-branding .ls__final{ position:absolute; left:10%; top:12%; display:flex; align-items:center; gap:1.4cqw; }
.t-branding .ls__final svg{ width:8cqw; height:8cqw; }
.t-branding .ls__final .nl-word{ font-size:6.4cqw; }
.t-branding .ls__tag{ position:absolute; left:10%; top:34%; font-size:1.9cqw; color:var(--nl-slate); letter-spacing:.04em; }
.t-branding .ls__exports{ position:absolute; left:10%; right:10%; top:46%; display:grid; grid-template-columns:repeat(3,1fr); gap:1.6cqw; }
.t-branding .ls__ex{ aspect-ratio:1/1; border-radius:.8cqw; display:grid; place-items:center; position:relative; border:1px solid #DCE4EE; }
.t-branding .ls__ex small{ position:absolute; left:.8cqw; bottom:.5cqw; font-size:1.1cqw; color:#9AA9BB; }
.t-branding .ls__ex--a{ background:#fff; }
.t-branding .ls__ex--b{ background:var(--nl-navy); }
.t-branding .ls__ex--b .nl-word{ color:#fff; }
.t-branding .ls__ex--c{ background:var(--nl-flame); }
.t-branding .ls__ex .nl-lock{ font-size:2.1cqw; }
.t-branding .ls__ex .bg__stack{ gap:.5cqw; }
.t-branding .ls__ex .bg__stack .nl-mark{ font-size:3.6cqw; }
.t-branding .ls__ex .bg__stack .nl-word{ font-size:1.8cqw; }
.t-branding .ls__ex--c svg rect{ fill:#fff; }
.t-branding .ls__ex--c svg path{ stroke:var(--nl-flame); }
.t-branding .ls__pill{ position:absolute; right:2cqw; top:2cqw; background:#12243A; color:#fff; font-size:1.5cqw; font-weight:600; padding:.7cqw 1.4cqw; border-radius:99cqw; }
.t-branding .bg__stack{ display:grid; place-items:center; gap:.7cqw; }
.t-branding .bg__stack .nl-mark{ font-size:4.6cqw; }
.t-branding .bg__stack .nl-word{ font-size:2.4cqw; }

/* ===== websites ===== */
.t-websites{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; --nl-paper:#FAFAF7; }
.t-websites .nl-mark{ display:inline-block; width:1em; height:1em; vertical-align:middle; }
.t-websites .nl-word{ font-family:var(--display); font-weight:700; letter-spacing:-.035em; color:var(--nl-navy); line-height:1; }
.t-websites .nl-lock{ display:inline-flex; align-items:center; gap:.32em; }
.t-websites .nl-lock .nl-mark{ font-size:1.15em; }
.t-websites .nl{ position:absolute; inset:0; overflow:hidden; background:#fff; container-type:size; font-family:var(--body); color:var(--nl-navy); }
.t-websites .nl-nav{ position:absolute; z-index:5; left:0; right:0; top:0; height:7cqw; display:flex; align-items:center; gap:2.4cqw; padding:0 4cqw; background:rgba(255,255,255,.94); backdrop-filter:blur(6px); border-bottom:1px solid #EEF2F6; font-size:1.7cqw; color:var(--nl-slate); font-weight:500; }
.t-websites .nl-nav .nl-lock{ font-size:2.4cqw; margin-right:auto; }
.t-websites .nl-nav .btn{ background:var(--nl-flame); color:#fff; font-weight:700; padding:.9cqw 2cqw; border-radius:99cqw; font-size:1.6cqw; }
.t-websites .nl-scroll{ position:absolute; left:0; right:0; top:0; padding-top:7cqw; animation:nl-scroll var(--T,22s) cubic-bezier(.45,0,.55,1) infinite; }
@keyframes nl-scroll{ 0%,4%{ transform:translateY(0);} 56%,100%{ transform:translateY(calc(-100% + 100cqh)); } }
.t-websites .nl-hero{ display:grid; grid-template-columns:1.05fr 1fr; gap:4cqw; align-items:center; padding:5cqw 4cqw 4cqw; }
.t-websites .nl-eye{ font-size:1.35cqw; letter-spacing:.16em; text-transform:uppercase; color:var(--nl-flame); font-weight:700; margin:0 0 1.4cqw; }
.t-websites .nl-h1{ font-family:var(--display); font-size:4.5cqw; letter-spacing:-.035em; line-height:1; margin:0 0 1.8cqw; }
.t-websites .nl-sub{ font-size:1.7cqw; line-height:1.5; color:var(--nl-slate); margin:0 0 2.2cqw; max-width:36cqw; }
.t-websites .nl-ctas{ display:flex; gap:1.2cqw; margin-bottom:2.4cqw; }
.t-websites .nl-ctas .btn{ background:var(--nl-flame); color:#fff; font-weight:700; padding:1.2cqw 2.2cqw; border-radius:99cqw; font-size:1.5cqw; white-space:nowrap; }
.t-websites .nl-ctas .ghost{ border:.18cqw solid #C9D5E3; color:var(--nl-navy); font-weight:700; padding:1.2cqw 2cqw; border-radius:99cqw; font-size:1.5cqw; white-space:nowrap; }
.t-websites .nl-trust{ display:flex; gap:2.2cqw; font-size:1.4cqw; color:var(--nl-slate); }
.t-websites .nl-trust b{ color:var(--nl-navy); }
.t-websites .nl-photo{ position:relative; aspect-ratio:4/3; border-radius:1.6cqw; overflow:hidden; background:#DCE4EE url(/assets/wd/nl-hero.webp) center/cover; }
.t-websites .nl-badge{ position:absolute; left:2cqw; bottom:2cqw; background:#fff; border-radius:1cqw; padding:1.1cqw 1.4cqw; font-size:1.35cqw; box-shadow:0 .6cqw 2cqw -.8cqw rgba(0,0,0,.4); display:flex; gap:1cqw; align-items:center; }
.t-websites .nl-badge i{ width:2.6cqw; height:2.6cqw; border-radius:50%; background:#1E8A5A; color:#fff; display:grid; place-items:center; font-style:normal; font-size:1.4cqw; font-weight:700; }
.t-websites .nl-badge b{ display:block; font-size:1.5cqw; }
.t-websites .nl-badge span{ color:var(--nl-slate); }
.t-websites .nl-stats{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #EEF2F6; border-bottom:1px solid #EEF2F6; }
.t-websites .nl-stats div{ padding:2.4cqw 4cqw; border-right:1px solid #EEF2F6; }
.t-websites .nl-stats div:last-child{ border-right:0; }
.t-websites .nl-stats b{ display:block; font-family:var(--display); font-size:3.4cqw; letter-spacing:-.03em; line-height:1; margin-bottom:.5cqw; }
.t-websites .nl-stats span{ font-size:1.35cqw; color:var(--nl-slate); }
.t-websites .nl-sec{ padding:5cqw 4cqw; }
.t-websites .nl-sec--ice{ background:var(--nl-ice); }
.t-websites .nl-h2{ font-family:var(--display); font-size:3.6cqw; letter-spacing:-.03em; margin:0 0 .8cqw; line-height:1.05; }
.t-websites .nl-lead{ font-size:1.7cqw; color:var(--nl-slate); margin:0 0 3cqw; max-width:48cqw; }
.t-websites .nl-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.6cqw; }
.t-websites .nl-card{ background:#fff; border:1px solid #E3EAF2; border-radius:1.4cqw; padding:2.2cqw; }
.t-websites .nl-card i{ display:grid; place-items:center; width:4.4cqw; height:4.4cqw; border-radius:1cqw; background:var(--nl-ice); margin-bottom:1.6cqw; }
.t-websites .nl-card i svg{ width:2.4cqw; height:2.4cqw; stroke:var(--nl-navy); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.t-websites .nl-card b{ display:block; font-size:1.9cqw; margin-bottom:.6cqw; }
.t-websites .nl-card p{ margin:0 0 1.2cqw; font-size:1.4cqw; line-height:1.5; color:var(--nl-slate); }
.t-websites .nl-card small{ font-size:1.3cqw; font-weight:700; color:var(--nl-flame); }
.t-websites .nl-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:2cqw; }
.t-websites .nl-step{ position:relative; padding-left:5.6cqw; }
.t-websites .nl-step i{ position:absolute; left:0; top:0; width:4.2cqw; height:4.2cqw; border-radius:50%; background:var(--nl-navy); color:#fff; display:grid; place-items:center; font-style:normal; font-family:var(--display); font-size:1.9cqw; }
.t-websites .nl-step b{ display:block; font-size:1.9cqw; margin-bottom:.5cqw; }
.t-websites .nl-step p{ margin:0; font-size:1.45cqw; line-height:1.5; color:var(--nl-slate); }
.t-websites .nl-revs{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6cqw; }
.t-websites .nl-rev{ background:#fff; border:1px solid #E3EAF2; border-radius:1.4cqw; padding:2.2cqw; }
.t-websites .nl-rev .stars{ color:#F5A623; font-size:1.6cqw; letter-spacing:.1em; margin-bottom:1cqw; }
.t-websites .nl-rev p{ margin:0 0 1.2cqw; font-size:1.5cqw; line-height:1.5; }
.t-websites .nl-rev small{ font-size:1.3cqw; color:var(--nl-slate); }
.t-websites .nl-cta{ background:var(--nl-navy); color:#fff; padding:5cqw 4cqw; display:flex; align-items:center; justify-content:space-between; gap:3cqw; }
.t-websites .nl-cta .nl-h2{ color:#fff; margin:0 0 .6cqw; }
.t-websites .nl-cta p{ margin:0; font-size:1.6cqw; opacity:.78; }
.t-websites .nl-cta .btn{ flex:none; background:var(--nl-flame); color:#fff; font-weight:700; padding:1.4cqw 2.8cqw; border-radius:99cqw; font-size:1.7cqw; }
.t-websites .nl-foot{ padding:2.4cqw 4cqw; display:flex; justify-content:space-between; font-size:1.3cqw; color:var(--nl-slate); }
.t-websites .nl--m .nl-nav{ height:12cqw; padding:0 4cqw; font-size:3cqw; }
.t-websites .nl--m .nl-nav .nl-lock{ font-size:4.2cqw; }
.t-websites .nl--m .nl-nav .btn{ font-size:2.9cqw; padding:1.6cqw 3cqw; }
.t-websites .nl--m .nl-nav > span:not(.nl-lock):not(.btn){ display:none; }
.t-websites .nl--m .nl-scroll{ padding-top:12cqw; }
.t-websites .nl--m .nl-hero{ grid-template-columns:1fr; gap:4cqw; padding:6cqw 5cqw 5cqw; }
.t-websites .nl--m .nl-eye{ font-size:2.6cqw; }
.t-websites .nl--m .nl-h1{ font-size:9cqw; }
.t-websites .nl--m .nl-sub{ font-size:3.6cqw; max-width:none; }
.t-websites .nl--m .nl-ctas .btn, .t-websites .nl--m .nl-ctas .ghost{ font-size:3.2cqw; padding:2.4cqw 4cqw; }
.t-websites .nl--m .nl-trust{ font-size:2.7cqw; flex-wrap:wrap; gap:1.6cqw 3cqw; }
.t-websites .nl--m .nl-photo{ border-radius:3cqw; }
.t-websites .nl--m .nl-badge{ font-size:2.6cqw; padding:2cqw 2.6cqw; border-radius:2cqw; }
.t-websites .nl--m .nl-badge b{ font-size:2.9cqw; }
.t-websites .nl--m .nl-badge i{ width:5cqw; height:5cqw; font-size:2.6cqw; }
.t-websites .nl--m .nl-stats{ grid-template-columns:repeat(2,1fr); }
.t-websites .nl--m .nl-stats div{ padding:4cqw 5cqw; border-bottom:1px solid #EEF2F6; }
.t-websites .nl--m .nl-stats b{ font-size:7cqw; }
.t-websites .nl--m .nl-stats span{ font-size:2.7cqw; }
.t-websites .nl--m .nl-sec{ padding:8cqw 5cqw; }
.t-websites .nl--m .nl-h2{ font-size:7cqw; }
.t-websites .nl--m .nl-lead{ font-size:3.4cqw; max-width:none; }
.t-websites .nl--m .nl-cards{ grid-template-columns:repeat(2,1fr); gap:3cqw; }
.t-websites .nl--m .nl-card{ padding:4cqw; border-radius:3cqw; }
.t-websites .nl--m .nl-card i{ width:9cqw; height:9cqw; border-radius:2cqw; }
.t-websites .nl--m .nl-card i svg{ width:5cqw; height:5cqw; }
.t-websites .nl--m .nl-card b{ font-size:3.6cqw; }
.t-websites .nl--m .nl-card p{ font-size:2.8cqw; }
.t-websites .nl--m .nl-card small{ font-size:2.6cqw; }
.t-websites .nl--m .nl-steps{ grid-template-columns:1fr; gap:4cqw; }
.t-websites .nl--m .nl-step{ padding-left:11cqw; }
.t-websites .nl--m .nl-step i{ width:8.4cqw; height:8.4cqw; font-size:3.8cqw; }
.t-websites .nl--m .nl-step b{ font-size:3.8cqw; }
.t-websites .nl--m .nl-step p{ font-size:2.9cqw; }
.t-websites .nl--m .nl-revs{ grid-template-columns:1fr; gap:3cqw; }
.t-websites .nl--m .nl-rev{ padding:4cqw; border-radius:3cqw; }
.t-websites .nl--m .nl-rev .stars{ font-size:3.2cqw; }
.t-websites .nl--m .nl-rev p{ font-size:3cqw; }
.t-websites .nl--m .nl-rev small{ font-size:2.6cqw; }
.t-websites .nl--m .nl-cta{ flex-direction:column; align-items:flex-start; padding:8cqw 5cqw; gap:4cqw; }
.t-websites .nl--m .nl-cta p{ font-size:3.2cqw; }
.t-websites .nl--m .nl-cta .btn{ font-size:3.4cqw; padding:2.8cqw 5cqw; }
.t-websites .nl--m .nl-foot{ font-size:2.6cqw; flex-direction:column; gap:1cqw; padding:5cqw; }
.t-websites .book{ position:absolute; z-index:10; left:22%; right:22%; bottom:0; top:30%; background:#fff; border-radius:1.6cqw 1.6cqw 0 0; box-shadow:0 -1cqw 4cqw rgba(11,37,69,.28); padding:2.6cqw 3cqw; }
.t-websites .book[data-t]{ transform:translateY(100%); opacity:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.t-websites .book.is-on{ transform:none; }
.t-websites .book__x{ position:absolute; right:2cqw; top:1.8cqw; width:2.6cqw; height:2.6cqw; border-radius:50%; background:#EEF2F6; display:grid; place-items:center; font-size:1.4cqw; color:var(--nl-slate); }
.t-websites .book h4{ font-family:var(--display); font-size:2.8cqw; letter-spacing:-.03em; margin:0 0 .4cqw; color:var(--nl-navy); }
.t-websites .book > p{ margin:0 0 1.8cqw; font-size:1.5cqw; color:var(--nl-slate); }
.t-websites .book__form, .t-websites .book__ok{ position:absolute; left:3cqw; right:3cqw; top:8.6cqw; bottom:2.6cqw; }
.t-websites .book__l{ font-size:1.25cqw; letter-spacing:.12em; text-transform:uppercase; color:var(--nl-slate); font-weight:700; margin:0 0 .8cqw; }
.t-websites .chips{ display:flex; gap:.8cqw; margin-bottom:2cqw; }
.t-websites .chip{ font-size:1.45cqw; font-weight:600; padding:.8cqw 1.5cqw; border-radius:99cqw; border:1px solid #DCE4EE; color:var(--nl-navy); }
.t-websites .chip.on{ background:var(--nl-navy); color:#fff; border-color:var(--nl-navy); }
.t-websites .slots{ display:grid; grid-template-columns:repeat(3,1fr); gap:1cqw; margin-bottom:2.2cqw; }
.t-websites .slot{ border:1px solid #DCE4EE; border-radius:1cqw; padding:1.3cqw; text-align:center; font-size:1.5cqw; font-weight:600; color:var(--nl-navy); opacity:1; transform:none; transition:.25s; }
.t-websites .slot small{ display:block; font-weight:500; color:var(--nl-slate); font-size:1.2cqw; margin-top:.3cqw; }
.t-websites .slot.is-on{ background:var(--nl-navy); color:#fff; border-color:var(--nl-navy); }
.t-websites .slot.is-on small{ color:#C9D5E3; }
.t-websites .book__go{ display:block; text-align:center; background:var(--nl-flame); color:#fff; font-weight:700; padding:1.4cqw; border-radius:99cqw; font-size:1.7cqw; }
.t-websites .book__ok{ display:grid; place-items:center; text-align:center; }
.t-websites .book__ok i{ width:7cqw; height:7cqw; border-radius:50%; background:#1E8A5A; color:#fff; display:grid; place-items:center; font-style:normal; font-size:3.4cqw; font-weight:700; margin-bottom:1.4cqw; }
.t-websites .book__ok b{ display:block; font-family:var(--display); font-size:2.8cqw; letter-spacing:-.03em; color:var(--nl-navy); margin-bottom:.6cqw; }
.t-websites .book__ok span{ font-size:1.5cqw; color:var(--nl-slate); }
.t-websites .dim{ position:absolute; inset:0; z-index:9; background:rgba(11,37,69,.32); }

/* ===== products ===== */
.t-products{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; --nl-paper:#FAFAF7; }
.t-products .nl-mark{ display:inline-block; width:1em; height:1em; vertical-align:middle; }
.t-products .nl-word{ font-family:var(--display); font-weight:700; letter-spacing:-.035em; color:var(--nl-navy); line-height:1; }
.t-products .nl-lock{ display:inline-flex; align-items:center; gap:.32em; }
.t-products .nl-lock .nl-mark{ font-size:1.15em; }
.t-products .dpst{ position:absolute; inset:0; background:#E9EEF4; }
.t-products .pho{ position:absolute; top:4.5%; height:91%; aspect-ratio:9/19; left:50%; transform:translateX(-50%); background:#0B1220; border-radius:11% / 5.2%; padding:2.2%; box-shadow:0 1.2cqw 4cqw -1cqw rgba(11,37,69,.55); }
.t-products .pho__scr{ position:absolute; inset:2.2%; border-radius:9.5% / 4.5%; overflow:hidden; background:#fff; container-type:size; }
.t-products .pho__notch{ position:absolute; z-index:9; left:50%; top:2.6%; width:36%; height:3.2%; border-radius:99px; background:#0B1220; transform:translateX(-50%); }
.t-products .ap{ position:absolute; inset:0; font-family:var(--body); color:var(--nl-navy); background:#F6F8FB; }
.t-products .ap[data-t]{ transform:translateX(6cqw); }
.t-products .ap.is-on{ transform:none; }
.t-products .ap__sb{ height:11cqw; display:flex; align-items:flex-end; justify-content:space-between; padding:0 7cqw 1.2cqw; font-size:3.4cqw; font-weight:600; }
.t-products .ap__sb i{ font-style:normal; letter-spacing:-.05em; }
.t-products .ap__hdr{ padding:3cqw 6cqw 3cqw; }
.t-products .ap__hi{ font-size:3.2cqw; color:var(--nl-slate); margin:0 0 .6cqw; }
.t-products .ap__h{ font-family:var(--display); font-size:6.6cqw; letter-spacing:-.03em; margin:0; line-height:1.05; }
.t-products .ap__sub{ font-size:3.2cqw; color:var(--nl-slate); margin:.8cqw 0 0; }
.t-products .job{ margin:0 5cqw 2.6cqw; background:#fff; border:1px solid #E3EAF2; border-radius:4cqw; padding:3.6cqw 4cqw; display:grid; grid-template-columns:auto 1fr auto; gap:3.2cqw; align-items:center; }
.t-products .job--next{ border-color:var(--nl-navy); box-shadow:0 0 0 .6cqw rgba(11,37,69,.08); }
.t-products .job__t{ font-family:var(--display); font-size:4.2cqw; letter-spacing:-.03em; line-height:1; }
.t-products .job__t small{ display:block; font-family:var(--body); font-size:2.6cqw; color:var(--nl-slate); margin-top:.6cqw; letter-spacing:0; }
.t-products .job__n{ font-size:3.6cqw; font-weight:700; }
.t-products .job__s{ font-size:3cqw; color:var(--nl-slate); margin-top:.4cqw; }
.t-products .job__tag{ font-size:2.5cqw; font-weight:700; padding:1cqw 2cqw; border-radius:99cqw; background:var(--nl-ice); color:var(--nl-navy); }
.t-products .job--next .job__tag{ background:var(--nl-flame); color:#fff; }
.t-products .ap__tabs{ position:absolute; left:0; right:0; bottom:0; height:16cqw; background:#fff; border-top:1px solid #E3EAF2; display:flex; justify-content:space-around; align-items:center; font-size:2.6cqw; color:#9AA9BB; padding-bottom:2cqw; }
.t-products .ap__tabs b{ color:var(--nl-navy); }
.t-products .ap__tabs span::before{ content:""; display:block; width:5cqw; height:5cqw; border-radius:1.4cqw; background:#DCE4EE; margin:0 auto .8cqw; }
.t-products .ap__tabs b::before{ background:var(--nl-navy); }
.t-products .ap__back{ font-size:3.2cqw; color:var(--nl-slate); padding:1cqw 6cqw 0; }
.t-products .ap__card{ margin:3cqw 5cqw 0; background:#fff; border:1px solid #E3EAF2; border-radius:4cqw; padding:4cqw; }
.t-products .ap__row{ display:flex; justify-content:space-between; gap:3cqw; padding:2.4cqw 0; border-bottom:1px solid #EEF2F6; font-size:3.1cqw; }
.t-products .ap__row:last-child{ border-bottom:0; }
.t-products .ap__row span{ color:var(--nl-slate); }
.t-products .ap__row b{ text-align:right; }
.t-products .ap__map{ margin:3cqw 5cqw 0; height:26cqw; border-radius:4cqw; background:
  linear-gradient(90deg,transparent 0 48%,#fff 48% 52%,transparent 52%) , linear-gradient(0deg,transparent 0 60%,#fff 60% 66%,transparent 66%), #DDE7EF; position:relative; overflow:hidden; }
.t-products .ap__map i{ position:absolute; left:58%; top:38%; width:5cqw; height:5cqw; border-radius:50% 50% 50% 0; background:var(--nl-flame); transform:rotate(-45deg); border:.6cqw solid #fff; box-shadow:0 .6cqw 1.4cqw rgba(0,0,0,.25); }
.t-products .ap__map em{ position:absolute; left:14%; top:70%; font-style:normal; font-size:2.6cqw; font-weight:700; background:#fff; padding:.8cqw 1.8cqw; border-radius:99cqw; box-shadow:0 .4cqw 1cqw rgba(0,0,0,.15); }
.t-products .ap__btn{ position:absolute; left:5cqw; right:5cqw; bottom:6cqw; background:var(--nl-flame); color:#fff; text-align:center; font-weight:700; font-size:3.8cqw; padding:4.2cqw; border-radius:99cqw; }
.t-products .ap__btn--navy{ background:var(--nl-navy); }
.t-products .ap__status{ margin:3cqw 5cqw 0; background:#E7F6EE; color:#1E8A5A; font-weight:700; font-size:3cqw; padding:2.6cqw 4cqw; border-radius:99cqw; display:flex; align-items:center; gap:2cqw; }
.t-products .ap__status i{ width:2.4cqw; height:2.4cqw; border-radius:50%; background:#1E8A5A; }
.t-products .chk{ display:flex; align-items:center; gap:2.6cqw; padding:2.2cqw 0; border-bottom:1px solid #EEF2F6; font-size:3.1cqw; }
.t-products .chk:last-child{ border:0; }
.t-products .chk i{ width:5cqw; height:5cqw; border-radius:50%; background:#1E8A5A; color:#fff; display:grid; place-items:center; font-style:normal; font-size:2.8cqw; font-weight:700; flex:none; }
.t-products .ap__photo{ margin:3cqw 5cqw 0; display:grid; grid-template-columns:1fr 1fr; gap:2.4cqw; }
.t-products .ap__photo div{ aspect-ratio:4/3; border-radius:3cqw; background:#DCE4EE url(/assets/wd/nl-furnace.webp) center/cover; }
.t-products .ap__photo div+div{ background:#fff; border:.4cqw dashed #C4D0DE; display:grid; place-items:center; font-size:2.8cqw; color:var(--nl-slate); }
.t-products .ap__price{ margin:3cqw 5cqw 0; display:flex; justify-content:space-between; align-items:baseline; font-size:3.2cqw; color:var(--nl-slate); }
.t-products .ap__price b{ font-family:var(--display); font-size:7cqw; letter-spacing:-.03em; color:var(--nl-navy); }
.t-products .ap__done{ position:absolute; inset:0; display:grid; place-items:center; text-align:center; padding:8cqw; background:#fff; }
.t-products .ap__done i{ width:20cqw; height:20cqw; border-radius:50%; background:#1E8A5A; color:#fff; display:grid; place-items:center; font-style:normal; font-size:10cqw; font-weight:700; margin:0 auto 4cqw; }
.t-products .ap__done b{ display:block; font-family:var(--display); font-size:6.4cqw; letter-spacing:-.03em; margin-bottom:2cqw; }
.t-products .ap__done span{ display:block; font-size:3.2cqw; color:var(--nl-slate); line-height:1.5; }
.t-products .notif{ position:absolute; z-index:8; width:31%; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-radius:1.4cqw; padding:1.3cqw 1.5cqw; box-shadow:0 1cqw 3cqw -.8cqw rgba(11,37,69,.4); display:grid; grid-template-columns:auto 1fr; gap:1.2cqw; align-items:start; }
.t-products .notif svg{ width:3.6cqw; height:3.6cqw; border-radius:.9cqw; }
.t-products .notif b{ display:flex; justify-content:space-between; font-size:1.35cqw; margin-bottom:.3cqw; }
.t-products .notif b small{ font-weight:400; color:var(--ink-2); }
.t-products .notif p{ margin:0; font-size:1.4cqw; line-height:1.4; color:#2C3E52; }
.t-products .notif--1{ right:5%; top:26%; }
.t-products .notif--2{ right:5%; top:56%; }
.t-products .rec--tile .notif{ width:27%; right:2.5%; }
.t-products .rec--tile .side{ width:26%; left:3%; }
.t-products .side{ position:absolute; left:5%; top:26%; width:30%; font-size:1.55cqw; line-height:1.6; color:var(--ink-2); }
.t-products .side b{ display:block; font-family:var(--display); font-size:2.4cqw; letter-spacing:-.02em; color:var(--ink); margin-bottom:.6cqw; line-height:1.15; }
.t-products .side .k{ display:flex; gap:1cqw; align-items:center; margin-top:1.4cqw; font-size:1.4cqw; }
.t-products .side .k i{ width:1.6cqw; height:1.6cqw; border-radius:50%; background:#3CC98A; }

/* ===== seo ===== */
.t-seo{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A;
       --g-blue:#1a0dab; --g-grey:#4d5156; --g-url:#202124; --g-line:#dadce0; --g-star:#fbbc04; }
.t-seo .gw{ font-family:"Product Sans","Google Sans",var(--display),sans-serif; font-weight:500; letter-spacing:-.04em; line-height:1; white-space:nowrap; }
.t-seo .gw i{ font-style:normal; }
.t-seo .gw i:nth-child(1), .t-seo .gw i:nth-child(4){ color:#4285F4; }
.t-seo .gw i:nth-child(2), .t-seo .gw i:nth-child(6){ color:#EA4335; }
.t-seo .gw i:nth-child(3){ color:#FBBC05; }
.t-seo .gw i:nth-child(5){ color:#34A853; }
.t-seo .gG{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:50%; background:conic-gradient(from -45deg,#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0); position:relative; }
.t-seo .gG::after{ content:"G"; position:absolute; inset:.12em; background:#fff; border-radius:50%; display:grid; place-items:center; font:700 .62em/1 Arial,sans-serif; color:#4285F4; }
.t-seo .g{ position:absolute; inset:0; background:#fff; font-family:Arial,Helvetica,sans-serif; color:var(--g-url); }
.t-seo .g__home{ position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:2.6cqw; }
.t-seo .g__home .gw{ font-size:9cqw; }
.t-seo .g__box{ display:flex; align-items:center; gap:1.4cqw; width:60%; height:6cqw; border:1px solid var(--g-line); border-radius:99cqw; padding:0 2cqw; box-shadow:0 .2cqw .8cqw rgba(32,33,36,.18); font-size:2cqw; color:var(--g-url); }
.t-seo .g__box .mag{ width:2cqw; height:2cqw; border:.28cqw solid #9aa0a6; border-radius:50%; position:relative; flex:none; }
.t-seo .g__box .mag::after{ content:""; position:absolute; right:-.9cqw; bottom:-.9cqw; width:1cqw; height:.28cqw; background:#9aa0a6; transform:rotate(45deg); }
.t-seo .g__q{ overflow:hidden; white-space:nowrap; display:inline-block; width:0; border-right:.2cqw solid var(--g-url);
  animation:type var(--T,20s) steps(30,end) infinite; }
@keyframes type{ 0%,4%{ width:0; } 16%,100%{ width:31cqw; } }
.t-seo .g__top{ display:flex; align-items:center; gap:2.4cqw; padding:1.1cqw 3cqw; border-bottom:1px solid #ebebeb; }
.t-seo .g__top .gw{ font-size:3cqw; }
.t-seo .g__top .g__box{ width:52%; height:4.2cqw; box-shadow:none; background:#fff; font-size:1.7cqw; }
.t-seo .g__tabs{ display:flex; gap:2.4cqw; padding:.7cqw 3cqw 0 15.4cqw; font-size:1.3cqw; color:#5f6368; border-bottom:1px solid #ebebeb; }
.t-seo .g__tabs b{ color:#1a73e8; font-weight:400; border-bottom:.3cqw solid #1a73e8; padding-bottom:.6cqw; }
.t-seo .g__tabs span{ padding-bottom:.9cqw; }
.t-seo .g__res{ padding:1cqw 3cqw 0 15.4cqw; width:62%; }
.t-seo .g__n{ font-size:1.2cqw; color:#70757a; margin:0 0 .9cqw; }
.t-seo .lp{ border:1px solid var(--g-line); border-radius:1cqw; overflow:hidden; margin-bottom:1.4cqw; }
.t-seo .lp__map{ height:7.4cqw; position:relative; background:#E8EEF3; overflow:hidden; }
.t-seo .lp__map::before{ content:""; position:absolute; inset:0; background:
  linear-gradient(90deg,transparent 0 30%,#fff 30% 31.5%,transparent 31.5% 62%,#fff 62% 63.5%,transparent 63.5%),
  linear-gradient(0deg,transparent 0 40%,#fff 40% 43%,transparent 43%),
  linear-gradient(-25deg,transparent 0 55%,#fff 55% 56.5%,transparent 56.5%),
  radial-gradient(ellipse at 80% 20%,#CFE3CF 0 18%,transparent 18.5%),
  radial-gradient(ellipse at 15% 75%,#CFE3CF 0 14%,transparent 14.5%); }
.t-seo .pin{ position:absolute; width:2.4cqw; height:2.4cqw; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:#EA4335; border:.3cqw solid #fff; box-shadow:0 .3cqw .8cqw rgba(0,0,0,.3); display:grid; place-items:center; }
.t-seo .pin::after{ content:attr(data-l); transform:rotate(45deg); color:#fff; font-size:1.1cqw; font-weight:700; }
.t-seo .pin--you{ width:3.2cqw; height:3.2cqw; z-index:2; }
.t-seo .lp__h{ display:flex; justify-content:space-between; padding:.8cqw 1.4cqw .3cqw; font-size:1.5cqw; font-weight:700; }
.t-seo .lp__h small{ font-weight:400; color:#70757a; font-size:1.3cqw; }
.t-seo .biz{ display:grid; grid-template-columns:1fr auto; gap:1cqw; padding:.7cqw 1.4cqw; border-top:1px solid #ebebeb; align-items:center; opacity:1; transform:none; }
.t-seo .biz b{ font-size:1.45cqw; display:block; margin-bottom:.15cqw; }
.t-seo .biz .r{ font-size:1.15cqw; color:#70757a; }
.t-seo .biz .r em{ font-style:normal; color:#EA8600; letter-spacing:.06em; }
.t-seo .biz .r i{ font-style:normal; color:var(--g-url); }
.t-seo .biz .o{ font-size:1.15cqw; color:#70757a; }
.t-seo .biz .o em{ font-style:normal; color:#188038; }
.t-seo .biz__b{ display:flex; gap:.6cqw; }
.t-seo .biz__b span{ font-size:1.1cqw; color:#1a73e8; border:1px solid var(--g-line); border-radius:99cqw; padding:.35cqw .9cqw; }
.t-seo .biz--you{ background:#F8FAFF; }
.t-seo .biz--you.is-on{ box-shadow:inset .5cqw 0 0 var(--nl-flame); }
.t-seo .org{ margin-bottom:1.4cqw; opacity:1; transform:none; }
.t-seo .org__site{ display:flex; align-items:center; gap:.8cqw; font-size:1.2cqw; color:var(--g-url); margin-bottom:.3cqw; }
.t-seo .org__site i{ width:2.4cqw; height:2.4cqw; border-radius:50%; background:#F1F3F4; display:grid; place-items:center; font-style:normal; font-size:1.1cqw; font-weight:700; color:#5f6368; }
.t-seo .org__site i.nl{ background:var(--nl-navy); color:var(--nl-flame); }
.t-seo .org__site small{ color:#5f6368; }
.t-seo .org__t{ font-size:1.75cqw; color:var(--g-blue); margin:0 0 .3cqw; line-height:1.3; }
.t-seo .org__s{ font-size:1.25cqw; color:var(--g-grey); line-height:1.45; margin:0; }
.t-seo .org__s b{ font-weight:700; color:var(--g-grey); }
.t-seo .sl{ display:grid; grid-template-columns:1fr 1fr; gap:.3cqw 3cqw; margin-top:.7cqw; font-size:1.25cqw; }
.t-seo .sl span{ color:var(--g-blue); }
.t-seo .rank{ position:absolute; right:3cqw; top:14cqw; width:25%; background:#fff; border:1px solid var(--line); border-radius:1.2cqw; padding:1.4cqw 1.5cqw; box-shadow:0 .8cqw 2.6cqw -.8cqw rgba(18,36,58,.35); font-family:var(--body); color:var(--ink); }
.t-seo .rank__k{ font-size:1.15cqw; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); font-weight:700; display:flex; align-items:center; gap:.6cqw; margin-bottom:.6cqw; }
.t-seo .rank__k .rec__mark{ width:1.8cqw; height:1.8cqw; }
.t-seo .rank__q{ font-size:1.35cqw; color:var(--ink-2); margin-bottom:.8cqw; }
.t-seo .rank__n{ display:flex; align-items:baseline; gap:.8cqw; margin-bottom:.6cqw; }
.t-seo .rank__n b{ font-family:var(--display); font-size:4.6cqw; letter-spacing:-.04em; line-height:1; }
.t-seo .rank__n span{ font-size:1.3cqw; color:var(--ink-2); }
.t-seo .rank__n em{ font-style:normal; color:#1E8A5A; font-weight:700; font-size:1.35cqw; }
.t-seo .rank svg{ width:100%; height:5cqw; overflow:visible; }
.t-seo .rank path{ fill:none; stroke:#1E8A5A; stroke-width:2px; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-dasharray:300; stroke-dashoffset:300; transition:stroke-dashoffset 1.6s ease-out .2s; }
.t-seo .rank.is-on path{ stroke-dashoffset:0; }
.t-seo .rank__f{ display:flex; justify-content:space-between; font-size:1.1cqw; color:#9AA9BB; margin-top:.3cqw; }

/* ===== social ===== */
.t-social{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; }
.t-social .st{ position:absolute; inset:0; background:#E9EEF4; }
.t-social .pho{ position:absolute; top:4.5%; height:91%; aspect-ratio:9/19; left:50%; transform:translateX(-50%); background:#0B1220; border-radius:11% / 5.2%; padding:2.2%; box-shadow:0 1.2cqw 4cqw -1cqw rgba(11,37,69,.55); }
.t-social .pho__scr{ position:absolute; inset:2.2%; border-radius:9.5% / 4.5%; overflow:hidden; background:#000; container-type:size; }
.t-social .pho__notch{ position:absolute; z-index:9; left:50%; top:2.6%; width:36%; height:3.2%; border-radius:99px; background:#0B1220; transform:translateX(-50%); }
.t-social .pl{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:.26em; vertical-align:middle; }
.t-social .pl svg{ width:70%; height:70%; }
.t-social .pl--ig{ background:linear-gradient(45deg,#F9CE34,#EE2A7B 50%,#6228D7); }
.t-social .pl--ig svg{ fill:none; stroke:#fff; stroke-width:2; }
.t-social .pl--tt{ background:#000; }
.t-social .pl--tt svg{ fill:#fff; }
.t-social .pl--yt{ background:#FF0000; }
.t-social .pl--yt svg{ fill:#fff; }
.t-social .pl--fb{ background:#1877F2; }
.t-social .pl--fb svg{ fill:#fff; }
.t-social .pl--li{ background:#0A66C2; }
.t-social .pl--li svg{ fill:#fff; }
.t-social .reel{ position:absolute; inset:0; background:#000; color:#fff; font-family:var(--body); overflow:hidden; }
.t-social .reel__v{ position:absolute; inset:0; background:#223 url(/assets/wd/nl-reel.webp) center/cover; animation:kb var(--T,18s) ease-in-out infinite; }
@keyframes kb{ 0%{ transform:scale(1); } 100%{ transform:scale(1.1) translateY(-1.5%); } }
.t-social .reel__sh{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.45) 0,transparent 22%,transparent 55%,rgba(0,0,0,.72) 100%); }
.t-social .reel__top{ position:absolute; left:0; right:0; top:11cqw; display:flex; justify-content:space-between; align-items:center; padding:0 6cqw; font-size:5.2cqw; font-weight:700; text-shadow:0 .3cqw 1cqw rgba(0,0,0,.4); }
.t-social .reel__top i{ width:5.6cqw; height:5.6cqw; border:.5cqw solid #fff; border-radius:1.4cqw; display:block; }
.t-social .rail{ position:absolute; right:4cqw; bottom:24cqw; display:grid; gap:5cqw; justify-items:center; text-align:center; font-size:3cqw; font-weight:600; text-shadow:0 .3cqw 1cqw rgba(0,0,0,.5); }
.t-social .rail svg{ width:8cqw; height:8cqw; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; display:block; margin:0 auto .8cqw; filter:drop-shadow(0 .3cqw .8cqw rgba(0,0,0,.4)); }
.t-social .rail .liked svg{ fill:#FF3040; stroke:#FF3040; }
.t-social .rail__disc{ width:8cqw; height:8cqw; border-radius:50%; border:.6cqw solid #333; background:conic-gradient(#0B2545,#F26B21,#0B2545); animation:spin 4s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.t-social .reel__meta{ position:absolute; left:5cqw; right:20cqw; bottom:9cqw; font-size:3.2cqw; line-height:1.4; text-shadow:0 .3cqw 1cqw rgba(0,0,0,.5); }
.t-social .reel__u{ display:flex; align-items:center; gap:2cqw; font-weight:700; margin-bottom:1.6cqw; font-size:3.4cqw; }
.t-social .reel__u i{ width:7cqw; height:7cqw; border-radius:50%; background:var(--nl-navy); border:.4cqw solid #fff; display:grid; place-items:center; }
.t-social .reel__u i svg{ width:70%; height:70%; }
.t-social .reel__u span{ border:.4cqw solid #fff; border-radius:1.6cqw; padding:.6cqw 2cqw; font-size:2.8cqw; }
.t-social .reel__c{ margin:0 0 1.4cqw; }
.t-social .reel__c b{ font-weight:400; color:#BFD3FF; }
.t-social .reel__a{ display:flex; align-items:center; gap:1.6cqw; font-size:2.8cqw; opacity:.92; }
.t-social .reel__a::before{ content:"♫"; }
.t-social .reel__bar{ position:absolute; left:0; right:0; bottom:0; height:.9cqw; background:rgba(255,255,255,.25); }
.t-social .reel__bar i{ position:absolute; left:0; top:0; bottom:0; width:0; background:#fff; animation:prog var(--T,18s) linear infinite; }
@keyframes prog{ 0%{ width:0; } 92%,100%{ width:100%; } }
.t-social .views{ position:absolute; left:5cqw; top:11cqw; display:flex; gap:1.6cqw; align-items:center; font-size:3.4cqw; font-weight:700; text-shadow:0 .3cqw 1cqw rgba(0,0,0,.5); opacity:1; transform:none; }
.t-social .views::before{ content:"▶"; font-size:2.6cqw; }
.t-social .reel--tt .reel__top{ justify-content:center; gap:5cqw; font-size:4cqw; }
.t-social .reel--tt .reel__top i{ display:none; }
.t-social .reel--tt .reel__top span{ opacity:.7; }
.t-social .reel--tt .reel__top b{ border-bottom:.5cqw solid #fff; padding-bottom:1cqw; }
.t-social .reel--tt .reel__u span{ display:none; }
.t-social .reel--tt .views{ top:19cqw; }
.t-social .reel--tt .reel__u i{ border-color:#25F4EE; }
.t-social .reel--yt .reel__top{ font-size:4.6cqw; }
.t-social .reel--yt .reel__top i{ border-radius:50%; }
.t-social .reel--yt .reel__u span{ background:#fff; color:#000; border-color:#fff; font-weight:700; }
.t-social .reel--yt .rail svg{ stroke-width:1.6; }
.t-social .cmt{ position:absolute; width:31%; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-radius:1.4cqw; padding:1.2cqw 1.4cqw; box-shadow:0 1cqw 3cqw -.8cqw rgba(11,37,69,.4); display:grid; grid-template-columns:auto 1fr; gap:1cqw; font-family:var(--body); }
.t-social .cmt i{ width:3.2cqw; height:3.2cqw; border-radius:50%; background:#C9D5E3; display:block; }
.t-social .cmt i.c1{ background:#E8A0A0; }
.t-social .cmt i.c2{ background:#9DC7A5; }
.t-social .cmt i.c3{ background:#B8A9E0; }
.t-social .cmt i.c4{ background:#F1C27D; }
.t-social .cmt b{ display:flex; justify-content:space-between; font-size:1.3cqw; color:var(--ink); }
.t-social .cmt b small{ font-weight:400; color:var(--ink-2); }
.t-social .cmt p{ margin:.2cqw 0 0; font-size:1.35cqw; line-height:1.4; color:#2C3E52; }
.t-social .cmt--1{ right:4%; top:14%; }
.t-social .cmt--2{ right:4%; top:32%; }
.t-social .cmt--3{ right:4%; top:50%; }
.t-social .cmt--4{ right:4%; top:68%; }
.t-social .stat{ position:absolute; left:3.5%; top:14%; width:25%; background:#fff; border:1px solid var(--line); border-radius:1.2cqw; padding:1.4cqw 1.5cqw; font-family:var(--body); color:var(--ink); box-shadow:0 .8cqw 2.6cqw -.8cqw rgba(18,36,58,.35); }
.t-social .stat__k{ font-size:1.15cqw; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); font-weight:700; display:flex; align-items:center; gap:.6cqw; margin-bottom:1cqw; }
.t-social .stat__k .pl{ font-size:1.8cqw; }
.t-social .stat__n{ font-family:var(--display); font-size:4.2cqw; letter-spacing:-.04em; line-height:1; }
.t-social .stat__l{ font-size:1.25cqw; color:var(--ink-2); margin:.2cqw 0 1.2cqw; }
.t-social .stat__r{ display:flex; justify-content:space-between; font-size:1.3cqw; padding:.6cqw 0; border-top:1px solid #EEF2F6; }
.t-social .stat__r b{ font-weight:700; }
.t-social .stat__r.hi b{ color:#1E8A5A; }
.t-social .trend{ position:absolute; left:3.5%; bottom:5%; background:#12243A; color:#fff; font-size:1.35cqw; font-weight:600; padding:.7cqw 1.4cqw; border-radius:99cqw; display:flex; gap:.7cqw; align-items:center; font-family:var(--body); }
.t-social .trend i{ width:1.4cqw; height:1.4cqw; border-radius:50%; background:#3CC98A; }

/* ===== leads ===== */
.t-leads{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; }
.t-leads .pl{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:.26em; vertical-align:middle; flex:none; }
.t-leads .pl svg{ width:70%; height:70%; }
.t-leads .pl--li{ background:#0A66C2; }
.t-leads .pl--li svg{ fill:#fff; }
.t-leads .pl--mail{ background:#fff; border:1px solid #DCE4EE; }
.t-leads .pl--mail svg{ width:78%; height:78%; }
.t-leads .pl--ph{ background:#1E8A5A; }
.t-leads .pl--ph svg{ fill:#fff; }
.t-leads .ok{ display:inline-flex; align-items:center; gap:.4cqw; color:#1E8A5A; font-weight:700; }
.t-leads .ok::before{ content:"✓"; }
.t-leads .lg{ position:absolute; inset:0; background:#fff; font-family:var(--body); color:var(--ink); display:grid; grid-template-rows:auto 1fr; }
.t-leads .lg__top{ display:flex; align-items:center; gap:1.4cqw; padding:1.4cqw 2.2cqw; border-bottom:1px solid #E6ECF3; }
.t-leads .lg__t{ font-family:var(--display); font-size:2.2cqw; letter-spacing:-.02em; }
.t-leads .lg__t span{ color:var(--ink-2); font-weight:500; font-size:1.4cqw; margin-left:.8cqw; }
.t-leads .lg__k{ margin-left:auto; display:flex; gap:.8cqw; }
.t-leads .lg__k div{ border:1px solid #E6ECF3; border-radius:99cqw; padding:.5cqw 1.2cqw; font-size:1.3cqw; color:var(--ink-2); display:flex; gap:.6cqw; align-items:baseline; }
.t-leads .lg__k b{ font-family:var(--display); font-size:1.9cqw; color:var(--ink); letter-spacing:-.02em; }
.t-leads .lg__k div.hi{ background:var(--ink); color:#C9D5E3; border-color:var(--ink); }
.t-leads .lg__k div.hi b{ color:#fff; }
.t-leads .lg__cols{ display:grid; grid-template-columns:30% 1fr 31%; min-height:0; }
.t-leads .col{ padding:1.4cqw 1.6cqw; min-height:0; overflow:hidden; }
.t-leads .col+.col{ border-left:1px solid #E6ECF3; }
.t-leads .col__h{ font-size:1.15cqw; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); font-weight:700; margin:0 0 1cqw; display:flex; justify-content:space-between; align-items:center; }
.t-leads .col__h em{ font-style:normal; background:#F4F7FB; border-radius:99cqw; padding:.2cqw .8cqw; font-size:1.1cqw; letter-spacing:0; text-transform:none; }
.t-leads .pr{ display:grid; grid-template-columns:auto 1fr auto; gap:.9cqw; align-items:center; padding:.8cqw .6cqw; border-bottom:1px solid #F1F4F8; font-size:1.3cqw; }
.t-leads .pr i{ width:2.6cqw; height:2.6cqw; border-radius:50%; background:#DCE4EE; display:grid; place-items:center; font-style:normal; font-size:1.1cqw; font-weight:700; color:#3A4C61; }
.t-leads .pr b{ display:block; font-size:1.35cqw; }
.t-leads .pr span{ color:var(--ink-2); font-size:1.15cqw; }
.t-leads .pr .ok{ font-size:1.1cqw; }
.t-leads .pr--more{ color:var(--ink-2); font-size:1.2cqw; padding:.9cqw .6cqw; grid-template-columns:1fr; }
.t-leads .seq{ position:relative; padding-left:3.2cqw; }
.t-leads .seq::before{ content:""; position:absolute; left:1.05cqw; top:1cqw; bottom:1cqw; width:.18cqw; background:#E6ECF3; }
.t-leads .step{ position:relative; margin-bottom:1.2cqw; }
.t-leads .step::before{ content:""; position:absolute; left:-3.2cqw; top:.5cqw; width:2.3cqw; height:2.3cqw; border-radius:50%; background:#fff; border:.22cqw solid #C4D0DE; }
.t-leads .step.is-on::before{ background:var(--nl-navy); border-color:var(--nl-navy); }
.t-leads .step__d{ display:flex; align-items:center; gap:.7cqw; font-size:1.2cqw; color:var(--ink-2); margin-bottom:.5cqw; }
.t-leads .step__d b{ color:var(--ink); }
.t-leads .step__d .pl{ font-size:1.7cqw; }
.t-leads .step__d .ok{ margin-left:auto; font-size:1.15cqw; }
.t-leads .mail{ border:1px solid #E6ECF3; border-radius:.9cqw; padding:1cqw 1.2cqw; font-size:1.25cqw; line-height:1.45; color:#2C3E52; background:#FAFBFD; }
.t-leads .mail b{ display:block; color:var(--ink); margin-bottom:.4cqw; font-size:1.35cqw; }
.t-leads .mail p{ margin:0 0 .5cqw; }
.t-leads .mail p:last-child{ margin:0; }
.t-leads .step__s{ font-size:1.25cqw; color:#2C3E52; border:1px solid #E6ECF3; border-radius:.9cqw; padding:.8cqw 1.2cqw; background:#FAFBFD; }
.t-leads .rp{ border:1px solid #E6ECF3; border-radius:.9cqw; padding:1cqw 1.2cqw; margin-bottom:.9cqw; font-size:1.25cqw; line-height:1.45; position:relative; }
.t-leads .rp__h{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.4cqw; }
.t-leads .rp__h b{ font-size:1.3cqw; }
.t-leads .rp__h small{ color:var(--ink-2); font-size:1.1cqw; }
.t-leads .rp p{ margin:0 0 .6cqw; color:#2C3E52; }
.t-leads .rp .tag{ display:inline-block; font-size:1.05cqw; font-weight:700; border-radius:99cqw; padding:.3cqw .8cqw; }
.t-leads .tag--hot{ background:#FFF0EA; color:var(--nl-flame); }
.t-leads .tag--nur{ background:#F4F7FB; color:var(--ink-2); }
.t-leads .tag--q{ background:#EAF2FF; color:#2E6FE0; }
.t-leads .rp--hot{ border-color:#F5C9B8; }
.t-leads .meet{ margin-top:.6cqw; background:var(--nl-navy); color:#fff; border-radius:.8cqw; padding:.8cqw 1cqw; font-size:1.2cqw; display:flex; gap:.8cqw; align-items:center; }
.t-leads .meet i{ width:2.2cqw; height:2.2cqw; border-radius:.5cqw; background:#fff; color:var(--nl-navy); display:grid; place-items:center; font-style:normal; font-size:1cqw; font-weight:700; line-height:1; text-align:center; }
.t-leads .meet b{ display:block; }
.t-leads .book{ display:inline-block; background:var(--nl-flame); color:#fff; font-weight:700; font-size:1.15cqw; padding:.5cqw 1.1cqw; border-radius:99cqw; margin-top:.2cqw; }

/* ===== ads ===== */
.t-ads{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; --g-blue:#1a0dab; --g-grey:#4d5156; --g-url:#202124; --g-line:#dadce0; }
.t-ads .gw{ font-family:"Product Sans","Google Sans",var(--display),sans-serif; font-weight:500; letter-spacing:-.04em; line-height:1; white-space:nowrap; }
.t-ads .gw i{ font-style:normal; }
.t-ads .gw i:nth-child(1), .t-ads .gw i:nth-child(4){ color:#4285F4; }
.t-ads .gw i:nth-child(2), .t-ads .gw i:nth-child(6){ color:#EA4335; }
.t-ads .gw i:nth-child(3){ color:#FBBC05; }
.t-ads .gw i:nth-child(5){ color:#34A853; }
.t-ads .pl{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:.26em; vertical-align:middle; flex:none; }
.t-ads .pl svg{ width:70%; height:70%; }
.t-ads .pl--ig{ background:linear-gradient(45deg,#F9CE34,#EE2A7B 50%,#6228D7); }
.t-ads .pl--ig svg{ fill:none; stroke:#fff; stroke-width:2; }
.t-ads .pl--fb{ background:#1877F2; }
.t-ads .pl--fb svg{ fill:#fff; }
.t-ads .pl--meta{ background:#fff; }
.t-ads .pl--meta svg{ width:100%; height:100%; fill:none; stroke:#0081FB; stroke-width:2.6; }
.t-ads .pl--gads{ background:#fff; }
.t-ads .pl--gads svg{ width:100%; height:100%; }
.t-ads .nl-mark{ display:inline-block; width:1em; height:1em; vertical-align:middle; }
.t-ads .pho{ position:absolute; top:5%; height:90%; aspect-ratio:9/19; background:#0B1220; border-radius:11% / 5.2%; padding:2.2%; box-shadow:0 1.2cqw 4cqw -1cqw rgba(11,37,69,.55); }
.t-ads .pho__scr{ position:absolute; inset:2.2%; border-radius:9.5% / 4.5%; overflow:hidden; background:#fff; container-type:size; }
.t-ads .pho__notch{ position:absolute; z-index:9; left:50%; top:2.6%; width:36%; height:3.2%; border-radius:99px; background:#0B1220; transform:translateX(-50%); }
.t-ads .ad{ position:absolute; inset:0; background:#fff; }
.t-ads .scr{ position:absolute; inset:0; background:#fff; overflow:hidden; }
.t-ads .scr[data-t]{ transform:translateX(3cqw); }
.t-ads .scr.is-on{ transform:none; }
.t-ads .ad__g{ font-family:Arial,Helvetica,sans-serif; color:var(--g-url); }
.t-ads .g__top{ display:flex; align-items:center; gap:2.2cqw; padding:1.2cqw 3cqw; border-bottom:1px solid #ebebeb; }
.t-ads .g__top .gw{ font-size:3cqw; }
.t-ads .g__box{ width:54%; display:flex; align-items:center; gap:1cqw; height:4.2cqw; border:1px solid var(--g-line); border-radius:99cqw; padding:0 1.6cqw; font-size:1.6cqw; }
.t-ads .g__box .mag{ width:1.6cqw; height:1.6cqw; border:.25cqw solid #9aa0a6; border-radius:50%; flex:none; }
.t-ads .g__res{ padding:1.2cqw 3cqw 0 15.4cqw; width:60%; }
.t-ads .spon{ font-size:1.35cqw; font-weight:700; color:var(--g-url); margin:0 0 .9cqw; }
.t-ads .lsa{ border:1px solid var(--g-line); border-radius:1cqw; padding:1.1cqw 1.4cqw; display:grid; grid-template-columns:auto 1fr auto; gap:1.2cqw; align-items:center; margin-bottom:1.4cqw; }
.t-ads .lsa i{ width:4.2cqw; height:4.2cqw; border-radius:.8cqw; background:var(--nl-navy); display:grid; place-items:center; }
.t-ads .lsa i svg{ width:70%; height:70%; }
.t-ads .lsa b{ font-size:1.6cqw; display:block; }
.t-ads .lsa .gg{ display:inline-flex; align-items:center; gap:.4cqw; font-size:1.15cqw; color:#188038; font-weight:700; margin:.2cqw 0; }
.t-ads .lsa .gg::before{ content:"✓"; display:grid; place-items:center; width:1.5cqw; height:1.5cqw; border-radius:50%; background:#188038; color:#fff; font-size:.9cqw; }
.t-ads .lsa .r{ font-size:1.2cqw; color:#70757a; }
.t-ads .lsa .r em{ font-style:normal; color:#EA8600; }
.t-ads .lsa .call{ font-size:1.2cqw; color:#1a73e8; border:1px solid var(--g-line); border-radius:99cqw; padding:.55cqw 1.1cqw; white-space:nowrap; }
.t-ads .sad{ margin-bottom:1.4cqw; }
.t-ads .sad__u{ display:flex; align-items:center; gap:.8cqw; font-size:1.25cqw; margin-bottom:.3cqw; }
.t-ads .sad__u i{ width:2.3cqw; height:2.3cqw; border-radius:50%; background:var(--nl-navy); color:var(--nl-flame); display:grid; place-items:center; font-style:normal; font-size:1cqw; font-weight:700; }
.t-ads .sad__u small{ color:#5f6368; }
.t-ads .sad__t{ font-size:1.9cqw; color:var(--g-blue); margin:0 0 .3cqw; line-height:1.3; }
.t-ads .sad__d{ font-size:1.3cqw; color:var(--g-grey); line-height:1.45; margin:0 0 .5cqw; }
.t-ads .sad__x{ display:flex; flex-wrap:wrap; gap:.4cqw 1.8cqw; font-size:1.25cqw; color:var(--g-blue); }
.t-ads .sad__c{ font-size:1.15cqw; color:var(--g-grey); margin-top:.4cqw; }
.t-ads .org{ opacity:.45; }
.t-ads .org__t{ font-size:1.6cqw; color:var(--g-blue); margin:0 0 .3cqw; }
.t-ads .org__s{ font-size:1.2cqw; color:var(--g-grey); margin:0; }
.t-ads .toast{ position:absolute; z-index:6; right:2.4cqw; bottom:2cqw; background:#12243A; color:#fff; font-family:var(--body); font-size:1.35cqw; padding:.9cqw 1.3cqw; border-radius:.9cqw; display:flex; gap:.8cqw; align-items:center; box-shadow:0 .8cqw 2.4cqw -.8cqw rgba(0,0,0,.5); white-space:nowrap; }
.t-ads .toast i{ width:1.5cqw; height:1.5cqw; border-radius:50%; background:#3CC98A; flex:none; }
.t-ads .toast b{ font-weight:700; }
.t-ads .toast .pl{ font-size:1.8cqw; }
.t-ads .igd{ font-family:var(--body); color:#000; display:grid; grid-template-columns:19% 1fr 24%; }
.t-ads .igd__rail{ border-right:1px solid #DBDBDB; padding:2.2cqw 1.8cqw; }
.t-ads .igd__wd{ font-family:var(--display); font-size:2.6cqw; font-weight:700; margin-bottom:2.2cqw; letter-spacing:-.04em; }
.t-ads .igd__rail div{ display:flex; align-items:center; gap:1.1cqw; font-size:1.45cqw; padding:.8cqw .4cqw; }
.t-ads .igd__rail div i{ width:2cqw; height:2cqw; border:.22cqw solid #000; border-radius:.5cqw; }
.t-ads .igd__rail div.b{ font-weight:700; }
.t-ads .igd__rail div.b i{ background:#000; }
.t-ads .igd__rail div i.r{ border-radius:50%; }
.t-ads .igd__feed{ padding:2cqw 0; display:flex; justify-content:center; }
.t-ads .igp{ width:84%; max-width:44cqw; }
.t-ads .igp__h{ display:flex; align-items:center; gap:1.1cqw; padding-bottom:1cqw; }
.t-ads .igp__h i{ width:3.4cqw; height:3.4cqw; border-radius:50%; background:var(--nl-navy); display:grid; place-items:center; box-shadow:0 0 0 .25cqw #fff,0 0 0 .5cqw #E1306C; }
.t-ads .igp__h i svg{ width:65%; height:65%; }
.t-ads .igp__h b{ display:block; font-size:1.4cqw; }
.t-ads .igp__h span{ display:block; font-size:1.2cqw; color:#737373; }
.t-ads .igp__h span::after{ content:" · Sponsored"; }
.t-ads .igp__h em{ margin-left:auto; font-style:normal; font-size:1.6cqw; }
.t-ads .igp__img{ aspect-ratio:4/3; border-radius:.5cqw; background:#223 url(/assets/wd/nl-reel.webp) center 28%/cover; }
.t-ads .igp__cta{ display:flex; justify-content:space-between; align-items:center; padding:1.1cqw .2cqw; border-bottom:1px solid #EFEFEF; font-size:1.35cqw; font-weight:700; color:#0095F6; }
.t-ads .igp__cta::after{ content:"›"; }
.t-ads .igp__row{ display:flex; gap:1.6cqw; padding:1cqw .2cqw .5cqw; font-size:2cqw; }
.t-ads .igp__row svg{ width:2.4cqw; height:2.4cqw; }
.t-ads .igp__l{ font-size:1.3cqw; font-weight:700; padding:0 .2cqw .4cqw; }
.t-ads .igp__cap{ font-size:1.3cqw; line-height:1.45; padding:0 .2cqw; }
.t-ads .igp__cap b{ font-weight:700; }
.t-ads .igp__cap em{ font-style:normal; color:#00376B; }
.t-ads .igd__side{ padding:2.4cqw 1.6cqw; font-size:1.25cqw; color:#737373; }
.t-ads .igd__side .me{ display:flex; align-items:center; gap:1cqw; margin-bottom:1.6cqw; color:#000; }
.t-ads .igd__side .me i{ width:3.4cqw; height:3.4cqw; border-radius:50%; background:#C9D5E3; }
.t-ads .igd__side .me b{ display:block; font-size:1.3cqw; }
.t-ads .igd__side p{ font-weight:700; margin:0 0 1cqw; }
.t-ads .igd__side div.s{ display:flex; align-items:center; gap:.9cqw; padding:.5cqw 0; }
.t-ads .igd__side div.s i{ width:2.6cqw; height:2.6cqw; border-radius:50%; background:#E3E8EF; }
.t-ads .igd__side div.s b{ color:#000; font-size:1.2cqw; }
.t-ads .igd__side div.s em{ margin-left:auto; font-style:normal; color:#0095F6; font-weight:700; }
.t-ads .fbd{ font-family:var(--body); color:#050505; background:#F0F2F5; display:grid; grid-template-rows:5.4cqw 1fr; }
.t-ads .fbd__top{ background:#fff; display:grid; grid-template-columns:24% 1fr 24%; align-items:center; padding:0 1.6cqw; box-shadow:0 1px 2px rgba(0,0,0,.1); }
.t-ads .fbd__top .wd{ display:flex; align-items:center; gap:.9cqw; }
.t-ads .fbd__top .wd i{ width:3.4cqw; height:3.4cqw; border-radius:50%; background:#1877F2; color:#fff; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:2.3cqw; font-family:var(--display); }
.t-ads .fbd__top .wd span{ background:#F0F2F5; border-radius:99cqw; padding:.7cqw 1.3cqw; font-size:1.2cqw; color:#65676B; }
.t-ads .fbd__top .ic{ display:flex; justify-content:center; gap:3.6cqw; }
.t-ads .fbd__top .ic i{ width:2.6cqw; height:2.6cqw; border:.22cqw solid #65676B; border-radius:.6cqw; }
.t-ads .fbd__top .ic i.on{ border-color:#1877F2; background:#1877F2; }
.t-ads .fbd__top .av{ justify-self:end; display:flex; gap:.8cqw; }
.t-ads .fbd__top .av i{ width:3.2cqw; height:3.2cqw; border-radius:50%; background:#E4E6EB; }
.t-ads .fbd__body{ display:grid; grid-template-columns:24% 1fr 24%; gap:1.6cqw; padding:1.4cqw 1.6cqw; }
.t-ads .fbd__l div, .t-ads .fbd__r div{ display:flex; align-items:center; gap:1cqw; font-size:1.3cqw; padding:.7cqw .6cqw; color:#050505; }
.t-ads .fbd__l div i, .t-ads .fbd__r div i{ width:2.8cqw; height:2.8cqw; border-radius:50%; background:#E4E6EB; flex:none; }
.t-ads .fbd__l div.me i{ background:#C9D5E3; }
.t-ads .fbd__l div.me{ font-weight:700; }
.t-ads .fbd__r p{ font-size:1.2cqw; color:#65676B; font-weight:700; margin:0 0 .4cqw .6cqw; }
.t-ads .fbp{ background:#fff; border-radius:.8cqw; box-shadow:0 1px 2px rgba(0,0,0,.15); width:100%; max-width:46cqw; justify-self:center; }
.t-ads .fbp__h{ display:flex; align-items:center; gap:1cqw; padding:1.2cqw 1.4cqw .8cqw; }
.t-ads .fbp__h i{ width:3.6cqw; height:3.6cqw; border-radius:50%; background:var(--nl-navy); display:grid; place-items:center; }
.t-ads .fbp__h i svg{ width:65%; height:65%; }
.t-ads .fbp__h b{ display:block; font-size:1.4cqw; }
.t-ads .fbp__h span{ display:block; font-size:1.15cqw; color:#65676B; }
.t-ads .fbp__h span::after{ content:" · Sponsored · 🌐"; }
.t-ads .fbp__h em{ margin-left:auto; font-style:normal; color:#65676B; font-size:1.6cqw; }
.t-ads .fbp__t{ padding:0 1.4cqw 1cqw; font-size:1.35cqw; line-height:1.45; }
.t-ads .fbp__img{ aspect-ratio:2.3/1; background:#223 url(/assets/wd/nl-reel.webp) center 30%/cover; }
.t-ads .fbp__link{ background:#F0F2F5; display:flex; justify-content:space-between; align-items:center; padding:1cqw 1.4cqw; }
.t-ads .fbp__link small{ display:block; font-size:1.1cqw; color:#65676B; text-transform:uppercase; }
.t-ads .fbp__link b{ display:block; font-size:1.35cqw; }
.t-ads .fbp__link span{ background:#E4E6EB; font-weight:700; font-size:1.25cqw; padding:.7cqw 1.4cqw; border-radius:.5cqw; }
.t-ads .fbp__re{ display:flex; justify-content:space-between; padding:.8cqw 1.4cqw; font-size:1.2cqw; color:#65676B; border-bottom:1px solid #E4E6EB; margin:0 1.4cqw; padding-left:0; padding-right:0; }
.t-ads .fbp__act{ display:flex; justify-content:space-around; padding:.6cqw 1cqw; font-size:1.25cqw; color:#65676B; font-weight:700; }
.t-ads .kpi{ position:absolute; z-index:7; left:2cqw; right:2cqw; bottom:1.8cqw; display:grid; grid-template-columns:repeat(5,1fr); gap:.7cqw; }
.t-ads .kpi div{ background:rgba(255,255,255,.97); backdrop-filter:blur(8px); border:1px solid var(--line); border-radius:.9cqw; padding:.9cqw 1.1cqw; font-family:var(--body); color:var(--ink); box-shadow:0 .6cqw 2cqw -.8cqw rgba(18,36,58,.35); }
.t-ads .kpi small{ display:block; font-size:1.05cqw; color:var(--ink-2); letter-spacing:.04em; margin-bottom:.2cqw; }
.t-ads .kpi b{ font-family:var(--display); font-size:2.3cqw; letter-spacing:-.03em; line-height:1; display:block; }
.t-ads .kpi em{ font-style:normal; font-size:1.05cqw; color:#1E8A5A; font-weight:700; }
.t-ads .kpi div.hi{ background:var(--ink); border-color:var(--ink); color:#fff; }
.t-ads .kpi div.hi small{ color:#9DB2CA; }
.t-ads .kpi div.hi em{ color:#3CC98A; }
.t-ads .igp__row svg{ fill:none; stroke:#000; stroke-width:1.8; }

/* ===== crm ===== */
.t-crm{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; }
.t-crm .pl{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:.26em; vertical-align:middle; flex:none; }
.t-crm .pl svg{ width:70%; height:70%; }
.t-crm .pl--fb{ background:#1877F2; }
.t-crm .pl--fb svg{ fill:#fff; }
.t-crm .pl--ig{ background:linear-gradient(45deg,#F9CE34,#EE2A7B 50%,#6228D7); }
.t-crm .pl--ig svg{ fill:none; stroke:#fff; stroke-width:2; }
.t-crm .pl--sms{ background:#34C759; }
.t-crm .pl--sms svg{ fill:#fff; }
.t-crm .pl--mail{ background:#fff; border:1px solid #DCE4EE; }
.t-crm .pl--mail svg{ width:78%; height:78%; }
.t-crm .pl--gbp{ background:#fff; border:1px solid #DCE4EE; }
.t-crm .pl--gbp svg{ width:80%; height:80%; }
.t-crm .pl--ph{ background:#1E8A5A; }
.t-crm .pl--ph svg{ fill:#fff; }
.t-crm .app{ position:absolute; inset:0; display:grid; grid-template-columns:17% 1fr; background:#F5F7FA; font-family:var(--body); color:var(--ink); }
.t-crm .app__rail{ background:var(--ink); color:#C9D5E3; padding:1.6cqw 1.2cqw; display:flex; flex-direction:column; }
.t-crm .app__brand{ display:flex; align-items:center; gap:.9cqw; color:#fff; font-weight:700; font-size:1.45cqw; padding:0 .6cqw; margin-bottom:1.8cqw; letter-spacing:-.01em; }
.t-crm .app__brand i{ width:2.6cqw; height:2.6cqw; background:#fff; -webkit-mask:url(/assets/logo-mark-only.png) center/contain no-repeat; mask:url(/assets/logo-mark-only.png) center/contain no-repeat; }
.t-crm .app__brand small{ display:block; font-weight:500; font-size:1.05cqw; color:#7F94AD; letter-spacing:.06em; text-transform:uppercase; }
.t-crm .app__nav div{ display:flex; align-items:center; gap:.9cqw; font-size:1.3cqw; padding:.75cqw .8cqw; border-radius:.6cqw; margin-bottom:.15cqw; }
.t-crm .app__nav div i{ width:1.6cqw; height:1.6cqw; border-radius:.4cqw; border:.18cqw solid #5C7290; flex:none; }
.t-crm .app__nav div.on{ background:rgba(255,255,255,.1); color:#fff; font-weight:600; }
.t-crm .app__nav div.on i{ background:var(--coral); border-color:var(--coral); }
.t-crm .app__nav div em{ margin-left:auto; font-style:normal; background:var(--coral); color:#fff; font-size:1cqw; border-radius:99cqw; padding:.1cqw .6cqw; font-weight:700; }
.t-crm .app__acct{ margin-top:auto; display:flex; align-items:center; gap:.8cqw; font-size:1.15cqw; color:#9DB2CA; padding:.6cqw .6cqw 0; }
.t-crm .app__acct i{ width:2.4cqw; height:2.4cqw; border-radius:.6cqw; background:var(--nl-navy); border:1px solid #2E4A6E; display:grid; place-items:center; }
.t-crm .app__acct i svg{ width:70%; height:70%; }
.t-crm .app__main{ position:relative; padding:1.5cqw 1.8cqw; min-width:0; overflow:hidden; }
.t-crm .app__top{ display:flex; align-items:center; gap:1cqw; margin-bottom:1.2cqw; }
.t-crm .app__t{ font-family:var(--display); font-size:2.1cqw; letter-spacing:-.02em; }
.t-crm .app__k{ margin-left:auto; display:flex; gap:.7cqw; }
.t-crm .app__k div{ background:#fff; border:1px solid #E3EAF2; border-radius:.8cqw; padding:.5cqw 1cqw; font-size:1.15cqw; color:var(--ink-2); display:flex; gap:.6cqw; align-items:baseline; }
.t-crm .app__k b{ font-family:var(--display); font-size:1.7cqw; color:var(--ink); letter-spacing:-.02em; }
.t-crm .app__k div.hi{ background:#E7F6EE; border-color:#CFE6D4; color:#1E8A5A; }
.t-crm .app__k div.hi b{ color:#1E8A5A; }
.t-crm .pipe{ display:grid; grid-template-columns:repeat(5,1fr); gap:.8cqw; height:calc(100% - 5.2cqw); }
.t-crm .st{ background:#EDF1F6; border-radius:.9cqw; padding:.8cqw; min-height:0; overflow:hidden; }
.t-crm .st__h{ display:flex; justify-content:space-between; align-items:center; font-size:1.05cqw; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); font-weight:700; margin-bottom:.8cqw; }
.t-crm .st__h em{ font-style:normal; background:#fff; border-radius:99cqw; padding:.1cqw .6cqw; letter-spacing:0; }
.t-crm .st__v{ font-size:1cqw; color:var(--ink-2); margin:-.5cqw 0 .7cqw; letter-spacing:0; text-transform:none; }
.t-crm .cd{ background:#fff; border:1px solid #E3EAF2; border-radius:.7cqw; padding:.8cqw .9cqw; margin-bottom:.6cqw; font-size:1.1cqw; opacity:1; transform:none; transition:.3s; }
.t-crm .cd b{ display:block; font-size:1.2cqw; }
.t-crm .cd span{ display:block; color:var(--ink-2); margin-top:.15cqw; }
.t-crm .cd .src{ display:inline-flex; align-items:center; gap:.4cqw; margin-top:.5cqw; font-size:.95cqw; font-weight:700; color:var(--ink-2); }
.t-crm .cd .src .pl{ font-size:1.4cqw; }
.t-crm .cd .val{ display:block; margin-top:.4cqw; font-family:var(--display); font-size:1.4cqw; color:var(--ink); letter-spacing:-.02em; }
.t-crm .cd--m{ border-color:var(--nl-flame); box-shadow:0 0 0 .3cqw rgba(242,107,33,.15); }
.t-crm .cd--gh.is-on{ opacity:.25; transform:scale(.97); }
.t-crm .cd[data-t].cd--in{ opacity:0; }
.t-crm .cd[data-t].cd--in.is-on{ opacity:1; transform:none; }
.t-crm .cd--won{ border-color:#CFE6D4; background:#F1F8F2; }
.t-crm .cd--won .val{ color:#1E8A5A; }
.t-crm .dr{ position:absolute; z-index:8; right:0; top:0; bottom:0; width:38%; background:#fff; border-left:1px solid #E3EAF2; box-shadow:-1cqw 0 3cqw -1cqw rgba(18,36,58,.25); display:flex; flex-direction:column; }
.t-crm .dr[data-t]{ transform:translateX(100%); opacity:1; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
.t-crm .dr.is-on{ transform:none; }
.t-crm .dr__h{ padding:1.2cqw 1.4cqw; border-bottom:1px solid #EEF2F6; display:flex; align-items:center; gap:.9cqw; }
.t-crm .dr__h i{ width:3cqw; height:3cqw; border-radius:50%; background:#E8A0A0; display:grid; place-items:center; font-style:normal; font-weight:700; font-size:1.2cqw; color:#fff; }
.t-crm .dr__h b{ display:block; font-size:1.35cqw; }
.t-crm .dr__h span{ display:block; font-size:1.05cqw; color:var(--ink-2); }
.t-crm .dr__h .pl{ margin-left:auto; font-size:2cqw; }
.t-crm .dr__m{ flex:1; padding:1.2cqw 1.4cqw; display:flex; flex-direction:column; gap:.7cqw; overflow:hidden; }
.t-crm .bub{ max-width:88%; font-size:1.2cqw; line-height:1.4; padding:.8cqw 1.1cqw; border-radius:1.1cqw; }
.t-crm .bub small{ display:block; font-size:.95cqw; opacity:.7; margin-top:.3cqw; }
.t-crm .bub--out{ align-self:flex-end; background:var(--nl-navy); color:#fff; border-bottom-right-radius:.3cqw; }
.t-crm .bub--in{ align-self:flex-start; background:#EEF2F6; color:var(--ink); border-bottom-left-radius:.3cqw; }
.t-crm .bub--sys{ align-self:center; background:none; color:var(--ink-2); font-size:1cqw; padding:.2cqw 0; }
.t-crm .bub--sys b{ color:#1E8A5A; }
.t-crm .dr__f{ padding:1cqw 1.4cqw; border-top:1px solid #EEF2F6; display:flex; gap:.8cqw; align-items:center; font-size:1.15cqw; color:var(--ink-2); }
.t-crm .dr__f span{ flex:1; border:1px solid #E3EAF2; border-radius:99cqw; padding:.6cqw 1cqw; }
.t-crm .dr__f b{ background:var(--nl-flame); color:#fff; border-radius:99cqw; padding:.6cqw 1.1cqw; font-size:1.1cqw; }
.t-crm .cal{ position:absolute; z-index:6; left:1.8cqw; bottom:1.6cqw; background:#12243A; color:#fff; font-size:1.2cqw; padding:.8cqw 1.2cqw; border-radius:.8cqw; display:flex; gap:.9cqw; align-items:center; box-shadow:0 .8cqw 2.4cqw -.8cqw rgba(0,0,0,.5); }
.t-crm .cal i{ width:2.4cqw; height:2.4cqw; border-radius:.5cqw; background:#fff; color:var(--ink); display:grid; place-items:center; font-style:normal; font-size:.9cqw; font-weight:700; text-align:center; line-height:1; }
.t-crm .cal b{ display:block; }

/* ===== automation ===== */
.t-automation{ --nl-navy:#0B2545; --nl-flame:#F26B21; --nl-ice:#DDF1FF; --nl-slate:#5C6B7A; --claude:#D97757; }
.t-automation .pl{ display:inline-grid; place-items:center; width:1em; height:1em; border-radius:.26em; vertical-align:middle; flex:none; }
.t-automation .pl svg{ width:70%; height:70%; }
.t-automation .pl--sms{ background:#34C759; }
.t-automation .pl--sms svg{ fill:#fff; }
.t-automation .pl--ph{ background:#1E8A5A; }
.t-automation .pl--ph svg{ fill:#fff; }
.t-automation .pl--cal{ background:#fff; border:1px solid #DCE4EE; }
.t-automation .pl--cal svg{ width:80%; height:80%; }
.t-automation .pl--cl{ background:var(--claude); }
.t-automation .pl--cl svg{ fill:#fff; width:72%; height:72%; }
.t-automation .pl--nl{ background:var(--nl-navy); }
.t-automation .pl--nl svg{ width:70%; height:70%; }
.t-automation .pl--mail{ background:#fff; border:1px solid #DCE4EE; }
.t-automation .pl--mail svg{ width:78%; height:78%; }
.t-automation .pl--star{ background:#FBBC04; }
.t-automation .pl--star svg{ fill:#fff; }
.t-automation{ --e-bg:#F4F7FB; --e-pn:#fff; --e-ln:#DCE4EE; --e-tx:var(--ink); --e-mu:var(--ink-2); --e-bl:#2E6FE0; --e-gr:#1E8A5A; }
.t-automation .app{ position:absolute; inset:0; background:var(--e-bg); font-family:var(--body); color:var(--e-tx); }
.t-automation .app__rail{ display:none; }
.t-automation .app__main{ position:absolute; inset:0; padding:1.5cqw 1.8cqw; min-width:0; overflow:hidden; }
.t-automation .app__top{ display:flex; align-items:center; gap:1cqw; margin-bottom:1cqw; }
.t-automation .app__t{ font-family:var(--display); font-size:2.1cqw; letter-spacing:-.02em; }
.t-automation .app__t span{ color:var(--e-mu); font-weight:500; font-size:1.3cqw; margin-left:.8cqw; }
.t-automation .app__k{ margin-left:auto; display:flex; gap:.7cqw; }
.t-automation .app__k div{ background:#fff; border:1px solid var(--e-ln); border-radius:.8cqw; padding:.5cqw 1cqw; font-size:1.15cqw; color:var(--e-mu); display:flex; gap:.6cqw; align-items:baseline; }
.t-automation .app__k b{ font-family:var(--display); font-size:1.7cqw; color:var(--ink); letter-spacing:-.02em; }
.t-automation .app__k div.hi{ background:#E7F6EE; border-color:#CFE6D4; color:var(--e-gr); }
.t-automation .app__k div.hi b{ color:var(--e-gr); }
.t-automation .live{ display:inline-flex; align-items:center; gap:.5cqw; font-size:1.05cqw; font-weight:700; color:var(--e-gr); background:#E7F6EE; border-radius:99cqw; padding:.3cqw .8cqw; }
.t-automation .live::before{ content:""; width:.8cqw; height:.8cqw; border-radius:50%; background:var(--e-gr); animation:pulse 1.4s infinite; }
@keyframes pulse{ 50%{ opacity:.3; } }
.t-automation .crumb{ font-size:1.15cqw; color:var(--e-mu); }
.t-automation .crumb b{ color:var(--ink); font-weight:600; }
.t-automation .zoom{ position:absolute; z-index:5; left:1.2cqw; bottom:1.2cqw; display:flex; align-items:center; background:#fff; border:1px solid var(--e-ln); border-radius:.7cqw; font-size:1.05cqw; color:var(--e-mu); box-shadow:0 .4cqw 1.4cqw -.6cqw rgba(18,36,58,.3); }
.t-automation .zoom span{ padding:.45cqw .9cqw; border-right:1px solid var(--e-ln); }
.t-automation .zoom span:last-child{ border:0; }
.t-automation .zoom b{ color:var(--ink); }
.t-automation .wf{ display:grid; grid-template-columns:1fr 31%; gap:1cqw; height:calc(100% - 4.8cqw); }
.t-automation .cv{ position:relative; border:1px solid var(--e-ln); border-radius:1cqw; overflow:hidden; background-color:#FAFBFD;
  background-image:radial-gradient(circle,#D5DDE7 .45cqw,transparent .55cqw); background-size:2.6cqw 2.6cqw; }
.t-automation .cv svg.w{ position:absolute; inset:0; width:100%; height:100%; }
.t-automation .cv svg.w path{ fill:none; stroke:#C4D0DE; stroke-width:2px; vector-effect:non-scaling-stroke; }
.t-automation .cv svg.w path.f{ stroke:var(--nl-flame); stroke-dasharray:6 5; stroke-dashoffset:0; opacity:0; transition:opacity .3s; animation:flow 1.2s linear infinite; }
.t-automation .cv svg.w path.f.is-on{ opacity:1; }
@keyframes flow{ to{ stroke-dashoffset:-22; } }
.t-automation .nd{ position:absolute; width:27%; background:#fff; border:1px solid var(--e-ln); border-radius:.9cqw; padding:.7cqw .85cqw; font-size:1cqw; opacity:1; transform:none; box-shadow:0 .3cqw 1.2cqw -.6cqw rgba(18,36,58,.25); transition:.35s; }
.t-automation .nd__h{ display:flex; align-items:center; gap:.6cqw; font-weight:700; font-size:1.1cqw; margin-bottom:.25cqw; }
.t-automation .nd__h .pl{ font-size:2cqw; }
.t-automation .nd span{ color:var(--e-mu); display:block; line-height:1.35; }
.t-automation .nd small{ display:none; margin-top:.5cqw; font-size:1cqw; font-weight:700; color:var(--e-gr); }
.t-automation .nd.is-on{ border-color:var(--nl-flame); box-shadow:0 0 0 .3cqw rgba(242,107,33,.18), 0 .6cqw 1.8cqw -.6cqw rgba(18,36,58,.35); }
.t-automation .nd.is-on small{ display:block; }
.t-automation .nd--cl{ border-color:#EBC9B8; background:#FFF8F4; }
.t-automation .nd--cl.is-on{ border-color:var(--claude); box-shadow:0 0 0 .3cqw rgba(217,119,87,.2); }
.t-automation .nd--off{ opacity:.5; }
.t-automation .lbl{ position:absolute; font-size:.95cqw; font-weight:700; color:var(--e-mu); background:#FAFBFD; padding:.1cqw .5cqw; border-radius:.4cqw; }
.t-automation .log{ background:#fff; border:1px solid var(--e-ln); color:#2C3E52; border-radius:1cqw; padding:1cqw 1.1cqw; font-family:ui-monospace,Menlo,monospace; font-size:1.02cqw; line-height:1.5; overflow:hidden; }
.t-automation .log__h{ display:flex; justify-content:space-between; align-items:center; font-family:var(--body); font-size:1.1cqw; color:var(--e-mu); margin-bottom:.8cqw; letter-spacing:.08em; text-transform:uppercase; }
.t-automation .log div.e{ padding:.35cqw 0; border-bottom:1px solid #F1F4F8; display:grid; grid-template-columns:auto 1fr; gap:.8cqw; }
.t-automation .log div.e i{ font-style:normal; color:#9AA9BB; }
.t-automation .log .ok{ color:var(--e-gr); }
.t-automation .log .cl{ color:#C4623F; }
.t-automation .log .hi{ color:var(--ink); font-weight:700; }
.t-automation .log .q{ color:#2C3E52; font-style:italic; }