.landing{--l-bg-cool:#eef3f8;--l-bg-cool-deep:#e2eaf2;--l-bg-warm:#f7f3e8;--l-bg-warm-deep:#efe7d2;--l-surface:#fff;--l-ink:#13263a;--l-ink-soft:#44586d;--l-ink-muted:#6c7b8d;--l-line:#13263a1a;--l-line-strong:#13263a38;--l-line-on-warm:#4e38121a;--l-gold:#f2c14a;--l-gold-strong:#d49a18;--l-blue:#2474b8;--l-blue-soft:#4b9bd9;--l-blue-tint:#2474b81a;--l-display:var(--font-display,"Space Grotesk", "Avenir Next", sans-serif);--l-body:var(--font-ui,"Avenir Next", "Segoe UI", sans-serif);color:var(--l-ink);font-family:var(--l-body);isolation:isolate;background:radial-gradient(circle at 6% -4%,#f2c14a26,#0000 28%),radial-gradient(circle at 92% 12%,#2474b814,#0000 32%),linear-gradient(#f4f7fb 0%,#ebf1f6 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.landing *{box-sizing:border-box}.landing a{text-decoration:none}.landing-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--l-line);background:#f4f7fbd1;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2rem);max-width:1240px;margin:0 auto;padding:1.05rem clamp(1.25rem,3vw,2.5rem);display:flex}.landing-mark{color:var(--l-ink);font-family:var(--l-display);letter-spacing:-.012em;align-items:center;gap:.65rem;font-size:1.06rem;font-weight:600;display:inline-flex}.landing-mark-logo{object-fit:contain;filter:drop-shadow(0 4px 10px #2474b82e);flex:none;width:auto;height:36px;display:block}.landing-mark-text{align-items:baseline;gap:.32rem;display:inline-flex}.landing-mark-text span{color:var(--l-ink-muted);font-weight:500}.landing-nav{align-items:center;gap:clamp(.8rem,2vw,1.8rem);font-size:.94rem;display:flex}.landing-nav>a{color:var(--l-ink-soft);transition:color .2s ease-out}.landing-nav>a:hover{color:var(--l-ink)}.landing-nav-cta{border:1px solid var(--l-blue);color:var(--l-blue);background:0 0;border-radius:999px;padding:.5rem 1rem;font-weight:600;transition:background .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}.landing-nav-cta:hover{background:var(--l-blue);color:#f8f9fb;box-shadow:0 8px 22px -10px #2474b873}.landing-hero{padding:clamp(5rem,12vw,9.5rem) clamp(1.25rem,3vw,2.5rem) clamp(4rem,10vw,8rem);position:relative}.landing-hero-inner{max-width:1080px;margin:0 auto;position:relative}.landing-hero-inner.has-image{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1200px;display:grid}.landing-hero-copy{flex-direction:column;justify-content:center;display:flex}.landing-hero-image{position:relative}.landing-hero-image img{aspect-ratio:5/4;object-fit:cover;object-position:center center;border-radius:22px;width:100%;height:auto;display:block;box-shadow:0 40px 72px -32px #13263a5c,0 12px 32px -20px #13263a38}.landing-hero-inner.has-image .landing-hero-title{letter-spacing:-.02em;max-width:20ch;font-size:clamp(2rem,4.4vw,3.4rem)}.landing-hero-inner.has-image .landing-hero-lede{max-width:48ch;margin:clamp(1rem,1.8vw,1.4rem) 0 0;font-size:clamp(.96rem,1.25vw,1.06rem);line-height:1.5}.landing-hero-inner.has-image .landing-hero-actions{margin-top:clamp(1.4rem,2.4vw,2rem)}.landing-hero-inner.has-image .landing-cta,.landing-hero-inner.has-image .landing-cta-outline{padding:.78rem 1.35rem;font-size:.92rem}@media (max-width:880px){.landing-hero-inner.has-image{grid-template-columns:1fr;gap:2.4rem}.landing-hero-image img{aspect-ratio:4/3}}.landing-hero-title{font-family:var(--l-display);letter-spacing:-.025em;color:var(--l-ink);max-width:19ch;margin:0;font-size:clamp(2.6rem,6.4vw,5.4rem);font-weight:600;line-height:1.02}.landing-hero-lede{color:var(--l-ink-soft);max-width:56ch;margin:clamp(1.6rem,3vw,2.4rem) 0 0;font-size:clamp(1.06rem,1.55vw,1.22rem);line-height:1.55}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:clamp(2rem,4vw,3rem);display:flex}.landing-cta{background:var(--l-ink);color:#f8f3e3;letter-spacing:.005em;border:1px solid var(--l-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.6rem;font-size:.96rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease-out,box-shadow .2s ease-out;display:inline-flex}.landing-cta .landing-cta-label{color:inherit;font:inherit}.landing-cta:hover{background:#0e1b29;transform:translateY(-1px);box-shadow:0 14px 30px -16px #13263a66}.landing-cta:after{content:"→";color:inherit;font-size:1.04em;transition:transform .2s cubic-bezier(.16,1,.3,1)}.landing-cta:hover:after{transform:translate(3px)}.landing-cta-secondary{color:var(--l-blue);border-bottom:1px solid #2474b852;align-items:center;gap:.4rem;padding:.55rem 0;font-size:.96rem;font-weight:600;transition:border-color .2s ease-out,color .2s ease-out,transform .2s ease-out;display:inline-flex}.landing-cta-secondary:after{content:"→";font-size:1em;transition:transform .2s cubic-bezier(.16,1,.3,1)}.landing-cta-secondary:hover{border-bottom-color:var(--l-blue);color:#1a5c93}.landing-cta-secondary:hover:after{transform:translate(3px)}.landing-cta-outline{color:var(--l-ink);letter-spacing:.005em;border:1px solid var(--l-ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.6rem;font-size:.96rem;font-weight:600;text-decoration:none;transition:background .2s ease-out,color .2s ease-out,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease-out;display:inline-flex}.landing-cta-outline .landing-cta-label{color:inherit;font:inherit}.landing-cta-outline:after{content:"→";color:inherit;font-size:1.04em;transition:transform .2s cubic-bezier(.16,1,.3,1)}.landing-cta-outline:hover{background:var(--l-ink);color:#f8f3e3;transform:translateY(-1px);box-shadow:0 14px 30px -16px #13263a66}.landing-cta-outline:hover:after{transform:translate(3px)}.landing-workflow{background:var(--l-bg-warm);background-image:linear-gradient(#13263a09 1px,#0000 1px),linear-gradient(90deg,#13263a09 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px;padding:clamp(4rem,9vw,7rem) clamp(1.25rem,3vw,2.5rem) clamp(5rem,11vw,9rem);position:relative}.landing-workflow:before{content:"";background:var(--l-line);z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.landing-workflow-intro{text-align:left;max-width:720px;margin:0 auto clamp(3.5rem,7vw,5.5rem)}.landing-section-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--l-ink-muted);align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.landing-section-eyebrow:before{content:"";background:var(--l-ink-muted);width:24px;height:1px}.landing-section-eyebrow.on-dark{color:#f7f3e8a6}.landing-section-eyebrow.on-dark:before{background:#f7f3e873}.landing-section-title{font-family:var(--l-display);letter-spacing:-.02em;max-width:22ch;color:var(--l-ink);margin:0;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:600;line-height:1.1}.landing-section-lede{color:var(--l-ink-soft);max-width:56ch;margin:1.25rem 0 0;font-size:1.04rem;line-height:1.55}.landing-stages{flex-direction:column;gap:clamp(5rem,10vw,8rem);max-width:1200px;margin:0 auto;padding:0;list-style:none;display:flex}.landing-stage{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:clamp(2rem,5vw,5rem);display:grid}.landing-stage--reverse .landing-stage-copy{order:2}.landing-stage--reverse .landing-stage-visual{order:1}.landing-stage-copy{flex-direction:column;justify-content:center;max-width:44ch;display:flex}.landing-stage-number{font-family:var(--l-display);color:var(--l-gold-strong);letter-spacing:.06em;font-size:.92rem;font-weight:600}.landing-stage-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--l-ink-muted);margin:.55rem 0 1.1rem;font-size:.76rem;font-weight:700}.landing-stage-title{font-family:var(--l-display);letter-spacing:-.015em;color:var(--l-ink);margin:0;font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:600;line-height:1.12}.landing-stage-body{color:var(--l-ink-soft);margin:1.05rem 0 0;font-size:1.02rem;line-height:1.6}.landing-stage-benefit{border-top:1px solid var(--l-line-on-warm);color:var(--l-ink);margin:1.5rem 0 0;padding-top:1.3rem;font-size:.95rem;font-style:italic;line-height:1.55}.landing-stage-visual{justify-content:stretch;align-items:center;display:flex;position:relative}.landing-stage-visual>.stage-preview{width:100%}.stage-preview{background:var(--l-surface);border:1px solid var(--l-line);isolation:isolate;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 32px 64px -32px #13263a4d,0 8px 24px -16px #13263a2e}.stage-preview.is-photo{box-shadow:none;filter:drop-shadow(0 36px 56px #13263a2e)drop-shadow(0 12px 24px #13263a1a);background:0 0;border:none;border-radius:22px;flex-direction:column;width:100%;height:100%;display:flex;overflow:visible}.stage-preview.is-photo .stage-preview-image{aspect-ratio:auto;background:var(--l-bg-warm);object-fit:contain;border-radius:22px;flex:1;width:100%;height:100%;display:block}.stage-preview-chrome{border-bottom:1px solid var(--l-line);background:#f4f7fb99;align-items:center;gap:.4rem;padding:.9rem 1.2rem;display:flex}.stage-preview-dot{background:#13263a2e;border-radius:999px;width:9px;height:9px}.stage-preview-body{min-height:280px;font-family:var(--l-body);flex-direction:column;gap:.85rem;padding:clamp(1.4rem,3vw,2rem);display:flex}.stage-preview-body.has-image{min-height:0;padding:0}.stage-preview-image{aspect-ratio:1280/800;object-fit:cover;object-position:top left;background:var(--l-bg-cool);width:100%;height:auto;display:block}.stage-preview-form{flex-direction:column;gap:.65rem;display:flex}.stage-preview-label{letter-spacing:.14em;text-transform:uppercase;color:var(--l-ink-muted);margin-top:.4rem;font-size:.7rem;font-weight:700}.stage-preview-label:first-child{margin-top:0}.stage-preview-input{border:1px solid var(--l-line);background:#13263a0d;border-radius:8px;height:36px}.stage-preview-row{gap:.55rem;margin-top:.2rem;display:flex}.stage-preview-swatch{border:1px solid var(--l-line);border-radius:8px;width:34px;height:34px}.stage-preview-swatch.swatch-1{background:var(--l-ink)}.stage-preview-swatch.swatch-2{background:var(--l-gold)}.stage-preview-swatch.swatch-3{background:var(--l-bg-warm-deep)}.stage-preview-swatch.swatch-4{background:var(--l-blue)}.stage-preview-thumb{background:linear-gradient(135deg, var(--l-bg-warm-deep), #13263a33);border:1px solid var(--l-line);border-radius:8px;width:56px;height:36px}.stage-preview-thumb.is-empty{border:1px dashed var(--l-line-strong);background:#13263a0a}.stage-preview-list{flex-direction:column;gap:.5rem;display:flex}.stage-preview-list-item{border:1px solid var(--l-line);background:#f4f7fb80;border-radius:10px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.stage-preview-list-item.is-active{border-color:var(--l-gold-strong);background:#f2c14a1f}.stage-preview-list-mark{background:var(--l-ink-muted);border-radius:999px;flex:none;width:10px;height:10px}.stage-preview-list-item.is-active .stage-preview-list-mark{background:var(--l-gold-strong)}.stage-preview-list-line{background:#13263a29;border-radius:4px;flex:1;height:8px}.stage-preview-list-line.short{flex:none;width:54%}.stage-preview-list-line.shorter{flex:none;width:38%}.stage-preview-list-add{border:1px dashed var(--l-line-strong);color:var(--l-ink-muted);letter-spacing:.04em;border-radius:8px;align-self:flex-start;margin-top:.3rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600}.stage-preview-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.stage-preview-section{border:1px solid var(--l-line);background:#f4f7fb80;border-radius:10px;flex-direction:column;gap:.5rem;min-height:88px;padding:.9rem;display:flex}.stage-preview-section.is-selected{border-color:var(--l-ink);background:var(--l-bg-cool)}.stage-preview-section-bar{background:#13263a2e;border-radius:4px;height:8px}.stage-preview-section-bar.tall{height:30px}.stage-preview-section-bar.short{width:62%}.stage-preview-variants{grid-template-columns:1fr 1fr 1fr;gap:.55rem;display:grid}.stage-preview-variant{border:1px solid var(--l-line);background:#f4f7fb66;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.stage-preview-variant.is-active{border-color:var(--l-ink);box-shadow:0 0 0 2px #f2c14a8c}.stage-preview-variant-image{height:70px;display:block}.stage-preview-variant-image.var-1{background:linear-gradient(135deg, var(--l-bg-warm-deep), #d4be8a)}.stage-preview-variant-image.var-2{background:linear-gradient(135deg, var(--l-ink), #2a4a6e)}.stage-preview-variant-image.var-3{background:linear-gradient(135deg, var(--l-bg-warm), #1c8a9980)}.stage-preview-variant-label{background:#13263a2e;border-radius:3px;width:58%;height:6px;margin:.7rem .6rem}.stage-preview-proto{flex-direction:column;gap:.6rem;display:flex}.stage-preview-proto-toolbar{gap:.45rem;display:flex}.stage-preview-pill{background:var(--l-gold);border-radius:999px;width:60px;height:22px}.stage-preview-pill.is-muted{background:#13263a1a;width:40px}.stage-preview-proto-canvas{border:1px solid var(--l-line);background:#f4f7fbb3;border-radius:10px;flex-direction:column;gap:.6rem;min-height:150px;padding:.85rem;display:flex}.stage-preview-proto-hero{background:linear-gradient(135deg, var(--l-ink), #2a4a6e);border-radius:8px;height:56px}.stage-preview-proto-rows{flex-direction:column;gap:.5rem;display:flex}.stage-preview-proto-band{background:#13263a24;border-radius:7px;height:14px}.stage-preview-proto-band.short{width:52%}.stage-preview-ship{align-items:center;gap:1.1rem;padding:.4rem 0;display:flex}.stage-preview-package{background:var(--l-ink);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;width:108px;height:96px;display:flex;position:relative}.stage-preview-package:before{content:"";background:#ffffff12;width:1px;position:absolute;top:0;bottom:0;left:50%}.stage-preview-package-label{color:#f8f3e3;font-family:var(--l-display);letter-spacing:.01em;font-size:.92rem;font-weight:600}.stage-preview-package-meta{color:#f7f3e88c;letter-spacing:.04em;font-size:.72rem}.stage-preview-shipped{align-items:center;gap:.7rem;display:flex}.stage-preview-check{background:var(--l-gold);width:40px;height:40px;color:var(--l-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.stage-preview-shipped-label{color:var(--l-ink);max-width:13ch;font-size:.92rem;font-weight:600;line-height:1.3}.landing-closing{background:var(--l-ink);color:#f8f3e3;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,3vw,2.5rem);position:relative;overflow:hidden}.landing-closing:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 0,#f2c14a1a,#0000 50%);position:absolute;inset:0}.landing-closing-inner{max-width:1080px;margin:0 auto;position:relative}.landing-closing-title{font-family:var(--l-display);letter-spacing:-.02em;color:#f8f3e3;max-width:20ch;margin:0 0 clamp(2.4rem,5vw,3.5rem);font-size:clamp(1.85rem,4vw,3rem);font-weight:600;line-height:1.1}.landing-closing-grid{grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.5vw,2rem);display:grid}.landing-closing-inner.is-single{text-align:left;max-width:720px}.landing-closing-inner.is-single .landing-closing-title{margin-bottom:clamp(1rem,2vw,1.4rem)}.landing-closing-lede{color:#f7f3e8c7;max-width:52ch;margin:0 0 clamp(1.8rem,3vw,2.4rem);font-size:1.04rem;line-height:1.55}.landing-closing-inner.is-single>.landing-cta.on-dark{background:var(--l-gold);color:var(--l-ink);border-color:var(--l-gold)}.landing-closing-inner.is-single>.landing-cta.on-dark:hover{background:var(--l-gold-strong);border-color:var(--l-gold-strong)}.landing-closing-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:.85rem;padding:clamp(1.8rem,3vw,2.4rem);display:flex}.landing-closing-card h3{font-family:var(--l-display);color:#f8f3e3;margin:0;font-size:1.4rem;font-weight:600;line-height:1.2}.landing-closing-card p{color:#f7f3e8c7;margin:0;font-size:1rem;line-height:1.55}.landing-closing-card-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--l-gold);margin:0;font-size:.72rem;font-weight:700}.landing-closing-card .landing-cta.on-dark{background:var(--l-gold);color:var(--l-ink);border-color:var(--l-gold);align-self:flex-start;margin-top:.6rem}.landing-closing-card .landing-cta.on-dark:hover{background:var(--l-gold-strong);border-color:var(--l-gold-strong)}.landing-closing-card .landing-cta-secondary.on-dark{color:#f8f3e3;border-bottom-color:#f7f3e84d;align-self:flex-start;margin-top:.6rem}.landing-closing-card .landing-cta-secondary.on-dark:hover{border-bottom-color:var(--l-gold);color:var(--l-gold)}.landing-footer{color:#f7f3e8b8;background:#0c1825;padding:clamp(2.5rem,5vw,3.6rem) clamp(1.25rem,3vw,2.5rem)}.landing-footer-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);max-width:1080px;margin:0 auto;display:grid}.landing-footer-brand{color:#f8f3e3;font-family:var(--l-display);align-items:center;gap:.65rem;font-size:1.02rem;font-weight:600;display:inline-flex}.landing-footer-logo{object-fit:contain;filter:drop-shadow(0 4px 10px #2474b84d);flex:none;width:auto;height:32px;display:block}.landing-footer-attribution{margin:0;font-size:.9rem;line-height:1.55}.landing-footer-parent{color:var(--l-gold);border-bottom:1px solid #f2c14a57;transition:border-color .2s ease-out}.landing-footer-parent:hover{border-bottom-color:var(--l-gold)}.landing-footer-meta{flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.88rem;display:flex}.landing-footer-meta a{color:#f7f3e8c7;transition:color .2s ease-out}.landing-footer-meta a:hover{color:#f8f3e3}.landing-footer-meta span{color:#f7f3e852}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.landing-stage .stage-preview{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1)}.landing-stage:hover .stage-preview{transform:translateY(-6px);box-shadow:0 44px 80px -32px #13263a5c,0 16px 36px -20px #13263a3d}.landing-stage:hover .stage-preview.is-photo{filter:drop-shadow(0 48px 72px #13263a38)drop-shadow(0 18px 36px #13263a24);box-shadow:none}@keyframes pulse-pill{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.94)}}.stage-preview-pill:not(.is-muted){animation:2.6s ease-in-out infinite pulse-pill}@keyframes glow-variant{0%,to{box-shadow:0 0 0 2px #f2c14a73}50%{box-shadow:0 0 0 2px #f2c14abf,0 12px 24px -16px #f2c14a8c}}.stage-preview-variant.is-active{animation:3s ease-in-out infinite glow-variant}@media (max-width:880px){.landing-stage{grid-template-columns:1fr;gap:2.2rem}.landing-stage--reverse .landing-stage-copy{order:1}.landing-stage--reverse .landing-stage-visual{order:2}.landing-closing-grid{grid-template-columns:1fr}.landing-footer-inner{text-align:left;grid-template-columns:1fr;gap:1rem}}@media (max-width:560px){.landing-nav{gap:.7rem;font-size:.88rem}.landing-nav>a:first-child,.landing-nav>a:nth-child(2){display:none}.landing-hero-actions{flex-direction:column;align-items:stretch;gap:.9rem}.landing-cta{width:100%}.stage-preview-variants{grid-template-columns:1fr 1fr}.stage-preview-ship{flex-direction:column;align-items:flex-start;gap:1rem}}@media (prefers-reduced-motion:reduce){.landing-cta,.landing-cta:after,.landing-cta-secondary,.landing-cta-secondary:after,.landing-nav>a,.landing-nav-cta,.landing-footer-parent,.landing-footer-meta a{transition:none}.landing-cta:hover,.landing-cta:hover:after,.landing-cta-secondary:hover:after,.landing-stage:hover .stage-preview{transform:none}.reveal{opacity:1;transition:none;transform:none}.stage-preview-pill:not(.is-muted),.stage-preview-variant.is-active{animation:none}}