.shell{margin-left:var(--sidebar-w);min-height:100vh}@media(max-width:768px){.shell{margin-left:0}}.s-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;padding:5rem var(--content-px) 6rem;align-items:center;min-height:calc(100vh - var(--nav-h))}.hero-left{max-width:40rem;display:flex;flex-direction:column}.hero-headline{font-family:var(--font-sans);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:-.03em;font-variation-settings:"wght" 600;font-weight:600;margin:1.25rem 0 1.75rem;cursor:default;max-width:14ch;text-wrap:balance}.magnetic-word{display:inline-block;white-space:nowrap}.magnetic-char{--prox: 0;display:inline-block;transform:scale(calc(1 + var(--prox) * .1));font-variation-settings:"wght" calc(600 + var(--prox) * 200);transition:transform .25s ease-out,font-variation-settings .25s ease-out;will-change:transform,font-variation-settings}.hero-body{font-family:var(--font-sans);font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--ink-dim);max-width:30rem;margin:0 0 2.25rem}.hero-ctas{display:flex;gap:1.25rem;align-items:center}.hero-card{--mx: 50%;--my: 50%;position:relative;aspect-ratio:4 / 5;max-height:560px;width:100%;overflow:hidden;border:1px solid var(--ink-faint);background:var(--gradient-dawn);padding:1.75rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;cursor:crosshair;isolation:isolate}.hero-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain-url);background-size:256px 256px;mix-blend-mode:overlay;opacity:.22;z-index:1}.hero-card.has-webgl:before{opacity:.08}.hero-card .hero-noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;opacity:.75;z-index:5}.hero-card-spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 300px at var(--mx) var(--my),rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,0) 65%);mix-blend-mode:soft-light;transition:background .15s ease-out;z-index:3}.hero-card>.hero-card-content{position:relative;z-index:10}.hero-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.hero-card-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-card-mark{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff}.hero-card-mark svg{width:22px;height:22px;stroke-width:1.75}.hero-card-meta{font-family:var(--font-mono);font-size:var(--fs-meta-sm);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#ffffffb3;text-align:right;line-height:1.6}.hero-card-bottom{max-width:22rem}.hero-card-line{width:64px;height:1px;background:#ffffff59;margin-bottom:1rem}.hero-card-title{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-card);color:#fff;margin:0 0 .6rem;letter-spacing:-.01em}.hero-card-sub{font-family:var(--font-mono);font-size:var(--fs-meta-sm);text-transform:uppercase;letter-spacing:.14em;color:#ffffff9e}.marquee-wrap{border-top:1px solid var(--ink-faint);border-bottom:1px solid var(--ink-faint);background:var(--bg);padding:1.1rem 0;overflow:hidden;position:relative}.marquee-intro{font-family:var(--font-mono);font-size:var(--fs-meta-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);padding:0 var(--content-px) .75rem;display:block}.marquee-track{display:flex;gap:2.25rem;width:max-content;animation:marquee 120s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);display:inline-flex;align-items:center;gap:2.25rem;white-space:nowrap}.marquee-item:after{content:"//";color:var(--ink-faint);font-weight:400}.marquee-item.tail:after{content:""}.marquee-item.tail{color:var(--ink-dim);font-style:italic}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.s-what{background:var(--bg-warm)}.what-header{margin-bottom:5rem}.what-statement{font-family:var(--font-sans);font-size:clamp(1.55rem,2.8vw,2rem);font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--ink);margin:0;max-width:34ch;text-wrap:pretty}.what-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 3.5rem;background:var(--bg);border:1px solid var(--ink-faint);padding:2.75rem 2.5rem 3rem}.what-example{display:flex;flex-direction:column;gap:.7rem}.what-example-num{font-family:var(--font-mono);font-size:var(--fs-meta-sm);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim)}.what-example-label{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;letter-spacing:-.01em;line-height:var(--lh-card);color:var(--ink);margin:0}.what-example p{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);margin:.25rem 0 0;max-width:42ch}section.s-how{background:var(--bg);padding-bottom:0}.how-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-faint);border:1px solid var(--ink-faint);margin-top:3rem;margin-bottom:-6rem;position:relative;z-index:2}.step{background:var(--bg);padding:2.75rem 2rem 2.25rem;display:flex;flex-direction:column;gap:.6rem;min-height:360px;position:relative;transition:background .18s ease}.step:hover{background:#fafaf7}.step-num{font-family:var(--font-sans);font-size:var(--fs-num-xl);font-weight:600;line-height:.85;letter-spacing:-.04em;color:var(--ink);margin-bottom:1.25rem}.step-num sub{font-family:var(--font-mono);font-size:.21em;font-weight:500;color:var(--ink-dim);vertical-align:top;position:relative;top:.85em;letter-spacing:.14em;text-transform:uppercase;margin-left:.7rem}.step-title{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-card);letter-spacing:-.01em;margin:0;max-width:24ch;white-space:nowrap}.step-body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-dim);margin:.5rem 0 0;flex:1}.step-icon{width:36px;height:36px;color:var(--ink-dim);margin-top:auto;padding-top:1rem}.step-icon svg{width:100%;height:100%;stroke-width:1.5}.s-work{background:var(--bg-warm)}section.s-work{padding-top:18rem}.s-work:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 55% at 92% 8%,rgba(252,170,45,.14),transparent 65%),radial-gradient(ellipse 60% 50% at 8% 95%,rgba(85,87,58,.09),transparent 70%);z-index:0}.s-work:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain-url);background-size:256px 256px;mix-blend-mode:soft-light;opacity:.3;z-index:0}.s-work>*{position:relative;z-index:1}.work-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:5rem;align-items:start;margin-top:1rem}.work-left{position:sticky;top:calc(var(--nav-h) + 3rem);display:flex;flex-direction:column;gap:1.25rem}.work-left .s-title{max-width:14ch}.work-left .s-lede{max-width:36ch;margin-bottom:.5rem}.work-seeall-link{margin-top:1.25rem;align-self:flex-start}.work-right{display:flex;flex-direction:column}.s-pricing{background:var(--ink-bg);color:#fff;padding:7rem var(--content-px);position:relative}.s-pricing:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--accent) 20%,var(--accent) 80%,transparent);opacity:.45}.s-pricing:after{content:"";position:absolute;inset:0;background-image:var(--grain-url);background-size:256px 256px;image-rendering:pixelated;mix-blend-mode:soft-light;opacity:.18;pointer-events:none}.s-pricing .s-title{color:#fff;max-width:20ch}.s-pricing .s-lede{color:#ffffffa6}.pricing-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem;flex-wrap:wrap}.pricing-head-note{font-family:var(--font-mono);font-size:var(--fs-meta-sm);text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;text-align:right;line-height:1.7;white-space:nowrap}.pricing-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem}.pricing-block{background:var(--ink-panel);border:1px solid var(--ink-hair-on-dark);padding:2rem 2rem 1.75rem;position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.pricing-block:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain-url);background-size:256px 256px;mix-blend-mode:overlay;opacity:.12;z-index:0}.pricing-block>*{position:relative;z-index:1}.pricing-block-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}.pricing-block-label{font-family:var(--font-mono);font-size:var(--fs-meta-sm);text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c}.pricing-block-title{font-family:var(--font-sans);font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-heading);letter-spacing:-.015em;margin:0 0 1.25rem}.pricing-block-foot{font-size:var(--fs-meta-sm);line-height:var(--lh-meta);color:#fff6;margin-top:auto;padding-top:1.25rem;font-family:var(--font-mono);letter-spacing:.02em}.pricing-rows{display:flex;flex-direction:column}.pricing-row{display:flex;justify-content:space-between;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--ink-hair-on-dark);gap:1rem}.pricing-row:last-child{border-bottom:none}.pricing-row-name{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.4;color:#ffffffe0;max-width:26ch}.pricing-row-name small{display:block;font-family:var(--font-mono);font-size:var(--fs-meta-sm);text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;margin-top:.35rem}.pricing-row-price{font-family:var(--font-sans);font-size:var(--fs-num-m);font-weight:600;color:#fff;letter-spacing:-.015em;white-space:nowrap}.pricing-row.recommended .pricing-row-price{color:var(--accent)}.pricing-row.recommended .pricing-row-name strong{color:#fff;font-weight:500}.pricing-note{font-family:var(--font-sans);font-size:var(--fs-caption);line-height:1.65;color:#fff9;margin-top:2.5rem;max-width:56ch}.pricing-note a{color:#fffc;text-decoration:underline;text-underline-offset:2px}.pricing-note a:hover{color:#fff}.pricing-custom{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.5rem 2rem;background:var(--ink-panel);border:1px solid var(--ink-hair-on-dark);position:relative;overflow:hidden;isolation:isolate}.pricing-custom:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain-url);background-size:256px 256px;mix-blend-mode:overlay;opacity:.12;z-index:0}.pricing-custom>*{position:relative;z-index:1}.pricing-custom-meta{display:flex;flex-direction:column;gap:.15rem;flex-shrink:0}.pricing-custom-body{flex:1;font-size:var(--fs-caption);line-height:var(--lh-body);color:#ffffff8c}.pricing-custom-email{font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:500;color:var(--accent);letter-spacing:-.01em;text-decoration:none;flex-shrink:0;white-space:nowrap}.pricing-custom-email:hover{color:#fff}.s-faq{background:var(--bg-warm)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 2.5rem;margin-top:3rem}.faq-item{display:flex;flex-direction:column;gap:.6rem;position:relative}.faq-num{font-family:var(--font-mono);font-size:var(--fs-meta-sm);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim)}.faq-q{font-family:var(--font-sans);font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-card);letter-spacing:-.01em;margin:0}.faq-a{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-dim);margin:0;max-width:48ch}.s-about{background:var(--bg)}@media(max-width:1100px){.s-hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding-bottom:4rem}.hero-card{max-width:440px}.what-examples{grid-template-columns:1fr;gap:2.5rem}.work-layout{grid-template-columns:1fr;gap:3rem}.work-left{position:static}.pricing-grid{grid-template-columns:1fr}.pricing-custom{flex-direction:column;align-items:flex-start;gap:1rem}.faq-grid{grid-template-columns:1fr;gap:2rem}.how-steps{grid-template-columns:1fr}.step{min-height:auto}}@media(max-width:768px){.s-pricing{padding:4rem 1.25rem}.hero-card{max-width:100%;aspect-ratio:4/5}.step-title{white-space:normal;max-width:none}.pricing-head,.how-head{flex-direction:column;align-items:flex-start}.pricing-head-note{text-align:left}.marquee-intro{padding:0 1.25rem .5rem}}
