/* NegotiKim: signal interface. Scoped to the public homepage. */
.future-site {
  --ink:#f3f8f7; --muted:#a8b8b8; --paper:#050909; --panel:#0c1516;
  --line:#263839; --teal:#72ffd4; --teal-dark:#72ffd4; --coral:#9cafff;
  --mint:#d7fff2; --deep:#070e10;
  background:#050909; color:var(--ink); overflow-x:clip;
}
.future-site::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 80% 8%,#11383255,transparent 48%),linear-gradient(#6cdbc307 1px,transparent 1px),linear-gradient(90deg,#6cdbc307 1px,transparent 1px); background-size:auto,72px 72px,72px 72px; }
.future-site ::selection { background:#72ffd4; color:#04110d; }
.future-site .site-header { padding:20px 4vw; border-bottom:1px solid #b7fff119; background:#050b0dcc; backdrop-filter:blur(24px); color:#f3f8f7; }
.future-site .site-header.is-scrolled,.future-site .site-header.nav-active { background:#081113f2; color:#f3f8f7; }
.future-site .brand-mark { background:#72ffd4; border-radius:12px 3px 12px 3px; box-shadow:0 0 25px #72ffd426; }
.future-site .brand strong { letter-spacing:-.04em; font-size:1.2rem; }
.future-site .brand small { font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; }
.future-site .nav-links { font-size:.78rem; gap:24px; }
.future-site .nav-links a:not(.nav-cta) { color:#c1cecd; transition:color .2s; }
.future-site .nav-links a:hover { color:#72ffd4; }
.future-site .nav-cta,.future-site .site-header .nav-cta { background:var(--teal); color:#06130f; border-radius:5px; padding:13px 20px; }
.future-site .hero { display:grid; grid-template-columns:1.05fr 1fr; gap:5vw; min-height:890px; padding:160px 5vw 90px; max-width:1700px; margin:auto; overflow:visible; }
.future-site .hero-media { display:none; }
.future-site .hero-overlay { background:radial-gradient(ellipse at 75% 45%,#1d726327,transparent 50%); }
.future-site .hero-content { width:100%; }
.future-site h1 { max-width:none; font-size:clamp(3.8rem,6.6vw,7.4rem); line-height:.98; letter-spacing:-.065em; font-weight:600; margin:26px 0; }
.future-site h2 { font-size:clamp(2.4rem,4.6vw,5.2rem); letter-spacing:-.055em; font-weight:550; line-height:1.04; }
.future-site h3 { letter-spacing:-.025em; font-weight:600; }
.future-site .signal-text { color:var(--teal); }
.future-site .eyebrow { font-family:ui-monospace,SFMono-Regular,monospace; font-size:.67rem; letter-spacing:.15em; color:#72ffd4; display:flex; align-items:center; gap:10px; }
.signal-dot { display:inline-block; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:#72ffd4; box-shadow:0 0 12px #72ffd4; }
.future-site .hero-copy { color:#b6c5c6; max-width:530px; font-size:1.07rem; line-height:1.75; }
.future-site .hero-actions { gap:12px; }
.future-site .hero-actions > a[href*="printify"] { display:none; }
.future-site .release-cta { flex-basis:100%; }
.future-site .release-note { max-width:470px; font-size:.72rem; color:#9badad; margin-top:14px; }
.future-site .release-note a { color:#d7fff2; }
.future-site .button { min-height:50px; border-radius:5px; font-size:.84rem; font-weight:700; border:1px solid #72ffd44d; transition:transform .2s,box-shadow .2s,background .2s; }
.future-site .button-primary,.future-site .button-dark { color:#03120d; background:#72ffd4; box-shadow:0 0 28px #72ffd41c; }
.future-site .button:hover { transform:translateY(-3px); box-shadow:0 8px 32px #72ffd42b; }
.future-site .button-secondary { color:#effff9; background:#101e20; border-color:#334849; }
.future-site .brand-chips { gap:14px; margin-top:30px; }
.future-site .brand-chips span { padding:0; border:0; background:none; border-radius:0; color:#91a7a5; font-family:ui-monospace,monospace; font-size:.61rem; text-transform:uppercase; letter-spacing:.04em; }
.signal-console { min-width:0; position:relative; border:1px solid #51877c77; border-radius:18px; padding:24px; background:linear-gradient(140deg,#152724dd,#071012ef 55%); box-shadow:0 0 100px #28ebbb0c,0 40px 90px #0009,inset 0 1px 0 #afffe329; transform:perspective(1400px) rotateY(-7deg) rotateX(3deg); }
.console-top,.console-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; font:9px ui-monospace,monospace; letter-spacing:.07em; color:#90ada6; }
.console-top span:first-child { color:#dcfff2; }
.console-top .signal-dot { margin-right:7px; }
.orbital-field { height:330px; position:relative; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,#72ffd422,transparent 57%); }
.orbit { position:absolute; border:1px solid #72ffd432; width:250px; height:250px; border-radius:50%; }
.orbit-one { transform:rotateX(58deg) rotate(-25deg); }
.orbit-two { width:270px; height:270px; border-style:dashed; animation:signal-orbit 36s linear infinite; }
.orbit-three { width:310px; height:310px; border-color:#72ffd415; }
.orbit-two::after { content:""; position:absolute; width:7px; height:7px; background:#72ffd4; border-radius:50%; left:40px; top:31px; box-shadow:0 0 20px #72ffd4; }
.signal-core { display:flex; align-items:center; gap:8px; height:140px; filter:drop-shadow(0 0 22px #54ffb96b); }
.signal-core span { width:12px; height:42px; border-radius:10px; background:linear-gradient(#b0ffe9,#39c6a4); animation:signal-breathe 3s ease-in-out infinite alternate; }
.signal-core span:nth-child(2),.signal-core span:nth-child(6) { height:77px; animation-delay:-.5s; }
.signal-core span:nth-child(3),.signal-core span:nth-child(5) { height:112px; animation-delay:-1s; }
.signal-core span:nth-child(4) { height:145px; animation-delay:-1.5s; }
.orbit-label { position:absolute; font:8px ui-monospace,monospace; letter-spacing:.18em; color:#9ac7b9; background:#091310; padding:7px; border:1px solid #264338; }
.label-a { left:5%; top:28%; }.label-b { right:0; top:50%; }.label-c { left:16%; bottom:8%; }
.coaching-sample { padding:22px; background:#112321; border:1px solid #3d786866; border-radius:10px; box-shadow:inset 3px 0 #72ffd4; }
.sample-label { color:#72ffd4; font:10px ui-monospace,monospace; display:flex; justify-content:space-between; letter-spacing:.14em; }
.coaching-sample p { font-size:clamp(1.1rem,1.7vw,1.7rem); line-height:1.4; color:#f4fffb; margin:16px 0; letter-spacing:-.03em; }
.sample-next { border-top:1px solid #8bffd526; padding-top:14px; font-size:.7rem; color:#a9c1b9; line-height:1.6; }
.sample-next span { color:#72ffd4; margin-right:12px; font:9px ui-monospace,monospace; }
.console-bottom { margin-top:22px; font-size:8px; }.mini-wave { color:#72ffd4; letter-spacing:3px; }
.future-site .proof-strip { background:#0b1515; border-block:1px solid #28423b; padding:28px 0; }
.future-site .proof-stats dt { color:#72ffd4; font-size:1.7rem; letter-spacing:-.04em; }
.future-site .proof-stats dd { color:#acbfba; font-size:.8rem; }
.future-site .section-inner { width:min(1280px,calc(100% - 10vw)); }
.future-site section:not(.hero):not(.proof-strip) { padding:100px 0; scroll-margin-top:80px; }
.future-site .features,.future-site .section-band,.future-site .product-preview,.future-site .agencies,.future-site .trust,.future-site .video-library { background:transparent; }
.future-site .features { background:radial-gradient(ellipse at 0 0,#72ffd409,transparent 55%); }
.future-site .feature-heading { align-items:start; gap:40px; }
.future-site .feature-grid { gap:16px; }
.future-site .feature-card,.future-site .problem-list article,.future-site .step,.future-site .case-grid article,.future-site .agency-feature-grid article,.future-site .trust-points article,.future-site .price-card,.future-site .interface-shell,.future-site .demo-card,.future-site .agency-panel,.future-site .compliance-note,.future-site .video-card { background:linear-gradient(145deg,#142121,#0b1315); border:1px solid #2b403d; border-radius:12px; box-shadow:none; color:#eef8f4; }
.future-site .feature-card { padding:28px; transition:border-color .25s,transform .25s,box-shadow .25s; }
.future-site .feature-card:hover { border-color:#72ffd488; transform:translateY(-4px); box-shadow:0 12px 40px #0005; }
.future-site .feature-card-primary { background:linear-gradient(130deg,#154c3d,#0c2520); border-color:#72ffd47a; }
.future-site .feature-card-primary p { color:#c5e3d8; }
.future-site .feature-icon { background:#72ffd415; color:#72ffd4; border:1px solid #72ffd435; border-radius:8px; }
.future-site .feature-kicker { color:#88aaa0; font:10px ui-monospace,monospace; letter-spacing:.13em; }
.future-site .feature-card h3 { font-size:1.25rem; }
.future-site .feature-card p,.future-site .case-grid p { font-size:.88rem; }
.future-site .icon,.future-site .step-number { background:#72ffd4; color:#05140e; border-radius:5px; }
.future-site .step::after { opacity:.18; color:#72ffd4; }
.future-site .video-library { border-block:1px solid #72ffd425; background:radial-gradient(ellipse at 50% 30%,#18443866,transparent 70%),#07100f; }
.future-site .video-featured { max-width:1020px; width:100%; margin:auto; padding:20px; }
.future-site .video-frame { border-radius:7px; }
.future-site .video-play { background:radial-gradient(ellipse,#205046,#081411 70%); color:#adffe4; }
.future-site .video-card h3 { margin-top:20px; font-size:1.3rem; }
.future-site .video-library [role=status] { text-align:center; font-size:.75rem; margin-top:20px; }
.future-site .demo-panel,.future-site .waitlist-panel { background:radial-gradient(ellipse at top right,#72ffd418,transparent 70%),#0a1415; border:1px solid #365349; border-radius:18px; }
.future-site .demo-card strong { color:#f3fff9; }.future-site .demo-card p { color:#a8b8b8; }
.future-site .demo-card-top { background:#152826; border-bottom:1px solid #2a443d; color:#a3e4ce; }
.future-site .demo-highlights li { color:#c6d6d0; }
.future-site .store-button { background:#102321; color:#edfff8; border-color:#36594e; }
.future-site .agency-metric { border-color:#2a453b; }.future-site .agency-metric span { color:#9ac0b2; }
.future-site .compliance-note strong { color:#c5ffea; }.future-site .compliance-note span { color:#b2c4bc; }
.future-site .call-card,.future-site .outcome-row div,.future-site .outcome-row div:nth-child(2) { background:#142e27; color:#e0fff2; }
.future-site .call-card small,.future-site .outcome-row small { color:#b3cfc4; }
.future-site .interface-topbar span,.future-site .status,.future-site .badge { background:#72ffd41a; color:#aaffdd; }
.future-site .faq-list details { border-color:#30433c; color:#e7f4ed; }
.future-site .signup-form { background:#0d1d1a; border:1px solid #304e43; }
.future-site input,.future-site select { background:#06120f; color:#ecfff5; border:1px solid #456254; }
.future-site :focus-visible { outline:2px solid #b0ffde; outline-offset:4px; }
.future-site .site-footer { background:#050b09; border-top:1px solid #2b3b33; color:#9bb8a9; }
@keyframes signal-orbit { to { transform:rotate(360deg); } }
@keyframes signal-breathe { to { transform:scaleY(.75); opacity:.72; } }
@media(min-width:981px) and (max-width:1150px) { .future-site .nav-links { gap:14px; font-size:.7rem; } }
@media(max-width:980px) {
 .future-site .hero { grid-template-columns:1fr; padding-top:130px; gap:55px; min-height:auto; }
 .future-site .hero-content { max-width:700px; }.future-site h1 { font-size:clamp(3.5rem,9vw,6rem); }
 .signal-console { max-width:580px; width:100%; justify-self:center; transform:none; }
 .future-site .nav-links { background:#0b1917; border-color:#365349; max-height:calc(100dvh - 100px); overflow:auto; }
 .future-site .hero-actions { max-width:580px; }.future-site .nav-links .nav-cta { color:#06130f; }
}
@media(max-width:640px) {
 .future-site .hero { padding:116px 22px 60px; gap:40px; }
 .future-site h1 { font-size:clamp(3.15rem,13vw,5rem); letter-spacing:-.06em; }
 .future-site .hero-copy { font-size:.95rem; }.future-site .eyebrow { font-size:.58rem; }
 .future-site .hero-actions .button { width:100%; }.future-site .release-note { font-size:.69rem; }
 .future-site .brand-chips { gap:12px; }.future-site .brand-chips span { font-size:.54rem; }
 .signal-console { padding:17px; }.orbital-field { height:265px; }.orbit-three { width:245px; height:245px; }.orbit-two { width:220px; height:220px; }.orbit-one { width:210px; height:210px; }
 .console-top { font-size:7px; }.signal-core { transform:scale(.8); }.orbit-label { font-size:6px; }
 .coaching-sample { padding:17px; }.coaching-sample p { font-size:1.2rem; }.console-bottom { font-size:6px; }
 .future-site .proof-stats { grid-template-columns:repeat(3,1fr); gap:12px; }.future-site .proof-stats dt { font-size:1.2rem; }.future-site .proof-stats dd { font-size:.64rem; }.future-site .proof-stats div { border:0; padding:0; }
 .future-site section:not(.hero):not(.proof-strip) { padding:65px 0; }.future-site .section-inner { width:calc(100% - 36px); }
 .future-site h2 { font-size:2.4rem; }.future-site .feature-heading { gap:8px; }.future-site .feature-card { padding:23px; }
 .future-site .video-featured { padding:14px; }.future-site .waitlist-panel { width:calc(100% - 24px); padding:28px 18px; }
}
@media(prefers-reduced-motion:reduce) { .future-site *, .future-site *::before,.future-site *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.future-site .demo-section { background:#070e0d; }
.future-site .faq-list details { background:#0d1b17; }
