.how-shell{padding-top:calc(74px + var(--safe-top))}.how-hero{height:min(calc(100dvh - 74px - var(--safe-top)), 57.15vw, 920px);isolation:isolate;background:#050806;position:relative;overflow:hidden}.how-hero-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#020806e6 0%,#020806a8 24%,#0208061f 44%,#02080600 56%),linear-gradient(#02080600 72%,#020806e6 100%);position:absolute;inset:0}.how-hero-copy{z-index:3;position:absolute;top:50%;left:max(5vw,50vw - 800px);transform:translateY(-54%)}.how-hero-copy .eyebrow{margin-bottom:20px}.how-shell .how-hero h1{letter-spacing:-.045em;text-shadow:0 6px 40px #00000080;max-width:9ch;margin:0;font-size:clamp(46px,6.4vw,104px);line-height:.93}.how-film{border:1px solid var(--line);background:#050806;border-radius:14px;position:relative;overflow:hidden}.how-film>img,.how-film>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.how-film>video{z-index:1;transition:opacity .35s}.how-film.is-fill{border:0;border-radius:0;position:absolute;inset:0;aspect-ratio:auto!important}.how-film-toggle{z-index:4;color:#d6dcd3;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;background:#0208069e;border:1px solid #ffffff47;border-radius:999px;min-height:32px;padding:6px 12px;font-size:9px;font-weight:700;position:absolute;bottom:12px;right:12px}.how-film.is-fill .how-film-toggle{top:22px;bottom:auto;right:max(5vw,50vw - 800px)}.how-film-toggle:hover{color:var(--acid);border-color:#d9ff748c}:is(.how-film-toggle:focus-visible,.how-figure-open:focus-visible,.how-story:focus-visible){outline:2px solid var(--acid);outline-offset:3px}.how-intro{grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:0 7vw;width:min(1600px,90vw);margin:0 auto;display:grid}.how-hero-caption{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:8px 32px;margin:0 0 clamp(36px,4vw,60px);padding:16px 0;font-size:13px;line-height:1.55;display:flex}.how-hero-caption>span{max-width:84ch}.how-hero-caption a{flex:none}.how-hero-caption small{color:var(--muted);margin-left:8px;font-size:11px}.how-lede{max-width:62ch;color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.35vw,20px)}.how-aside{max-width:40ch;color:var(--muted);align-self:end;margin:0;font-size:14px;line-height:1.6}.how-aside a{margin-top:8px;display:block}.how-aside a,.how-hero-caption a,.how-follow a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #d9ff7480;text-decoration:underline #d9ff7480}.how-aside a:hover,.how-hero-caption a:hover,.how-follow a:hover{color:var(--acid)}@media (max-width:900px){.how-hero{height:auto;overflow:visible}.how-hero-shade{display:none}.how-film.is-fill{position:relative;inset:auto;aspect-ratio:7/4!important}.how-film.is-fill .how-film-toggle{top:auto;bottom:12px;right:12px}.how-hero-copy{width:90vw;margin:0 auto;padding:34px 0 6px;position:static;transform:none}.how-shell .how-hero h1{max-width:15ch}.how-intro{grid-template-columns:1fr}.how-aside{margin-top:26px}}.how-section{width:min(1600px,90vw);margin:0 auto;padding:clamp(64px,6.5vw,108px) 0 0}.how-shell .how-section .world-home-heading h2{letter-spacing:-.04em;max-width:850px;margin:0;font-size:clamp(34px,3.9vw,62px);line-height:1}.how-steps{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.how-steps li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:0 clamp(20px,3vw,52px);padding:clamp(30px,3vw,48px) 0;display:grid}.how-step-n{color:var(--acid);letter-spacing:.14em;padding-top:6px;font-size:10px}.how-shell .how-steps h3{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(23px,2.2vw,31px)}.how-steps p{max-width:74ch;color:var(--muted);margin:0 0 10px;font-size:15px}.how-steps p:last-child{margin-bottom:0}.how-models{flex-wrap:wrap;gap:8px;display:flex;margin-bottom:14px!important}.how-models code{color:var(--acid);letter-spacing:.01em;overflow-wrap:anywhere;background:#d9ff740f;border:1px solid #d9ff7447;border-radius:999px;padding:5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.how-here{color:#c2cbc0!important}.how-here strong{color:var(--ink);font-weight:400}.how-steps li.has-media{grid-template-columns:auto minmax(0,1fr) minmax(320px,44%)}.how-step-media{align-self:start;min-width:0;margin:0}.how-steps .how-step-media figcaption{max-width:none;color:var(--muted);margin-top:11px;font-size:12.5px;line-height:1.55}.how-frame{border:1px solid var(--line);background:#050806;border-radius:10px;position:relative;overflow:hidden}.how-frame img{width:100%;height:auto;display:block}.how-step-media .how-film{border-radius:10px}.how-outlined svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.how-outlined path{fill:#dbffb209;stroke:#dfffbbad;stroke-width:1.3px;filter:drop-shadow(0 0 5px #d5ff9d73);transition:fill .18s,stroke .18s,filter .18s}.how-outlined path:hover{fill:#e6ffc424;stroke:#e7ffb6;stroke-width:2px;filter:drop-shadow(0 0 9px #d3ff91d9)}.how-sleeves{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.how-steps .how-sleeves li{border:0;padding:0;display:block;position:relative}.how-steps .how-sleeves li.is-lead{grid-area:span 2/span 2}.how-sleeves img{border:1px solid var(--line);border-radius:6px;width:100%;height:auto;display:block}.how-sleeves li.is-lead img{border-radius:10px}.how-call{grid-template-columns:minmax(0,1fr);display:grid}.how-call:before{content:"";aspect-ratio:3/2;grid-area:1/1}.how-frame.how-call img{object-fit:cover;filter:blur(9px)brightness(.45)saturate(.9);height:100%;position:absolute;inset:0;transform:scale(1.08)}.how-call-lines{z-index:1;grid-area:1/1;align-content:center;gap:14px;margin:0;padding:clamp(22px,3vw,44px) clamp(22px,3vw,44px) 56px;list-style:none;display:grid;position:relative}.how-steps .how-call-lines li{color:#f1f3ea;letter-spacing:-.01em;text-shadow:0 2px 18px #00000080;border:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.5vw,22px);line-height:1.3;display:block}.how-call-lines span{color:var(--acid);letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700;display:block}.how-figure{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#18241c,#050806);border-radius:10px;justify-items:center;gap:14px;padding:22px 18px 18px;display:grid;position:relative}.how-figure>img{object-fit:contain;filter:drop-shadow(0 18px 22px #0000008c);width:auto;max-width:100%;height:clamp(190px,20vw,290px);display:block}.how-figure-open{color:var(--acid);cursor:pointer;background:#d9ff740f;border:1px solid #d9ff746b;border-radius:999px;align-items:baseline;gap:10px;padding:9px 16px;font-size:12.5px;display:inline-flex}.how-figure-open:hover{border-color:var(--acid);background:#d9ff741f}.how-figure-open small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.how-figure.is-open{padding:0;display:block}.how-figure .model-preview{aspect-ratio:4/3;border-radius:10px;width:100%;position:relative;overflow:hidden}.how-figure .model-preview-host{position:absolute;inset:0}.how-steps .how-figure .model-preview-state{color:#d4dfd8;background:linear-gradient(#0000,#000a);align-items:center;gap:.6rem;max-width:none;margin:0;padding:.9rem 1rem;font-size:12.5px;display:flex;position:absolute;inset:auto 0 0}.how-figure .workshop-spinner{border:2px solid #b3ffcb30;border-top-color:#b3ffcb;border-radius:50%;flex:0 0 18px;width:18px;height:18px;animation:1s linear infinite how-spin}@keyframes how-spin{to{transform:rotate(360deg)}}.how-follow{margin:26px 0 0;font-size:14px}@media (max-width:1000px){.how-steps li.has-media{grid-template-columns:auto minmax(0,1fr)}.how-step-media{grid-column:2;max-width:640px;margin-top:26px}}@media (prefers-reduced-motion:reduce){.how-film>video,.how-outlined path{transition:none}.how-figure .workshop-spinner{animation:none}}.how-loop{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1200px) and (min-width:901px){.how-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.how-loop li:nth-child(3){border-left:0;padding-left:0}.how-loop li:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:900px){.how-loop{grid-template-columns:1fr}.how-loop li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}}.how-numbers{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.how-numbers li{background:var(--panel);gap:9px;padding:clamp(22px,2.4vw,34px);display:grid}.how-numbers strong{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,1.9vw,27px);font-weight:400}.how-numbers span{color:var(--muted);font-size:13px;line-height:1.5}@media (max-width:1000px){.how-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.how-numbers{grid-template-columns:1fr}}.how-story{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:14px;padding:clamp(28px,3.4vw,52px);text-decoration:none;transition:border-color .18s;display:block}.how-story:hover{border-color:#d9ff7480}.how-shell .how-story h2{letter-spacing:-.035em;max-width:22ch;margin:0 0 18px;font-size:clamp(28px,3vw,46px);line-height:1.04}.how-story p:not(.eyebrow){max-width:68ch;color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.65}.how-story-go{color:var(--acid);margin-top:24px;font-size:13px;display:inline-block}.how-story:hover .how-story-go{text-underline-offset:4px;text-decoration:underline}.how-cta{border:1px solid var(--line);background:radial-gradient(circle at 85% 20%,#d9ff7417,#0000 42%),#0b1612;border-radius:14px;width:min(1600px,90vw);margin:clamp(70px,7vw,120px) auto 0;padding:clamp(36px,5vw,76px)}.how-shell .how-cta h2{letter-spacing:-.04em;max-width:20ch;margin:15px 0 18px;font-size:clamp(32px,3.6vw,58px);line-height:1}.how-cta p:not(.eyebrow){max-width:70ch;color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px}.how-cta-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.how-cta-actions .primary-action{border-radius:999px;width:auto;margin:0}.how-recipe-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.how-recipe-button{border:1px solid var(--line);color:#c2cbc0;cursor:pointer;min-height:32px;font:inherit;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:5px 13px 5px 10px;font-size:12.5px;transition:color .16s,border-color .16s,background-color .16s,transform .12s cubic-bezier(.23,1,.32,1);display:inline-flex}.how-recipe-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;width:15px;height:15px}.how-recipe-button:hover{color:var(--ink);border-color:#d9ff7473}.how-recipe-button:active{transform:scale(.97)}.how-recipe-button[aria-expanded=true]{color:#07100c;border-color:var(--acid);background:var(--acid)}.how-recipe-button[aria-expanded=true] svg{opacity:1}.how-recipe-button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.how-drawer{visibility:hidden;grid-template-rows:0fr;min-width:0;transition:grid-template-rows .26s cubic-bezier(.23,1,.32,1),visibility 0s linear .26s;display:grid}.how-drawer.is-open{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.23,1,.32,1),visibility}.how-drawer-inner{min-height:0;overflow:hidden}.how-steps li>.how-drawer{grid-column:2/-1}.how-recipe{border:1px solid var(--line);opacity:0;background:#0c1613b8;border-radius:12px;margin-top:22px;padding:clamp(18px,1.8vw,26px);transition:opacity .2s,translate .26s cubic-bezier(.23,1,.32,1);translate:0 -8px}.how-drawer.is-open .how-recipe{opacity:1;translate:0}.how-recipe-head{justify-content:space-between;align-items:flex-start;gap:12px 20px;margin:0 0 16px;display:flex}.how-recipe-head>p{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex;margin:0!important}.how-recipe-head .eyebrow{color:var(--acid);margin:0}.how-recipe-head>p span:last-child{color:var(--muted);font-size:13px}.how-recipe-tools{flex:none;align-items:center;gap:8px;display:flex}.how-prompt{color:#dfe5da;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #d9ff7473;max-width:92ch;margin:0 0 16px;padding:0 0 0 16px;font-size:14px;line-height:1.62}.how-prompt-one{margin:0 0 12px!important}.how-prompt-word{color:var(--ink);border:1px solid #d9ff7459;border-radius:6px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:inline-block}.how-recipe-settings{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;display:flex}.how-recipe-settings div{gap:6px;font-size:12.5px;display:flex}.how-recipe-settings dt{color:var(--muted)}.how-recipe-settings dd{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.how-recipe button{min-height:32px;color:var(--acid);cursor:pointer;font:inherit;background:#d9ff740d;border:1px solid #d9ff7461;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;transition:border-color .16s,background-color .16s,transform .12s cubic-bezier(.23,1,.32,1);display:inline-flex}.how-recipe button:hover{border-color:var(--acid);background:#d9ff741c}.how-recipe button:active{transform:scale(.97)}.how-recipe button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.how-recipe .how-recipe-close{border-color:var(--line);width:32px;color:var(--muted);background:0 0;justify-content:center;padding:0}.how-recipe .how-recipe-close:hover{color:var(--ink);background:0 0;border-color:#ffffff4d}.how-recipe-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:18px;height:18px}.how-code{border:1px solid var(--line);background:#050b09;border-radius:8px}.how-code pre{color:#d9e2d4;tab-size:2;max-height:460px;margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;overflow:auto}.how-code pre code{white-space:pre-wrap;overflow-wrap:anywhere}.how-code-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:10px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:flex}.how-code-bar a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #d9ff7480;text-decoration:underline #d9ff7480}.how-code-bar a:hover{color:var(--acid)}.how-recipe-note{max-width:74ch;color:var(--muted)!important;margin:0 0 12px!important;font-size:12.5px!important}@media (max-width:620px){.how-recipe-head{flex-direction:column}}@media (prefers-reduced-motion:reduce){.how-drawer,.how-drawer.is-open,.how-recipe,.how-recipe-button,.how-recipe button{transition:none}}.how-setup{margin:0 0 clamp(26px,2.6vw,40px)}.how-setup-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;display:flex}.how-setup-row>p{max-width:74ch;color:var(--muted);margin:0;font-size:15px}.how-setup-row strong{color:var(--ink);font-weight:400}.how-setup-text p{max-width:74ch;color:var(--muted);margin:0 0 12px;font-size:14px}.how-setup .how-recipe-settings{margin-bottom:14px}.how-edit{gap:10px;display:grid}.how-edit-in{grid-template-columns:minmax(0,1344fr) minmax(0,432fr);gap:10px;display:grid}.how-edit-in>div{min-width:0;position:relative}.how-edit-in img{width:100%;height:auto;display:block}.how-edit-in>div:last-child img{object-fit:cover;border:1px solid var(--line);border-radius:10px;height:100%}.how-edit-in .how-edit-junction{border:1px solid var(--line);border-radius:10px;overflow:hidden}.how-edit-in span{color:#07100c;background:var(--acid);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:absolute;top:8px;left:8px}.how-setup a{color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #d9ff7480;text-decoration:underline #d9ff7480}.how-setup a:hover{color:var(--acid)}.how-voice{grid-template-columns:minmax(0,434fr) minmax(0,1344fr);align-items:stretch;gap:10px;display:grid}.how-voice>img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:100%;height:100%;display:block}.how-step-media .how-voice .how-film{min-width:0}.how-aside-kit{margin-top:22px;display:block}.how-kit{border:1px solid var(--line);background:radial-gradient(circle at 90% 10%,#d9ff7414,#0000 45%),#0b1612;border-radius:14px;max-width:900px;margin:34px 0 0;padding:clamp(22px,3vw,34px)}.how-kit p:not(.eyebrow){max-width:70ch;color:var(--muted);overflow-wrap:anywhere;margin:12px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:16px}.how-kit a:not(.primary-action){color:var(--ink);text-underline-offset:4px;-webkit-text-decoration:underline #d9ff7480;text-decoration:underline #d9ff7480}.how-kit .primary-action{border-radius:999px;width:auto;margin:0}