.hero{padding-block:clamp(48px,8vw,112px) clamp(64px,9vw,128px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,6vw,88px);align-items:center}.hero-copy .lead{margin-top:24px}.hero-actions{gap:12px;margin-top:36px}.hero-actions,.hero-facts{display:flex;flex-wrap:wrap}.hero-facts{gap:12px 28px;margin:44px 0 0;padding:24px 0 0;border-top:1px solid var(--line);list-style:none;color:var(--text-muted);font-size:.95rem}.hero-facts b{color:var(--text);font-weight:600}.hero-visual{position:relative;padding:0 0 12%}.hero-desktop{width:100%}.hero-phone{position:absolute;z-index:1;right:-2%;bottom:-4%;width:29%;min-width:132px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:hero-in .7s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.06s}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}.hero-copy>:nth-child(5){animation-delay:.24s}.hero-desktop{animation:hero-in .9s .15s var(--ease) both}.hero-phone{animation:hero-in .9s .35s var(--ease) both}}@keyframes hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:640px}}@media (max-width:600px){.hero-visual{display:none}.hero-actions .btn{flex:1 1 auto}}.live-examples{margin-top:clamp(88px,11vw,150px)}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.live-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text)}.live-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0d0c}.live-media img{display:block;width:100%;height:100%;object-fit:cover}.live-info{display:grid;gap:10px;justify-items:start;padding:24px 26px 28px}.live-info .h3{font-family:var(--font-head);font-size:clamp(1.6rem,2.4vw,2rem);font-weight:600;letter-spacing:-.02em}.live-info .work-branch{margin-top:-4px;color:var(--brand-text);font-size:.95rem;font-weight:600}.live-info .btn{margin-top:10px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.live-card{transition:translate .25s var(--ease),border-color .25s ease,box-shadow .25s var(--ease)}.live-media img{transition:scale .6s var(--ease)}.live-card:hover{translate:0 -4px;border-color:var(--line-strong);box-shadow:var(--shadow)}.live-card:hover .live-media img{scale:1.03}.live-card:hover .btn-secondary{border-color:var(--text-muted)}}@media (max-width:860px){.live-grid{grid-template-columns:1fr}}.work-list{display:grid;gap:clamp(64px,9vw,120px)}.work-item{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}.work-item:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}.work-item:nth-child(2n) .work-media{order:2}.work-info{display:grid;gap:12px;align-content:start}.work-info p{color:var(--text-muted)}.service-no,.work-no{color:var(--text-faint);font-family:var(--font-head);font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.work-info .h3{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em}.work-info .work-branch{margin-top:-6px;color:var(--brand-text);font-size:.925rem;font-weight:500}.work-info .work-try{padding-top:14px;border-top:1px solid var(--line);font-size:.95rem}.work-try b{color:var(--text);font-weight:600}@media (max-width:900px){.work-item,.work-item:nth-child(2n){grid-template-columns:1fr}.work-item:nth-child(2n) .work-media{order:0}}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.service{display:grid;gap:14px;align-content:start;padding:32px 32px 8px 0}.service+.service{padding-left:32px;border-left:1px solid var(--line)}.service .check-list{margin-top:8px;font-size:.975rem}@media (max-width:860px){.services{grid-template-columns:1fr}.service,.service+.service{padding:28px 0;border-left:0}.service+.service{border-top:1px solid var(--line)}}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;counter-reset:none}.step{display:grid;gap:12px;align-content:start;padding-top:24px;border-top:2px solid var(--line)}.step:first-child{border-top-color:var(--brand)}.step-no{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:50%;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.step p{font-size:.975rem}@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}@media (max-width:560px){.steps{grid-template-columns:1fr}}.pricing{background:var(--bg-alt)}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.price-card{display:flex;flex-direction:column;gap:16px;padding:32px 28px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.price-card.is-featured{border-color:color-mix(in srgb,var(--brand) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 60%,transparent),var(--shadow)}.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}.price-level{color:var(--text-muted);font-size:.9rem}.price-badge{padding:4px 10px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-size:.78rem;font-weight:700}.price-name{font-size:1.5rem;letter-spacing:-.02em}.price{display:flex;align-items:baseline;gap:8px}.price-amount{font-family:var(--font-head);font-size:clamp(2.8rem,4.4vw,3.6rem);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.price-unit{color:var(--text-muted)}.price-term{margin-top:-8px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--text-faint);font-size:.875rem}.price-setup{display:block;margin-top:6px;font-weight:600}.price-desc,.price-setup{color:var(--text-muted)}.price-card .check-list{font-size:.975rem}.price-included{margin-top:auto;padding-top:8px;color:var(--text-faint);font-size:.875rem}.price-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.price-amount-text{font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:-.03em}@media (hover:hover) and (prefers-reduced-motion:no-preference){.price-card{transition:translate .25s var(--ease),box-shadow .25s var(--ease),border-color .25s ease}.price-card:hover{translate:0 -4px;border-color:var(--line-strong);box-shadow:var(--shadow)}.price-card.is-featured:hover{border-color:color-mix(in srgb,var(--brand) 80%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 80%,transparent),var(--shadow)}}.price-note{margin-top:28px;color:var(--text-faint);font-size:.925rem}@media (max-width:960px){.price-extras,.price-grid{grid-template-columns:1fr;max-width:560px}}.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px clamp(40px,6vw,96px);align-items:start}.faq-grid .section-head{margin-bottom:0}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;padding:22px 44px 22px 0;font-family:var(--font-head);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(45deg);transition:transform .2s var(--ease)}.faq-item[open] summary:after{transform:rotate(225deg);margin-top:-2px}.faq-item summary:hover{color:var(--brand-text)}.faq-item p{max-width:40rem;padding:0 0 24px;color:var(--text-muted)}@media (max-width:860px){.faq-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px clamp(40px,6vw,96px);align-items:end}.contact-title{font-size:clamp(2.4rem,5vw,4.2rem)}.contact .lead{margin-top:24px}.about{display:grid;gap:14px;padding:28px}.about-facts{display:grid;gap:12px;margin:8px 0 0;padding-top:18px;border-top:1px solid var(--line)}.about-facts div{display:flex;justify-content:space-between;gap:16px;font-size:.95rem}.about-facts dt{color:var(--text-muted)}.about-facts dd{margin:0;font-weight:600;text-align:right}.about-facts a:hover{color:var(--brand-text)}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.study-frame{container-type:inline-size;isolation:isolate;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:#0d1016;box-shadow:var(--shadow)}.study-chrome{display:flex;align-items:center;gap:14px;height:max(26px,3.4cqi);padding:0 max(10px,1.6cqi);border-bottom:1px solid rgba(255,255,255,.08);background:#161a22;color:#8b93a1;font-size:max(10px,1.15cqi)}.study-dots{display:flex;gap:5px}.study-dots i{width:8px;height:8px;border-radius:50%;background:#3a404c}.study-url{flex:1;max-width:50%;margin-inline:auto;padding:3px 10px;border-radius:6px;background:#0d1016;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study{position:relative;aspect-ratio:16/10;overflow:hidden;color:#fff;font-family:var(--font-body),system-ui,sans-serif;line-height:1.3}.study button{font:inherit;color:inherit;cursor:pointer}.study>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;transition:filter .7s ease,transform .9s var(--ease),object-position .9s var(--ease)}.study-top{top:4.2cqi}.study-bottom,.study-top{position:absolute;z-index:2;left:4.6cqi;right:4.6cqi;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:max(9px,1.15cqi);letter-spacing:.08em;text-transform:uppercase}.study-bottom{bottom:4cqi}.study-swatches{display:flex;gap:max(6px,1cqi)}.study-swatches button{width:max(18px,2.4cqi);height:max(18px,2.4cqi);padding:0;border:0;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.3)}.study-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 0 3.5px #fff}.study-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12)}.study-close:hover{background:rgba(255,255,255,.22)}.study :focus-visible{outline:2px solid #fff;outline-offset:2px}.study-shot>img{object-position:50% 0}.study-offbeat{background:#2048ff;color:#fcffef;transition:background-color .5s ease,color .5s ease}.study-offbeat.tone-1{background:#75baff;color:#06214d}.study-offbeat.tone-2{background:#fc93d4;color:#471839}.offbeat-logo{font-size:max(12px,2cqi);font-weight:800;letter-spacing:-.03em;text-transform:none}.offbeat-title{position:absolute;top:19%;left:6.5cqi;font-family:Arial Black,Arial,sans-serif;font-size:9.4cqi;font-weight:900;line-height:.88;letter-spacing:-.06em;color:inherit;transform:rotate(-5deg);transform-origin:left top}.offbeat-title i{display:inline-block;margin-left:14cqi;font-style:normal;color:#75baff}.study-offbeat.tone-1 .offbeat-title i{color:#2048ff}.study-offbeat.tone-2 .offbeat-title i{color:#fffaed}.offbeat-side{top:16%;font-size:max(8px,1.1cqi);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}.offbeat-more,.offbeat-side{position:absolute;right:5cqi}.offbeat-more{bottom:18%;display:inline-flex;align-items:center;gap:1.2cqi;padding:max(7px,1cqi) max(12px,1.8cqi);border:1px solid;border-radius:999px;background:transparent;font-size:max(10px,1.3cqi)}.offbeat-more:hover{background:rgba(255,255,255,.15)}.offbeat-reveal{position:absolute;inset:0;z-index:5;padding:7cqi;background:inherit;color:inherit;animation:study-pop .35s var(--ease)}.offbeat-reveal h4{color:inherit;font-family:Arial Black,Arial,sans-serif;font-size:8.6cqi;font-weight:900;line-height:.9;letter-spacing:-.05em}.offbeat-reveal h4 i{font-style:normal}.offbeat-reveal p{position:absolute;right:6cqi;bottom:8cqi;font-size:max(11px,1.8cqi);line-height:1.5;text-align:right}@keyframes study-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.study-frame.is-phone{border:5px solid #1f232b;border-radius:26px;background:#1f232b}.study-frame.is-phone .study-chrome{justify-content:center;height:18px;padding:0;border:0;background:#000}.study-notch{width:34%;height:8px;border-radius:999px;background:#1f232b}.study-frame.is-phone .study{border-radius:0 0 20px 20px}@container (max-width: 559px){.study{aspect-ratio:4/5}.study-top{top:6cqi;left:6cqi;right:6cqi;font-size:max(8px,2.4cqi)}.study-top>span{display:none}.study-bottom{left:6cqi;right:6cqi;bottom:6cqi;font-size:max(8px,2.4cqi)}.offbeat-more{font-size:max(9px,3cqi);gap:2cqi}.offbeat-logo{font-size:max(12px,4.4cqi)}.offbeat-title{top:18%;left:6cqi;font-size:17cqi}.offbeat-title i{margin-left:18cqi}.offbeat-side{display:none}.offbeat-more{right:auto;left:6cqi;bottom:20%}.offbeat-reveal{padding:12cqi 7cqi}.offbeat-reveal h4{font-size:16cqi}.offbeat-reveal p{font-size:max(11px,3.6cqi)}}@container (max-width: 260px){.study{aspect-ratio:9/17}.study-bottom .study-swatches{display:none}}