.lp{overflow-x:clip;--t-small:13px;--t-body:var(--step-body);--t-lead:clamp(24px,2.5vw,36px);--t-head:clamp(44px,6vw,96px);--t-display:clamp(64px,9vw,150px);font-size:var(--t-body)}.lp h1,.lp h2{font-family:var(--font-display)}.hero{min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:28px var(--margin) 0}.hero-nav{justify-content:space-between;gap:24px}.hero-nav,.hero-nav-links{display:flex;align-items:center}.hero-nav-links{gap:28px;font-size:var(--t-body)}.hero-nav-links .link{-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.hero-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:9vh 15vh;text-align:center}.hero-anchor{position:relative;display:inline-block}.hero-title{font-size:var(--t-display);line-height:1.18;letter-spacing:0;white-space:nowrap;transition:font-weight var(--t-ui) ease}.hero-title[lang=en]{letter-spacing:-.03em;line-height:1.04}.hero-slot{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;height:.86em;padding:0 .32em;vertical-align:.06em;background:var(--ink);color:var(--accent-ink);border-radius:.14em;font-family:var(--font-text);font-weight:500;letter-spacing:0;line-height:1.1;text-align:left;white-space:nowrap}.hero-slot-domain{font-size:.17em;opacity:.75;font-weight:400}.hero-slot-name{font-size:.36em;max-width:7em;overflow:hidden;text-overflow:ellipsis}.chip{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:2px;width:232px;min-height:76px;padding:10px 16px;background:var(--surface);color:var(--ink);border-radius:14px;text-align:start;font-size:var(--t-body);line-height:1.35;z-index:1;transition:transform var(--t-ui) var(--ease-out),background-color var(--t-hover) ease}.chip-label{font-size:13px;color:var(--ink)}.chip-value{font-size:var(--t-body);font-weight:600}.chip-readout{font-size:13px;color:var(--ink)}.chip-input{width:100%;border:0;padding:0;background:transparent;font-size:var(--t-body);font-weight:600;outline:none;color:var(--ink)}.chip:focus-within{background:var(--surface-2)}.chip-name{bottom:calc(100% + 4px);inset-inline-start:-4%;transform:rotate(3deg)}.chip-theme{top:52%;inset-inline-start:calc(100% + 28px);transform:rotate(-2.5deg);cursor:pointer}.chip-lang{top:calc(100% + 18px);inset-inline-end:-2%;transform:rotate(2deg)}@media (hover:hover) and (pointer:fine){.chip-theme:hover{transform:rotate(0deg) translateY(-2px);background:var(--surface-2)}}.chip-theme:active{transform:rotate(0deg) scale(.97)}.switch{display:inline-flex;margin-top:4px;padding:3px;gap:2px;background:var(--bg);border-radius:999px;width:max-content}.switch span{padding:4px 12px;border-radius:999px;font-size:var(--t-small);transition:background-color var(--t-hover) ease,color var(--t-hover) ease}.switch span.on{background:var(--ink);color:var(--accent-ink)}.hero-lead{margin-top:112px;max-width:44ch;font-size:var(--t-body)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;flex-wrap:wrap}@media (max-width:1180px){.hero-stage{display:grid;justify-items:center;align-content:center;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr;grid-template-areas:"name name" "title title" "theme lang" "lead lead" "actions actions";padding-block:6vh 10vh}.hero-anchor{display:contents}.hero-title{grid-area:title;font-size:clamp(44px,12vw,120px);margin-block:10px}.chip{position:static;transform:none!important;width:min(220px,100%);min-height:62px;padding:8px 14px}.chip-name{grid-area:name}.chip-theme{grid-area:theme;justify-self:end}.chip-lang{grid-area:lang;justify-self:start}.hero-lead{grid-area:lead;margin-top:20px}.hero-actions{grid-area:actions;margin-top:8px}}@media (max-width:640px){.hero{padding-top:20px}.hero-nav-links .link{display:none}.hero-nav-links .button{min-height:44px;padding:0 16px}.hero-title{font-size:13.5vw}.hero-title[lang=en]{font-size:13vw}.chip{width:100%}.hero-stage{gap:10px;column-gap:10px;min-height:72svh}.hero-lead{font-size:var(--t-body)}}.how{padding:var(--section) var(--margin) 0}.how-title{font-size:var(--t-head);line-height:1.15;max-width:14ch;margin-bottom:64px}.how-bar{display:flex;gap:6px;align-items:stretch}.how-seg{flex-basis:0;min-width:12%;display:flex;flex-direction:column;gap:16px}.how-block{height:22vh;min-height:150px;padding:20px;border-radius:4px}.how-time{font-size:var(--t-lead);font-family:var(--font-display);line-height:1.2}.how-text{font-size:var(--t-body);max-width:22ch}.how-seg-0{--seg:var(--ink);--seg-ink:var(--accent-ink)}.how-seg-1{--seg:var(--surface);--seg-ink:var(--ink)}.how-seg-2{--seg:var(--muted);--seg-ink:var(--accent-ink)}.how-seg-3{--seg:var(--surface-2);--seg-ink:var(--ink)}.how-block{background:var(--seg);color:var(--seg-ink)}@media (max-width:760px){.how-title{font-size:var(--t-head);margin-bottom:36px}.how-bar{flex-direction:column}.how-seg{min-width:0;gap:6px;padding:16px;border-radius:4px;background:var(--seg);color:var(--seg-ink);min-height:96px}.how-seg-1{min-height:280px}.how-block{height:auto;min-height:0;padding:0;background:none}.how-time{font-size:var(--t-lead)}.how-text{font-size:var(--t-body);max-width:none}}.showcase{min-height:88svh;padding:var(--section) var(--margin) 0;display:grid;grid-template-rows:auto auto 1fr;align-content:start}.showcase-line{overflow:hidden}.showcase-input{width:100%;border:0;background:transparent;padding:0;outline:none;font-family:var(--font-display);font-weight:600;font-size:var(--t-head);line-height:1.3;color:var(--ink);caret-color:var(--ink)}.showcase-input:focus-visible{outline:none;background:var(--surface)}.showcase-answer{margin-top:48px;max-width:560px;background:var(--surface);padding:22px 24px 20px;border-radius:14px}.showcase-answer-head{font-size:var(--t-body);font-weight:500}.showcase-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.showcase-skills button{display:inline-flex;align-items:center;gap:.3em;min-height:40px;padding:6px 14px;border-radius:999px;background:var(--bg);font-size:var(--t-body);transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.showcase-skills button:active{transform:scale(.96)}.showcase-skills .tick{width:.8em;height:.8em;display:inline-block}.showcase-skills button.on{background:var(--ink);color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){.showcase-skills button:not(.on):hover{background:var(--surface-2)}}.showcase-note{margin-top:16px;font-size:var(--t-small);color:var(--ink);max-width:52ch}.showcase-examples{display:flex;gap:28px;align-self:end;margin-top:64px;font-size:var(--t-body);flex-wrap:wrap}.showcase-examples button{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.06em;-webkit-text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);transition:-webkit-text-decoration-color var(--t-hover) ease;transition:text-decoration-color var(--t-hover) ease;transition:text-decoration-color var(--t-hover) ease,-webkit-text-decoration-color var(--t-hover) ease}@media (hover:hover) and (pointer:fine){.showcase-examples button:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}}@media (max-width:640px){.showcase{min-height:0}.showcase-input{font-size:var(--t-head)}.showcase-answer{margin-top:28px;padding:18px}.showcase-examples{margin-top:28px;gap:8px}.showcase-examples button{min-height:44px;padding:0 16px;background:var(--surface);text-decoration:none}}.gallery{padding-top:var(--section)}.gallery-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:0 6vw 32px var(--margin)}.gallery-head h2{font-size:var(--t-lead);line-height:1.2}.gallery-count{font-size:var(--t-body);color:var(--muted)}.gallery-row{--h:68svh;display:flex;gap:12px;height:var(--h);padding-inline:6vw var(--margin);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;outline-offset:-4px}.gallery-row::-webkit-scrollbar{display:none}.gallery-row.dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery-mod{flex:none;height:100%;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}.gallery-tall{width:calc(var(--h) * .75)}.gallery-pair{width:calc((var(--h) - 12px) / 2 * 4 / 3)}.gallery-wide{width:calc(var(--h) * 1.6)}.gallery-sheet{flex:1 1;min-height:0;margin:0;background:#fff;overflow:hidden;border-radius:4px}.gallery-cv{width:100%;height:100%;pointer-events:none}.gallery-sheet{transition:transform var(--t-ui) var(--ease-out)}@media (hover:hover) and (pointer:fine){.gallery-mod:hover .gallery-sheet{transform:translateY(-4px)}}@media (max-width:640px){.gallery-head{flex-direction:column;gap:6px;padding-inline:20px}.gallery-row{--h:62svh;gap:8px;padding-inline:20px}.gallery-tall{width:72vw}.gallery-pair{width:64vw}.gallery-wide{width:88vw;height:60%;align-self:center}}.bands{margin-top:var(--section)}.band{min-height:20vh;padding:28px var(--margin);display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:24px;gap:24px;color:var(--muted);transition:background-color .42s var(--ease-out),color .42s var(--ease-out)}.band-sentence{font-family:var(--font-display);font-size:var(--t-lead);line-height:1.3;max-width:30ch}.band-more{font-size:var(--t-body);margin-top:8px;max-width:60ch}.band.is-on{color:var(--ink)}.band-0.is-on{background:var(--surface-2)}.band-1.is-on{background:var(--ink);color:var(--accent-ink)}.band-2.is-on{background:var(--surface)}.toggle{width:2.2em;height:1.1em;font-size:clamp(32px,3vw,48px);border-radius:999px;padding:.1em;background:var(--surface-2);display:flex;align-items:center;position:relative;transition:background-color var(--t-ui) ease}.toggle-knob{width:.9em;height:.9em;border-radius:50%;background:var(--bg);transition:transform var(--t-ui) var(--ease-out)}.band.is-on .toggle{background:var(--ink)}.band-1.is-on .toggle{background:var(--accent-ink)}.band-1.is-on .toggle-knob{background:var(--ink)}.band.is-on .toggle-knob{transform:translateX(-1.1em)}.toggle:active .toggle-knob{width:1.05em}@media (max-width:640px){.band{min-height:132px;padding:22px 20px}.band-sentence{font-size:var(--t-lead)}.band-more{font-size:var(--t-body)}.toggle{font-size:30px}}.faq{padding:var(--section) var(--margin) 0}.faq dl{margin:0}.faq-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--gutter);column-gap:var(--gutter);margin-bottom:80px}.faq-row:last-child{margin-bottom:0}.faq-heading h2{line-height:1.25;color:var(--muted);font-weight:400}.faq dt,.faq-heading h2{grid-column:1/7;font-size:var(--t-lead)}.faq dt{font-family:var(--font-display);line-height:1.3;font-weight:500}.faq dd{grid-column:8/13;margin:0;font-size:var(--t-body);line-height:1.6;max-width:40ch;padding-top:.35em}@media (max-width:760px){.faq-row{display:block;margin-bottom:56px}.faq dt,.faq-heading h2{font-size:var(--t-lead)}.faq dd{margin-top:12px;font-size:var(--t-body);padding:0}}.cta{padding:var(--section) var(--margin)}.cta-sentence{font-size:clamp(36px,4.6vw,66px);line-height:1.3;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:.25em .3em}.cta-url{display:inline-flex;align-items:center;gap:.08em;font-family:var(--font-text);font-weight:500;letter-spacing:-.02em}.cta-domain{white-space:nowrap}.cta-input{width:5.2em;height:1.3em;padding:0 .25em;border:0;border-radius:.14em;background:var(--surface);font:inherit;color:var(--ink);outline:none}.cta-input::placeholder{color:var(--muted);opacity:.6}.cta-input:focus{background:var(--surface-2)}.cta-button{height:1.3em;padding:0 .4em;border-radius:.14em;background:var(--accent);color:var(--accent-ink);font:inherit;transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease}.cta-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cta-button:hover{background:var(--muted)}}.cta-note{margin-top:20px;font-size:var(--t-body);color:var(--muted)}.cta-note.is-bad{color:var(--danger)}@media (max-width:640px){.cta-sentence{font-size:10vw;gap:.3em .25em}.cta-url{display:contents}.cta-domain{font-size:.62em}.cta-input{flex:1 1 60%;width:auto;min-width:0}.cta-note{font-size:var(--t-body)}}.footer{min-height:100svh;background:var(--ink);color:var(--accent-ink);display:flex;flex-direction:column;overflow:hidden;padding:72px var(--margin) 0}.footer ::selection{background:var(--accent-ink);color:var(--ink)}.footer :focus-visible{outline-color:var(--accent-ink)}.footer-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--gutter);column-gap:var(--gutter)}.footer-invite{grid-column:1/8}.footer-line{font-family:var(--font-display);font-size:var(--t-head);line-height:1.2;font-weight:600}.footer-button{margin-top:36px;background:var(--accent-ink);color:var(--ink)}@media (hover:hover) and (pointer:fine){.footer-button:hover{background:var(--surface);color:var(--ink)}}.footer-links{grid-column:10/13;display:flex;flex-direction:column;gap:10px;font-size:var(--t-body)}.footer-legal{margin-top:auto;display:flex;justify-content:space-between;gap:16px;font-size:13px;padding-bottom:12px;opacity:.85}.footer-mark{font-family:var(--font-display);font-weight:700;font-size:30vw;line-height:1;white-space:nowrap;transform:translateY(30%);margin-top:-.06em;text-align:start}@media (max-width:760px){.footer{padding-top:56px}.footer-top{display:block}.footer-line{font-size:var(--t-head)}.footer-button{width:100%}.footer-links{flex-direction:row;flex-wrap:wrap;gap:8px 18px;margin-top:36px;font-size:var(--t-body)}.footer-legal{font-size:13px;flex-direction:column;gap:2px}.footer-mark{font-size:40vw}}.nf{min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:28px var(--margin)}.nf-stage{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:8vh 12vh}.nf-code{font-family:var(--font-display);font-size:var(--t-display);line-height:1;font-weight:600;color:var(--surface-2)}.nf-title{margin-top:12px;font-size:var(--t-head);line-height:1.2;font-weight:600}.nf-lead{margin-top:20px;max-width:30ch;font-size:var(--t-lead);line-height:1.5}.nf-actions{margin-top:40px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.nf-stage>*{animation:nf-in var(--t-reveal) var(--ease-out) both}.nf-stage>:nth-child(2){animation-delay:80ms}.nf-stage>:nth-child(3){animation-delay:.16s}.nf-stage>:nth-child(4){animation-delay:.24s}@keyframes nf-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.nf-stage>*{animation:none}}