/* Isolated visual proposal. Loaded only by the local design-preview.php. */
:root {
  --ink:#101015; --panel:#191920; --panel-2:#131319;
  --text:#f6f4f7; --muted:#b0acba; --line:rgba(206,197,222,.15);
  --pink:#ff4b88; --signal:#ff75a3;
}
body.landing-home { background:#101015; }
.noise,.cursor { display:none; }
.landing-home h1,.landing-home h2 {
  font-family:var(--font-body); font-weight:650; text-transform:none;
  letter-spacing:-.045em; line-height:1.08;
}
.landing-home .container { max-width:1240px; width:calc(100% - 80px); }
.landing-home nav {
  top:16px; left:24px; right:24px; padding:14px 24px;
  border:1px solid var(--line); border-radius:18px;
  background:rgba(22,22,29,.94); box-shadow:0 8px 30px #0002;
}
.landing-home nav.scrolled { padding:12px 24px; }
.landing-home .nav-links { gap:25px; }
.landing-home .btn { border-radius:10px; padding:14px 24px; font-size:14px; }
.landing-home .btn-primary { background:#ed376f; box-shadow:0 4px 15px #ed376f20; }
.landing-home .btn-primary:hover { background:#fa4a80; filter:none; }
.landing-home .btn-outline { border:1px solid #ffffff26; background:#ffffff05; }
.landing-home .hero {
  margin-top:100px; padding:44px 0 48px;
  background:radial-gradient(ellipse at 80% 38%,#73529d25,transparent 60%);
}
.landing-home .hero::before { display:none; }
.landing-home .hero-grid { grid-template-columns:1fr 1.15fr; gap:48px; align-items:start; }
.landing-home .hero h1 { font-size:clamp(40px,3.6vw,52px); line-height:1.1; }
.landing-home .hero h1 .accent-text { background:none; color:#ff75a3; }
.landing-home .hero .lead { font-size:16px; line-height:1.65; max-width:490px; margin-top:22px; }
.landing-home .microline { font-size:14px; color:var(--muted); margin-top:14px; }
.landing-home .hero .mono-label { font-family:var(--font-body); font-size:11px; letter-spacing:.13em; color:#ff8db3; }
.landing-home .hero .cta-row { margin-top:26px; gap:10px; }
.landing-home .cta-note { font-size:12px; }
.landing-home .hero-agency-link { margin-top:18px; font-size:12px; }
.landing-home .platform-rail { margin-top:20px; gap:7px; }
.landing-home .platform-chip { width:34px; height:34px; border-radius:9px; }
.landing-home .rail-note { font-size:11px; }
.landing-home .hcar {
  padding:12px; border-radius:22px; border:1px solid #ffffff20;
  background:linear-gradient(135deg,#302535,#1a1921 65%);
  box-shadow:0 30px 80px #0005;
}
.landing-home .hcar-stage { height:420px; border-radius:12px; border:1px solid #ffffff14; box-shadow:none; }
.landing-home .hcar-slide { scrollbar-width:thin; scrollbar-color:#726779 #24232d; }
.landing-home .monitor-bar { background:#23222c; color:#c0baca; border-color:#ffffff10; font-size:10px; }
.landing-home .glow::before,.landing-home .glow::after { display:none; }
.landing-home .hcar-tabs { margin-top:12px; gap:6px; }
.landing-home .hcar-tab { background:transparent; border:1px solid transparent; border-radius:9px; padding:10px; }
.landing-home .hcar-tab.on { background:#ffffff0c; border-color:#ff75a349; }
.landing-home .hcar-tab b { font-size:12px; }
.landing-home .hcar-tab span { font-size:10px; line-height:1.45; color:#b4aebe; }
.landing-home .hcar-controls { padding:9px 2px 0; font-size:10px; }
.landing-home .hcar-toggle { font-size:10px; padding:6px 9px; }
.landing-home .metrics { padding:0 0 32px; }
.landing-home .metric-grid { border:1px solid var(--line); border-radius:16px; background:#ffffff02; }
.landing-home .metric-grid > div { padding:24px 12px; }
.landing-home .metric-grid strong { font-family:var(--font-body); font-weight:600; font-size:33px; letter-spacing:-.04em; background:none; color:var(--text); }
.landing-home .metric-grid span { font-family:var(--font-body); letter-spacing:.02em; font-size:12px; text-transform:none; }
.landing-home .section { padding:88px 0; }
.landing-home .section-head { margin-bottom:44px; max-width:750px; }
.landing-home .section-head h2 { font-size:clamp(32px,3.5vw,49px); }
.landing-home .section-sub { font-size:16px; line-height:1.7; }
.landing-home .mono-label { font-family:var(--font-body); letter-spacing:.14em; font-size:11px; }
.landing-home #how-it-works { padding-top:64px; }
.landing-home .steps .step { padding:24px; border:1px solid var(--line); border-radius:15px; background:#191920; }
.landing-home .steps .step h3 { font-size:19px; letter-spacing:-.02em; }
.landing-home .steps .step p { font-size:14px; line-height:1.7; }
.landing-home .final-cta .container { border:1px solid #ff75a330; border-radius:22px; padding:46px; background:linear-gradient(110deg,#2a1d2a,#191720); }
.landing-home .final-cta h2 { font-size:clamp(30px,3.3vw,46px); }
.landing-home #inside { background:#15151c; border-block:1px solid #ffffff08; }
.landing-home .deep { gap:60px; padding:55px 0; border-bottom:1px solid var(--line); }
.landing-home .deep:last-child { border-bottom:0; }
.landing-home .deep-copy h3 { font-size:clamp(26px,2.6vw,35px); line-height:1.2; letter-spacing:-.035em; }
.landing-home .deep-copy > p { font-size:15px; line-height:1.75; }
.landing-home .check-list { font-size:14px; }
.landing-home .deep-shot { border:1px solid #ffffff20; border-radius:17px; box-shadow:0 18px 44px #0003; }
.landing-home .demo-replay { font-size:11px; border-color:#ffffff14; }
.landing-home #auto-dm { background:radial-gradient(ellipse at 75% 50%,#66314725,transparent 60%),#15151c; }
.landing-home #features,.landing-home #use-cases { border-block:1px solid #ffffff08; background:#15151c; }
.landing-home .card { border-radius:16px; background:#1b1b23; box-shadow:none; }
.landing-home #pricing { background:radial-gradient(ellipse at 50% 75%,#75335b20,transparent 65%); }
.landing-home .faq-item { border:1px solid var(--line); border-radius:12px; background:#17171f; margin-bottom:10px; }
.landing-home .faq-item summary { padding:21px 24px; font-weight:500; }
.landing-home footer { border-top:1px solid var(--line); }
.proposal-switch { position:fixed; bottom:16px; right:16px; z-index:1001; background:#f6f2f8; color:#25212c; border:1px solid #d8ccdf; border-radius:10px; padding:10px 14px; box-shadow:0 5px 25px #0004; display:flex; gap:14px; font:12px var(--font-body); }
.proposal-switch span { font-weight:700; }
.proposal-switch a { text-underline-offset:3px; }
@media(max-width:1100px) {
 .landing-home .hero-grid { gap:28px; }
 .landing-home .nav-links { gap:15px; }
 .landing-home .hero h1 { font-size:48px; }
}
@media(max-width:960px) {
 .landing-home .hero-grid { grid-template-columns:1fr; gap:38px; }
 .landing-home .hero { padding-top:38px; }
 .landing-home .hero h1 { font-size:clamp(40px,7vw,64px); }
 .landing-home .hero .lead { max-width:630px; }
 .landing-home .hcar { max-width:720px; width:100%; margin-inline:auto; }
 .landing-home .deep { gap:28px; }
 .landing-home .nav-links.open { background:#191920; }
}
@media(max-width:640px) {
 .landing-home .container { width:calc(100% - 36px); }
 .landing-home nav,.landing-home nav.scrolled { top:8px; left:10px; right:10px; padding:10px 15px; border-radius:12px; }
 .landing-home .hero { margin-top:85px; padding-top:24px; padding-bottom:35px; }
 .landing-home .hero h1 { font-size:clamp(34px,9.1vw,49px); }
 .landing-home .lead { font-size:15px; margin-top:20px; }
 .landing-home .section { padding:58px 0; }
 .landing-home .section-head h2 { font-size:33px; }
 .landing-home .hcar { padding:7px; border-radius:15px; }
 .landing-home .hcar-stage { height:340px; }
 .landing-home .hcar-tab { padding:8px 5px; }
 .landing-home .hcar-tab span { font-size:9px; }
 .landing-home .metric-grid strong { font-size:29px; }
 .landing-home .deep { padding:34px 0; }
 .proposal-switch { bottom:70px; right:8px; padding:8px 10px; font-size:10px; gap:10px; }
}