:root{--white:#fff;--black:#000;--ink:#101010;--charcoal:#191919;--muted:#00000094;--red:#ff321f;--line:#000;--soft-line:#00000038;--code-line:#ffffff38;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--rail:240px;--nav-h:69px;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:64px;--s-8:96px;--s-9:128px;--container:1440px;--gutter:clamp(20px, 5vw, 80px);--hairline:1px;--rule-color:var(--black);--control-h:52px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}#top,#builder,#json,#presets,#export{scroll-margin-top:var(--nav-h)}body{min-height:100vh;background:var(--white);min-height:100dvh;color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow-x:hidden}html,body,h1,h2,h3,h4,h5,h6,p,span,a,label,button,li,div{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}h2,h3,p,.section-subtitle,.intro-copy,.hero-copy p,.footer-tagline{text-wrap:balance}.code-output,.final-text,.jh-string{overflow-wrap:anywhere;word-break:break-word}::selection{background:var(--red);color:var(--white)}body:before{content:"";pointer-events:none;z-index:0;opacity:.055;background-image:radial-gradient(#000 1px,#0000 1px);background-size:16px 16px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.85 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--black);outline-offset:2px}.btn:focus-visible,.footer-social:focus-visible{outline:3px solid var(--black);outline-offset:2px;box-shadow:0 0 0 6px var(--red)}.nav-links a:focus-visible,.brand:focus-visible,.preset-card:focus-visible{outline:3px solid var(--black);outline-offset:-3px}.app{z-index:1;min-height:100vh;background:0 0;min-height:100dvh;position:relative}.top-nav{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);display:grid;position:sticky;top:0}.brand{border-right:1px solid var(--line);letter-spacing:.22em;text-transform:uppercase;overflow-wrap:normal;align-items:center;gap:12px;min-width:0;padding:16px 20px;font-size:12px;font-weight:900;line-height:1.1;display:flex}.brand-mark{background:var(--red);flex:none;width:16px;height:16px}.nav-links{border-right:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nav-links a{border-right:1px solid var(--line);letter-spacing:.16em;text-align:center;text-transform:uppercase;place-items:center;min-width:0;padding:16px 18px;font-size:10px;font-weight:900;line-height:1.1;transition:background .18s,color .18s;display:grid}.nav-links a:last-child{border-right:0}.nav-links a:hover{background:var(--black);color:var(--white)}.nav-action{justify-content:flex-end;align-items:center;padding:12px 20px;display:flex}.layout{border-top:2px solid #000;grid-template-columns:minmax(0,1fr) minmax(420px,28%);align-items:stretch;display:grid}.left-column{border-right:1px solid #000;min-width:0;position:relative}.hero{border-bottom:var(--hairline) solid var(--rule-color);background:var(--white);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background:#00000038;width:1px;position:absolute;top:0;bottom:0;left:8%}.hero-grid{z-index:2;flex:auto;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);align-items:stretch;display:grid;position:relative}.hero-main{justify-content:center;gap:var(--s-5);min-width:0;padding:var(--s-6) var(--gutter);flex-direction:column;display:flex;container-type:inline-size}.eyebrow-line{align-items:center;gap:var(--s-3);max-width:100%;margin-bottom:0;display:flex}.eyebrow-line:before{content:"";background:var(--red);flex:none;width:80px;height:12px}.eyebrow-line span{min-width:0;padding-right:var(--s-2);background:var(--white);letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.1;display:inline-block}.hero-title{z-index:2;max-width:100%;padding-right:var(--s-2);letter-spacing:-.055em;text-transform:uppercase;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance;margin:0;font-size:min(clamp(64px,20.5cqi,200px),11vw);font-weight:900;line-height:.9;display:block;position:relative}.hero-title>span{white-space:nowrap;display:block}.hero-title>span.quiet{letter-spacing:-.02em;opacity:.7;margin-top:.18em;padding-left:.15em;font-size:.5em;font-weight:500;line-height:1.05}.hero-side{background:var(--white);border-left:var(--hairline) solid var(--rule-color);flex-direction:column;min-width:0;display:flex}.hero-copy{padding:var(--s-5);border-bottom:var(--hairline) solid var(--rule-color);flex:none}.hero-copy p{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:18px;font-weight:800;line-height:1.25}.hero-stats{flex:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;display:grid}.stat-cell{min-width:0;padding:var(--s-4) var(--s-5);border-top:var(--hairline) solid var(--rule-color);flex-direction:column;justify-content:center;display:flex}.stat-cell:first-child{border-top:0}.stat-number{color:var(--black);letter-spacing:-.08em;font-size:50px;font-weight:900;line-height:.9}.stat-cell:first-child .stat-number{color:var(--red)}.stat-label{letter-spacing:.12em;text-transform:uppercase;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;margin:12px 0 0;font-size:10px;font-weight:900;line-height:1.4}.hero-deco-square,.hero-deco-circle{z-index:1;pointer-events:none;display:block;position:absolute}.hero-deco-square{border:1px solid #000000b3;width:80px;height:80px;bottom:32px;right:48px}.hero-deco-circle{background:var(--red);border-radius:999px;width:56px;height:56px;bottom:56px;right:80px}.onboarding-strip{border-bottom:1px solid var(--line);background:var(--black);color:var(--white);flex-wrap:wrap;align-items:center;gap:20px 28px;padding:24px clamp(24px,4vw,56px);display:flex}.onboarding-step{align-items:baseline;gap:12px;min-width:0;display:inline-flex}.onboarding-num{background:var(--red);color:var(--white);letter-spacing:.12em;flex:none;padding:4px 8px;font-size:11px;font-weight:900;line-height:1}.onboarding-text{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:1.3}.onboarding-arrow{color:var(--red);flex:none;font-size:18px;font-weight:900;line-height:1}@media(max-width:640px){.onboarding-arrow{display:none}.onboarding-strip{flex-direction:column;align-items:flex-start;gap:14px}}.strip{grid-template-columns:var(--rail) repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);display:grid}.strip-item{border-right:1px solid var(--line);background:var(--white);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;min-height:112px;padding:24px;display:flex}.strip-item:last-child{border-right:0}.strip-label{letter-spacing:.17em;text-transform:uppercase;overflow-wrap:normal;min-width:0;font-size:10px;font-weight:900;line-height:1.4}.strip-value{letter-spacing:-.04em;max-width:100%;color:var(--black);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:4px;font-size:clamp(18px,2vw,28px);font-weight:900;line-height:1;display:inline-flex}.strip-value-sub{letter-spacing:0;color:#0006;font-size:14px;font-weight:800}.strip-value-ok,.strip-value-warn{color:var(--red)}.strip-value-muted{color:#00000059}.panel-intro{padding:var(--s-6) var(--gutter);border-bottom:var(--hairline) solid var(--rule-color);background:var(--white)}.intro-grid{gap:var(--s-4);margin-bottom:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.intro-title-block{z-index:2;background:var(--white);min-width:0;padding-right:var(--s-3);position:relative}.intro-actions{gap:var(--s-3);align-self:end;justify-items:start;min-width:0;display:grid}.intro-actions-row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}@media(max-width:640px){.intro-actions-row{width:100%}.intro-actions-row .btn,.intro-actions-row .btn-coming-soon{flex:auto}}.btn-coming-soon{display:inline-flex;position:relative}.btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;background:var(--white);color:#00000073;border-color:#00000047}.soon-badge{background:var(--red);color:var(--white);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--black);pointer-events:none;z-index:2;padding:3px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:-6px;right:-6px}.ai-note{color:var(--muted);border-left:3px solid var(--red);background:var(--white);max-width:60ch;margin:0;padding:10px 28px 10px 12px;font-size:13px;line-height:1.6}.ai-note a{color:var(--red);font-weight:600;text-decoration:none}.ai-note a:hover{text-decoration:underline}.kicker{padding-right:var(--s-2);background:var(--white);color:var(--red);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.1;display:inline-block}.section-headline{max-width:100%;margin:var(--s-2) 0 0;letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(36px,5.5vw,60px);font-weight:900;line-height:.96}.intro-copy{color:#000000b3;max-width:60ch;margin:0;font-size:clamp(15px,1.4vw,18px);font-weight:700;line-height:1.4}.preset-grid{background:0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;padding:0;display:grid}.preset-card{border:1px solid var(--line);background:var(--white);min-width:0;min-height:220px;color:var(--black);text-align:left;grid-template-rows:1fr auto;gap:24px;padding:clamp(20px,2.2cqi,28px);transition:transform .18s,background .18s,color .18s;display:grid;overflow:hidden;container-type:inline-size}.preset-card:hover{background:var(--black);color:var(--white);transform:translateY(-4px)}.preset-top{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.preset-number{color:var(--red);letter-spacing:-.08em;min-width:0;font-size:clamp(40px,22cqi,62px);font-weight:900;line-height:.88}.preset-dot{border:1px solid;border-radius:999px;flex:none;width:clamp(16px,7cqi,24px);height:clamp(16px,7cqi,24px);margin-top:6px;transition:background .18s}.preset-card:hover .preset-dot{background:var(--red)}.preset-small{color:currentColor;opacity:.55;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900;line-height:1.4}.preset-title{letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:10px 0 0;font-size:clamp(15px,7.2cqi,22px);font-weight:900;line-height:1.1}.preset-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.preset-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.75;overflow-wrap:break-word;border:1px solid;max-width:100%;padding:4px 8px;font-size:10px;font-weight:800;line-height:1;display:inline-block}.preset-card:hover .preset-tag{opacity:1;border-color:var(--red);color:var(--red);background:var(--white)}.builder-title-row{grid-template-columns:var(--rail) minmax(0,1fr);border-bottom:1px solid var(--line);background:var(--white);display:grid}.builder-label-cell{border-right:1px solid var(--line);background:var(--black);justify-content:flex-start;align-items:center;padding:28px;display:flex;overflow:hidden}.builder-label-cell .kicker{background:var(--red);color:var(--white);letter-spacing:.02em;justify-content:center;align-items:center;max-width:100%;padding:10px 14px 8px;font-size:clamp(22px,2.2vw,34px);font-weight:900;line-height:1;display:inline-flex}.builder-title-input{padding:28px}.builder-english-hint{color:var(--muted-foreground);border-left:3px solid var(--red);background:var(--white);margin:0;padding:10px 28px 10px 12px;font-size:13px;line-height:1.6}.builder-english-hint .hint-lead{color:var(--black);font-weight:500}.field-heading{border-bottom:1px solid var(--line);background:var(--white);justify-content:flex-start;align-items:center;gap:8px;min-height:28px;margin-bottom:12px;padding-bottom:10px;display:flex;position:relative}.field-heading .field-indicator{margin-left:auto}.field-heading span:first-child{letter-spacing:.16em;text-transform:uppercase;overflow-wrap:normal;min-width:0;font-size:10px;font-weight:900;line-height:1.4}.field-indicator{border:1px solid var(--line);flex:none;width:42px;height:10px;margin-top:2px}.field-indicator.square{width:10px;height:10px}.field-indicator.filled{border-color:var(--red);background:var(--red)}.title-input,.field-input,.field-select{border:1px solid var(--line);background:var(--white);width:100%;color:var(--black);border-radius:0;outline:none;transition:border .16s,box-shadow .16s}.title-input{letter-spacing:-.035em;text-transform:uppercase;border:0;border-bottom:3px solid var(--black);background:0 0;padding:22px 4px 18px;font-size:40px;font-weight:900;line-height:1}@media(max-width:640px){.title-input{letter-spacing:-.03em;padding:16px 4px 14px;font-size:22px}.builder-title-input{padding:20px}.builder-english-hint{padding:10px 20px 10px 12px}}.title-input:placeholder-shown{border-color:var(--line);background:0 0}.title-input::placeholder{color:#00000047;font-style:normal;font-weight:900}.title-input:focus{border-bottom-color:var(--red);box-shadow:0 3px 0 0 var(--red);background:0 0}.field-input,.field-select{min-height:52px;padding:14px 18px;font-size:14px;font-weight:600;line-height:1.4}.field-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#000 50%),linear-gradient(135deg,#000 50%,#0000 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:44px}.field-input::placeholder{color:#0000008c;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:700}.field-input:placeholder-shown{background-color:#fafafa;background-image:repeating-linear-gradient(135deg,#0000000d 0 1px,#0000 1px 8px);border-style:dashed;border-color:#b8b8b8}.field-input:focus,.field-select:focus{border-color:var(--red);box-shadow:0 0 0 2px var(--red);background:var(--white)}.builder-section{border-top:1px solid var(--line);background:var(--white);padding:clamp(48px,6vw,80px) 0}.section-grid{grid-template-columns:var(--rail) minmax(0,1fr);border-left:1px solid var(--line);display:grid}.section-meta{border-right:1px solid var(--line);background:var(--white);padding:28px}.section-meta-inner{top:calc(var(--nav-h) + 12px);min-width:0;position:sticky}.section-number{color:var(--red);-webkit-text-stroke:0;letter-spacing:-.08em;font-variant-numeric:tabular-nums;transform-origin:0;will-change:transform,letter-spacing;margin:0 0 24px;font-size:140px;font-weight:900;line-height:.82;animation:8s ease-in-out infinite section-num-drift}.builder-section:nth-of-type(2) .section-number{animation-delay:-1.2s}.builder-section:nth-of-type(3) .section-number{animation-delay:-2.6s}.builder-section:nth-of-type(4) .section-number{animation-delay:-4.1s}.builder-section:nth-of-type(5) .section-number{animation-delay:-5.4s}.builder-section:nth-of-type(6) .section-number{animation-delay:-6.7s}.builder-section.in-view .section-number{animation:.48s cubic-bezier(.2,.7,.2,1) section-num-strike,8s ease-in-out .48s infinite section-num-drift}.builder-section:hover .section-number{color:var(--black);animation-play-state:paused}@keyframes section-num-drift{0%,to{letter-spacing:-.08em;transform:translateY(0)}50%{letter-spacing:-.075em;transform:translateY(-2px)}}@keyframes section-num-strike{0%{opacity:0;transform:translate(-14px)skew(-10deg)}60%{opacity:1;transform:translate(2px)skew(2deg)}to{opacity:1;transform:translate(0)skew(0)}}@media(prefers-reduced-motion:reduce){.section-number,.builder-section.in-view .section-number{animation:none;transform:none}}.section-title{letter-spacing:-.035em;text-transform:uppercase;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance;max-width:100%;margin:0;font-size:clamp(15px,1.35vw,20px);font-weight:900;line-height:1.05}.section-subtitle{color:#0000009e;letter-spacing:.12em;text-transform:uppercase;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;max-width:100%;margin:14px 0 0;font-size:10px;font-weight:800;line-height:1.4}.fields-grid{background:var(--white);grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;padding:28px;display:grid}.field-cell{border:1px solid var(--line);background:var(--white);min-width:0;padding:24px;position:relative}.field-corner-mark{border:1px solid var(--line);pointer-events:none;z-index:3;background:0 0;width:10px;height:10px;transition:background .16s,border-color .16s,transform .16s;position:absolute;top:10px;right:10px}.field-corner-mark.filled{background:var(--red);border-color:var(--red);transform:scale(1.15)}.export-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);grid-template-columns:1fr 1fr;display:grid}.export-copy{border-right:1px solid var(--line);background:var(--white);padding:clamp(32px,4vw,48px)}.export-title{letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:normal;max-width:560px;margin:16px 0 0;font-size:clamp(48px,5vw,72px);font-weight:900;line-height:.95}.export-actions{background:var(--white);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(24px,3vw,32px);display:grid}.export-action-cell{background:var(--white);padding:0}.btn{border:1px solid var(--black);letter-spacing:.16em;text-align:center;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:14px 22px;font-size:12px;font-weight:900;line-height:1.2;transition:background .18s,color .18s,border-color .18s,transform .1s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:var(--white);width:0;height:3px;transition:width .18s;position:absolute;bottom:0;left:0}.btn:hover:after{width:100%}.btn:active{transform:translateY(1px)}.btn.black{background:var(--black);color:var(--white)}.btn.black:hover{background:var(--red);border-color:var(--red)}.btn.red{background:var(--red);color:var(--white);border-color:var(--red)}.btn.red:hover{background:var(--black);border-color:var(--black)}.btn.white{background:var(--white);color:var(--black)}.btn.white:hover{background:var(--black);color:var(--white)}.btn.full{width:100%}.json-panel{background:var(--ink);width:auto;min-width:0;max-height:100svh;color:var(--white);z-index:5;border-left:0;align-self:start;margin-top:0;padding-top:0;position:sticky;top:0;overflow:auto}.json-head,.json-actions{border-bottom:1px solid var(--code-line);padding:28px}.json-head-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:24px;display:grid}.code-title{color:var(--white);letter-spacing:-.055em;text-transform:uppercase;margin:8px 0 0;font-size:52px;font-weight:900;line-height:.9}.ready-box{background:var(--ink);color:#ffffffbf;letter-spacing:.12em;text-align:center;text-transform:uppercase;border:1px solid #ffffff59;place-items:center;width:80px;height:80px;padding:8px;font-size:10px;font-weight:900;line-height:1.1;display:grid}.status-row{flex-wrap:wrap;gap:8px;display:flex}.status-pill{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;gap:8px;max-width:100%;min-height:32px;padding:6px 12px;font-size:10px;font-weight:900;line-height:1.1;display:inline-flex}.status-pill:before{content:"";background:currentColor;flex:none;width:6px;height:6px}.status-red{background:var(--red);color:var(--white);border-color:var(--red)}.status-black{background:var(--black);color:var(--white);border-color:var(--black)}.status-white{background:var(--white);color:var(--black);border-color:var(--black)}.json-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.code-wrap{max-height:38vh;border-bottom:1px solid var(--code-line);background:var(--ink);max-height:38dvh;position:relative;overflow:auto}.code-wrap:before{content:"";border:1px solid var(--red);opacity:.35;pointer-events:none;width:56px;height:56px;position:absolute;top:16px;right:16px}.code-wrap:after{content:"";background:var(--red);opacity:.18;pointer-events:none;width:32px;height:32px;position:absolute;top:28px;right:28px}@media(max-width:1400px){.code-wrap:before,.code-wrap:after{display:none}}.code-grid{z-index:2;min-width:0;font-family:var(--mono);margin:0;font-size:12px;line-height:1.55;display:block;position:relative}.line-numbers{-webkit-user-select:none;user-select:none;color:#ffffff8c;text-align:right;white-space:pre;background:#ffffff0d;border-right:1px solid #fff3;padding:28px 16px}.code-output{color:#ffffffeb;white-space:pre;padding:18px 20px;display:block}.jh-key{color:#ff4d4d;font-weight:700}.jh-string{color:#fff}.jh-number{color:#ffb86b}.jh-keyword{color:#c39bff;font-weight:700}.jh-punct{color:#ffffff73}.jh-ws,.jh-other{color:inherit}.final-prompt-box{color:#0a0a0a;background:#fff;border-top:2px solid #ff2d20;padding:24px 28px 22px}.final-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.final-head-text{flex-direction:column;gap:6px;min-width:0;display:flex}.final-kicker{align-self:flex-start;padding:4px 8px;color:#fff!important;background:#ff2d20!important}.final-title{letter-spacing:-.02em;color:#0a0a0a;text-transform:uppercase;margin:0;font-family:Anton,Helvetica Neue,Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);font-weight:400;line-height:1}.final-copy-btn{white-space:nowrap;flex:none;padding:10px 14px;font-size:11px}.final-text-wrap{background:#f4f4f0;border:1px solid #00000014;max-height:240px;padding:14px 16px;overflow:auto}.final-text{color:#0a0a0a;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.65}.final-meta{letter-spacing:.12em;text-transform:uppercase;color:#0009;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:12px;font-family:Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:700;display:flex}.final-meta-item{white-space:nowrap}.notice{right:16px;top:calc(var(--nav-h) + 12px);z-index:60;border:1px solid var(--black);background:var(--red);max-width:min(360px,100vw - 32px);color:var(--white);box-shadow:8px 8px 0 var(--black);letter-spacing:.14em;text-transform:uppercase;padding:14px 16px;font-size:12px;font-weight:900;line-height:1.2;display:none;position:fixed}.notice.show{display:block}.site-footer{z-index:2;min-height:140px;color:var(--white);background:#101010;border-top:1px solid #ffffff1f;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:32px;padding:40px clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.site-footer:before{content:"";pointer-events:none;opacity:.08;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.footer-brand{z-index:1;align-items:center;gap:14px;min-width:0;display:inline-flex;position:relative}.footer-redline{background:var(--red);flex:none;width:6px;height:30px}.footer-logo-wrap{justify-content:flex-start;align-items:center;max-width:118px;height:54px;display:inline-flex;overflow:visible}.footer-logo{object-fit:contain;width:108px;height:auto;max-height:54px;display:block}.footer-meta{z-index:1;justify-content:flex-end;align-items:center;gap:clamp(18px,4vw,44px);display:flex;position:relative}.footer-copy{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:10px;font-weight:900;line-height:1.3}.footer-socials{align-items:center;gap:12px;display:flex}.footer-social{color:#ffffffc7;background:#ffffff04;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:46px;height:46px;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid}.footer-social:hover{border-color:var(--red);color:var(--white);background:#ff311f24;transform:translateY(-2px)}.footer-social svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.footer-social .fill-icon{fill:currentColor;stroke:none}@media(max-width:1400px)and (min-width:901px){.intro-grid{grid-template-columns:1fr;align-items:start;gap:24px}.intro-actions{max-width:760px}.section-headline{max-width:620px}}@media(max-width:1180px){.layout{grid-template-columns:1fr}.left-column{border-right:0}.json-panel{border-left:0;border-top:1px solid var(--line);width:auto;min-height:auto;max-height:none;position:relative;top:auto}.json-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:900px){:root{--nav-h:60px}.top-nav{grid-template-rows:60px;grid-template-columns:1fr auto}.brand{border-right:1px solid var(--line);padding:16px 18px}.nav-burger{display:grid}.nav-action{display:none}.nav-links{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:41;grid-template-columns:1fr;transition:transform .28s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;top:60px;left:0;right:0;transform:translateY(-110%)}.top-nav.is-open .nav-links{transform:translateY(0)}.nav-links a{text-align:left;border-right:0;border-bottom:1px solid var(--line);letter-spacing:.12em;place-items:start;padding:18px 22px;font-size:13px}.top-nav.is-open .nav-action{background:var(--white);border-bottom:1px solid var(--line);z-index:41;padding:14px 22px 18px;display:flex;position:absolute;top:264px;left:0;right:0}.top-nav.is-open .nav-action .btn{width:100%;padding:18px}.hero:before,.hero:after,.hero-deco-square,.hero-deco-circle{display:none}.hero-grid{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid var(--line)}.intro-grid,.builder-title-row,.section-grid,.export-section{grid-template-columns:1fr}.intro-title-block{padding-right:0}.intro-actions{justify-items:stretch}.intro-actions .btn,.intro-actions-row .btn-coming-soon{width:100%}.site-footer{grid-template-columns:1fr;align-items:start}.footer-meta{flex-wrap:wrap;justify-content:space-between}.builder-label-cell,.section-meta,.export-copy{border-right:0;border-bottom:1px solid var(--line)}.section-meta-inner{position:relative;top:auto}.section-meta{grid-template-columns:96px minmax(0,1fr);align-items:end;gap:16px;display:grid}.section-number{margin-bottom:0}.section-title-wrap{min-width:0}.preset-grid{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-item:nth-child(2){border-right:0}.strip-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.fields-grid{grid-template-columns:1fr}.builder-section{padding:clamp(24px,4vw,36px) 0}.section-meta{padding:12px 20px}.section-number{margin-top:0}.export-ethos-line{text-align:center;padding-left:20px!important;padding-right:20px!important}}@media(max-width:620px){.nav-links a{letter-spacing:.08em;padding:14px 8px;font-size:9px}.hero-main{padding:40px 20px}.eyebrow-line:before{width:48px}.eyebrow-line span{letter-spacing:.14em}.hero-title{letter-spacing:-.075em;font-size:clamp(52px,17.5vw,110px);line-height:.86}.hero-stats,.export-actions,.json-actions-grid{grid-template-columns:1fr}.footer-socials{gap:8px}.footer-social{width:42px;height:42px}.footer-copy{white-space:normal}.stat-cell:first-child{border-right:0;border-bottom:1px solid var(--line)}.strip{grid-template-columns:1fr}.strip-item{border-right:0;border-bottom:1px solid var(--line)}.strip-item:last-child{border-bottom:0}.section-meta{grid-template-columns:1fr}.section-number{-webkit-text-stroke-width:1.5px;margin-bottom:8px;font-size:clamp(140px,42vw,220px);line-height:.78;color:var(--red)!important}.preset-number{line-height:.82;color:var(--red)!important;font-size:clamp(96px,30vw,160px)!important}.preset-card:hover .preset-number{color:var(--red)!important}.onboarding-num{letter-spacing:.14em;padding:8px 12px;font-size:18px}.section-headline,.export-title{font-size:44px}.code-title{font-size:42px}.ready-box{width:68px;height:68px}}.preset-small,.preset-title,.preset-card>span:last-child{display:block}.combobox{position:relative}.combobox-input{width:100%;padding-right:44px}.combobox-arrow{color:#000;cursor:pointer;background:0 0;border:0;border-left:1px solid #000;justify-content:center;align-items:center;width:44px;height:100%;padding:0;display:flex;position:absolute;top:0;right:0}.combobox-arrow svg{width:12px;height:8px;display:block}.combobox-list{z-index:40;background:#fff;border:2px solid #000;border-radius:0;max-height:260px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow-y:auto;box-shadow:6px 6px #000}.combobox-item{cursor:pointer;color:#000;background:#fff;border-bottom:1px solid #000;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4}.combobox-item:last-child{border-bottom:0}.combobox-item.is-active,.combobox-item:hover{color:#fff;background:#e10600}.combobox-item.is-selected{font-weight:700}.combobox-item.is-selected:before{content:"▸ ";color:#e10600}.combobox-item.is-active.is-selected:before,.combobox-item:hover.is-selected:before{color:#fff}.combobox-group-label{letter-spacing:.14em;text-transform:uppercase;color:#fff;z-index:1;background:#000;border-bottom:1px solid #000;margin:0;padding:8px 16px 6px;font-size:10px;font-weight:900;list-style:none;position:sticky;top:0}.field-hint{flex:none;align-items:center;display:inline-flex}.field-hint-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:inherit;font-size:11px;font-weight:900;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex;position:relative}.field-hint-btn:before{content:"";position:absolute;inset:-13px}.field-hint-btn:hover,.field-hint-btn:focus-visible,.field-hint-btn.is-active{background:var(--red);color:#fff;border-color:var(--red);outline:none}.field-hint-tip{z-index:40;color:#fff;letter-spacing:0;text-transform:none;border-left:3px solid var(--red);pointer-events:none;white-space:normal;overflow-wrap:normal;background:#000;border-radius:0;width:auto;max-width:100%;padding:12px 14px 12px 16px;font-size:13px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 24px #00000040}.code-grid{grid-template-columns:44px minmax(0,1fr);min-width:0}.code-output{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}@media(max-width:1400px)and (min-width:901px){.export-actions{grid-template-columns:1fr}}.btn{white-space:nowrap}@keyframes section-flash{0%{box-shadow:inset 0 4px #0000}20%{box-shadow:inset 0 4px 0 0 var(--red)}to{box-shadow:inset 0 4px #0000}}.builder-section.in-view{animation:.7s ease-out section-flash}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-caret{vertical-align:-2px;background:var(--red);width:8px;height:1em;margin-left:4px;animation:1s step-end infinite caret-blink;display:inline-block}@media(prefers-reduced-motion:reduce){.builder-section.in-view{animation:none}.terminal-caret{opacity:1;animation:none}}.nav-burger{background:var(--black);border:0;align-content:center;justify-items:center;gap:5px;width:60px;height:60px;display:none}.nav-burger span{background:var(--white);width:22px;height:2px;transition:transform .24s,opacity .18s;display:block}.top-nav.is-open .nav-burger span:first-child{transform:translateY(7px)rotate(45deg)}.top-nav.is-open .nav-burger span:nth-child(2){opacity:0}.top-nav.is-open .nav-burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.footer-cta{color:#000;background:#ff2d20;border-top:2px solid #000;padding:14px clamp(24px,4vw,64px) 36px;font-family:Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.fcta-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(28px,4cqw,56px);font-size:11px;font-weight:800;display:flex}.fcta-eyebrow-left{align-items:center;gap:6px;display:inline-flex}.fcta-bar{background:#fff;width:5px;height:22px;display:inline-block}.fcta-headline-wrap{overflow:hidden}.fcta-headline{text-align:center;width:100%;margin:0;line-height:.92}.fcta-headline-text{letter-spacing:-.045em;text-transform:uppercase;color:#000;white-space:nowrap;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:clamp(22px,5.2cqw,78px);font-weight:900;display:block}.fcta-headline-first,.fcta-headline-rest{display:inline}.fcta-headline-first{color:#000}.fcta-headline-rest{color:#fff}@media(max-width:720px){.fcta-headline{text-align:center}.fcta-headline-text{white-space:normal;overflow-wrap:normal;word-break:normal;font-size:clamp(16px,5.2vw,34px);line-height:1.08}.fcta-headline-first,.fcta-headline-rest{white-space:nowrap;display:block}.fcta-headline-text br{display:none}}.footer-cta.animate .fcta-headline-text{animation:.85s cubic-bezier(.7,0,.3,1) .2s forwards fcta-wipe}.fcta-subtitle{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#000;text-wrap:balance;max-width:90%;margin:clamp(20px,2.5cqw,36px) auto 0;font-size:11px;font-weight:800}.fcta-button{color:#fff;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#000;border:2px solid #000;align-items:center;gap:10px;margin:clamp(24px,3cqw,44px) auto 0;padding:16px 28px;font-family:inherit;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.footer-cta .fcta-button{width:max-content;display:flex}.fcta-button:hover{color:#000;background:#fff}@keyframes fcta-wipe{to{transform:translateY(0)}}@keyframes fcta-fade{to{opacity:1}}@keyframes fcta-rise{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fcta-headline-text,.fcta-subtitle,.fcta-button{opacity:1!important;animation:none!important;transform:none!important}}.footer-baseline{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#000;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px clamp(20px,3vw,48px);font-family:Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:800;display:grid}.footer-baseline-left{justify-self:start}.footer-baseline-socials{justify-self:center}.footer-baseline-right{justify-self:end}.footer-baseline-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer-logo-img{width:auto;height:36px;display:block}.footer-logo-tagline{letter-spacing:.12em;text-transform:uppercase;color:#fff;border-left:1px solid #ffffff40;margin-left:14px;padding-left:14px;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.2}.footer-baseline-socials{align-items:center;gap:8px;display:flex}.footer-baseline-socials .footer-social-circle{color:#fff;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .2s,border-color .2s,color .2s;display:inline-grid}.footer-baseline-socials .footer-social-circle:hover{color:#fff;background:#ff2d20;border-color:#ff2d20}.footer-baseline-socials .footer-social-circle svg{display:block}.footer-baseline-right{color:#fff}@media(max-width:720px){.footer-baseline{text-align:center;grid-template-columns:1fr;gap:16px;padding:20px 16px}.footer-baseline-left,.footer-baseline-socials,.footer-baseline-right{justify-self:center}.footer-baseline-brand{flex-direction:column;align-items:center;gap:8px}.footer-logo-tagline{letter-spacing:.14em;border-left:0;margin-left:0;padding-left:0;font-size:10px}.footer-logo-img{height:32px}.footer-baseline-socials{flex-wrap:wrap;justify-content:center;gap:10px}}.field-cell{position:relative}.field-toggle{cursor:pointer;z-index:4;border:2px solid #000;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:inherit;line-height:1;transition:background-color .15s,color .15s;display:inline-flex;position:absolute;top:10px;right:10px}.field-toggle.on{color:#fff;background:#000}.field-toggle.off{color:#000;background:#fff}.field-toggle .toggle-icon{font-size:12px;font-weight:900;line-height:1}.field-toggle:hover{opacity:.85}.field-toggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}.field-cell.field-off{opacity:.55}.field-cell.field-off .field-toggle{opacity:1}.field-cell.field-off .combobox-input,.field-cell.field-off .field-input{pointer-events:none;color:#888;background:#f4f4f0}.field-cell.field-off .combobox-arrow{pointer-events:none;opacity:.4}.field-micro{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:800;display:inline-block}.field-micro.on{color:#1a4a1a}.field-micro.off{color:#6b6b66}.section-counter{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;background:#f4f4f0;border-left:3px solid #000;margin-top:8px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-block}.section-counter.all-on{color:#1a4a1a;border-left-color:#1a4a1a}.section-counter.some-off{color:#6b6b66}.section-counter.all-off{color:var(--red);border-left-color:var(--red)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ecosystem-line{letter-spacing:.14em;text-transform:uppercase;color:#666;text-align:center;background:#0a0a0a;border-bottom:1px solid #1a1a1a;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:14px 48px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.7;display:flex}.ecosystem-line a{color:#cfcfcf;border-bottom:1px solid #333;padding-bottom:1px;text-decoration:none;transition:all .15s}.ecosystem-line a:hover{color:#ff2a1f;border-bottom-color:#ff2a1f}.ecosystem-line .sep{color:#333;margin:0 14px}@media(max-width:600px){.ecosystem-line{flex-direction:column;gap:2px;padding-left:24px;padding-right:24px}.ecosystem-line .sep{display:none}}.cookie-notice{z-index:9999;pointer-events:none;justify-content:center;animation:.35s ease-out cookieIn;display:flex;position:fixed;bottom:16px;left:16px;right:16px}@keyframes cookieIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cookie-notice__inner{pointer-events:auto;color:#fff;background:#0a0a0a;border:1px solid #fff;align-items:center;gap:14px;width:100%;max-width:720px;padding:14px 16px;font-family:Inter,system-ui,sans-serif;display:flex;box-shadow:6px 6px #ff2d20}.cookie-notice__text{letter-spacing:.01em;flex:1;margin:0;font-size:12px;line-height:1.45}.cookie-notice__text strong{letter-spacing:.06em;color:#ff2d20;margin-right:6px;font-family:Anton,Inter,sans-serif;font-size:14px;font-weight:400}.cookie-notice__btn{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ff2d20;border:none;flex-shrink:0;padding:10px 16px;font-family:Anton,Inter,sans-serif;font-size:13px;transition:transform .15s,background .15s}.cookie-notice__btn:hover{color:#0a0a0a;background:#fff;transform:translate(-1px,-1px)}@media(max-width:560px){.cookie-notice__inner{flex-direction:column;align-items:stretch;box-shadow:4px 4px #ff2d20}.cookie-notice__btn{width:100%}}