:root{--ink: #0c0b08;--ink2: #14130d;--panel: #1a1810;--mustard:#c7a63e;--mustard-hi:#e6cf72;--cream: #ece0c2;--cream-dim:#b7ad92;--purple: #7a4fa0;--purple-door:#4a2d5e;--sage: #8aa882;--rec: #ff2d23;--mono: "Courier New", ui-monospace, Menlo, monospace;--serif: Georgia, "Times New Roman", serif;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--serif);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.mono{font-family:var(--mono);letter-spacing:2px}#grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:var(--noise);background-size:180px 180px;animation:grainshift .6s steps(3) infinite}#scan{position:fixed;inset:0;z-index:59;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);opacity:.35}@keyframes grainshift{0%{transform:translate(0)}33%{transform:translate(-4%,2%)}66%{transform:translate(3%,-3%)}to{transform:translate(0)}}.hud{position:fixed;z-index:55;font-family:var(--mono);font-size:14px;letter-spacing:3px;color:#e9e6d8;pointer-events:none;text-shadow:0 0 8px rgba(240,255,210,.4),1px 0 0 rgba(255,60,60,.2),-1px 0 0 rgba(60,120,255,.2)}.hud.tl{top:18px;left:20px}.hud.tr{top:18px;right:20px}.hud.br{bottom:18px;right:20px}.rec-dot{color:var(--rec);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hud.tr{pointer-events:auto}.langsel{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:#e9e6d8;background:#0c0b0899;border:1px solid rgba(199,166,62,.4);border-radius:3px;padding:4px 8px;cursor:pointer}.langsel option{background:#14130d;color:#e9e6d8}section{position:relative;padding:90px 20px}.wrap{max-width:1040px;margin:0 auto}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:5px;color:var(--mustard);text-transform:uppercase;margin-bottom:14px}h2.title{font-size:clamp(26px,4vw,40px);letter-spacing:1px;margin-bottom:10px}.lede{color:var(--cream-dim);max-width:640px;font-size:18px}.seam{height:0;border-top:1px solid rgba(199,166,62,.18);position:relative}.seam:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(230,207,114,.5),transparent);filter:blur(1px);opacity:.5}#hero{min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:20px}#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}#hero:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 30%,transparent 30%,rgba(8,7,5,.72) 100%),linear-gradient(180deg,#08070559,#080705a6)}.hero-inner{position:relative;z-index:2;max-width:780px;margin:0 auto;text-align:center}.hero-inner h1{font-size:clamp(34px,7vw,66px);line-height:1.05;letter-spacing:1px;text-shadow:0 2px 30px rgba(0,0,0,.6)}.hero-inner .sub{margin:22px auto 34px;font-size:clamp(16px,2.4vw,20px);color:var(--cream);max-width:540px;text-shadow:0 2px 12px rgba(0,0,0,.7)}.glitch:hover{animation:glitch .35s steps(2) 2}@keyframes glitch{0%{text-shadow:2px 0 var(--rec),-2px 0 #3a6bff}50%{text-shadow:-2px 0 var(--rec),2px 0 #3a6bff;transform:translate(1px)}to{text-shadow:none}}.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--mono);letter-spacing:2px;font-size:15px;padding:15px 26px;border-radius:3px;cursor:pointer;border:1px solid transparent;transition:.18s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--mustard);color:#1a1405;border-color:var(--mustard-hi);font-weight:700}.btn-primary:hover{background:var(--mustard-hi);box-shadow:0 0 24px #e6cf7266}.btn-ghost{background:transparent;color:var(--cream);border-color:#ece0c259}.btn-ghost:hover{border-color:var(--cream);background:#ece0c20f}.btn:disabled{opacity:.5;cursor:not-allowed}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.step{background:var(--ink2);border:1px solid rgba(199,166,62,.18);border-radius:8px;padding:24px}.step .n{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--mustard)}.step h3{font-size:20px;margin:14px 0 8px}.step p{color:var(--cream-dim);font-size:15px}.step svg{width:100%;height:110px;margin-bottom:6px}.tv{max-width:860px;margin:34px auto 0;background:#050503;border:14px solid #17140d;border-radius:16px;box-shadow:0 0 0 2px #2a2416,0 30px 80px #0009;position:relative}.tv:before{content:"● REC";position:absolute;top:10px;left:14px;z-index:3;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:#e9e6d8}.tv .screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#000}.tv iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tv .poster{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;color:var(--cream)}.demo-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.demo-note{text-align:center;color:var(--cream-dim);font-size:14px;margin-top:12px}#build{background:linear-gradient(180deg,var(--ink),#0f0e09)}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 30px;font-family:var(--mono);font-size:12px;letter-spacing:2px}.stepper .s{padding:8px 12px;border:1px solid rgba(199,166,62,.25);border-radius:3px;color:var(--cream-dim)}.stepper .s.active{color:#1a1405;background:var(--mustard);border-color:var(--mustard)}.stepper .s.done{color:var(--sage);border-color:#8aa88280}.panel{background:var(--panel);border:1px solid rgba(199,166,62,.2);border-radius:10px;padding:26px}.field{margin:16px 0}.field label{display:block;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--cream-dim);margin-bottom:6px}input,textarea,select{width:100%;font-family:var(--serif);font-size:16px;color:var(--cream);background:#22201800;border:1px solid #3a3626;border-radius:5px;padding:11px 13px;background:#13120c}textarea{min-height:200px;resize:vertical;line-height:1.7}.paper{background:#e9dfc4;color:#3a3226;font-family:var(--serif);border-color:#c9bf9e}.paper::placeholder{color:#8a7f5f}.counter{font-family:var(--mono);font-size:12px;color:var(--cream-dim);text-align:right;margin-top:4px}.counter.over{color:var(--rec)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hud-err{font-family:var(--mono);font-size:13px;letter-spacing:1px;color:var(--rec);margin-top:10px;border-left:2px solid var(--rec);padding-left:10px;display:none}.hud-err.show{display:block}.wizard-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}.dropzone{border:1.5px dashed rgba(199,166,62,.4);border-radius:8px;padding:26px;text-align:center;color:var(--cream-dim);cursor:pointer;transition:.15s}.dropzone.drag{border-color:var(--mustard-hi);background:#e6cf720f}.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:18px}.frame{background:#241a12;border:1px solid #3a2a1c;border-radius:4px;padding:8px;position:relative}.frame .art{aspect-ratio:4/5;border-radius:2px;overflow:hidden;background:#3a3323;position:relative}.frame .art canvas,.frame .art img{width:100%;height:100%;object-fit:cover;display:block}.frame input{font-size:13px;margin-top:8px;padding:6px 8px}.frame .x{position:absolute;top:4px;right:4px;z-index:2;background:#3a2020;border:1px solid #5a2c2c;color:#e0c0c0;width:24px;height:24px;border-radius:3px;cursor:pointer;font-family:var(--mono)}.frame .drag-handle{position:absolute;top:4px;left:4px;z-index:2;color:var(--cream-dim);cursor:grab;font-family:var(--mono);font-size:14px}.frame.dragging{opacity:.4}.doors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.door{border-radius:6px;padding:0;cursor:pointer;border:3px solid transparent;background:none}.door .leaf{aspect-ratio:3/5;border-radius:4px 4px 0 0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;box-shadow:inset 0 0 40px #00000080}.door.green .leaf{background:linear-gradient(180deg,#9cba94,#6d8a67)}.door.purple .leaf{background:linear-gradient(180deg,#5c3a72,#3a2249)}.door .leaf:after{content:"";position:absolute;right:16%;top:48%;width:10px;height:10px;border-radius:50%;background:#c9a94e;box-shadow:0 0 8px #c9a94eb3}.door .ans{font-family:var(--mono);font-size:14px;letter-spacing:1px;margin-top:10px;text-align:center;color:var(--cream-dim)}.door.sel{border-color:var(--mustard-hi);box-shadow:0 0 22px #e6cf7259}.door .ans input,.pricebox{text-align:center}.price{font-size:clamp(40px,8vw,64px);font-family:var(--mono);color:var(--mustard-hi);letter-spacing:2px}.previewlink{font-family:var(--mono);font-size:14px;word-break:break-all;color:var(--sage);background:#0d0d0a;border:1px dashed rgba(138,168,130,.4);padding:12px;border-radius:5px;margin:16px 0}.pay-alts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.pay-alts button{background:none;border:1px solid rgba(199,166,62,.3);border-radius:3px;color:var(--cream-dim);font-family:var(--mono);font-size:12.5px;letter-spacing:1px;padding:8px 14px;cursor:pointer}.pay-alts button:hover{color:var(--mustard-hi);border-color:var(--mustard-hi)}.modal-overlay{position:fixed;inset:0;z-index:80;background:#060503d1;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;max-width:440px;width:100%;background:var(--panel);border:1px solid rgba(199,166,62,.4);border-radius:10px;padding:30px 26px;text-align:center;box-shadow:0 30px 80px #0009}.modal h3{font-size:22px;margin-bottom:10px;color:var(--mustard-hi)}.modal p{color:var(--cream-dim);font-size:15px;margin-bottom:20px}.modal-links{display:flex;flex-direction:column;gap:10px}.modal-links .btn{justify-content:center}.modal-x{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--cream-dim);font-family:var(--mono);font-size:16px;cursor:pointer}.modal-x:hover{color:var(--cream)}.faq{margin-top:30px}.qa{border-bottom:1px solid rgba(199,166,62,.15)}.qa button{width:100%;text-align:left;background:none;border:0;color:var(--cream);font-family:var(--serif);font-size:18px;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;gap:16px}.qa .plus{color:var(--mustard);font-family:var(--mono);flex:0 0 auto}.qa .a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--cream-dim)}.qa .a p{padding-bottom:20px}.qa.open .a{max-height:320px}.qa.open .plus{transform:rotate(45deg)}footer{padding:40px 20px 70px;border-top:1px solid rgba(199,166,62,.15);text-align:center;color:var(--cream-dim)}.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.foot-links a{font-family:var(--mono);font-size:12.5px;letter-spacing:1px;color:var(--cream-dim);text-decoration:none;border-bottom:1px solid rgba(199,166,62,.3);padding-bottom:2px}.foot-links a:hover{color:var(--mustard-hi);border-bottom-color:var(--mustard-hi)}footer .tc{font-family:var(--mono);font-size:12px;letter-spacing:2px;margin-top:10px}@media (max-width: 760px){.steps,.grid2{grid-template-columns:1fr}section{padding:62px 16px}.hud.tr{top:14px;right:12px}.langsel{font-size:12px;padding:3px 6px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}#grain,.rec-dot,.glitch:hover{animation:none}.qa .a{transition:none}}