.how-design{color:var(--home-ink);background:var(--home-white);font-family:var(--font-home-body)}.how-design :is(h1,h2,h3){font-family:var(--font-home-heading);font-weight:var(--home-type-heading-weight);letter-spacing:0}.how-design h1{font-size:var(--home-type-h1);line-height:var(--home-type-h1-leading)}.how-design h2{font-size:var(--home-type-h2);line-height:var(--home-type-h2-leading)}.how-design p{font-size:var(--home-type-body);line-height:var(--home-type-body-leading)}.how-design .how-wrap{width:min(100% - 48px,1040px);margin-inline:auto}.how-design .how-eyebrow{color:var(--home-blue);font-size:var(--home-type-small);margin-bottom:10px;font-weight:700}.how-design .how-journey{isolation:isolate;background:var(--home-ink);color:var(--home-white);border-radius:0 0 50% 50%/0 0 12% 12%;margin-top:-84px;padding:164px 0 120px;position:relative}.how-design .how-journey:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:var(--how-texture);opacity:.18;background-size:900px;position:absolute;inset:0}.how-design .how-journey-header{text-align:center;width:min(100% - 48px,680px);margin:0 auto 56px;position:relative}.how-design .how-badge{object-fit:contain;z-index:2;width:122px;height:122px;position:absolute;bottom:-107px;right:85px}.how-design .how-steps{grid-template-rows:repeat(6,minmax(100px,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 72px;width:min(100% - 48px,760px);margin-inline:auto;display:grid;position:relative}.how-design .how-step{z-index:1;background:var(--home-white);color:var(--home-ink);border-radius:20px;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:10px;padding:28px;display:grid;position:relative}.how-design .how-step:first-of-type{grid-area:1/1/span 2}.how-design .how-step:nth-of-type(2){grid-area:2/2/span 2}.how-design .how-step:nth-of-type(3){grid-area:3/1/span 2}.how-design .how-step:nth-of-type(4){grid-area:4/2/span 2}.how-design .how-step:nth-of-type(5){grid-area:5/1/span 2}.how-design .how-number{color:var(--home-blue);font-family:var(--font-home-heading);font-size:var(--home-type-h1);line-height:1}.how-design .how-step h2{font-size:var(--home-type-h3);line-height:var(--home-type-h3-leading);margin-bottom:18px}.how-design .how-step p{margin:0}.how-design .how-start{z-index:1;grid-area:6/2;place-self:end center;width:auto;position:relative}.how-design .how-button{background:var(--home-green);color:var(--home-white);text-transform:uppercase}.how-design .how-button:focus-visible{outline:3px solid var(--home-blue);outline-offset:4px}.how-design .how-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.how-design .how-lines path{fill:none;stroke:var(--home-green);stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round}.how-design .how-included{grid-template-columns:.75fr 1.5fr;align-items:center;gap:56px;padding-block:88px;display:grid}.how-design .how-included h2{max-width:290px;font-size:var(--home-type-h1);line-height:var(--home-type-h1-leading)}.how-design .how-included-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.how-design .how-group-title{font-family:var(--font-home-body);font-size:var(--home-type-small);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;line-height:1.5;display:flex}.how-design .how-group-title svg{width:16px;height:16px;color:var(--home-blue);flex-shrink:0}.how-design .how-benefit{background:var(--home-white);color:var(--home-ink);border-color:var(--home-green)!important}.how-design .how-benefit svg{color:var(--home-blue)}.how-design{--how-band-bg:#f2eee7}.how-design .how-faq{background:var(--how-band-bg);padding-block:80px}.how-design .how-faq-inner{max-width:820px}.how-design .how-faq h2{text-align:center;margin-bottom:36px}.how-design .how-faq-item{border-color:var(--border)}.how-design .how-faq-trigger[data-slot=button]{text-align:left;width:100%;color:var(--home-ink);font-family:var(--font-home-body);background:0 0;justify-content:space-between;height:auto!important;min-height:64px!important;max-height:none!important;font-size:var(--home-type-body-lg)!important;border-radius:0!important;padding:18px 0!important;line-height:1.5!important}.how-design .how-faq-trigger span{min-width:0}.how-design .how-faq-trigger svg{color:var(--home-blue)}.how-design .how-faq-answer{padding:0 32px 24px 0}.how-design .how-closing{background:var(--how-band-bg);padding:20px 0 80px}.how-design .how-closing-inner{background:var(--home-navy);color:var(--home-white);text-align:center;border-radius:20px;width:min(100% - 48px,920px);margin-inline:auto;padding:52px 24px}.how-design .how-closing h2{font-size:var(--home-type-h1);line-height:var(--home-type-h1-leading)}.how-design .how-closing p{max-width:410px;margin:24px auto}.how-design .how-closing .how-button{background:var(--home-white);color:var(--home-ink);width:min(100%,350px)}@media(hover:hover){.how-design .how-button:hover{opacity:.88}}.how-design .how-ai{padding:72px 0 0;overflow:hidden}.how-design .how-ai-inner{background:var(--home-navy);color:var(--home-white);text-align:center;will-change:transform;border-radius:24px 24px 0 0;width:min(100% - 48px,1180px);margin-inline:auto;padding:92px 32px 72px;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(0)}.how-design .how-ai[data-phase=pending] .how-ai-inner{transform:translateY(55%)}.how-design .how-ai-badge{object-fit:contain;z-index:2;width:13%;min-width:88px;max-width:160px;height:auto;position:absolute;top:-52px;left:clamp(20px,10%,130px)}.how-design .how-ai-deco{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.how-design .how-ai-deco:before{content:"";border:2px dashed #ffffff1f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;left:-110px}.how-design .how-ai-deco:after{content:"";border:2px dashed #ffffff17;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-80px}.how-design .how-ai-float{z-index:2;pointer-events:none;opacity:0;height:auto;transform:var(--tx,none) rotate(var(--tilt,0deg)) scale(1);position:absolute}.how-design .how-ai-gemini{--tx:translate(-50%, -55%);--tilt:5deg;width:9%;min-width:52px;max-width:110px;top:0;left:25%}.how-design .how-ai-claude{--tx:translate(45%, -50%);--tilt:15deg;width:9.5%;min-width:56px;max-width:116px;top:0;right:2%}.how-design .how-ai-chatgpt{--tx:translate(50%, -50%);--tilt:5deg;width:10%;min-width:58px;max-width:120px;top:62%;right:0}.how-design .how-ai-waveform{--tx:translate(-50%, -50%);--tilt:-15deg;width:9.5%;min-width:56px;max-width:116px;top:62%;left:0}.how-design .how-ai-float{--how-ai-shadow-y:8px;--how-ai-shadow-blur:16px;--how-ai-shadow-color:#00000040;filter:drop-shadow(0 var(--how-ai-shadow-y) var(--how-ai-shadow-blur) var(--how-ai-shadow-color))}@keyframes how-ai-pop{0%{opacity:0;transform:var(--tx,none) rotate(var(--tilt,0deg)) scale(.5)}65%{opacity:1;transform:var(--tx,none) rotate(var(--tilt,0deg)) scale(1.08)}to{opacity:1;transform:var(--tx,none) rotate(var(--tilt,0deg)) scale(1)}}.how-design .how-ai:not([data-phase=pending]) .how-ai-float{animation:.55s ease-out both how-ai-pop}.how-design .how-ai:not([data-phase=pending]) .how-ai-badge{animation-delay:.4s}.how-design .how-ai:not([data-phase=pending]) .how-ai-gemini{animation-delay:.52s}.how-design .how-ai:not([data-phase=pending]) .how-ai-claude{animation-delay:.64s}.how-design .how-ai:not([data-phase=pending]) .how-ai-chatgpt{animation-delay:.76s}.how-design .how-ai:not([data-phase=pending]) .how-ai-waveform{animation-delay:.88s}.how-design .how-ai h2{font-size:var(--home-type-h1);line-height:var(--home-type-h1-leading)}.how-design .how-ai p{max-width:620px;margin:20px auto 0}.how-design .how-ai-pills{flex-wrap:wrap;justify-content:center;gap:16px;margin:32px 0 0;padding:0;list-style:none;display:flex}.how-design .how-ai-pill{color:var(--home-white);border-color:var(--home-green);text-transform:uppercase;letter-spacing:.02em;background:0 0}@media(max-width:1024px){.how-design .how-steps{column-gap:48px}.how-design .how-step{grid-template-columns:32px minmax(0,1fr);padding:24px}.how-design .how-included{grid-template-columns:1fr;gap:32px;padding-block:64px}.how-design .how-included h2{max-width:520px}.how-design .how-journey{border-radius:0 0 50% 50%/0 0 7% 7%}.how-design .how-ai-chatgpt{--tx:translate(26%, -50%)}.how-design .how-ai-waveform{--tx:translate(-26%, -50%)}.how-design .how-ai-claude{--tx:translate(24%, -50%)}}@media(max-width:767px){.how-design .how-wrap,.how-design .how-steps,.how-design .how-journey-header,.how-design .how-closing-inner{width:calc(100% - 32px)}.how-design .how-journey{border-radius:0 0 40px 40px;padding-top:158px;padding-bottom:60px}.how-design .how-journey-header{margin-bottom:28px}.how-design .how-badge{width:100px;height:100px;margin:18px auto 0;position:relative;bottom:auto;right:auto}.how-design .how-steps{flex-direction:column;gap:40px;max-width:480px;display:flex}.how-design .how-step{grid-template-columns:30px minmax(0,1fr);padding:24px 20px}.how-design .how-step h2{font-size:var(--home-type-h3);margin-bottom:14px}.how-design .how-start{align-self:center}.how-design .how-included-grid{grid-template-columns:minmax(0,1fr);gap:28px}.how-design .how-included,.how-design .how-faq{padding-block:52px}.how-design .how-closing{padding-bottom:52px}.how-design .how-closing-inner{padding:36px 20px}.how-design .how-ai{padding:88px 0 48px;overflow-x:clip}.how-design .how-ai-inner{width:calc(100% - 32px);padding:96px 20px 88px}.how-design .how-ai-badge{--tx:translate(-5%, -52%);--tilt:0deg;width:clamp(63px,22%,162px);min-width:0;max-width:none;top:0;left:0}.how-design .how-ai-gemini{--tx:translate(-50%, -55%);--tilt:0deg;width:clamp(43px,15%,110px);min-width:0;max-width:none;top:0;left:55%}.how-design .how-ai-claude{--tx:translate(2%, -52%);--tilt:15deg;width:clamp(43px,15%,110px);min-width:0;max-width:none;top:0;right:0}.how-design .how-ai-chatgpt{--tx:translate(-10%, -50%);--tilt:-5deg;width:clamp(49px,17%,72px);min-width:0;max-width:none;inset:70% auto auto 0}.how-design .how-ai-waveform{--tx:translate(2%, 38%);--tilt:15deg;width:clamp(46px,16%,110px);min-width:0;max-width:none;inset:auto 0 0 auto}.how-design .how-ai-float{--how-ai-shadow-y:4px;--how-ai-shadow-blur:10px}.how-design .how-ai-pills{gap:12px}}@media(min-width:390px)and (max-width:767px){.how-design .how-ai-chatgpt{top:82%}}@media(prefers-reduced-motion:reduce){.how-design *{transition:none!important;animation:none!important}.how-design .how-ai-inner{transition:none;transform:none!important}.how-design .how-ai-float{opacity:1;animation:none!important}}