:root{--bg:#08080a;--bg2:#0f0f12;--ink:#f4f1ec;--muted:#9a948c;--dim:#746e66;--red:#e4121c;--hot:#ff2a36;--gold:#d9b45f;--rule:#ffffff0f;--glass:#ffffff09;--ease:cubic-bezier(.16,1,.3,1);--mono:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;--display:"Knight Display",var(--mono)}@font-face{font-family:Knight Display;src:url(/assets/fonts/KnightAIAV.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knight Smoothie;src:url(/assets/fonts/KnightSmoothie.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink);overflow-x:clip}body{font-family:var(--display);background:linear-gradient(#08080abd,#08080af0),url(/assets/media/white-red.webp) top/cover fixed,#08080a;min-height:100dvh;margin:0;line-height:1.5;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 72%);mask-image:linear-gradient(#000000d9,#0000 72%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 0%,#0000002e 54%,#0000009e 100%);position:fixed;inset:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.spot{pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--x) var(--y),#e4121c3d,transparent 24%),radial-gradient(circle at 72% 18%,#d9b45f24,transparent 23%),radial-gradient(circle at 22% 74%,#ffffff0e,transparent 25%);filter:saturate(1.1);position:fixed;inset:0}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--rule);background:#08080abd;justify-content:space-between;align-items:center;gap:1rem;padding:18px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.55rem;font-weight:900;display:flex}.brandMark{object-fit:contain;filter:drop-shadow(0 0 14px #d9b45f59);width:24px;height:24px}.brand span{color:var(--ink)}.brand b{color:var(--hot)}.nav nav{align-items:center;gap:.25rem;display:flex}.nav nav a{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.65rem .85rem;font-size:.78rem;text-decoration:none;transition:all .22s}.nav nav a:hover{color:var(--ink);background:var(--glass)}main{width:min(1420px,100% - 32px);margin:0 auto}.hero{align-content:center;min-height:64dvh;padding:92px 0 64px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffffff0e,#ffffff03);border:1px solid #ffffff13;border-radius:36px;position:absolute;inset:42px 0 18px;box-shadow:0 40px 120px -88px #e4121cf2}.hero:after{content:"";aspect-ratio:1;filter:blur(18px);opacity:.72;z-index:-1;background:conic-gradient(from 210deg,#0000,#e4121c42,#d9b45f33,#0000 72%);border-radius:50%;width:min(34vw,430px);position:absolute;top:18%;right:3%}.eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--hot);margin:0 0 18px;font-size:.78rem}.hero h1{letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;text-align:left;max-width:1060px;margin:0;font-size:clamp(58px,11.5vw,150px);line-height:.86}.knight-smoothie{color:var(--red);letter-spacing:-.01em;text-transform:none;font-family:Knight Smoothie,Knight Display,serif;font-style:italic;font-weight:400}.heroCopy{max-width:820px;color:var(--muted);margin:26px 0 0;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.68}.heroActions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{border:1px solid var(--rule);background:var(--glass);color:var(--ink);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.15rem;font-size:.8rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.btn:hover,.mini:hover{border-color:#e4121c73;transform:translateY(-2px);box-shadow:0 20px 70px -35px #e4121ccc}.primary{background:var(--red);border-color:var(--red);color:#fff}.workspace{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:20px;padding:28px 0 74px;display:grid}.rail,.panel,.about{border:1px solid var(--rule);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f0f12e0,#08080ab8);border-radius:28px;box-shadow:0 26px 90px -60px #000000f2}.rail{scrollbar-width:thin;max-height:calc(100dvh - 112px);padding:12px;position:sticky;top:92px;overflow:auto}.railHead{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:12px 12px 16px;font-size:.75rem;display:flex}.railHead b{color:var(--gold)}.toolPick{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .18s,border-color .18s,transform .18s;display:grid}.toolPick:hover{background:#ffffff0b;transform:translate(2px)}.toolPick.active{background:#e4121c1c;border-color:#e4121c61}.glyph{width:42px;height:42px;color:var(--gold);background:#111114;border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.toolPick b{font-size:.95rem;display:block}.toolPick small{color:var(--muted);margin-top:3px;line-height:1.45;display:block}.toolPick em{font-style:normal;font-family:var(--mono);color:var(--dim);font-size:.68rem}.panel{min-height:680px;padding:clamp(18px,3vw,34px)}.panelTop{border-bottom:1px solid var(--rule);margin-bottom:24px;padding-bottom:22px}.panelTop h2{text-transform:uppercase;letter-spacing:-.055em;margin:0;font-size:clamp(32px,5vw,76px);line-height:.9}.panelTop p:last-child{color:var(--muted);max-width:760px;margin-bottom:0;line-height:1.65}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stack{gap:16px;display:grid}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:8px;display:grid}.field span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.76rem}textarea,input,select{border:1px solid var(--rule);width:100%;color:var(--ink);background:#00000042;border-radius:16px;outline:none;padding:13px 14px;transition:border-color .18s,box-shadow .18s}textarea:focus,input:focus,select:focus{border-color:#e4121c8c;box-shadow:0 0 0 4px #e4121c17}textarea{resize:vertical;min-height:190px;font-family:var(--mono);line-height:1.55}input[type=color]{height:52px;padding:5px}.preview,.contrastPreview{border:1px solid var(--rule);min-height:320px;color:var(--muted);background:#00000038;border-radius:22px;place-items:center;padding:18px;display:grid;overflow:hidden}.preview img{max-width:100%;max-height:520px;display:block}.qr img{image-rendering:pixelated;border-radius:20px}.mini{border:1px solid var(--rule);color:var(--ink);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border-radius:12px;padding:.75rem 1rem;font-size:.78rem;transition:all .18s}.swatches{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.swatch{cursor:pointer;border:1px solid #ffffff24;border-radius:20px;height:120px;transition:transform .18s;position:relative;overflow:hidden}.swatch:hover{transform:translateY(-3px)scale(1.01)}.swatch span{color:#fff;font-family:var(--mono);background:#0000006b;border-radius:999px;padding:.38rem .55rem;font-size:.72rem;position:absolute;bottom:10px;left:10px}.score,.bigResult{border:1px solid var(--rule);background:#e4121c14;border-radius:20px;padding:24px}.score b,.bigResult{font-size:clamp(34px,6vw,72px);font-weight:900;line-height:1}.score span{color:var(--gold);font-family:var(--mono);text-transform:uppercase;margin-top:10px;display:block}.contrastPreview{text-transform:uppercase;align-content:center;font-size:clamp(32px,4vw,64px);font-weight:900;line-height:.95}.contrastPreview small{text-transform:none;margin-top:20px;font-size:1rem;font-weight:500;line-height:1.5;display:block}.metrics,.statGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrics span,.metrics b,.statGrid div{border:1px solid var(--rule);text-align:center;background:#ffffff09;border-radius:16px;padding:14px}.statGrid b{font-size:2rem;display:block}.statGrid span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.diff{border:1px solid var(--rule);line-height:1.9;font-family:var(--mono);background:#00000038;border-radius:18px;padding:18px}.diff .changed{background:#e4121c38;border-radius:5px;padding:2px 3px}.about{grid-template-columns:.62fr .75fr 1fr;align-items:center;gap:24px;margin-bottom:64px;padding:34px;display:grid}.aboutVisual{border:1px solid var(--rule);background:#111;border-radius:22px;min-height:260px;overflow:hidden}.aboutVisual img{object-fit:cover;filter:saturate(.8)contrast(1.05);width:100%;height:100%;display:block}.about h2{text-transform:uppercase;margin:0;font-size:clamp(34px,5vw,80px);line-height:.95}.about p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.8}.modalShell{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalBackdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#000000ad;border:0;position:absolute;inset:0}.ideaCard{background:linear-gradient(#16161afa,#08080afa);border:1px solid #ffffff21;border-radius:28px;width:min(720px,100%);max-height:min(92dvh,880px);padding:clamp(20px,4vw,34px);position:relative;overflow:auto;box-shadow:0 40px 140px -54px #000000fa,0 0 90px -58px #e4121ce6}.ideaCard h2{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(34px,6vw,74px);line-height:.9}.ideaIntro{color:var(--muted);margin:16px 0 22px;line-height:1.65}.close{border:1px solid var(--rule);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:999px;font-size:1.55rem;position:absolute;top:14px;right:16px}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.formError{color:#ff7b82;font-family:var(--mono);margin:0;font-size:.82rem}.successBox{background:#d9b45f17;border:1px solid #d9b45f59;border-radius:18px;gap:6px;padding:18px;display:grid}.successBox b{color:var(--gold);font-size:1.2rem}.successBox span{color:var(--muted)}button:disabled{opacity:.62;cursor:not-allowed;transform:none!important}footer{border-top:1px solid var(--rule);width:min(1420px,100% - 32px);color:var(--dim);font-family:var(--mono);margin:0 auto;padding:28px 0 46px;font-size:.78rem}@media (width<=980px){.workspace{grid-template-columns:1fr}.rail{max-height:none;position:relative;top:0}.two,.about{grid-template-columns:1fr}.aboutVisual{min-height:220px}.panel{min-height:auto}.nav nav a:nth-child(2){display:none}}@media (width<=640px){main,footer{width:min(100% - 24px,1420px)}.hero:before{border-radius:26px;inset:26px 0 10px}.hero:after{opacity:.42;width:72vw;top:16%;right:-22%}.nav{padding:14px 12px}.nav nav a{padding:.55rem .6rem}.hero{min-height:auto;padding:54px 0 38px}.hero h1{font-size:clamp(52px,21vw,100px)}.workspace{padding-top:8px}.panel,.rail,.about{border-radius:22px}.toolPick{grid-template-columns:38px 1fr}.toolPick em{display:none}.split,.swatches,.metrics,.statGrid{grid-template-columns:1fr 1fr}.swatch{height:96px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.spot{display:none}}@media (width<=640px){.brand{letter-spacing:.04em;gap:.42rem;font-size:.92rem}.brandMark{width:20px;height:20px}.nav nav{gap:0}.nav nav a{letter-spacing:.04em;padding:.5rem .44rem;font-size:.68rem}.hero h1{letter-spacing:-.065em;overflow-wrap:anywhere}.ideaCard{max-width:calc(100vw - 24px)}}