/* Homepage 2.0 */
.marketing-body{padding:0;background:#151515;color:#f4f4f2}.marketing-body .marketing-page{max-width:none;margin:0}.marketing-body .marketing-hero-shell{min-height:auto;overflow:hidden;background:#1a1a1a}.marketing-body .marketing-header,.marketing-body .marketing-footer{box-sizing:border-box;width:min(calc(100% - 3rem),76rem);margin-right:auto;margin-left:auto}.marketing-body .marketing-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.5rem 0}.marketing-body .marketing-brand{display:inline-flex;width:10.5rem}.marketing-body .marketing-brand img{display:block;width:100%;height:auto}.marketing-body .marketing-header nav{display:flex;align-items:center;gap:.35rem}.marketing-body .marketing-header nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 .65rem;border:1px solid transparent;border-radius:.4rem;font-size:.9rem;font-weight:850;text-decoration:none}.marketing-body .marketing-header nav a:hover{background:rgb(255 255 255 / .1)}.marketing-body .marketing-header .marketing-nav-cta{border-color:var(--color-brand);background:var(--color-brand);color:#fff;letter-spacing:.04em}.marketing-body .marketing-header .marketing-nav-cta:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover)}.marketing-body .marketing-hero{box-sizing:border-box;display:grid;width:min(calc(100% - 3rem),70rem);grid-template-columns:minmax(0,1fr) minmax(15.5rem,20rem);align-items:center;gap:clamp(2.5rem,5vw,4.5rem);margin:0 auto;padding:clamp(3rem,7vh,5.5rem) 0 clamp(5rem,10vh,8rem)}.marketing-hero-copy{min-width:0}.marketing-body .marketing-hero h1{max-width:10ch;margin:0 0 1.35rem;font-size:clamp(3.6rem,7.3vw,7rem);line-height:.9;letter-spacing:-.065em}.marketing-lede{max-width:36rem;margin:0;color:#d6d6d3;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.55}.marketing-body .marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:2rem}.marketing-body .marketing-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1rem;border:1px solid var(--color-brand);border-radius:.4rem;background:var(--color-brand);color:#fff;font-size:.88rem;font-weight:900;letter-spacing:.045em;text-align:center;text-decoration:none}.marketing-body .marketing-button:hover{border-color:var(--color-brand-hover);background:var(--color-brand-hover);color:#fff}.marketing-body .marketing-login{margin:0;color:#d6d6d3;font-size:.94rem}.marketing-body .marketing-login a{color:#fff}.marketing-kicker{margin:1rem 0 0;color:#b9b9b6;font-size:.72rem;font-weight:900;letter-spacing:.12em;line-height:1.4}.marketing-kicker strong{color:#d63a47}.marketing-hero-art{min-width:0;justify-self:center}.marketing-hero-art img{display:block;width:min(100%,19rem);height:auto}.marketing-video-frame{position:relative;overflow:hidden;width:min(100%,19rem);aspect-ratio:9/16;margin:0 auto;border:1px solid #4b4e52;border-radius:1rem;background:#08090a;box-shadow:0 1.5rem 4rem rgb(0 0 0 / .3)}.marketing-video-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.marketing-section h2,.marketing-founder h2,.marketing-final-cta h2{margin:0;color:#f4f4f2;font-size:clamp(2.5rem,5.3vw,5rem);line-height:.96;letter-spacing:-.055em}.marketing-section{box-sizing:border-box;margin:0 auto;padding:clamp(5rem,10vw,8.5rem) max(1.5rem,calc((100vw - 74rem)/2))}.marketing-section-wide{padding-right:max(1.5rem,calc((100vw - 84rem)/2));padding-left:max(1.5rem,calc((100vw - 84rem)/2))}.marketing-section-chaos,.marketing-section-lock{background:#1b1b1b}.marketing-section-focus,.marketing-section-setup{background:#151515}.marketing-section-heading{max-width:62rem;margin:0 auto clamp(2.5rem,6vw,4.5rem)}.marketing-section-wide .marketing-section-heading{max-width:74rem}.marketing-section-heading p{max-width:48rem;margin:1.25rem 0 0;color:#c8c8c4;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.62}.marketing-section-heading strong{color:#f4f4f2}.marketing-product-shot{overflow:hidden;margin:0;border:1px solid #44484c;border-radius:.8rem;background:#1f2022;box-shadow:0 1.3rem 3.5rem rgb(0 0 0 / .2)}.marketing-product-shot img{display:block;width:100%;height:auto}.marketing-single-shot,.marketing-setup-shot{margin:0 auto}.marketing-single-shot-focus{max-width:40rem}.marketing-single-shot-lock{max-width:60rem}.marketing-setup-shot{max-width:74rem}.marketing-state-grid{display:grid;max-width:82rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 auto}.marketing-state-grid figure{overflow:hidden;margin:0;border:1px solid #3d4145;border-radius:.65rem;background:#202123}.marketing-state-grid img{display:block;width:100%;height:auto}.marketing-state-grid figcaption,.marketing-pair figcaption,.marketing-lock-grid figcaption{padding:.85rem 1rem;color:#f4f4f2;font-size:.86rem;font-weight:850;letter-spacing:.03em}.marketing-pair{display:grid;max-width:74rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);margin:0 auto}.marketing-pair .marketing-product-shot{display:flex;flex-direction:column}.marketing-pair .marketing-product-shot figcaption{order:-1;border-bottom:1px solid #3d4145}.marketing-pair-lists img{height:100%;object-fit:cover;object-position:top}.marketing-lock-grid{display:grid;max-width:54rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,7vw,6rem);margin:0 auto}.marketing-lock-grid figure{margin:0}.marketing-lock-grid figcaption{padding:0 0 .9rem;text-align:center}.marketing-setup-grid{display:grid;max-width:74rem;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);margin:0 auto}.marketing-setup-grid .marketing-product-shot{display:flex}.marketing-setup-grid img{object-fit:cover;object-position:top}.marketing-founder{box-sizing:border-box;display:grid;width:min(calc(100% - 3rem),68rem);grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(3rem,7vw,6rem);margin:0 auto;padding:clamp(6rem,12vw,10rem) 0}.marketing-founder figure{overflow:hidden;margin:0;aspect-ratio:4/5;border-radius:.8rem;background:#111}.marketing-founder img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(1)}.marketing-founder h2{font-size:clamp(2.6rem,5vw,4.75rem)}.marketing-founder p{margin:1.35rem 0 0;color:#c8c8c4;font-size:1.03rem;line-height:1.7}.marketing-founder a{color:#fff;font-weight:750}.marketing-final-cta{box-sizing:border-box;width:min(calc(100% - 3rem),68rem);margin:0 auto;padding:clamp(6.5rem,14vw,12rem) 0;text-align:center}.marketing-final-cta h2{max-width:12ch;margin:0 auto clamp(2rem,4vw,3rem)}.marketing-body .marketing-footer{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;padding:1.5rem 0 2.25rem;border-top:1px solid #333;color:var(--color-muted);font-size:.88rem}.marketing-body .marketing-footer span{margin-right:auto}.marketing-body .marketing-footer a{color:var(--color-muted);font-weight:700}
@media (max-width:62rem){.marketing-body .marketing-hero{width:min(calc(100% - 2rem),46rem);grid-template-columns:1fr;gap:2.5rem;padding:3.25rem 0 5rem}.marketing-body .marketing-hero h1{font-size:clamp(3.35rem,12vw,5rem)}.marketing-hero-art{display:none}.marketing-hero-art img{width:clamp(10.5rem,42vw,14rem);margin:0 auto}.marketing-section{padding-right:max(1rem,calc((100vw - 46rem)/2));padding-left:max(1rem,calc((100vw - 46rem)/2))}.marketing-founder{width:min(calc(100% - 2rem),46rem);grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);gap:2.25rem}.marketing-body .marketing-header,.marketing-body .marketing-footer{width:min(calc(100% - 2rem),46rem)}}
@media (max-width:48rem){.marketing-body .marketing-header{padding:1rem 0}.marketing-body .marketing-brand{width:9.5rem}.marketing-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-pair,.marketing-lock-grid,.marketing-setup-grid,.marketing-founder{grid-template-columns:1fr}.marketing-pair-lists img{height:auto}.marketing-founder figure{width:min(100%,27rem);margin:0 auto}.marketing-founder>div{max-width:36rem;margin:0 auto}.marketing-lock-grid{max-width:23rem}.marketing-setup-grid .marketing-product-shot{display:block}}
@media (max-width:35rem){.marketing-body .marketing-header{flex-wrap:nowrap;gap:.45rem}.marketing-body .marketing-brand{width:8.5rem;flex:0 1 8.5rem}.marketing-body .marketing-header nav{flex:0 0 auto;flex-wrap:nowrap;gap:.1rem;white-space:nowrap}.marketing-body .marketing-header nav a{min-height:42px;padding:0 .4rem;font-size:.8rem}.marketing-body .marketing-header .marketing-nav-cta{padding-right:.45rem;padding-left:.45rem;letter-spacing:.025em}.marketing-body .marketing-hero{padding-top:2.5rem}.marketing-body .marketing-hero h1{font-size:3rem}.marketing-lede{font-size:1rem}.marketing-kicker{font-size:.66rem;letter-spacing:.09em}.marketing-state-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.marketing-body *{scroll-behavior:auto!important}}

/* Treat the guitar as poster art on larger screens; the hero shell contains its deliberate bleed. */
.marketing-hero-art{overflow:visible;pointer-events:none}.marketing-hero-art img{transform:translateX(clamp(-2rem,-3vw,-1rem)) rotate(-7deg) scale(1.25);transform-origin:55% 66%}
@media (max-width:62rem){.marketing-hero-art{overflow:hidden}.marketing-hero-art img{height:auto;transform:none}}