.hero-e{position:relative;overflow:hidden;padding:120px 28px 100px;text-align:center}.hero-arc{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(43,233,107,.13) 0%,rgba(0,201,177,.09) 40%,transparent 70%);pointer-events:none}#sparkhost{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.hero-e-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}.hero-e-inner h1{font-size:clamp(2.4rem,5.5vw,4rem);margin:0;line-height:1.08}.hero-sub{max-width:580px;color:var(--ink-dim);font-size:1.08rem;font-weight:600;line-height:1.65;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}.builder{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}@media(max-width:900px){.builder{grid-template-columns:1fr}}.ctrl-card{padding:28px;display:flex;flex-direction:column;gap:24px}.ctrl-card h3{margin:0;font-size:1.25rem}.ctrl-hint{margin:0;font-size:.9rem;color:var(--ink-dim);font-weight:600;line-height:1.55}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-dim)}.inp{background:#ffffff0d;border:1px solid var(--line-2);border-radius:10px;color:var(--ink);font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:10px 14px;outline:none;transition:border-color .15s}.inp:focus{border-color:var(--teal)}.seg{display:flex;gap:0;background:#ffffff0a;border:1px solid var(--line-2);border-radius:10px;overflow:hidden}.seg button{flex:1;background:none;border:none;cursor:pointer;color:var(--ink-dim);font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:9px 10px;transition:background .14s,color .14s}.seg button+button{border-left:1px solid var(--line-2)}.seg button.on{background:#2be96b24;color:var(--green)}.swatches{display:flex;gap:10px}.sw{width:30px;height:30px;border-radius:50%;background:var(--c);border:2px solid transparent;cursor:pointer;transition:transform .14s,border-color .14s}.sw:hover{transform:scale(1.15)}.sw.on{border-color:#fff;transform:scale(1.18)}.preview-wrap{display:flex;flex-direction:column;gap:20px}.preview-stage{display:flex;justify-content:center;padding:40px 28px;background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius)}.card-dark{background:#0e1b2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 60px -20px #000c}.card-light{background:#f3f7fb;border:1px solid rgba(15,35,60,.1);border-radius:16px;box-shadow:0 24px 60px -28px #0f233c59}.card-light .w-loc{color:#0f233c80}.card-light .w-verdict{color:#0f233ca6}.card-light .w-verdict b{color:#0f2336}.card-light .w-scale i{background:#0f233c1a}.card-light .w-foot{color:#0f233c66;border-top:1px solid rgba(15,35,60,.08)}.widget{width:300px;max-width:100%;padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;font-family:var(--font-body)}.w-top{display:flex;justify-content:space-between;align-items:center}.w-brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.85rem;color:var(--accent, #2be96b)}.w-brand svg{color:var(--accent, #2be96b);flex-shrink:0}.w-loc{font-size:.78rem;font-weight:700;color:#ffffff73}.w-body{display:flex;align-items:baseline;gap:14px}.w-kp{font-family:var(--font-display);font-weight:800;font-size:3.2rem;line-height:1;color:var(--accent, #2be96b)}.w-verdict{font-size:.88rem;font-weight:600;color:#ffffffb3;line-height:1.4}.w-verdict b{color:#fff;display:block;font-size:.95rem}.w-scale{display:flex;gap:4px;align-items:flex-end;height:24px}.w-scale i{display:block;flex:1;border-radius:3px 3px 0 0;background:#ffffff1f;height:100%}.w-scale i:nth-child(1){height:30%}.w-scale i:nth-child(2){height:40%}.w-scale i:nth-child(3){height:55%}.w-scale i:nth-child(4){height:70%}.w-scale i:nth-child(5){height:88%}.w-scale i:nth-child(6){height:100%}.w-scale i:nth-child(7){height:88%}.w-scale i:nth-child(8){height:70%}.w-scale i:nth-child(9){height:55%}.w-scale i.on{background:var(--accent, #2be96b);opacity:.75}.w-scale i.peak{opacity:1;box-shadow:0 0 10px 2px var(--accent, #2be96b)}.w-foot{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.size-row{display:flex;flex-wrap:wrap;gap:10px}.size-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.82rem;background:#ffffff0d;border:1px solid var(--line);color:var(--ink-dim)}.code-card{padding:0;overflow:hidden}.code-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.code-head h4{margin:0;font-size:1rem}.copy-btn{background:#2be96b1f;border:1px solid rgba(43,233,107,.3);color:var(--green);border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:.84rem;padding:7px 16px;cursor:pointer;transition:background .14s}.copy-btn:hover{background:#2be96b38}.code{margin:0;padding:20px;font-family:Fira Mono,Courier New,monospace;font-size:.82rem;line-height:1.7;color:var(--ink-soft);overflow-x:auto;white-space:pre}.c-tag{color:#79b8ff}.c-attr{color:#b392f0}.c-str{color:#9ecbff}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:700px){.steps3{grid-template-columns:1fr}}.st3{padding:28px;display:flex;flex-direction:column;gap:10px}.st3 .n{font-family:var(--font-display);font-weight:800;font-size:2.2rem;line-height:1;color:var(--teal);opacity:.6}.st3 h4{margin:0;font-size:1.1rem}.st3 p{margin:0;color:var(--ink-dim);font-size:.95rem;font-weight:600;line-height:1.55}.feat3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:700px){.feat3{grid-template-columns:1fr}}.f3{padding:28px;display:flex;align-items:flex-start;gap:18px}.f3 .ico{font-size:1.9rem;line-height:1;flex-shrink:0}.f3 h4{margin:0 0 6px;font-size:1.05rem}.f3 p{margin:0;color:var(--ink-dim);font-size:.93rem;font-weight:600;line-height:1.55}