/* Selective Form OS v6 — lighter, calmer, spatial UI */
:root{
  --bg:#f8fbff; --bg2:#eef7ff; --ink:#08111f; --muted:#5d6b80;
  --panel:rgba(255,255,255,.70); --panel-strong:rgba(255,255,255,.88);
  --line:rgba(37,99,235,.16); --line-strong:rgba(56,189,248,.34);
  --primary:#2563eb; --electric:#06b6d4; --violet:#8b5cf6; --green:#10b981; --red:#ef4444;
  --shadow:0 24px 80px rgba(37,99,235,.14); --soft:0 12px 34px rgba(15,23,42,.08);
  --radius-xl:34px; --radius-lg:24px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sf-app{position:relative;min-height:100vh;background:radial-gradient(circle at 14% 9%,rgba(56,189,248,.28),transparent 28%),radial-gradient(circle at 86% 13%,rgba(139,92,246,.18),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg2) 47%,#ffffff);transition:background .3s,color .3s}.sf-app[data-theme=night]{--bg:#111a31;--bg2:#0f172a;--ink:#eef7ff;--muted:#b4c2d6;--panel:rgba(15,23,42,.62);--panel-strong:rgba(17,24,39,.82);--line:rgba(34,211,238,.18);--line-strong:rgba(34,211,238,.38);--primary:#60a5fa;--electric:#22d3ee;--violet:#a855f7;--shadow:0 28px 88px rgba(34,211,238,.13);background:radial-gradient(circle at 14% 10%,rgba(34,211,238,.21),transparent 30%),radial-gradient(circle at 86% 11%,rgba(168,85,247,.25),transparent 34%),linear-gradient(180deg,#121d37,#0f172a 55%,#0b1120)}
#sf-form-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.sf-atmosphere,.sf-lightning,.sf-noise{position:fixed;inset:0;pointer-events:none;z-index:1}.sf-atmosphere{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at 50% 40%,black,transparent 72%);opacity:.20}.sf-noise{opacity:.045;background-image:repeating-radial-gradient(circle at 18% 22%,rgba(255,255,255,.8) 0 1px,transparent 1px 8px)}.sf-lightning{mix-blend-mode:screen;opacity:0;background:linear-gradient(118deg,transparent 0 43%,rgba(56,189,248,.0) 44%,rgba(56,189,248,.34) 45%,rgba(139,92,246,.06) 46%,transparent 48%);animation:sfStrike 9s infinite}@keyframes sfStrike{0%,91%,100%{opacity:0;transform:translateX(-36%) skewX(-12deg)}92%{opacity:.72}94%{opacity:.08;transform:translateX(29%) skewX(-12deg)}}
.sf-screen{position:relative;z-index:2;min-height:100svh;padding:96px 20px 124px;display:grid;place-items:center}.sf-wide{width:min(var(--max),100%);margin:auto}.sf-center-copy{text-align:center;width:min(1040px,100%);padding-top:6svh}.sf-kicker,.sf-section-head span,.sf-world-copy>span,.sf-mini-world>span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(22px);font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.sf-center-copy h1,.sf-section-head h2,.sf-builder label,.sf-world h3,.sf-mini-world h3{font-family:"Space Grotesk",Manrope,sans-serif;font-weight:650;letter-spacing:-.055em;line-height:1.02}.sf-center-copy h1{font-size:clamp(42px,8vw,96px);max-width:1020px;margin:22px auto 14px}.sf-line{font-size:clamp(16px,2.2vw,25px);font-weight:650;line-height:1.42;max-width:680px;margin:0 auto 28px;color:var(--muted)}.sf-line:after{content:"";display:block;width:min(240px,54vw);height:2px;margin:24px auto 0;background:linear-gradient(90deg,transparent,var(--electric),var(--violet),transparent)}
.sf-intent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(880px,100%);margin:0 auto}.sf-intent-grid button,.sf-outcome-cloud button,.sf-choice-row button{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;backdrop-filter:blur(22px);padding:14px 16px;font-weight:800;cursor:pointer;box-shadow:var(--soft);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.sf-intent-grid button:hover,.sf-outcome-cloud button:hover,.sf-choice-row button:hover,.sf-choice-row button.is-selected{transform:translateY(-3px);border-color:var(--line-strong);background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(56,189,248,.10),rgba(139,92,246,.12));box-shadow:var(--shadow)}
.sf-section-head{text-align:center;margin:0 auto 32px;width:min(860px,100%)}.sf-section-head--left{text-align:left;margin-left:0}.sf-section-head h2{font-size:clamp(34px,6.2vw,72px);margin:14px 0 10px}.sf-section-head p,.sf-tech-footnote{color:var(--muted);font-weight:650;line-height:1.55}.sf-outcome-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%;margin:0 auto}.sf-outcome-cloud button{border-radius:26px;min-height:210px;text-align:left;padding:20px;display:flex;flex-direction:column;justify-content:space-between;grid-column:span 2}.sf-outcome-cloud b{font-family:"Space Grotesk";font-size:clamp(26px,3.7vw,42px);letter-spacing:-.045em}.sf-outcome-cloud span{color:var(--muted);font-weight:650;line-height:1.45;font-size:15px}.sf-tech-footnote{text-align:center;margin:22px auto 0;font-size:14px}.sf-screen--selection .sf-wide{padding:20px;border-radius:48px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.18)}
.sf-world,.sf-mini-world,.sf-builder-shell{position:relative;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);backdrop-filter:blur(28px);box-shadow:var(--shadow);overflow:hidden}.sf-world:before,.sf-mini-world:before,.sf-builder-shell:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.22),transparent 38%),radial-gradient(circle at 85% 12%,rgba(139,92,246,.16),transparent 40%);pointer-events:none}.sf-world--primary{display:grid;grid-template-columns:.88fr 1.12fr;gap:26px;align-items:center;min-height:460px;padding:20px;margin-bottom:18px}.sf-network{position:relative;min-height:410px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 48%,rgba(56,189,248,.22),transparent 38%),linear-gradient(135deg,rgba(37,99,235,.10),rgba(139,92,246,.10));overflow:hidden}.sf-network:before,.sf-network:after{content:"";position:absolute;border:1px dashed rgba(56,189,248,.55);inset:13%;border-radius:45% 55% 48% 52%;animation:sfSpin 21s linear infinite}.sf-network:after{inset:28%;animation-duration:12s;animation-direction:reverse}.sf-network i{position:absolute;width:15px;height:15px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--electric));box-shadow:0 0 24px var(--electric);animation:sfPulse 2.4s infinite}.sf-network i:nth-child(1){top:16%;left:22%}.sf-network i:nth-child(2){top:28%;left:72%;animation-delay:.3s}.sf-network i:nth-child(3){top:66%;left:55%;animation-delay:.6s}.sf-network i:nth-child(4){top:54%;left:18%;animation-delay:.9s}.sf-network i:nth-child(5){top:78%;left:82%;animation-delay:1.2s}.sf-network i:nth-child(6){top:13%;left:55%;animation-delay:1.5s}.sf-world-copy,.sf-mini-world>*{position:relative}.sf-world h3{font-size:clamp(46px,8.5vw,104px);margin:14px 0 12px}.sf-world p{font-size:clamp(17px,2vw,22px);color:var(--muted);line-height:1.5;font-weight:650;max-width:620px}.sf-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.sf-tags span{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;padding:9px 12px;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.05em;text-transform:uppercase}.sf-world a,.sf-mini-world a{color:var(--primary);text-decoration:none;font-weight:850}.sf-world-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sf-mini-world{min-height:300px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end}.sf-mini-world h3{font-size:clamp(30px,4.3vw,58px);margin:16px 0 12px}.sf-mini-world p{color:var(--muted);font-weight:650;line-height:1.5}.sf-mini-world--red{background:linear-gradient(145deg,rgba(239,68,68,.12),var(--panel))}.sf-mini-world--care{background:linear-gradient(145deg,rgba(16,185,129,.12),var(--panel))}
.sf-builder-shell{width:min(920px,100%);padding:26px}.sf-builder{position:relative;display:grid;gap:20px}.sf-progress{height:7px;background:rgba(125,145,170,.18);border-radius:999px;overflow:hidden}.sf-progress i{display:block;height:100%;width:16.6%;background:linear-gradient(90deg,var(--primary),var(--electric),var(--violet));border-radius:999px;transition:width .25s}.sf-step{display:none}.sf-step.is-active{display:grid;gap:14px}.sf-builder label{font-size:clamp(30px,5.2vw,58px)}.sf-builder textarea,.sf-builder input,.sf-builder select{width:100%;border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);border-radius:20px;padding:16px 17px;font:inherit;font-weight:650;outline:none}.sf-builder textarea:focus,.sf-builder input:focus,.sf-builder select:focus{border-color:var(--electric);box-shadow:0 0 0 4px rgba(56,189,248,.14)}.sf-choice-row{display:flex;flex-wrap:wrap;gap:10px}.sf-builder-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.sf-prev,.sf-next,.sf-submit{border:0;border-radius:999px;padding:14px 20px;font-weight:850;cursor:pointer}.sf-prev,.sf-next{border:1px solid var(--line);background:var(--panel-strong);color:var(--ink)}.sf-submit{display:none;color:white;background:linear-gradient(135deg,var(--primary),var(--electric),var(--violet));box-shadow:var(--shadow)}.sf-form-message{font-weight:850;color:var(--primary)}
.sf-dock{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:5px;max-width:calc(100vw - 18px);padding:7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(28px);box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}.sf-app[data-theme=night] .sf-dock{background:rgba(15,23,42,.70)}.sf-dock::-webkit-scrollbar{display:none}.sf-dock button{appearance:none;border:0;background:transparent;color:var(--ink);font:800 11px/1 Manrope,sans-serif;border-radius:999px;padding:10px 11px;cursor:pointer;white-space:nowrap}.sf-dock button:hover{background:rgba(37,99,235,.12)}.sf-orb{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--electric),var(--violet))!important;flex:0 0 auto}.sf-orb span{width:19px;height:19px;display:block;background:#fff;border-radius:45% 55% 55% 45%;animation:sfSpin 5s linear infinite}.sf-static{padding:60px;font-family:Manrope}@keyframes sfSpin{to{transform:rotate(360deg)}}@keyframes sfPulse{50%{transform:scale(1.55);opacity:.48}}
@media(max-width:900px){.sf-screen{padding:78px 14px 112px}.sf-center-copy{padding-top:6svh}.sf-center-copy h1{font-size:clamp(38px,12vw,68px)}.sf-intent-grid{grid-template-columns:1fr 1fr}.sf-intent-grid button:last-child{grid-column:1/-1}.sf-outcome-cloud{grid-template-columns:1fr}.sf-outcome-cloud button{grid-column:auto;min-height:142px}.sf-world--primary,.sf-world-pair{grid-template-columns:1fr}.sf-world--primary{padding:14px}.sf-network{min-height:260px}.sf-builder-shell{padding:18px}.sf-section-head h2{font-size:clamp(34px,10vw,56px)}.sf-dock{width:calc(100vw - 16px);border-radius:26px;justify-content:flex-start}.sf-dock button{padding:10px 9px}.sf-builder-actions{position:sticky;bottom:76px;background:var(--panel);padding:10px;border-radius:999px;backdrop-filter:blur(20px)}}
@media(max-width:500px){.sf-screen{min-height:auto;padding-top:72px}.sf-screen--potential{min-height:100svh}.sf-world h3{font-size:44px}.sf-mini-world{min-height:235px}.sf-builder label{font-size:30px}.sf-kicker,.sf-section-head span,.sf-world-copy>span,.sf-mini-world>span{font-size:10px}.sf-line{font-size:16px}.sf-intent-grid button{font-size:13px;padding:13px 10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.sf-lightning{display:none}}

/* Selective Form OS v6.1 — dark-mode readability and spatial polish */
.sf-app[data-theme=night]{
  --bg:#0f1a32;
  --bg2:#111f3b;
  --ink:#f8fbff;
  --muted:#d4e2f3;
  --panel:rgba(22,34,62,.72);
  --panel-strong:rgba(27,42,76,.88);
  --line:rgba(148,211,255,.28);
  --line-strong:rgba(125,233,255,.58);
  --primary:#93c5fd;
  --electric:#67e8f9;
  --violet:#c4b5fd;
  --shadow:0 30px 100px rgba(103,232,249,.17),0 10px 38px rgba(0,0,0,.32);
  background:
    radial-gradient(circle at 18% 12%,rgba(103,232,249,.28),transparent 31%),
    radial-gradient(circle at 82% 8%,rgba(196,181,253,.26),transparent 34%),
    radial-gradient(circle at 54% 56%,rgba(96,165,250,.12),transparent 44%),
    linear-gradient(180deg,#14213d,#101b33 52%,#0e172c);
}
.sf-app[data-theme=night] .sf-center-copy h1,
.sf-app[data-theme=night] .sf-section-head h2,
.sf-app[data-theme=night] .sf-builder label,
.sf-app[data-theme=night] .sf-world h3,
.sf-app[data-theme=night] .sf-mini-world h3{
  color:#ffffff;
  text-shadow:0 0 28px rgba(103,232,249,.22),0 2px 18px rgba(0,0,0,.48);
}
.sf-app[data-theme=night] .sf-line,
.sf-app[data-theme=night] .sf-section-head p,
.sf-app[data-theme=night] .sf-world p,
.sf-app[data-theme=night] .sf-mini-world p,
.sf-app[data-theme=night] .sf-tech-footnote,
.sf-app[data-theme=night] .sf-outcome-cloud span{
  color:#dcecff;
}
.sf-app[data-theme=night] .sf-kicker,
.sf-app[data-theme=night] .sf-section-head span,
.sf-app[data-theme=night] .sf-world-copy>span,
.sf-app[data-theme=night] .sf-mini-world>span{
  color:#e0fbff;
  background:linear-gradient(135deg,rgba(103,232,249,.15),rgba(196,181,253,.13));
  border-color:rgba(125,233,255,.45);
}
.sf-app[data-theme=night] .sf-world,
.sf-app[data-theme=night] .sf-mini-world,
.sf-app[data-theme=night] .sf-builder-shell,
.sf-app[data-theme=night] .sf-outcome-cloud button,
.sf-app[data-theme=night] .sf-intent-grid button,
.sf-app[data-theme=night] .sf-choice-row button{
  background:linear-gradient(145deg,rgba(24,38,70,.88),rgba(16,28,54,.68));
  border-color:rgba(148,211,255,.30);
  box-shadow:0 26px 85px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
}
.sf-app[data-theme=night] .sf-tags span,
.sf-app[data-theme=night] .sf-builder textarea,
.sf-app[data-theme=night] .sf-builder input,
.sf-app[data-theme=night] .sf-builder select,
.sf-app[data-theme=night] .sf-prev,
.sf-app[data-theme=night] .sf-next{
  background:rgba(236,248,255,.09);
  color:#f8fbff;
  border-color:rgba(148,211,255,.32);
}
.sf-app[data-theme=night] .sf-dock{
  background:rgba(18,31,58,.82);
  border-color:rgba(148,211,255,.34);
}
.sf-app[data-theme=night] .sf-dock button{color:#f8fbff}
.sf-app[data-theme=night] .sf-dock button:hover{background:rgba(103,232,249,.14)}
.sf-app[data-theme=night] .sf-network{
  background:radial-gradient(circle at 50% 48%,rgba(103,232,249,.28),transparent 38%),linear-gradient(135deg,rgba(96,165,250,.17),rgba(196,181,253,.16));
  border-color:rgba(148,211,255,.34);
}
.sf-app[data-theme=night] .sf-atmosphere{opacity:.28}
.sf-app[data-theme=night] .sf-noise{opacity:.07}


/* v6.2 — submission fix UI + stronger work design */
.sf-builder textarea.is-error,.sf-builder input.is-error,.sf-builder select.is-error{border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.14)!important}
.sf-submit:disabled{opacity:.6;cursor:wait;filter:saturate(.7)}
.sf-form-message{min-height:1.4em;padding-left:4px}
.sf-work-lab{position:relative;overflow:hidden}
.sf-work-lab:before{content:"";position:absolute;inset:8% 4% auto auto;width:min(520px,70vw);height:min(520px,70vw);border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 66%);filter:blur(8px);pointer-events:none}
.sf-work-hero{border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr)}
.sf-app[data-theme=night] .sf-work-hero{background:linear-gradient(135deg,rgba(28,45,82,.9),rgba(16,28,54,.72))}
.sf-work-hero .sf-network{box-shadow:inset 0 0 80px rgba(56,189,248,.14),0 24px 70px rgba(37,99,235,.13)}
.sf-tags--matrix span{padding:11px 13px;background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(139,92,246,.10));border-color:rgba(56,189,248,.24)}
.sf-work-grid{align-items:stretch}
.sf-work-grid .sf-mini-world{border-radius:34px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sf-work-grid .sf-mini-world:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 34px 90px rgba(37,99,235,.18)}
.sf-mini-world a,.sf-world a{display:inline-flex;width:max-content;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong)}
.sf-app[data-theme=night] .sf-mini-world a,.sf-app[data-theme=night] .sf-world a{color:#e6fbff;background:rgba(236,248,255,.09)}
.sf-builder-shell{border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.20))}
.sf-app[data-theme=night] .sf-builder-shell{background:linear-gradient(135deg,rgba(26,42,78,.92),rgba(15,27,53,.76))}
.sf-builder-actions button{min-height:48px;align-items:center;justify-content:center}
@media(max-width:900px){.sf-work-hero{grid-template-columns:1fr;border-radius:30px}.sf-work-grid .sf-mini-world:hover{transform:none}.sf-builder-shell{border-radius:30px}.sf-mini-world a,.sf-world a{font-size:13px}}


/* Selective Form premium showcase + brightness/sprinkles layer */
.sf-app{isolation:isolate}.sf-sprinkle-field{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(6,182,212,.72) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(139,92,246,.58) 0 1px,transparent 1.7px);background-size:180px 180px,260px 260px,340px 340px;background-position:20px 40px,80px 120px,160px 20px;opacity:.46;animation:sfSparkleDrift 18s linear infinite;mix-blend-mode:screen}.sf-app[data-theme=day] .sf-sprinkle-field{opacity:.34;mix-blend-mode:multiply}@keyframes sfSparkleDrift{to{background-position:200px 220px,340px 380px,500px 300px}}
.sf-floating-badges{position:fixed;top:84px;right:24px;z-index:6;display:flex;flex-direction:column;gap:10px;pointer-events:none}.sf-floating-badges span{display:inline-flex;width:max-content;padding:10px 14px;border:1px solid rgba(6,182,212,.28);border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(37,99,235,.12);font:800 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);animation:sfBadgeFloat 7s ease-in-out infinite}.sf-floating-badges span:nth-child(2){animation-delay:.8s}.sf-floating-badges span:nth-child(3){animation-delay:1.6s}.sf-floating-badges span:nth-child(4){animation-delay:2.4s}.sf-app[data-theme=night] .sf-floating-badges span{background:rgba(15,23,42,.58);color:#dffaff}.sf-terminal-window{position:fixed;left:22px;bottom:96px;z-index:6;padding:14px 16px;border:1px solid rgba(139,92,246,.26);border-radius:20px;background:rgba(255,255,255,.62);backdrop-filter:blur(24px);box-shadow:0 24px 70px rgba(15,23,42,.12);pointer-events:none;animation:sfTerminalFloat 9s ease-in-out infinite}.sf-app[data-theme=night] .sf-terminal-window{background:rgba(2,6,23,.56)}.sf-terminal-window pre{margin:0;color:var(--ink);font:700 12px/1.65 "IBM Plex Mono",monospace}.sf-app[data-theme=night] .sf-terminal-window pre{color:#e7fbff}@keyframes sfBadgeFloat{50%{transform:translate3d(-6px,-10px,0)}}@keyframes sfTerminalFloat{50%{transform:translate3d(8px,-12px,0)}}
.sf-center-copy h1{background:linear-gradient(90deg,var(--ink) 0%,var(--primary) 38%,var(--electric) 58%,var(--violet) 82%,var(--ink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 70px rgba(6,182,212,.14)}
.sf-intent-grid button,.sf-outcome-cloud button,.sf-choice-row button,.sf-world,.sf-mini-world{will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,background .35s}.sf-intent-grid button:hover,.sf-outcome-cloud button:hover,.sf-choice-row button:hover,.sf-world:hover,.sf-mini-world:hover{transform:translateY(-8px) scale(1.018);box-shadow:0 42px 92px rgba(37,99,235,.22);border-color:var(--line-strong)}
.sf-screen--showcase{min-height:112svh;padding-top:116px}.sf-liv-shell{display:grid;gap:26px}.sf-liv-head p{max-width:720px;margin:0;color:var(--muted);font-weight:750;line-height:1.6}.sf-liv-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:46px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.34)),radial-gradient(circle at 20% 12%,rgba(6,182,212,.22),transparent 35%),radial-gradient(circle at 82% 18%,rgba(139,92,246,.20),transparent 36%);box-shadow:0 45px 120px rgba(37,99,235,.18);backdrop-filter:blur(28px);padding:24px}.sf-app[data-theme=night] .sf-liv-stage{background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.38)),radial-gradient(circle at 20% 12%,rgba(34,211,238,.20),transparent 35%),radial-gradient(circle at 82% 18%,rgba(168,85,247,.24),transparent 36%)}.sf-liv-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.22;mask-image:radial-gradient(circle at 50% 48%,black,transparent 78%)}.sf-route-map{position:relative;min-height:520px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(6,182,212,.20),transparent 38%),linear-gradient(135deg,rgba(37,99,235,.12),rgba(139,92,246,.12));border:1px solid rgba(6,182,212,.22)}.sf-route-map svg{position:absolute;inset:0;width:100%;height:100%}.sf-route-line{fill:none;stroke:url(#sfRouteGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:22 18;filter:drop-shadow(0 0 10px rgba(6,182,212,.9));animation:sfRouteMove 2.6s linear infinite}.sf-route-line--two{opacity:.55;animation-duration:3.8s;animation-direction:reverse}.sf-node{position:absolute;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;font:900 11px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:white;background:linear-gradient(135deg,var(--primary),var(--electric),var(--violet));box-shadow:0 0 0 8px rgba(6,182,212,.10),0 0 45px rgba(6,182,212,.52);font-style:normal;animation:sfNodePulse 2.8s ease-in-out infinite}.sf-node--customer{left:7%;bottom:15%}.sf-node--store{left:24%;top:15%;animation-delay:.3s}.sf-node--ops{left:48%;top:42%;animation-delay:.6s}.sf-node--driver{right:8%;top:28%;animation-delay:.9s}.sf-node--pay{right:22%;bottom:14%;animation-delay:1.2s}.sf-device-row{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.3fr .85fr;gap:16px;margin-top:-84px;padding:0 26px 0}.sf-device{min-height:230px;border-radius:34px;border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.72);backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(15,23,42,.13);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.sf-app[data-theme=night] .sf-device{background:rgba(2,6,23,.58)}.sf-device:before{content:"";position:absolute;inset:16px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(6,182,212,.16),transparent),repeating-linear-gradient(0deg,transparent 0 14px,rgba(37,99,235,.10) 14px 15px)}.sf-device b,.sf-device span,.sf-device em{position:relative}.sf-device b{font-family:"Space Grotesk";font-size:clamp(28px,4vw,54px);line-height:.95;letter-spacing:-.05em}.sf-device span{margin-top:12px;font-weight:850;color:var(--primary)}.sf-device em{margin-top:8px;font-style:normal;color:var(--muted);font-weight:750}.sf-device--desk{min-height:280px}.sf-metric-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.sf-metric-strip div{border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(22px);padding:18px}.sf-metric-strip strong{display:block;font-family:"Space Grotesk";font-size:clamp(22px,2.8vw,36px);letter-spacing:-.04em}.sf-metric-strip span{display:block;margin-top:6px;color:var(--muted);font-weight:800;font-size:13px}@keyframes sfRouteMove{to{stroke-dashoffset:-80}}@keyframes sfNodePulse{50%{transform:translateY(-7px) scale(1.05);box-shadow:0 0 0 14px rgba(6,182,212,.06),0 0 70px rgba(139,92,246,.50)}}
@media(max-width:900px){.sf-floating-badges,.sf-terminal-window{display:none}.sf-screen--showcase{min-height:auto}.sf-liv-stage{border-radius:32px;padding:14px}.sf-route-map{min-height:430px}.sf-node{width:72px;height:72px;font-size:9px}.sf-device-row{grid-template-columns:1fr;margin-top:16px;padding:0}.sf-device,.sf-device--desk{min-height:190px}.sf-metric-strip{grid-template-columns:1fr 1fr}.sf-dock{font-size:12px}}
@media(max-width:560px){.sf-metric-strip{grid-template-columns:1fr}.sf-node--driver{right:3%}.sf-node--pay{right:8%}.sf-route-map{min-height:380px}.sf-liv-head h2{font-size:clamp(36px,12vw,58px)}}


/* v3 pushed design language: brighter, deeper, geekier */
:root{--sf-hot:#f8fbff;--sf-spark:#ffe68a;--sf-lime:#a3ffcb}
.sf-app:after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,transparent 0 16%,rgba(6,182,212,.10) 22%,transparent 30%,rgba(139,92,246,.10) 46%,transparent 58%,rgba(255,230,138,.14) 68%,transparent 82%);filter:blur(42px);animation:sfAuroraSpin 26s linear infinite;opacity:.75}.sf-app[data-theme=night]:after{opacity:.95}@keyframes sfAuroraSpin{to{transform:rotate(360deg)}}
.sf-lightning{background:radial-gradient(circle at 12% 18%,rgba(255,230,138,.30),transparent 16%),radial-gradient(circle at 82% 22%,rgba(163,255,203,.25),transparent 18%),radial-gradient(circle at 50% 90%,rgba(6,182,212,.22),transparent 28%)!important;opacity:.82!important;filter:saturate(1.4)}
.sf-screen--potential:before{content:"";position:absolute;inset:10% 8%;border-radius:60px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-12deg) translateX(-120%);animation:sfHeroSweep 7.5s ease-in-out infinite;pointer-events:none}.sf-app[data-theme=night] .sf-screen--potential:before{background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes sfHeroSweep{55%,100%{transform:skewX(-12deg) translateX(140%)}}
.sf-hero-orbit{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.sf-hero-orbit span{border:1px solid rgba(6,182,212,.30);border-radius:999px;background:rgba(255,255,255,.66);backdrop-filter:blur(18px);padding:9px 12px;font:900 11px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);box-shadow:0 16px 42px rgba(37,99,235,.10);animation:sfOrbitBlink 4.8s ease-in-out infinite}.sf-hero-orbit span:nth-child(2){animation-delay:.5s}.sf-hero-orbit span:nth-child(3){animation-delay:1s}.sf-hero-orbit span:nth-child(4){animation-delay:1.5s}.sf-hero-orbit span:nth-child(5){animation-delay:2s}.sf-app[data-theme=night] .sf-hero-orbit span{background:rgba(15,23,42,.55);color:#e8ffff}@keyframes sfOrbitBlink{50%{transform:translateY(-8px);box-shadow:0 0 40px rgba(6,182,212,.30)}}
.sf-kicker,.sf-section-head span{display:inline-flex;align-items:center;gap:8px}.sf-kicker:before,.sf-section-head span:before{content:"✦";color:var(--sf-spark);text-shadow:0 0 18px rgba(255,230,138,.75)}
.sf-screen--signal{position:relative;overflow:hidden}.sf-signal-shell{display:grid;gap:28px}.sf-signal-shell>.sf-section-head p{max-width:760px;color:var(--muted);font-weight:760;line-height:1.65}.sf-signal-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border:1px solid var(--line);border-radius:44px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.28));backdrop-filter:blur(28px);box-shadow:0 44px 120px rgba(37,99,235,.16);overflow:hidden}.sf-app[data-theme=night] .sf-signal-board{background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(15,23,42,.34))}.sf-signal-board:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:3px;background:linear-gradient(90deg,var(--primary),var(--electric),var(--violet),var(--sf-spark));box-shadow:0 0 22px rgba(6,182,212,.7);animation:sfSignalFlow 2.8s linear infinite}.sf-signal-step{position:relative;z-index:2;min-height:260px;border:1px solid rgba(255,255,255,.34);border-radius:32px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.45);transition:.35s cubic-bezier(.2,.8,.2,1)}.sf-app[data-theme=night] .sf-signal-step{background:rgba(2,6,23,.58)}.sf-signal-step:hover,.sf-signal-step.is-hot{transform:translateY(-10px);box-shadow:0 34px 90px rgba(6,182,212,.18),0 0 0 1px rgba(6,182,212,.28)}.sf-signal-step b{font:900 12px/1 "IBM Plex Mono",monospace;color:var(--primary);letter-spacing:.1em}.sf-signal-step strong{font-family:"Space Grotesk";font-size:clamp(28px,3.8vw,54px);letter-spacing:-.06em;line-height:.9}.sf-signal-step span{color:var(--muted);font-weight:800;line-height:1.35}.sf-lab-strip{display:flex;flex-wrap:wrap;gap:10px}.sf-lab-strip span{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:var(--panel);font-weight:900;box-shadow:0 18px 42px rgba(37,99,235,.08)}@keyframes sfSignalFlow{to{filter:hue-rotate(360deg)}}
.sf-liv-stage{transform-style:preserve-3d}.sf-liv-stage:after{content:"SYSTEM ONLINE";position:absolute;right:22px;top:22px;z-index:4;padding:11px 13px;border-radius:999px;border:1px solid rgba(163,255,203,.34);background:rgba(163,255,203,.12);color:#00895d;font:900 11px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;box-shadow:0 0 38px rgba(163,255,203,.28)}.sf-app[data-theme=night] .sf-liv-stage:after{color:#b8ffd9}.sf-device{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.sf-device:hover{transform:translateY(-12px) rotateX(3deg);box-shadow:0 48px 110px rgba(6,182,212,.20)}.sf-device:after{content:"";position:absolute;left:22px;right:22px;top:28px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--electric),var(--violet),var(--sf-spark));box-shadow:0 0 22px rgba(6,182,212,.45);animation:sfDeviceLoad 2.6s ease-in-out infinite}.sf-device--desk:after{height:10px}.sf-device b:after{content:"_";color:var(--electric);animation:sfCursor 1s steps(1) infinite}@keyframes sfCursor{50%{opacity:0}}@keyframes sfDeviceLoad{50%{transform:scaleX(.65);transform-origin:left}}
.sf-metric-strip div{position:relative;overflow:hidden}.sf-metric-strip div:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.40),transparent);transform:translateX(-120%);animation:sfMetricSweep 5.8s ease-in-out infinite}.sf-metric-strip div:nth-child(2):before{animation-delay:.7s}.sf-metric-strip div:nth-child(3):before{animation-delay:1.4s}.sf-metric-strip div:nth-child(4):before{animation-delay:2.1s}@keyframes sfMetricSweep{55%,100%{transform:translateX(130%)}}
.sf-builder-shell{position:relative;overflow:hidden}.sf-builder-shell:before{content:"CONTACT PROTOCOL";position:absolute;right:24px;top:24px;font:900 11px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--primary);opacity:.65}.sf-progress{height:12px;border-radius:999px;overflow:hidden;background:rgba(37,99,235,.10);box-shadow:inset 0 0 0 1px var(--line)}.sf-progress i{background:linear-gradient(90deg,var(--primary),var(--electric),var(--violet),var(--sf-spark))!important;box-shadow:0 0 24px rgba(6,182,212,.45)}
@media(max-width:900px){.sf-signal-board{grid-template-columns:1fr 1fr;border-radius:32px}.sf-signal-step{min-height:190px}.sf-signal-board:before{display:none}.sf-app:after{inset:-50%;opacity:.55}.sf-screen--potential:before{display:none}}
@media(max-width:560px){.sf-signal-board{grid-template-columns:1fr}.sf-signal-step strong{font-size:42px}.sf-liv-stage:after,.sf-builder-shell:before{display:none}.sf-hero-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.sf-app:after,.sf-screen--potential:before,.sf-hero-orbit span,.sf-signal-board:before,.sf-device:after,.sf-metric-strip div:before{animation:none!important}}


/* Avatar add-on: restrained corporate personalization, preserving the baseline concept */
.sf-author-presence{
  position:relative;
  z-index:4;
  width:fit-content;
  max-width:calc(100vw - 40px);
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:9px 15px 9px 9px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(22px);
  box-shadow:0 18px 48px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.55);
}
.sf-app[data-theme=night] .sf-author-presence{
  background:rgba(15,23,42,.58);
  border-color:rgba(34,211,238,.20);
  box-shadow:0 20px 54px rgba(6,182,212,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.sf-author-presence:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(37,99,235,.22),transparent 34%,rgba(6,182,212,.18) 60%,rgba(139,92,246,.14));
  opacity:.55;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
}
.sf-author-presence:after{
  content:"";
  position:absolute;
  left:48px;
  bottom:7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--electric),var(--violet));
  box-shadow:0 0 14px rgba(6,182,212,.55);
}
.sf-author-presence img{
  width:54px;
  height:54px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.86);
  box-shadow:0 0 0 1px rgba(37,99,235,.18),0 10px 26px rgba(15,23,42,.14);
}
.sf-app[data-theme=night] .sf-author-presence img{
  border-color:rgba(255,255,255,.20);
  box-shadow:0 0 0 1px rgba(34,211,238,.22),0 10px 28px rgba(0,0,0,.22);
}
.sf-author-presence div{
  display:grid;
  gap:2px;
  text-align:left;
  min-width:0;
}
.sf-author-presence strong{
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:15px;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--ink);
}
.sf-author-presence span{
  font:800 10px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--primary);
  white-space:nowrap;
}
@media(max-width:560px){
  .sf-author-presence{margin-bottom:20px;padding-right:12px;gap:10px}
  .sf-author-presence img{width:46px;height:46px}
  .sf-author-presence strong{font-size:14px}
  .sf-author-presence span{font-size:9px;white-space:normal}
  .sf-author-presence:after{left:40px;bottom:7px}
}

/* v6.3 contrast + discreet project-manager reveal */
.sf-app[data-theme=night] .sf-center-copy h1,
.sf-app[data-theme=night] .sf-section-head h2,
.sf-app[data-theme=night] .sf-builder label,
.sf-app[data-theme=night] .sf-world h3,
.sf-app[data-theme=night] .sf-mini-world h3{
  color:#fbfdff;
  text-shadow:0 2px 18px rgba(2,6,23,.58),0 0 34px rgba(34,211,238,.10);
}
.sf-app[data-theme=night] .sf-line,
.sf-app[data-theme=night] .sf-section-head p,
.sf-app[data-theme=night] .sf-world p,
.sf-app[data-theme=night] .sf-mini-world p,
.sf-app[data-theme=night] .sf-outcome-cloud span,
.sf-app[data-theme=night] .sf-tech-footnote{
  color:#d5e3f7;
}
.sf-app[data-theme=night] .sf-kicker,
.sf-app[data-theme=night] .sf-section-head span,
.sf-app[data-theme=night] .sf-world-copy>span,
.sf-app[data-theme=night] .sf-mini-world>span{
  color:#c7f7ff;
  background:rgba(15,23,42,.78);
  border-color:rgba(125,211,252,.30);
}
.sf-app[data-theme=night] .sf-intent-grid button,
.sf-app[data-theme=night] .sf-outcome-cloud button,
.sf-app[data-theme=night] .sf-choice-row button,
.sf-app[data-theme=night] .sf-tags span,
.sf-app[data-theme=night] .sf-lab-strip span{
  color:#f4f9ff;
  background:rgba(15,23,42,.72);
}
.sf-app[data-theme=night] .sf-builder textarea,
.sf-app[data-theme=night] .sf-builder input,
.sf-app[data-theme=night] .sf-builder select{
  color:#f8fbff;
  background:rgba(15,23,42,.84);
}
.sf-app[data-theme=night] .sf-builder textarea::placeholder,
.sf-app[data-theme=night] .sf-builder input::placeholder{color:#aebdda;opacity:1}

/* Keep the avatar as an add-on, but make the PM role easier to notice */
.sf-author-presence{
  gap:14px;
  padding:10px 18px 10px 10px;
  transform:translateZ(0);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.sf-author-presence:hover,
.sf-author-presence:focus-within{
  transform:translateY(-3px);
  border-color:rgba(6,182,212,.36);
  box-shadow:0 24px 62px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.58);
}
.sf-app[data-theme=night] .sf-author-presence:hover,
.sf-app[data-theme=night] .sf-author-presence:focus-within{
  box-shadow:0 28px 70px rgba(34,211,238,.15), inset 0 1px 0 rgba(255,255,255,.10);
}
.sf-author-presence img{width:62px;height:62px}
.sf-author-presence strong{font-size:17px}
.sf-author-presence span{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  letter-spacing:.075em;
  color:#1d4ed8;
}
.sf-app[data-theme=night] .sf-author-presence span{color:#a5f3fc}
.sf-author-presence span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--electric);
  box-shadow:0 0 15px rgba(6,182,212,.72);
  animation:sfPmSignal 3.8s ease-in-out infinite;
}
@keyframes sfPmSignal{0%,100%{opacity:.55;transform:scale(.82)}45%{opacity:1;transform:scale(1.22)}}

/* Hide-and-seek: a restrained hover reveal, noticeable without becoming loud */
.sf-author-presence .sf-pm-reveal{
  position:absolute;
  left:50%;
  top:calc(100% + 9px);
  transform:translateX(-50%) translateY(-4px);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(6,182,212,.24);
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(18px);
  color:var(--muted);
  font:800 10px/1 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 44px rgba(37,99,235,.12);
  transition:opacity .24s ease, transform .24s ease;
}
.sf-app[data-theme=night] .sf-author-presence .sf-pm-reveal{
  background:rgba(15,23,42,.84);
  color:#d5e3f7;
}
.sf-author-presence:hover .sf-pm-reveal,
.sf-author-presence:focus-within .sf-pm-reveal{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
@media(max-width:560px){
  .sf-author-presence img{width:52px;height:52px}
  .sf-author-presence strong{font-size:15px}
  .sf-author-presence span{font-size:10px}
  .sf-author-presence .sf-pm-reveal{display:none}
}

/* Selective Form v6.4 — dark contrast repair + smoother corporate UI */
.sf-app[data-theme=night]{
  --ink:#fbfdff;
  --muted:#dbeafe;
  --panel:rgba(18,31,58,.76);
  --panel-strong:rgba(18,31,58,.90);
  --line:rgba(191,219,254,.28);
  --line-strong:rgba(103,232,249,.52);
  --primary:#bfdbfe;
  --electric:#67e8f9;
  --violet:#ddd6fe;
  background:
    radial-gradient(circle at 22% 16%,rgba(103,232,249,.20),transparent 30%),
    radial-gradient(circle at 78% 12%,rgba(129,140,248,.20),transparent 32%),
    linear-gradient(180deg,#12203b 0%,#101a31 52%,#0b1324 100%);
}

/* Hard stop: no dark text can disappear on night mode */
.sf-app[data-theme=night] h1,
.sf-app[data-theme=night] h2,
.sf-app[data-theme=night] h3,
.sf-app[data-theme=night] h4,
.sf-app[data-theme=night] strong,
.sf-app[data-theme=night] b,
.sf-app[data-theme=night] label{
  color:#ffffff !important;
  text-shadow:0 2px 18px rgba(0,0,0,.54),0 0 22px rgba(103,232,249,.12);
}
.sf-app[data-theme=night] .sf-center-copy h1{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:#ffffff !important;
  text-shadow:0 2px 22px rgba(0,0,0,.52),0 0 38px rgba(103,232,249,.18);
}
.sf-app[data-theme=night] p,
.sf-app[data-theme=night] span,
.sf-app[data-theme=night] em,
.sf-app[data-theme=night] .sf-line,
.sf-app[data-theme=night] .sf-section-head p,
.sf-app[data-theme=night] .sf-world p,
.sf-app[data-theme=night] .sf-mini-world p,
.sf-app[data-theme=night] .sf-tech-footnote,
.sf-app[data-theme=night] .sf-device em,
.sf-app[data-theme=night] .sf-device span,
.sf-app[data-theme=night] .sf-metric-strip span{
  color:#dbeafe;
}
.sf-app[data-theme=night] .sf-device span,
.sf-app[data-theme=night] .sf-world a,
.sf-app[data-theme=night] .sf-mini-world a{
  color:#93e8ff;
}

/* Smoother showcase: less cramped, more breathable, more legible */
.sf-liv-stage{
  padding:clamp(18px,3vw,34px);
  border-radius:38px;
}
.sf-route-map{
  min-height:500px;
  opacity:.92;
}
.sf-app[data-theme=night] .sf-route-map{
  background:
    radial-gradient(circle at 50% 42%,rgba(103,232,249,.18),transparent 40%),
    linear-gradient(135deg,rgba(30,64,175,.16),rgba(76,29,149,.14));
}
.sf-device-row{
  gap:18px;
  margin-top:-68px;
  padding:0 clamp(12px,2.4vw,34px);
}
.sf-device{
  min-height:220px;
  border-radius:30px;
  padding:24px;
  isolation:isolate;
  background:rgba(255,255,255,.78);
}
.sf-app[data-theme=night] .sf-device{
  background:linear-gradient(180deg,rgba(19,35,65,.92),rgba(11,22,42,.86));
  border-color:rgba(191,219,254,.28);
  box-shadow:0 26px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.sf-device:before{
  z-index:-1;
  opacity:.46;
}
.sf-app[data-theme=night] .sf-device:before{
  background:
    linear-gradient(180deg,rgba(103,232,249,.10),transparent),
    repeating-linear-gradient(0deg,transparent 0 14px,rgba(147,197,253,.10) 14px 15px);
  opacity:.38;
}
.sf-device b{
  font-size:clamp(32px,4.6vw,58px);
  opacity:.96;
}
.sf-app[data-theme=night] .sf-device b{
  letter-spacing:-.055em;
}
.sf-metric-strip div{
  min-height:112px;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.sf-app[data-theme=night] .sf-metric-strip div{
  background:linear-gradient(145deg,rgba(20,38,70,.84),rgba(13,25,48,.72));
  border-color:rgba(191,219,254,.24);
}
.sf-metric-strip div:hover{
  transform:translateY(-5px);
  border-color:var(--line-strong);
  box-shadow:0 20px 56px rgba(103,232,249,.12);
}

/* Floaty extras should not fight the page content */
.sf-terminal-window{
  opacity:.72;
  transform:scale(.94);
}
.sf-terminal-window:hover{
  opacity:1;
}
@media(min-width:901px){
  .sf-liv-showcase .sf-terminal-window,
  #showcase ~ .sf-terminal-window{
    opacity:.35;
  }
}

/* Project manager add-on: visible, but still corporate */
.sf-author-presence{
  min-width:min(440px,100%);
  justify-content:flex-start;
  border-color:rgba(6,182,212,.22);
}
.sf-author-presence img{
  width:66px;
  height:66px;
}
.sf-author-presence strong{
  font-size:18px;
}
.sf-author-presence span{
  font-size:12.5px;
  color:#1e40af;
}
.sf-app[data-theme=night] .sf-author-presence{
  background:linear-gradient(135deg,rgba(18,31,58,.78),rgba(11,22,42,.62));
  border-color:rgba(191,219,254,.30);
}
.sf-app[data-theme=night] .sf-author-presence span{
  color:#a5f3fc;
}

/* Micro flares: noticeable, not childish */
.sf-liv-stage:before,
.sf-world:before,
.sf-builder-shell:before{
  opacity:.78;
}
.sf-liv-stage .sf-route-map:after,
.sf-world--primary:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff7b8;
  box-shadow:0 0 18px rgba(255,247,184,.86),0 0 38px rgba(103,232,249,.25);
  right:18%;
  top:17%;
  opacity:.82;
  animation:sfTinyFlare 4.4s ease-in-out infinite;
}
.sf-world--primary:after{
  left:17%;
  right:auto;
  top:22%;
  z-index:3;
}
@keyframes sfTinyFlare{0%,100%{transform:scale(.7);opacity:.35}48%{transform:scale(1.25);opacity:.9}}

/* Mobile readability */
@media(max-width:900px){
  .sf-route-map{min-height:390px}
  .sf-device-row{margin-top:18px;padding:0;gap:14px}
  .sf-device,.sf-device--desk{min-height:180px}
  .sf-device b{font-size:clamp(30px,9vw,46px)}
  .sf-floating-badges,.sf-terminal-window{display:none!important}
}


/* Selective Form v6.5 — humanized contrast + restrained corporate polish
   Goal: preserve the original Selective Form idea while removing the over-produced AI/neon feeling. */
.sf-floating-badges,
.sf-terminal-window,
.sf-hero-orbit,
.sf-sprinkle-field,
.sf-lightning{display:none!important;}

/* Calmer dark mode: brighter text, less synthetic glow */
.sf-app[data-theme=night]{
  --ink:#f8fafc;
  --muted:#d6e0ee;
  --panel:rgba(18,29,50,.82);
  --panel-strong:rgba(22,34,58,.94);
  --line:rgba(203,213,225,.22);
  --line-strong:rgba(125,211,252,.38);
  --primary:#93c5fd;
  --electric:#7dd3fc;
  --violet:#b4a7ff;
  background:
    radial-gradient(circle at 18% 10%,rgba(125,211,252,.13),transparent 30%),
    radial-gradient(circle at 82% 20%,rgba(180,167,255,.10),transparent 34%),
    linear-gradient(180deg,#101b2f 0%,#0e1728 52%,#0a1020 100%) !important;
}
.sf-app[data-theme=night] .sf-atmosphere{opacity:.11;}
.sf-app[data-theme=night] .sf-noise{opacity:.025;}

/* No more muddy headers on dark panels */
.sf-app[data-theme=night] h1,
.sf-app[data-theme=night] h2,
.sf-app[data-theme=night] h3,
.sf-app[data-theme=night] h4,
.sf-app[data-theme=night] .sf-world h3,
.sf-app[data-theme=night] .sf-mini-world h3,
.sf-app[data-theme=night] .sf-outcome-cloud b,
.sf-app[data-theme=night] .sf-device b,
.sf-app[data-theme=night] .sf-metric-strip strong{
  color:#ffffff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
}
.sf-app[data-theme=night] p,
.sf-app[data-theme=night] .sf-line,
.sf-app[data-theme=night] .sf-section-head p,
.sf-app[data-theme=night] .sf-world p,
.sf-app[data-theme=night] .sf-mini-world p,
.sf-app[data-theme=night] .sf-outcome-cloud span,
.sf-app[data-theme=night] .sf-device span,
.sf-app[data-theme=night] .sf-device em,
.sf-app[data-theme=night] .sf-metric-strip span{
  color:#d6e0ee!important;
}

/* Human, editorial card treatment: less glass toy, more studio portfolio */
.sf-world,
.sf-mini-world,
.sf-builder-shell,
.sf-outcome-cloud button,
.sf-intent-grid button,
.sf-choice-row button,
.sf-liv-stage,
.sf-device,
.sf-metric-strip div{
  border-radius:22px!important;
  box-shadow:0 18px 48px rgba(2,6,23,.18)!important;
}
.sf-app[data-theme=night] .sf-world,
.sf-app[data-theme=night] .sf-mini-world,
.sf-app[data-theme=night] .sf-builder-shell,
.sf-app[data-theme=night] .sf-outcome-cloud button,
.sf-app[data-theme=night] .sf-intent-grid button,
.sf-app[data-theme=night] .sf-choice-row button,
.sf-app[data-theme=night] .sf-liv-stage,
.sf-app[data-theme=night] .sf-device,
.sf-app[data-theme=night] .sf-metric-strip div{
  background:linear-gradient(180deg,rgba(22,34,58,.94),rgba(15,25,44,.88))!important;
  border-color:rgba(203,213,225,.20)!important;
}
.sf-world:before,
.sf-mini-world:before,
.sf-builder-shell:before,
.sf-liv-stage:before,
.sf-world--primary:after,
.sf-liv-stage .sf-route-map:after{opacity:.18!important;}

/* Smoothness without showing off */
.sf-intent-grid button,
.sf-outcome-cloud button,
.sf-choice-row button,
.sf-world,
.sf-mini-world,
.sf-device,
.sf-metric-strip div,
.sf-author-presence{
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.sf-intent-grid button:hover,
.sf-outcome-cloud button:hover,
.sf-choice-row button:hover,
.sf-world:hover,
.sf-mini-world:hover,
.sf-device:hover,
.sf-metric-strip div:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 22px 54px rgba(2,6,23,.22)!important;
}

/* Route/showcase: make it look designed by a person, not generated by effects */
.sf-liv-stage{padding:clamp(18px,2.6vw,30px)!important;}
.sf-route-map{
  min-height:430px!important;
  opacity:.84!important;
  background:
    linear-gradient(180deg,rgba(15,23,42,.10),rgba(15,23,42,.02)),
    radial-gradient(circle at 52% 48%,rgba(125,211,252,.12),transparent 42%)!important;
}
.sf-app[data-theme=night] .sf-route-map{
  background:
    linear-gradient(180deg,rgba(30,41,59,.30),rgba(15,23,42,.12)),
    radial-gradient(circle at 52% 48%,rgba(125,211,252,.10),transparent 44%)!important;
}
.sf-route-line{animation:none!important;stroke-width:5!important;opacity:.62!important;stroke-dasharray:16 18!important;}
.sf-node{
  width:92px!important;height:92px!important;
  font-size:12px!important;
  background:rgba(226,232,240,.92)!important;
  color:#0f172a!important;
  box-shadow:0 18px 34px rgba(2,6,23,.18)!important;
}
.sf-app[data-theme=night] .sf-node{
  background:#dff7ff!important;
  color:#0f172a!important;
}
.sf-device-row{margin-top:-42px!important;gap:16px!important;}
.sf-device{min-height:190px!important;padding:22px!important;}
.sf-device b{font-size:clamp(28px,3.6vw,44px)!important;letter-spacing:-.045em!important;opacity:1!important;}
.sf-device:before{opacity:.12!important;}
.sf-metric-strip{gap:14px!important;}
.sf-metric-strip div{min-height:96px!important;padding:20px!important;}

/* Avatar add-on: noticeable, still subordinate to Selective Form */
.sf-author-presence{
  margin:22px auto 28px!important;
  width:min(430px,100%)!important;
  padding:11px 14px!important;
  gap:13px!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(37,99,235,.14)!important;
}
.sf-author-presence img{width:62px!important;height:62px!important;border:2px solid rgba(255,255,255,.82)!important;box-shadow:0 10px 26px rgba(2,6,23,.18)!important;}
.sf-author-presence strong{font-size:18px!important;letter-spacing:-.02em!important;}
.sf-author-presence span{font-size:13px!important;font-weight:800!important;color:#315a8f!important;}
.sf-app[data-theme=night] .sf-author-presence{
  background:rgba(15,23,42,.72)!important;
  border-color:rgba(203,213,225,.20)!important;
}
.sf-app[data-theme=night] .sf-author-presence span{color:#bae6fd!important;}
.sf-author-presence .sf-pm-reveal{
  left:auto!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;
  opacity:.0!important;
  background:rgba(15,23,42,.92)!important;
  color:#f8fafc!important;
}
.sf-author-presence:hover .sf-pm-reveal,
.sf-author-presence:focus-within .sf-pm-reveal{opacity:1!important;transform:translateY(-50%)!important;}

/* Typography: simpler and lighter on the gimmick */
.sf-center-copy h1{letter-spacing:-.06em!important;}
.sf-line:after{background:linear-gradient(90deg,transparent,rgba(125,211,252,.70),transparent)!important;width:min(180px,44vw)!important;}
.sf-kicker,.sf-section-head span,.sf-world-copy>span,.sf-mini-world>span{
  letter-spacing:.11em!important;
  background:rgba(255,255,255,.62)!important;
}
.sf-app[data-theme=night] .sf-kicker,
.sf-app[data-theme=night] .sf-section-head span,
.sf-app[data-theme=night] .sf-world-copy>span,
.sf-app[data-theme=night] .sf-mini-world>span{
  background:rgba(15,23,42,.58)!important;
  color:#dff7ff!important;
}

@media(max-width:900px){
  .sf-route-map{min-height:320px!important;}
  .sf-device-row{margin-top:16px!important;}
  .sf-node{width:72px!important;height:72px!important;font-size:10px!important;}
  .sf-author-presence{width:100%!important;}
}