:root{--red:#e5232e;--red-deep:#c91320;--ink:#111;--paper:#fff;--wash:#f4f2ef;--muted:#646464;--line:#cecece;--frame:92rem;--edge:clamp(1.25rem, 4vw, 4.5rem);color-scheme:light;font-synthesis:none;font-family:Helvetica Neue,Hiragino Sans,Yu Gothic UI,Yu Gothic,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0;line-height:1.7}button,input,textarea,select{font:inherit}button,a{color:inherit}img{max-width:100%;display:block}.frame{width:min(calc(100% - (var(--edge) * 2)), var(--frame));margin-inline:auto}.skip-link{z-index:100;color:var(--paper);background:var(--ink);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.site-header{border-bottom:1px solid var(--ink);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:6.25rem;display:flex}.brand-lockup{align-items:baseline;gap:.65rem;text-decoration:none;display:flex}.brand-name{color:var(--red);letter-spacing:-.055em;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:500}.brand-by{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:700}.site-header nav{letter-spacing:.13em;text-transform:uppercase;gap:clamp(1.15rem,3vw,3rem);font-size:.7rem;font-weight:700;display:flex}.site-header nav a{border-bottom:1px solid #0000;padding-block:.5rem;text-decoration:none}.site-header nav a:hover{border-color:currentColor}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100svh - 6.25rem);padding-block:clamp(4rem,8vw,8rem) clamp(2rem,4vw,4rem);display:flex}.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.55fr);align-items:end;gap:clamp(3rem,8vw,9rem);display:grid}.eyebrow,.section-label,.panel-kicker,.sample-meta{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.15rem;font-size:.67rem;font-weight:700}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(4rem,10vw,10.5rem);font-weight:500;line-height:.87}.hero h1 span{color:var(--red)}.hero-side{border-top:5px solid var(--red);padding-top:1.2rem}.hero-side>p:first-child{letter-spacing:-.035em;margin:0 0 1.2rem;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:650}.hero-description{color:var(--muted);margin:0 0 2rem;font-size:.98rem}.text-link{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding-block:.85rem;font-size:.73rem;font-weight:700;text-decoration:none;display:flex}.text-link:hover{color:var(--red)}.trust-row{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:5rem;display:grid}.trust-row span{border-right:1px solid var(--line);letter-spacing:.13em;text-align:center;padding:1rem;font-size:.62rem;font-weight:700}.trust-row span:last-child{border-right:0}.maker-section{color:var(--paper);background:var(--ink);padding-block:clamp(5rem,10vw,10rem)}.section-intro{grid-template-columns:minmax(12rem,.5fr) minmax(0,1.5fr);gap:clamp(2rem,7vw,8rem);margin-bottom:clamp(3rem,7vw,7rem);display:grid}.section-intro h2{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,7vw,7.4rem);font-weight:500;line-height:.96}.section-intro>div>p{color:#aaa;max-width:38rem;margin:1.5rem 0 0}.maker-section .section-label{color:#999}.builder-shell{border-top:1px solid #555;border-bottom:1px solid #555;grid-template-columns:minmax(0,1.02fr) minmax(24rem,.98fr);display:grid;position:relative}.builder-form{border-right:1px solid #555}.builder-form-head,.panel-head{border-bottom:1px solid #555;justify-content:space-between;align-items:center;gap:2rem;min-height:7rem;padding:1.5rem clamp(1.25rem,3vw,2.75rem);display:flex}.builder-form-head h3,.panel-head h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.6rem,2.7vw,2.6rem);font-weight:500}.panel-kicker{color:#888;margin-bottom:.25rem}.quiet-button{color:#bbb;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #888;padding:.65rem 0;font-size:.7rem;font-weight:700}.quiet-button:hover{color:var(--paper);border-color:var(--paper)}.form-step{border:0;border-bottom:1px solid #444;min-width:0;margin:0;padding:clamp(1.75rem,4vw,3.25rem) clamp(1.25rem,3vw,2.75rem)}.form-step:last-child{border-bottom:0}.form-step legend{width:100%;margin:0 0 1.4rem;padding:0;font-size:1rem;font-weight:700}.form-step legend span{min-width:2.5rem;color:var(--red);letter-spacing:.14em;font-size:.66rem;display:inline-block}.segmented-control{border:1px solid #666;display:grid}.segmented-control.two-up{grid-template-columns:repeat(2,1fr)}.segmented-control.three-up{grid-template-columns:repeat(3,1fr)}.segmented-control.four-up{grid-template-columns:repeat(4,1fr)}.segmented-control label{color:#aaa;text-align:center;cursor:pointer;border-right:1px solid #666;padding:.9rem .7rem;font-size:.75rem;font-weight:700;position:relative}.segmented-control label:last-child{border-right:0}.segmented-control label.selected{color:var(--paper);background:var(--red)}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.field-label{color:#bbb;letter-spacing:.06em;gap:.55rem;margin-top:1.35rem;font-size:.69rem;font-weight:700;display:grid;position:relative}.field-label input,.field-label textarea,.field-label select{width:100%;color:var(--paper);letter-spacing:0;background:#181818;border:1px solid #666;border-radius:0;padding:.85rem 1rem;font-size:.9rem;font-weight:500}.field-label input::placeholder,.field-label textarea::placeholder{color:#6f6f6f}.field-label input[aria-invalid=true]{border-color:var(--red)}.field-error{color:#ff8c93;margin-top:.55rem;font-size:.72rem;display:block}.field-note{color:#999;margin:1rem 0 0;font-size:.77rem}.field-caption{color:#aaa;letter-spacing:.08em;margin-bottom:.65rem;font-size:.68rem;font-weight:700;display:block}.compact-field{width:10rem}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.appearance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-field{grid-column:1/-1}.color-field>span{grid-template-columns:3.5rem 1fr;display:grid}.color-field input[type=color]{border-right:0;height:3.1rem;padding:.25rem}.character-count{color:#777;font-size:.62rem;position:absolute;bottom:.35rem;right:.7rem}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:2rem;display:flex}.toggle-row span{gap:.2rem;display:grid}.toggle-row small{color:#888;font-size:.72rem;font-weight:500}.toggle-row input{appearance:none;cursor:pointer;background:#333;border:1px solid #777;border-radius:2rem;width:3.3rem;height:1.7rem;margin:0}.toggle-row input:before{content:"";background:#aaa;border-radius:50%;width:1.15rem;height:1.15rem;margin:.2rem;transition:transform .16s;display:block}.toggle-row input:checked{border-color:var(--red);background:var(--red)}.toggle-row input:checked:before{background:#fff;transform:translate(1.55rem)}.conditional-fields{border-top:1px solid #444;margin-top:1.5rem;padding-top:.25rem}.builder-output{min-width:0}.preview-panel{position:sticky;top:0}.device-switch{border:1px solid #666;display:flex}.device-switch button{color:#999;cursor:pointer;background:0 0;border:0;border-right:1px solid #666;min-width:3rem;padding:.45rem;font-size:.62rem;font-weight:700}.device-switch button:last-child{border-right:0}.device-switch button.active{color:var(--ink);background:var(--paper)}.preview-stage{background:#242424;place-items:center;min-height:31rem;padding:clamp(1.25rem,4vw,3rem);transition:padding .18s;display:grid}.preview-stage.mobile{padding-inline:clamp(3rem,10vw,8rem)}.sample-article{width:100%;max-width:42rem;min-height:24rem;color:var(--ink);background:var(--paper);padding:clamp(1.5rem,4vw,3rem)}.preview-stage.mobile .sample-article{max-width:22rem}.sample-meta{color:var(--muted)}.sample-article h4{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4.2vw,4rem);font-weight:500;line-height:.98}.preview-stage.mobile .sample-article h4{font-size:2.15rem}.sample-copy{max-width:29rem;color:var(--muted);margin:1.5rem 0 2rem;font-size:.78rem}.summary-preview{border-top:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:1.5rem;display:flex}.summary-preview.align-center{align-items:center}.summary-preview.align-right{align-items:flex-end}.summary-preview>a{color:var(--muted);letter-spacing:.08em;font-size:.53rem;font-weight:700;text-decoration:none}.summary-button{border:1px solid var(--preview-accent);color:#fff;background:var(--preview-accent);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;transition:transform .16s;display:inline-flex}.summary-button:hover{transform:translateY(-2px)}.summary-button.size-small{padding:.6rem .8rem;font-size:.68rem}.summary-button.size-medium{padding:.8rem 1rem;font-size:.78rem}.summary-button.size-large{padding:1rem 1.25rem;font-size:.92rem}.summary-button.variant-text{color:var(--preview-accent);background:0 0;border-width:0 0 1px;padding-inline:0}.summary-button.variant-card{border-color:var(--ink);width:min(100%,22rem);color:var(--ink);text-align:left;background:0 0;grid-template-columns:1fr auto;display:grid}.summary-button.variant-card small{color:var(--muted);grid-column:1/-1;font-size:.65rem;font-weight:500}.preview-stage[data-theme=dark] .sample-article{color:#fff;background:#151515}.preview-stage[data-theme=dark] .sample-copy,.preview-stage[data-theme=dark] .sample-meta,.preview-stage[data-theme=dark] .summary-preview>a{color:#aaa}.preview-stage[data-theme=dark] .summary-preview,.preview-stage[data-theme=dark] .summary-button.variant-card{border-color:#fff}.preview-stage[data-theme=dark] .summary-button.variant-card{color:#fff}.preview-note{color:#aaa;border-top:1px solid #555;margin:0;padding:.8rem 1.5rem;font-size:.7rem}.code-panel{border-top:1px solid #555}.code-tabs{border-bottom:1px solid #555;grid-template-columns:1fr 1fr;display:grid}.code-tabs button{color:#999;cursor:pointer;background:0 0;border:0;border-right:1px solid #555;padding:1rem;font-size:.72rem;font-weight:700}.code-tabs button:last-child{border-right:0}.code-tabs button.active{color:var(--paper);background:var(--red)}.code-description,.code-privacy{color:#999;margin:0;padding:1rem clamp(1.25rem,3vw,2.75rem);font-size:.7rem}.code-output{color:#ddd;resize:vertical;background:#181818;border:1px solid #555;border-radius:0;width:calc(100% - clamp(2.5rem,6vw,5.5rem));margin-inline:clamp(1.25rem,3vw,2.75rem);padding:1rem;font:.68rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-button{border:1px solid var(--red);color:#fff;background:var(--red);letter-spacing:.08em;cursor:pointer;justify-content:space-between;width:calc(100% - clamp(2.5rem,6vw,5.5rem));margin:1rem clamp(1.25rem,3vw,2.75rem) 0;padding:1rem;font-size:.74rem;font-weight:700;display:flex}.copy-button:hover{background:var(--red-deep)}.toast{z-index:20;min-height:2.8rem;color:var(--paper);background:var(--red);pointer-events:none;padding:.75rem 1rem;font-size:.76rem;position:fixed;bottom:1.5rem;right:1.5rem}.toast:empty{display:none}.how-section,.faq-section{padding-block:clamp(5rem,10vw,10rem)}.section-intro.compact{margin-bottom:clamp(3rem,6vw,6rem)}.section-intro.compact h2{font-size:clamp(3rem,6vw,6rem)}.step-list{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.step-list li{border-right:1px solid var(--line);min-height:22rem;padding:1.5rem}.step-list li:last-child{border-right:0}.step-number{color:var(--red);letter-spacing:.14em;font-size:.7rem;font-weight:700}.step-list h3{letter-spacing:-.05em;margin:6rem 0 1rem;font-size:clamp(1.7rem,3vw,3rem);font-weight:500}.step-list p{max-width:24rem;color:var(--muted);margin:0;font-size:.88rem}.principle-section{color:var(--paper);background:var(--red);padding-block:clamp(5rem,10vw,10rem)}.principle-grid{grid-template-columns:minmax(10rem,.45fr) minmax(0,1.2fr) minmax(14rem,.45fr);align-items:end;gap:clamp(2rem,5vw,6rem);display:grid}.principle-section .section-label{color:#ffd1d4;align-self:start}.principle-section blockquote{margin:0}.principle-section blockquote p{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,6vw,6rem);font-weight:500;line-height:1.04}.principle-section blockquote span{color:var(--ink)}.principle-note{border-top:1px solid #fff;margin:0;padding-top:1rem;font-size:.85rem}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:2rem;padding:1.5rem 0;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:52rem;color:var(--muted);margin:0 0 1.5rem}.site-footer{color:var(--paper);background:var(--red)}.footer-inner{flex-direction:column;justify-content:space-between;min-height:clamp(28rem,55vw,48rem);padding-block:clamp(4rem,8vw,8rem) 2rem;display:flex}.footer-product p{letter-spacing:-.08em;margin:0;font-size:clamp(3.5rem,10vw,10rem);font-weight:500;line-height:.85}.footer-product span{letter-spacing:.17em;margin-top:1rem;font-size:.7rem;font-weight:700;display:block}.footer-inner>img{width:min(100%,66rem);height:auto}.footer-meta{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid;justify-content:space-between;gap:2rem;padding-top:1.25rem;font-size:.66rem;font-weight:700;display:flex}.footer-meta p{margin:0}.footer-meta a{text-decoration:none}.document-page{padding-block:clamp(5rem,9vw,9rem)}.document-page>h1,.error-page h1,.go-heading h1,.error-state h1{letter-spacing:-.075em;margin:0 0 clamp(4rem,8vw,8rem);font-size:clamp(3.5rem,8vw,8rem);font-weight:500;line-height:.95}.document-grid{border-top:1px solid var(--ink);grid-template-columns:minmax(12rem,.5fr) minmax(0,1.5fr);gap:clamp(2rem,8vw,9rem);padding-top:2rem;display:grid}.document-grid aside{color:var(--red);font-weight:650}.document-body section{border-bottom:1px solid var(--line);grid-template-columns:minmax(12rem,.6fr) minmax(0,1fr);gap:2rem;padding:2rem 0;display:grid}.document-body h2{margin:0;font-size:1rem}.document-body p{color:var(--muted);margin:0}.document-body code{color:var(--ink);background:var(--wash);padding:.15rem .3rem}.go-page{background:var(--wash);min-height:calc(100svh - 6.25rem);padding-block:clamp(4rem,8vw,8rem)}.go-card{border:1px solid var(--ink);background:var(--paper);padding:clamp(2rem,5vw,5rem)}.go-heading{grid-template-columns:1fr minmax(18rem,.45fr);gap:3rem;display:grid}.go-heading .section-label{grid-column:1/-1}.go-heading h1{margin-bottom:2rem}.go-heading>p:last-child{border-top:5px solid var(--red);color:var(--muted);align-self:end;margin:0 0 2.5rem;padding-top:1rem}.launch-summary{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.launch-summary div{border-right:1px solid var(--line);padding:1.25rem}.launch-summary div:last-child{border-right:0}.launch-summary dt{color:var(--muted);letter-spacing:.1em;font-size:.65rem;font-weight:700}.launch-summary dd{overflow-wrap:anywhere;margin:.5rem 0 0;font-size:1.05rem;font-weight:650}.domain-warning{border-left:5px solid var(--red);background:#fff1f2;margin:1.5rem 0 0;padding:1rem;font-size:.8rem}.go-actions{grid-template-columns:1.5fr 1fr;gap:1rem;margin-top:2rem;display:grid}.primary-action,.secondary-action{border:1px solid var(--ink);letter-spacing:.07em;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.primary-action{color:#fff;border-color:var(--red);background:var(--red)}.secondary-action{color:var(--ink);background:#fff}.prompt-details{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:2rem}.prompt-details summary{cursor:pointer;justify-content:space-between;padding:1rem 0;font-size:.75rem;font-weight:700;display:flex}.prompt-details textarea{border:1px solid var(--line);background:var(--wash);border-radius:0;width:100%;margin-bottom:1rem;padding:1rem;font:.75rem/1.6 ui-monospace,monospace}.go-footer-note{color:var(--muted);justify-content:space-between;gap:2rem;margin-top:2rem;font-size:.75rem;display:flex}.go-footer-note p{text-align:right;max-width:32rem;margin:0}.toast.inline{margin-top:1rem;position:static}.loading-state{padding-block:8rem}.error-state{padding-block:clamp(4rem,8vw,8rem)}.error-state p:not(.section-label){max-width:42rem;color:var(--muted)}.error-state .primary-action{width:fit-content;margin-top:2rem}.error-page{flex-direction:column;justify-content:center;min-height:100svh;padding-block:4rem;display:flex}.error-page .primary-action{width:fit-content}@media (width<=980px){.hero-grid,.builder-shell,.principle-grid{grid-template-columns:1fr}.hero-side{justify-self:end;width:min(100%,32rem)}.builder-form{border-bottom:1px solid #555;border-right:0}.preview-panel{position:static}.principle-note{justify-self:end;max-width:32rem}}@media (width<=760px){.header-inner{min-height:5rem}.brand-by{display:none}.site-header nav{gap:1rem}.site-header nav a:nth-child(2){display:none}.hero{min-height:calc(100svh - 5rem);padding-top:3rem}.hero-grid{gap:3.5rem}.hero h1{font-size:clamp(3.8rem,19vw,6.5rem)}.hero-side{justify-self:stretch}.trust-row{grid-template-columns:repeat(2,1fr)}.trust-row span:nth-child(2){border-right:0}.trust-row span:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-intro,.document-grid,.document-body section,.go-heading{grid-template-columns:1fr}.section-intro h2{font-size:clamp(3rem,15vw,5rem)}.section-intro>div>p{color:inherit;opacity:.7}.segmented-control.four-up{grid-template-columns:repeat(2,1fr)}.segmented-control.four-up label:nth-child(2){border-right:0}.segmented-control.four-up label:nth-child(-n+2){border-bottom:1px solid #666}.field-grid,.appearance-grid{grid-template-columns:1fr}.color-field{grid-column:auto}.preview-stage.mobile{padding-inline:1.25rem}.step-list{grid-template-columns:1fr}.step-list li{border-right:0;border-bottom:1px solid var(--line);min-height:16rem}.step-list h3{margin-top:3rem}.principle-section blockquote p{font-size:clamp(2.7rem,14vw,4.8rem)}.footer-meta,.go-footer-note{flex-direction:column}.go-heading>p:last-child{margin-bottom:1rem}.launch-summary,.go-actions{grid-template-columns:1fr}.launch-summary div{border-right:0;border-bottom:1px solid var(--line)}.launch-summary div:last-child{border-bottom:0}.go-footer-note p{text-align:left}.go-page{min-height:calc(100svh - 5rem);padding-block:1.25rem}.go-card{padding:1.5rem 1rem}.go-heading{gap:1.25rem}.go-heading h1{letter-spacing:-.06em;margin-bottom:.5rem;font-size:clamp(2.25rem,9.5vw,2.75rem);line-height:1}.go-heading>p:last-child{padding-top:.75rem}.launch-summary div{padding:1rem .75rem}}@media (prefers-color-scheme:dark){.preview-stage[data-theme=auto] .sample-article{color:#fff;background:#151515}.preview-stage[data-theme=auto] .sample-copy,.preview-stage[data-theme=auto] .sample-meta,.preview-stage[data-theme=auto] .summary-preview>a{color:#aaa}.preview-stage[data-theme=auto] .summary-preview,.preview-stage[data-theme=auto] .summary-button.variant-card{border-color:#fff}.preview-stage[data-theme=auto] .summary-button.variant-card{color:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
