@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", ui-sans-serif, system-ui, sans-serif;--font-heading:"Geist Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif;--radius:.625rem;--motion-duration-fast:.12s;--motion-duration-base:.18s;--motion-duration-slow:.28s;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-ease-in-out:cubic-bezier(.65, 0, .35, 1);--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--destructive:oklch(57.7% .245 27.325);--warning:oklch(76.9% .188 70.08);--success:oklch(64.6% .17 162.48);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--destructive:oklch(70.4% .191 22.216);--warning:oklch(82.8% .189 84.429);--success:oklch(69.6% .17 162.48);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1)}*{border-color:var(--border);outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}body{background-color:var(--background);color:var(--foreground)}html{font-family:var(--font-sans)}:root{--primary:oklch(48% .085 210);--primary-foreground:oklch(98.5% 0 0);--accent:oklch(93% .03 200);--accent-foreground:oklch(32% .08 200);--ring:oklch(55% .085 210);--sidebar-primary:oklch(48% .085 210);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-ring:oklch(55% .085 210);--font-sans:"Spline Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Bricolage Grotesque", "Spline Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sea-ink:oklch(20% .012 215);--sea-ink-soft:oklch(50% .018 215);--lagoon:oklch(48% .085 210);--lagoon-deep:oklch(40% .092 210);--lagoon-soft:oklch(94% .022 205);--palm:oklch(55% .115 150);--palm-deep:oklch(46% .115 150);--palm-soft:oklch(94% .03 150);--tide:oklch(97% .008 200);--foam:oklch(98.5% .004 200);--bg-base:oklch(99% .003 200);--surface:oklch(99% .003 200/.72);--surface-strong:oklch(100% 0 0/.96);--line:oklch(20% .012 215/.1);--inset-glint:oklch(100% 0 0/.7);--header-bg:oklch(99% .003 200/.82);--chip-bg:oklch(100% 0 0/.92);--chip-line:oklch(20% .012 215/.1);--link-bg-hover:oklch(48% .085 210/.07)}:root[data-theme=dark]{--sea-ink:oklch(96% .008 200);--sea-ink-soft:oklch(70% .014 210);--lagoon:oklch(78% .105 200);--lagoon-deep:oklch(86% .085 195);--lagoon-soft:oklch(30% .06 205);--palm:oklch(78% .135 150);--palm-deep:oklch(85% .11 145);--palm-soft:oklch(32% .06 150);--tide:oklch(16% .012 210);--foam:oklch(13% .012 215);--bg-base:oklch(10% .01 220);--surface:oklch(16% .012 215/.72);--surface-strong:oklch(16% .012 215/.94);--line:oklch(70% .014 210/.16);--inset-glint:oklch(100% 0 0/.04);--header-bg:oklch(10% .01 220/.82);--chip-bg:oklch(18% .014 215/.86);--chip-line:oklch(70% .014 210/.2);--link-bg-hover:oklch(78% .105 200/.1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sea-ink:oklch(96% .008 200);--sea-ink-soft:oklch(70% .014 210);--lagoon:oklch(78% .105 200);--lagoon-deep:oklch(86% .085 195);--lagoon-soft:oklch(30% .06 205);--palm:oklch(78% .135 150);--palm-deep:oklch(85% .11 145);--palm-soft:oklch(32% .06 150);--tide:oklch(16% .012 210);--foam:oklch(13% .012 215);--bg-base:oklch(10% .01 220);--surface:oklch(16% .012 215/.72);--surface-strong:oklch(16% .012 215/.94);--line:oklch(70% .014 210/.16);--inset-glint:oklch(100% 0 0/.04);--header-bg:oklch(10% .01 220/.82);--chip-bg:oklch(18% .014 215/.86);--chip-line:oklch(70% .014 210/.2);--link-bg-hover:oklch(78% .105 200/.1)}}.dark{--primary:oklch(78% .105 200);--primary-foreground:oklch(16% .012 215);--accent:oklch(30% .06 205);--accent-foreground:oklch(92% .03 200);--ring:oklch(72% .1 200);--sidebar-primary:oklch(78% .105 200);--sidebar-primary-foreground:oklch(16% .012 215);--sidebar-ring:oklch(72% .1 200);--sea-ink:oklch(96% .008 200);--sea-ink-soft:oklch(70% .014 210);--lagoon:oklch(78% .105 200);--lagoon-deep:oklch(86% .085 195);--lagoon-soft:oklch(30% .06 205);--palm:oklch(78% .135 150);--palm-deep:oklch(85% .11 145);--palm-soft:oklch(32% .06 150);--tide:oklch(16% .012 210);--foam:oklch(13% .012 215);--bg-base:oklch(10% .01 220);--surface:oklch(16% .012 215/.72);--surface-strong:oklch(16% .012 215/.94);--line:oklch(70% .014 210/.16);--inset-glint:oklch(100% 0 0/.04);--header-bg:oklch(10% .01 220/.82);--chip-bg:oklch(18% .014 215/.86);--chip-line:oklch(70% .014 210/.2);--link-bg-hover:oklch(78% .105 200/.1)}body{color:var(--sea-ink);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);text-rendering:optimizelegibility;font-feature-settings:"ss01", "ss03", "kern";line-height:1.55;overflow-x:hidden}a{color:var(--lagoon-deep);-webkit-text-decoration-color:color-mix(in oklab, var(--lagoon) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--lagoon) 35%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--lagoon)}code{font-family:var(--font-mono);border:1px solid var(--line);background:var(--tide);border-radius:6px;padding:2px 6px;font-size:.875em}pre code{font-size:inherit;color:inherit;background:0 0;border:0;border-radius:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--sea-ink);margin:0;font-weight:700;line-height:1.08}.page-wrap{width:min(1080px,100% - 2rem);margin-inline:auto}.display-title{font-family:var(--font-heading)}.island-shell{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px 0 var(--inset-glint) inset;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 var(--inset-glint) inset}.feature-card:hover{border-color:color-mix(in oklab, var(--lagoon) 40%, var(--line))}button,.island-shell,a{transition:background-color .18s,color .18s,border-color .18s,transform .18s}.island-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--kicker);font-size:.69rem;font-weight:700}.nav-link{color:var(--sea-ink-soft);align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:0;background:var(--lagoon);width:100%;height:2px;transition:transform .17s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--sea-ink)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}@media (width<=640px){.nav-link:after{bottom:-4px}}.site-footer{border-top:1px solid var(--line);background:var(--tide)}.rise-in{animation:.7s cubic-bezier(.16,1,.3,1) both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grain-overlay{pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.layer-flow{border-top:1px solid var(--line);counter-reset:layer;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;margin-top:3rem;padding-top:2rem;list-style:none;display:grid}.layer-flow-item{flex-direction:column;gap:.625rem;padding:1.5rem 1.5rem 1.5rem 1.75rem;display:flex;position:relative}.layer-flow-item+.layer-flow-item{border-left:1px solid var(--line);padding-left:1.75rem}@media (width<=720px){.layer-flow-item+.layer-flow-item{border-left:0;border-top:1px solid var(--line);padding-left:1.75rem}}.layer-flow-num{font-family:var(--font-mono);letter-spacing:.04em;color:var(--sea-ink-soft);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.layer-flow-head{align-items:center;gap:.625rem;display:flex}.layer-flow-icon{width:1.25rem;height:1.25rem;color:var(--lagoon);flex-shrink:0}.layer-flow-name{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.025em;font-size:1.3125rem;font-weight:700;line-height:1.15}.layer-flow-line{max-width:26ch;color:var(--sea-ink-soft);font-size:.875rem;line-height:1.5}.builder-caps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;list-style:none;display:grid}.builder-cap{letter-spacing:-.005em;color:var(--sea-ink);padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600}.builder-cap+.builder-cap{border-left:1px solid var(--line)}@media (width<=720px){.builder-cap+.builder-cap{border-left:0;border-top:1px solid var(--line)}}.platform-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;list-style:none;display:grid}.platform-pill{border-left:1px solid var(--line);align-items:center;gap:.875rem;padding:1.125rem 1.25rem;transition:background .22s;display:flex}.platform-pill:first-child{border-left:0}@media (width<=720px){.platform-pill{border-left:0;border-top:1px solid var(--line)}.platform-pill:first-child{border-top:0}}.platform-pill:hover{background:var(--tide)}.platform-bullet{width:.625rem;height:.625rem;box-shadow:0 0 0 4px color-mix(in oklab, currentColor 12%, transparent);border-radius:50%;flex-shrink:0}.platform-name{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.015em;font-size:.9375rem;font-weight:700;display:block}.platform-spec{font-family:var(--font-mono);letter-spacing:.02em;color:var(--sea-ink-soft);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.6875rem;display:block}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem}}.hero-text,.hero-mockup{min-width:0}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lagoon-deep);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.kicker-dot{background:var(--lagoon);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--lagoon) 18%, transparent);border-radius:50%;display:inline-block}.hero-soft-line{color:var(--sea-ink-soft);font-variation-settings:"opsz" 96;font-style:italic;font-weight:500}.cta-primary{background:var(--sea-ink);color:var(--bg-base);border:1px solid var(--sea-ink);border-radius:.875rem;transition:background .18s,transform .18s,border-color .18s}.cta-primary:hover{background:var(--lagoon-deep);border-color:var(--lagoon-deep);transform:translateY(-1px)}.cta-text{color:var(--sea-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.625rem .5rem;display:inline-flex;position:relative}.cta-text:after{content:"";background:var(--sea-ink);transform-origin:0;height:1px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:.4rem;left:.5rem;right:1.75rem}.cta-text:hover:after{transform:scaleX(.6)}.cta-text-arrow{transition:transform .22s cubic-bezier(.16,1,.3,1);display:inline-block}.cta-text:hover .cta-text-arrow{transform:translate(3px)}.hero-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;max-width:32rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}.hero-metric{flex-direction:column;gap:.375rem;min-width:0;display:flex}.hero-metric-value{font-family:var(--font-heading);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:700;line-height:1}.hero-metric-label{color:var(--sea-ink-soft);font-size:.78125rem;line-height:1.35}.content-wall{isolation:isolate;border-radius:24px;width:100%;height:580px;display:block;position:relative;overflow:hidden}.content-wall-haze{z-index:0;background:radial-gradient(ellipse 60% 50% at 50% 45%, color-mix(in oklab, var(--lagoon) 18%, transparent) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 65% 65%, color-mix(in oklab, var(--palm) 14%, transparent) 0%, transparent 70%);filter:blur(8px);pointer-events:none;position:absolute;inset:-8% -4% -4%}@media (width<=720px){.content-wall{transform-origin:0 0;width:109%;min-height:480px;transform:scale(.92)}}.content-wall.bento{grid-template-rows:1fr 1fr 1fr;grid-template-columns:3fr 2fr;gap:10px;padding:12px;display:grid}.bento-reel{z-index:5;grid-row:1/4}.bento-carousel{z-index:6;grid-row:1/2}.bento-post{z-index:4;grid-row:2/3}.bento-pin{z-index:3;grid-row:3/4}.content-card--reel{animation-delay:80ms,0s}.content-card--carousel{animation-delay:.2s,-2s}.content-card--post{animation-delay:.32s,-4s}.content-card--pin{animation-delay:.44s,-1s}.content-card{background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 1px 0 var(--inset-glint) inset, 0 20px 40px -20px color-mix(in oklab, var(--sea-ink) 30%, transparent), 0 6px 14px -6px color-mix(in oklab, var(--sea-ink) 20%, transparent);z-index:2;will-change:transform;border-radius:18px;animation-name:content-card-in;animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;position:relative;overflow:hidden}@keyframes content-card-in{0%{opacity:0;transform:translate(var(--tx,0), var(--ty,24px)) rotate(var(--r,0deg)) scale(.96)}to{opacity:1;transform:translate(0, 0) rotate(var(--r,0deg)) scale(1)}}.content-card:after{content:"";pointer-events:none;border-radius:inherit;z-index:6;position:absolute;inset:0}.content-card{animation:.9s cubic-bezier(.16,1,.3,1) both content-card-in,8s ease-in-out infinite content-card-breathe}@keyframes content-card-breathe{0%,to{translate:0}50%{translate:0 -4px}}@supports (translate:0 0){@keyframes content-card-breathe{0%,to{translate:0}50%{translate:0 -4px}}}.content-card:hover{z-index:9}.content-card--reel:hover{--r:-1deg;translate:0 -6px}.content-card--carousel:hover{--r:2deg;translate:0 -6px}.content-card--post:hover{--r:-1deg;translate:0 -6px}.content-card--pin:hover{--r:3deg;translate:0 -6px}.content-card-image-wrap{border-radius:inherit;background:var(--tide);width:100%;height:100%;position:relative;overflow:hidden}.content-card-image{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.16,1,.3,1);display:block}.content-card-image.is-shipping{animation:6.5s ease-in-out infinite alternate content-card-zoom}@keyframes content-card-zoom{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-2%,-1%)}}.content-card-vignette{pointer-events:none;background:linear-gradient(#0000006b 0%,#0000 24%),linear-gradient(#0000 60%,#0000008c 100%);position:absolute;inset:0}.content-card-bars{z-index:3;gap:3px;display:flex;position:absolute;top:10px;left:10px;right:10px}.content-card-bar{background:#ffffff59;border-radius:999px;flex:1;height:2px}.content-card-bar.is-on{background:#fff}.content-card-head{z-index:3;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000059;justify-content:space-between;align-items:center;gap:8px;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:22px;left:12px;right:12px}.content-card-platform{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#0009;border-radius:999px;padding:4px 8px;font-size:.6875rem;font-weight:600}.content-card-handle{font-family:var(--font-mono);opacity:.92;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:none;white-space:nowrap;background:#0000008c;border-radius:999px;padding:2px 7px;font-size:.6875rem}.content-card-hook{z-index:3;color:#fff;font-family:var(--font-heading);letter-spacing:-.015em;text-shadow:0 1px 3px #00000080;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(.875rem,1.05vw,1.0625rem);font-weight:600;line-height:1.22;position:absolute;bottom:52px;left:12px;right:12px}.content-card--reel .content-card-hook{font-size:clamp(1.0625rem,1.35vw,1.375rem);line-height:1.18}.content-card--carousel .content-card-hook{font-size:clamp(.8125rem,.95vw,.9375rem);line-height:1.22;bottom:48px}.content-card--post .content-card-hook{font-size:clamp(.8125rem,1vw,1rem);line-height:1.22;bottom:44px}.content-card--pin .content-card-hook{letter-spacing:-.01em;font-size:clamp(.625rem,.7vw,.75rem);line-height:1.25;bottom:32px}.content-card-foot{z-index:3;color:#fff;text-shadow:0 1px 2px #00000059;justify-content:space-between;align-items:center;gap:8px;font-size:.6875rem;font-weight:500;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.content-card-meta{font-family:var(--font-mono);letter-spacing:.02em;opacity:.92;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.content-card-actions{font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.content-card-actions svg{width:.75rem;height:.75rem}.content-card-actions>span+svg,.content-card-actions>svg+span{margin-left:2px}.content-card-actions>span:not(:last-child){margin-right:5px}.content-card-peek{object-fit:cover;object-position:left center;z-index:2;pointer-events:none;width:24%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 40%);mask-image:linear-gradient(270deg,#0000 0%,#000 40%)}.content-card-page-counter{z-index:3;font-family:var(--font-mono);letter-spacing:.05em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:999px;padding:2px 7px;font-size:.625rem;font-weight:600;position:absolute;top:12px;right:12px}.content-card-dots{z-index:3;align-items:center;gap:4px;display:flex;position:absolute;bottom:38px;left:50%;translate:-50%}.content-card-dot{background:#ffffff73;border-radius:50%;width:5px;height:5px;transition:width .3s,background .3s}.content-card-dot.is-on{background:#fff;border-radius:999px;width:16px}.content-card-pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--surface-strong);color:var(--sea-ink);border:1px solid var(--line);box-shadow:0 4px 10px -3px color-mix(in oklab, var(--sea-ink) 30%, transparent);z-index:7;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;font-weight:600;display:inline-flex;position:absolute;top:38px;right:10px}.content-card-pill.is-shipping{padding:6px 12px;font-size:.6875rem;inset:50% auto auto 50%;transform:translate(-50%,50%)}.content-card-pill-dot{background:var(--lagoon);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--lagoon) 30%, transparent);border-radius:50%;animation:1.6s ease-in-out infinite content-pill-pulse}@keyframes content-pill-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.content-card-pill--live{background:var(--palm);color:#fff;border-color:#0000;font-weight:700}.content-card-pill--shipping{background:var(--lagoon);color:#fff;border-color:#0000}.content-card-pill--approved{color:var(--palm-deep);background:var(--palm-soft);border-color:color-mix(in oklab, var(--palm) 30%, transparent)}.content-card-pill--draft{color:var(--sea-ink-soft)}.content-card-pill--scheduled{color:var(--lagoon-deep);background:var(--lagoon-soft);border-color:color-mix(in oklab, var(--lagoon) 30%, transparent)}.content-card-progress{background:#ffffff47;border-radius:999px;width:28px;height:2px;margin-left:4px;display:inline-block;overflow:hidden}.content-card-progress>span{border-radius:inherit;background:#fff;height:100%;transition:width 80ms linear;display:block}@media (prefers-reduced-motion:reduce){.content-card,.content-card-image.is-shipping,.content-card-pill-dot{animation:none!important}}.pm-builder{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px 0 var(--inset-glint) inset;font-feature-settings:"ss01", "cv11";border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.pm-builder-head{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--surface-strong) 80%, var(--bg-base));justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.pm-builder-title{color:var(--sea-ink-soft);letter-spacing:-.005em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.pm-dot{background:var(--lagoon);width:.4rem;height:.4rem;box-shadow:0 0 0 3px color-mix(in oklab, var(--lagoon) 18%, transparent);border-radius:50%}.pm-builder-actions{gap:.375rem;display:flex}.pm-builder-btn{letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--line);color:var(--sea-ink-soft);background:0 0;border-radius:.5rem;padding:.3125rem .625rem;font-size:.6875rem;font-weight:600}.pm-builder-btn.is-primary{background:var(--sea-ink);color:var(--bg-base);border-color:var(--sea-ink)}.pm-builder-body{background:var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1px;display:grid}.pm-builder-flagship .pm-builder-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.95fr)}@media (width<=720px){.pm-builder-body,.pm-builder-flagship .pm-builder-body{grid-template-columns:1fr}}.pm-strip{background:color-mix(in oklab, var(--surface-strong) 92%, var(--bg-base));flex-direction:column;gap:0;padding:.5rem;display:flex}.pm-scene-row{cursor:default;border:1px solid #0000;border-radius:.625rem;grid-template-columns:.75rem 1.25rem 3rem 1fr;align-items:center;gap:.5rem;padding:.5rem;display:grid}.pm-scene-row.is-active{background:color-mix(in oklab, var(--lagoon) 8%, var(--surface));border-color:color-mix(in oklab, var(--lagoon) 38%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--lagoon) 14%, transparent) inset, 0 2px 8px #6366f11a}.pm-grip{color:color-mix(in oklab, var(--sea-ink-soft) 60%, transparent)}.pm-scene-num{font-variant-numeric:tabular-nums;color:var(--sea-ink-soft);letter-spacing:.04em;font-size:.6875rem;font-weight:700}.pm-scene-thumb{background:color-mix(in oklab, var(--sea-ink) 6%, var(--surface));border:1px solid var(--line);border-radius:.375rem;width:3rem;height:2rem;position:relative;overflow:hidden}.pm-scene-thumb-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pm-skeleton{background:linear-gradient(100deg, color-mix(in oklab, var(--sea-ink-soft) 18%, transparent) 0%, color-mix(in oklab, var(--lagoon) 22%, transparent) 50%, color-mix(in oklab, var(--sea-ink-soft) 18%, transparent) 100%);background-size:220% 100%;border-radius:.1875rem;animation:1.8s linear infinite pm-shimmer;position:absolute;inset:.1875rem}@keyframes pm-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.pm-scene-body{min-width:0}.pm-scene-label{color:var(--sea-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.2;overflow:hidden}.pm-scene-meta{font-variant-numeric:tabular-nums;color:var(--sea-ink-soft);align-items:center;gap:.4rem;margin-top:.1875rem;font-size:.6875rem;display:flex}.pm-lock-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--lagoon-deep);background:color-mix(in oklab, var(--lagoon) 12%, transparent);border:1px solid color-mix(in oklab, var(--lagoon) 32%, transparent);border-radius:999px;align-items:center;gap:.1875rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700;display:inline-flex}.pm-regen-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--palm);border:1px solid color-mix(in oklab, var(--palm) 30%, transparent);background:color-mix(in oklab, var(--palm) 8%, transparent);border-radius:999px;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.pm-preview{background:color-mix(in oklab, var(--bg-base) 65%, var(--surface));flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.pm-preview-chrome{align-items:center;gap:.375rem;padding-bottom:.25rem;display:flex}.pm-preview-dot{background:color-mix(in oklab, var(--sea-ink-soft) 35%, transparent);border-radius:50%;width:.4rem;height:.4rem}.pm-preview-title{text-transform:uppercase;letter-spacing:.08em;color:var(--sea-ink-soft);margin-left:.25rem;font-size:.625rem;font-weight:700}.pm-preview-canvas{background:linear-gradient(170deg, color-mix(in oklab, var(--palm) 16%, var(--surface)) 0%, var(--surface) 60%);border:1px solid var(--line);border-radius:.625rem;flex-direction:column;flex:1;justify-content:space-between;min-height:12rem;padding:.75rem;display:flex;position:relative}.pm-preview-hook{color:var(--sea-ink);align-items:flex-start;gap:.4rem;max-width:75%;font-size:.75rem;font-weight:600;line-height:1.3;display:flex}.pm-preview-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--lagoon-deep);background:color-mix(in oklab, var(--lagoon) 12%, transparent);border-radius:.25rem;flex-shrink:0;margin-top:.1rem;padding:.0625rem .3125rem;font-size:.5625rem;font-weight:700}.pm-preview-product{justify-content:center;align-items:center;padding:.75rem 0;display:flex}.pm-preview-product-frame{background:radial-gradient(ellipse at 35% 30%, color-mix(in oklab, white 40%, var(--surface)) 0%, transparent 55%), linear-gradient(160deg, color-mix(in oklab, var(--lagoon) 18%, var(--surface)), color-mix(in oklab, var(--palm) 22%, var(--surface)));border:1px solid var(--line);width:4.5rem;height:4.5rem;box-shadow:0 1px 0 var(--inset-glint) inset, 0 12px 24px #0f172a29;border-radius:.625rem}.pm-preview-cta{background:var(--sea-ink);color:var(--bg-base);letter-spacing:-.005em;border-radius:999px;align-self:flex-start;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.pm-preview-rail{gap:.25rem;display:flex}.pm-preview-rail-mark{background:color-mix(in oklab, var(--sea-ink-soft) 30%, transparent);border-radius:999px;flex:1;height:.25rem}.pm-preview-rail-mark.is-on{background:var(--lagoon)}.pm-props{background:var(--surface);flex-direction:column;gap:.75rem;padding:.875rem .875rem 1rem;display:flex}.pm-props-section{flex-direction:column;gap:.375rem;display:flex}.pm-props-label{color:var(--sea-ink);letter-spacing:-.005em;font-size:.6875rem;font-weight:700}.pm-props-time{color:var(--sea-ink-soft);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:600}.pm-props-h{letter-spacing:.1em;text-transform:uppercase;color:var(--sea-ink-soft);margin-bottom:.125rem;font-size:.5625rem;font-weight:700}.pm-toggles{flex-wrap:wrap;gap:.25rem;display:flex}.pm-toggle{border:1px solid var(--line);color:var(--sea-ink-soft);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);border-radius:.375rem;align-items:center;gap:.25rem;padding:.1875rem .4375rem;font-size:.625rem;font-weight:600;display:inline-flex}.pm-toggle.is-on{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon) 40%, transparent);background:color-mix(in oklab, var(--lagoon) 10%, transparent)}.pm-regen-row{flex-wrap:wrap;gap:.25rem;display:flex}.pm-regen-btn{border:1px solid var(--line);color:var(--sea-ink);cursor:default;background:0 0;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.pm-regen-btn.is-primary{background:var(--sea-ink);color:var(--bg-base);border-color:var(--sea-ink)}.pm-meter{background:color-mix(in oklab, var(--sea-ink-soft) 18%, transparent);border-radius:999px;height:.25rem;overflow:hidden}.pm-meter-fill{background:var(--lagoon);width:60%;height:100%}.pm-plan{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px 0 var(--inset-glint) inset;border-radius:1rem;overflow:hidden}.pm-plan-head{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--surface-strong) 80%, var(--bg-base));justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.25rem;display:flex}.pm-plan-week{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.02em;font-size:.9375rem;font-weight:700}.pm-plan-sub{color:var(--sea-ink-soft);margin-top:.125rem;font-size:.75rem}.pm-plan-stats{flex-shrink:0;gap:1rem;display:flex}.pm-plan-stat{text-transform:uppercase;letter-spacing:.1em;color:var(--sea-ink-soft);flex-direction:column;align-items:flex-end;font-size:.5625rem;font-weight:700;display:flex}.pm-plan-stat strong{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:.0625rem;font-size:1.125rem;font-weight:800}.pm-plan-list{margin:0;padding:0;list-style:none}.pm-plan-row{border-top:1px solid var(--line);grid-template-columns:3rem 1fr 1.4fr auto;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:background .18s;display:grid}.pm-plan-row:first-child{border-top:0}.pm-plan-row.is-active{background:color-mix(in oklab, var(--lagoon) 6%, transparent)}@media (width<=720px){.pm-plan-row{grid-template-columns:3rem 1fr auto}.pm-plan-row .pm-product-chips{display:none}}.pm-score{background:color-mix(in oklab, var(--sea-ink) 4%, var(--surface));border:1px solid var(--line);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.pm-score-num{font-family:var(--font-heading);color:var(--sea-ink);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:800;line-height:1}.pm-score-cap{text-transform:uppercase;letter-spacing:.1em;color:var(--sea-ink-soft);margin-top:.125rem;font-size:.5rem;font-weight:700}.pm-plan-content{min-width:0}.pm-plan-type{color:var(--sea-ink);letter-spacing:-.005em;font-size:.875rem;font-weight:700}.pm-plan-platform{color:var(--sea-ink-soft);margin-top:.125rem;font-size:.75rem}.pm-product-chips{flex-wrap:wrap;gap:.3125rem;min-width:0;display:flex}.pm-product-chip{border:1px solid var(--line);color:var(--sea-ink-soft);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);border-radius:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.pm-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.3125rem .5625rem;font-size:.625rem;font-weight:700}.pm-status-drafted{color:var(--lagoon-deep);background:color-mix(in oklab, var(--lagoon) 12%, transparent);border:1px solid color-mix(in oklab, var(--lagoon) 35%, transparent)}.pm-status-reviewing{color:var(--palm);background:color-mix(in oklab, var(--palm) 10%, transparent);border:1px solid color-mix(in oklab, var(--palm) 30%, transparent)}.pm-status-queued{color:var(--sea-ink-soft);background:var(--surface);border:1px solid var(--line)}.pm-status-planning{color:var(--sea-ink-soft);border:1px dashed color-mix(in oklab, var(--sea-ink-soft) 36%, transparent);background:0 0}.content-anchor-grid{border:1px solid var(--line);background:var(--line);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}@media (width>=1024px){.content-anchor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.content-anchor{background:var(--bg-base);cursor:default;flex-direction:column;gap:.75rem;min-width:0;padding:1.5rem 1.5rem 1.625rem;transition:background .24s,transform .24s;display:flex;position:relative}.content-anchor:hover{background:var(--lagoon-soft);transform:translateY(-2px)}.content-anchor-head{align-items:center;gap:.625rem;display:flex}.content-anchor-disc{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.content-anchor-name{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--sea-ink);font-size:1.0625rem;font-weight:700}.content-anchor-desc{font-size:.8125rem;line-height:1.5}.content-secondary-tape{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:0;padding:0;list-style:none;display:grid}@media (width>=768px){.content-secondary-tape{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-secondary-tile{border-left:1px solid var(--line);align-items:center;gap:.75rem;min-width:0;padding:.875rem 1.25rem;transition:background .22s;display:flex}@media (width>=768px){.content-secondary-tile:nth-child(3n+1){border-left:0}.content-secondary-tile:nth-child(n+4){border-top:1px solid var(--line)}}@media (width<=767px){.content-secondary-tile{border-left:0;border-top:1px solid var(--line)}.content-secondary-tile:first-child{border-top:0}}.content-secondary-tile:hover{background:var(--tide)}.content-secondary-icon{width:1.125rem;height:1.125rem;color:var(--lagoon);flex-shrink:0}.content-secondary-name{font-family:var(--font-heading);letter-spacing:-.012em;color:var(--sea-ink);font-size:.875rem;font-weight:700;line-height:1.2;display:block}.content-secondary-desc{color:var(--sea-ink-soft);letter-spacing:.01em;margin-top:2px;font-size:.6875rem;line-height:1.3;display:block}.ticker-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.875rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ticker-tape{align-items:center;gap:2rem;width:max-content;animation:50s linear infinite tape-scroll;display:flex}.ticker-wrap:hover .ticker-tape{animation-play-state:paused}.ticker-item{font-family:var(--font-heading);letter-spacing:-.01em;white-space:nowrap;color:var(--sea-ink);align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:inline-flex}.ticker-item svg{color:var(--lagoon);flex-shrink:0}.ticker-item:hover{color:var(--lagoon-deep)}.ticker-item+.ticker-item:before{content:"";background:color-mix(in oklab, var(--sea-ink) 20%, transparent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:1.5rem;display:inline-block}@keyframes tape-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.flow-diagram{flex-wrap:wrap;align-items:center;gap:0;margin-top:2rem;display:flex}.flow-step{align-items:center;gap:0;display:flex}.flow-chip{border:1px solid var(--chip-line);background:var(--chip-bg);border-radius:.75rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.flow-connector{width:2rem;height:1.5rem;color:var(--lagoon);opacity:.5;flex-shrink:0}.platform-card{transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.platform-card:after{content:"";opacity:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 30% 50%, var(--platform-color,var(--lagoon)) 0%, transparent 70%);transition:opacity .28s;position:absolute;inset:0}.platform-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a24}.platform-card:hover:after{opacity:.08}.cta-section{position:relative}.cta-glow{display:none}.cta-shell{background:var(--bg-base);border:1px solid var(--line);box-shadow:0 1px 0 var(--inset-glint) inset;border-radius:1.5rem}.cta-mark{background:linear-gradient(90deg, var(--lagoon) 0%, var(--lagoon) 32%, var(--palm) 32%, var(--palm) 52%, transparent 52%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.dot-row{align-items:center;gap:1.5rem;height:12px;display:flex}.dot-row:before,.dot-row:after{content:"";background:var(--line);flex:1;height:1px}.dot{background:var(--lagoon);opacity:.4;border-radius:50%;flex-shrink:0;width:3px;height:3px}.rise-d0{animation-delay:0s}.rise-d1{animation-delay:80ms}.rise-d2{animation-delay:.16s}.rise-d3{animation-delay:.24s}.rise-d4{animation-delay:.32s}.rise-d5{animation-delay:.4s}.rise-d6{animation-delay:.48s}.rise-d7{animation-delay:.56s}.fontpicker{font-size:12px;background:var(--background)!important;border:1px solid var(--input)!important;border-radius:calc(var(--radius) - 2px)!important}.fontpicker__preview{-webkit-filter:none!important}.dark .fontpicker__preview{-webkit-filter:invert()!important}.fontpicker__search{background-color:var(--background)!important;color:var(--foreground)!important;border-radius:calc(var(--radius) - 2px)!important;padding:0 8px!important;font-size:12px!important}.fontpicker__search::placeholder{color:var(--muted-foreground)}.fontpicker__search:focus{outline-offset:-1px;outline:1px solid var(--ring)!important}.fontpicker__popout{margin-top:4px;box-shadow:0 8px 24px -8px oklch(0% 0 0/.15);background:var(--popover)!important;border:1px solid var(--border)!important;border-radius:calc(var(--radius) - 2px)!important;z-index:50!important}.fontpicker__listbox{background:var(--popover)!important}.fontpicker__option{-webkit-filter:none!important}.dark .fontpicker__option{-webkit-filter:invert()!important}.fontpicker__option.current,.fontpicker__option:hover{background:var(--accent)!important}.fontpicker__option.selected{background:color-mix(in oklch, var(--accent) 80%, var(--foreground) 20%)!important}.fontpicker__nomatches{font-size:12px;background:var(--popover)!important;color:var(--muted-foreground)!important}.peppyhop-color-popover .react-colorful{gap:8px;width:100%!important;height:auto!important}.peppyhop-color-popover .react-colorful__saturation{aspect-ratio:1;border-bottom:none;border-radius:6px}.peppyhop-color-popover .react-colorful__hue,.peppyhop-color-popover .react-colorful__alpha{border-radius:999px;height:10px}.peppyhop-color-popover .react-colorful__pointer{border-width:2px;width:14px;height:14px}.peppyhop-color-popover .react-colorful__last-control{border-radius:999px}.peppyhop-meter{cursor:pointer}.peppyhop-meter::-webkit-slider-runnable-track{background:var(--muted);border-radius:999px;height:4px}.peppyhop-meter::-moz-range-track{background:var(--muted);border-radius:999px;height:4px}.peppyhop-meter::-webkit-slider-thumb{appearance:none;background:var(--background);border:2px solid var(--primary);border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .1s}.peppyhop-meter::-webkit-slider-thumb:hover{transform:scale(1.15)}.peppyhop-meter::-moz-range-thumb{background:var(--background);border:2px solid var(--primary);cursor:pointer;border-radius:50%;width:12px;height:12px}.peppyhop-meter:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ring);outline-offset:2px}.hero-anim{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px 0 var(--inset-glint) inset;font-family:var(--font-sans);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.hero-anim-status{border-bottom:1px solid var(--line);background:var(--tide);align-items:center;gap:.5rem;padding:.6875rem .9375rem;font-size:.75rem;display:flex}.hero-anim-pulse{background:var(--palm);border-radius:50%;flex-shrink:0;width:.4375rem;height:.4375rem;position:relative}.hero-anim-pulse:before{content:"";background:var(--palm);opacity:.35;border-radius:50%;animation:2s ease-out infinite hero-anim-pulse;position:absolute;inset:-3px}@keyframes hero-anim-pulse{0%{opacity:.5;transform:scale(.7)}60%{opacity:0}to{opacity:0;transform:scale(2)}}.hero-anim-status-name{color:var(--sea-ink);font-weight:700}.hero-anim-status-meta{color:var(--sea-ink-soft);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);letter-spacing:.01em;flex:1;font-size:.6875rem;overflow:hidden}.hero-anim-status-live{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--palm-deep);background:var(--palm-soft);border:1px solid color-mix(in oklab, var(--palm) 30%, transparent);border-radius:999px;padding:.1875rem .5rem;font-size:.625rem;font-weight:600}.hero-anim-body{border-bottom:1px solid var(--line);flex-direction:column;gap:.75rem;padding:.875rem;display:flex}.hero-anim-section-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sea-ink-soft);align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:500;display:flex}.hero-anim-section-meta{text-transform:none;letter-spacing:0;color:var(--sea-ink-soft);margin-left:auto;font-size:.6875rem;font-weight:500}.hero-anim-card-stage{background:var(--lagoon-soft);border:1px solid color-mix(in oklab, var(--lagoon) 22%, var(--line));border-radius:.75rem;align-items:center;min-height:8.5rem;padding:.875rem;display:flex;position:relative}.hero-anim-card{flex-direction:column;gap:.625rem;width:100%;animation:.42s cubic-bezier(.16,1,.3,1) both hero-anim-card-in;display:flex}@keyframes hero-anim-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-anim-card-row{color:var(--sea-ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.hero-anim-card-type{font-family:var(--font-heading);color:var(--lagoon-deep);letter-spacing:-.018em;font-weight:700}.hero-anim-card-dot{background:var(--sea-ink-soft);opacity:.5;border-radius:50%;width:.1875rem;height:.1875rem}.hero-anim-card-platform{color:var(--sea-ink);font-weight:600}.hero-anim-card-hook{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.018em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.32}.hero-anim-card-products{flex-wrap:wrap;gap:.3125rem;display:flex}.hero-anim-card-chip{font-family:var(--font-mono);border:1px solid var(--line);color:var(--sea-ink-soft);background:var(--surface);letter-spacing:.01em;border-radius:.375rem;padding:.1875rem .4375rem;font-size:.6875rem;font-weight:500}.hero-anim-card-chip.is-more{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon) 30%, transparent);background:color-mix(in oklab, var(--lagoon) 8%, transparent)}.hero-anim-pager{justify-content:center;align-items:center;gap:.375rem;display:flex}.hero-anim-pager-dot{background:color-mix(in oklab, var(--sea-ink-soft) 28%, transparent);border-radius:50%;width:.3125rem;height:.3125rem;transition:background .2s,width .2s}.hero-anim-pager-dot.is-on{background:var(--lagoon);border-radius:999px;width:1rem}.hero-anim-metrics{background:var(--tide);border-top:1px solid var(--line);padding:.875rem .9375rem .9375rem}.hero-anim-metrics-head{letter-spacing:.06em;text-transform:uppercase;color:var(--sea-ink-soft);align-items:center;gap:.4375rem;margin-bottom:.625rem;font-size:.6875rem;font-weight:700;display:flex}.hero-anim-metrics-row{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}.hero-anim-metric{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.125rem .5rem;min-width:0;display:grid}.hero-anim-metric-value{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--sea-ink);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:1.5rem;font-weight:700;line-height:1.05}.hero-anim-metric-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sea-ink-soft);grid-area:2/1;font-size:.625rem;font-weight:600}.hero-anim-metric-bars{grid-area:1/2/span 2;align-items:flex-end;gap:2px;width:2.75rem;height:1.75rem;display:inline-flex}.hero-anim-metric-bar{background:color-mix(in oklab, var(--lagoon) 80%, transparent);transform-origin:bottom;border-radius:1px;flex:1;animation:.7s cubic-bezier(.16,1,.3,1) both hero-anim-bar-rise}@keyframes hero-anim-bar-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.demo-frame{border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 1px 0 var(--inset-glint) inset;color:var(--sea-ink);font-family:var(--font-sans);border-radius:1rem;overflow:hidden}.demo-nav{border-bottom:1px solid var(--line);background:var(--tide);align-items:stretch;gap:0;padding:.4375rem;display:flex;overflow-x:auto}.demo-nav-step{color:var(--sea-ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.4375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:color .16s,background .16s;display:flex}.demo-nav-step:disabled{cursor:not-allowed;opacity:.5}.demo-nav-step:not(:disabled):hover{color:var(--sea-ink);background:color-mix(in oklab, var(--lagoon) 6%, transparent)}.demo-nav-step.is-active{color:var(--sea-ink);background:color-mix(in oklab, var(--lagoon) 12%, transparent)}.demo-nav-num{width:1.125rem;height:1.125rem;color:var(--sea-ink-soft);background:color-mix(in oklab, var(--sea-ink-soft) 14%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.demo-nav-step.is-active .demo-nav-num{background:var(--lagoon);color:#fff}.demo-nav-step.is-done .demo-nav-num{background:var(--palm);color:#fff}.demo-stage{animation:.28s cubic-bezier(.16,1,.3,1) both demo-fade-in}@keyframes demo-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-stage-wrap{flex-direction:column;gap:1.25rem;min-height:420px;padding:1.5rem 1.5rem 1rem;display:flex}.demo-stage-head{flex-direction:column;gap:.375rem;display:flex}.demo-stage-title{font-family:var(--font-heading);color:var(--sea-ink);letter-spacing:-.022em;font-size:1.25rem;font-weight:700;line-height:1.2}.demo-stage-sub{color:var(--sea-ink-soft);max-width:60ch;font-size:.875rem;line-height:1.55}.demo-stage-body{flex:1}.demo-input{border:1px solid var(--line);background:var(--surface);min-width:0;height:2.5rem;color:var(--sea-ink);border-radius:.625rem;outline:none;flex:1;padding:0 .875rem;font-family:inherit;font-size:.875rem}.demo-input:focus{border-color:color-mix(in oklab, var(--lagoon) 50%, var(--line));box-shadow:0 0 0 3px color-mix(in oklab, var(--lagoon) 14%, transparent)}.demo-input:disabled{opacity:.7;cursor:not-allowed}.demo-input-icon{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--sea-ink-soft);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.demo-btn{border:1px solid var(--line);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;height:2.5rem;color:var(--sea-ink);background:var(--surface);border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.8125rem;font-weight:700;transition:background .16s,color .16s,border-color .16s,opacity .16s;display:inline-flex}.demo-btn:disabled{opacity:.55;cursor:not-allowed}.demo-btn-sm{height:1.875rem;padding:0 .625rem;font-size:.75rem}.demo-btn-block{width:100%}.demo-btn-primary{background:var(--lagoon);color:#fff;border-color:#0000}.demo-btn-primary:not(:disabled):hover{background:var(--lagoon-deep)}.demo-btn-ghost{background:0 0}.demo-btn-ghost:not(:disabled):hover{background:color-mix(in oklab, var(--sea-ink-soft) 8%, transparent)}.demo-icon-btn{border:1px solid var(--line);background:var(--surface);width:1.5rem;height:1.5rem;color:var(--sea-ink-soft);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.demo-icon-btn:disabled{opacity:.3;cursor:not-allowed}.demo-mini-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sea-ink);font-size:.6875rem;font-weight:700}.demo-mini-meta{color:var(--sea-ink-soft);font-variant-numeric:tabular-nums;font-size:.6875rem}.demo-footer{border-top:1px solid var(--line);background:var(--tide);justify-content:space-between;align-items:center;gap:1rem;padding:.9375rem 1.5rem;display:flex}.demo-footer-hint{color:var(--sea-ink-soft);font-size:.75rem}.demo-footer-hint.is-ready{color:var(--palm);font-weight:600}.demo-connect-body{flex-direction:column;gap:1.25rem;display:flex}.demo-connect-input-row{gap:.5rem;display:flex}.demo-connect-catalog{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:.875rem 1rem}.demo-connect-catalog-head{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.demo-product-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.demo-product-card{aspect-ratio:5/6;border:1px solid var(--line);background:color-mix(in oklab, var(--sea-ink) 4%, var(--surface));border-radius:.75rem;transition:opacity .32s,transform .32s;position:relative;overflow:hidden}.demo-product-card.is-out{opacity:0;pointer-events:none;transform:translateY(6px)}.demo-product-card.is-in{opacity:1;transform:translateY(0)}.demo-product-card-img{object-fit:cover;width:100%;height:100%;display:block}.demo-product-card-label{letter-spacing:-.005em;color:#fff;text-shadow:0 1px 8px #00000080;background:linear-gradient(#0000 0%,#0f172ac7 70%);padding:1.5rem .625rem .5rem;font-size:.75rem;font-weight:700;line-height:1.25;position:absolute;inset:auto 0 0}.demo-plan-list{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;margin:0;padding:0;list-style:none;overflow:hidden}.demo-plan-row{border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .16s;display:grid}.demo-plan-row:first-child{border-top:0}.demo-plan-row.is-picked{background:color-mix(in oklab, var(--lagoon) 5%, transparent)}.demo-plan-row.is-drafted{background:color-mix(in oklab, var(--palm) 4%, transparent)}@media (width<=720px){.demo-plan-row{grid-template-columns:2.5rem 1fr auto}.demo-plan-chips{display:none}}.demo-plan-score{background:color-mix(in oklab, var(--sea-ink) 4%, var(--surface));border:1px solid var(--line);border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.demo-plan-score-num{color:var(--sea-ink);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:800;line-height:1}.demo-plan-score-cap{text-transform:uppercase;letter-spacing:.1em;color:var(--sea-ink-soft);margin-top:.1875rem;font-size:.5rem;font-weight:700}.demo-plan-type{color:var(--sea-ink);font-size:.875rem;font-weight:700}.demo-plan-platform{color:var(--sea-ink-soft);margin-top:.125rem;font-size:.75rem}.demo-plan-chips{flex-wrap:wrap;gap:.25rem;display:flex}.demo-chip{border:1px solid var(--line);color:var(--sea-ink-soft);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);border-radius:.375rem;padding:.1875rem .4375rem;font-size:.6875rem;font-weight:600}.demo-generate-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.25rem;display:grid}@media (width<=760px){.demo-generate-body{grid-template-columns:1fr}}.demo-form{flex-direction:column;gap:.75rem;display:flex}.demo-field{flex-direction:column;gap:.3125rem;min-width:0;display:flex}.demo-field-row{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.demo-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sea-ink-soft);font-size:.6875rem;font-weight:700}.demo-segmented{border:1px solid var(--line);background:var(--surface);border-radius:.625rem;height:2.5rem;display:inline-flex;overflow:hidden}.demo-segmented-btn{color:var(--sea-ink-soft);cursor:pointer;background:0 0;border:0;flex:1;padding:0 .625rem;font-size:.75rem;font-weight:600}.demo-segmented-btn+.demo-segmented-btn{border-left:1px solid var(--line)}.demo-segmented-btn.is-on{color:var(--sea-ink);background:color-mix(in oklab, var(--lagoon) 10%, transparent)}.demo-select-stub{border:1px solid var(--line);background:var(--surface);height:2.5rem;color:var(--sea-ink);border-radius:.625rem;justify-content:space-between;align-items:center;padding:0 .875rem;font-size:.8125rem;font-weight:600;display:flex}.demo-preview{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.demo-preview-head{justify-content:space-between;align-items:center;display:flex}.demo-preview-canvas{background:linear-gradient(170deg, color-mix(in oklab, var(--lagoon) 14%, var(--surface)) 0%, var(--surface) 70%);border:1px solid var(--line);border-radius:.625rem;padding:0;display:block;position:relative;overflow:hidden}.demo-preview-9x16{aspect-ratio:9/16;width:100%;max-width:13rem;min-height:0;margin-inline:auto}.demo-preview-1x1{aspect-ratio:1;width:100%;max-width:18rem;min-height:0;margin-inline:auto}.demo-preview-16x9{aspect-ratio:16/9;width:100%;max-width:22rem;min-height:0;margin-inline:auto}.demo-preview-loading{color:var(--sea-ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex;position:absolute;inset:0}.demo-preview-stack{isolation:isolate;border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}.demo-preview-bg-img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-preview-overlay{z-index:1;background:linear-gradient(#0f172a52 0%,#0f172a00 30% 60%,#0f172aa6 100%);flex-direction:column;justify-content:space-between;padding:.75rem;display:flex;position:absolute;inset:0}.demo-preview-hook{color:#fff;text-shadow:0 1px 12px #00000080;align-items:flex-start;gap:.4rem;max-width:90%;font-size:.8125rem;font-weight:700;line-height:1.3;display:flex}.demo-preview-tag{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--lagoon);text-shadow:none;border-radius:.25rem;flex-shrink:0;margin-top:.1rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:800}.demo-preview-cta{color:var(--sea-ink);background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #0f172a4d}.demo-preview-empty{text-align:center;color:var(--sea-ink-soft);justify-content:center;align-items:center;max-width:30ch;margin:0 auto;padding:1rem;font-size:.8125rem;display:flex;position:absolute;inset:0}.demo-build-body{grid-template-columns:minmax(0,1.1fr) auto minmax(0,.9fr);align-items:start;gap:1rem;display:grid}@media (width<=960px){.demo-build-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.demo-build-preview{flex-direction:row;grid-column:1/-1;align-items:center;gap:1rem}}@media (width<=720px){.demo-build-body{grid-template-columns:1fr}.demo-build-preview{flex-direction:column}}.demo-build-preview{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.demo-build-preview-head{justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;display:flex}.demo-video-lg .demo-video-frame{width:14rem}.demo-video-sm .demo-video-frame{width:9rem}.demo-video-sm .demo-video-hook>span:last-child{font-size:.75rem}.demo-video-sm .demo-video-cta{padding:.375rem .625rem;font-size:.6875rem}.demo-video-sm .demo-video-meta{font-size:.5625rem}.demo-build-strip{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;flex-direction:column;gap:.25rem;margin:0;padding:.375rem;list-style:none;display:flex}.demo-build-scene{border:1px solid #0000;border-radius:.625rem;grid-template-columns:1fr auto;align-items:center;gap:.375rem;padding:.4375rem .5rem;display:grid}.demo-build-scene.is-selected{background:color-mix(in oklab, var(--lagoon) 8%, transparent);border-color:color-mix(in oklab, var(--lagoon) 36%, transparent)}.demo-build-scene-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:.75rem 1.5rem 3rem 1fr;align-items:center;gap:.625rem;min-width:0;padding:0;display:grid}.demo-grip{color:color-mix(in oklab, var(--sea-ink-soft) 60%, transparent)}.demo-build-scene-num{font-variant-numeric:tabular-nums;color:var(--sea-ink-soft);letter-spacing:.04em;font-size:.6875rem;font-weight:700}.demo-build-scene-thumb{background:color-mix(in oklab, var(--sea-ink) 6%, var(--surface));border:1px solid var(--line);border-radius:.375rem;flex-shrink:0;width:3rem;height:2rem;position:relative;overflow:hidden}.demo-build-scene-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.demo-shimmer{z-index:1;background:linear-gradient(100deg, color-mix(in oklab, var(--sea-ink-soft) 18%, transparent) 0%, color-mix(in oklab, var(--lagoon) 28%, transparent) 50%, color-mix(in oklab, var(--sea-ink-soft) 18%, transparent) 100%);border-radius:inherit;background-size:220% 100%;animation:1.1s linear infinite demo-shimmer;position:absolute;inset:0}@keyframes demo-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.demo-build-scene-info{min-width:0}.demo-build-scene-label{color:var(--sea-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.2;display:block;overflow:hidden}.demo-build-scene-meta{font-variant-numeric:tabular-nums;color:var(--sea-ink-soft);align-items:center;gap:.4rem;margin-top:.1875rem;font-size:.6875rem;display:flex}.demo-lock-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--lagoon-deep);background:color-mix(in oklab, var(--lagoon) 14%, transparent);border:1px solid color-mix(in oklab, var(--lagoon) 32%, transparent);border-radius:999px;align-items:center;gap:.1875rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700;display:inline-flex}.demo-regen-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--palm);border:1px solid color-mix(in oklab, var(--palm) 30%, transparent);background:color-mix(in oklab, var(--palm) 8%, transparent);border-radius:999px;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.demo-build-scene-actions{flex-direction:column;gap:.1875rem;display:flex}.demo-build-props{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;flex-direction:column;gap:.875rem;padding:.875rem;display:flex}.demo-build-prop-head{justify-content:space-between;align-items:center;display:flex}.demo-build-section{flex-direction:column;gap:.4375rem;display:flex}.demo-build-section-h{letter-spacing:.1em;text-transform:uppercase;color:var(--sea-ink-soft);font-size:.5625rem;font-weight:700}.demo-build-toggles{flex-wrap:wrap;gap:.25rem;display:flex}.demo-toggle{border:1px solid var(--line);color:var(--sea-ink-soft);background:color-mix(in oklab, var(--surface-strong) 70%, transparent);cursor:pointer;text-transform:lowercase;border-radius:.4375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.demo-toggle.is-on{color:var(--lagoon-deep);border-color:color-mix(in oklab, var(--lagoon) 40%, transparent);background:color-mix(in oklab, var(--lagoon) 10%, transparent)}.demo-build-regens{flex-wrap:wrap;gap:.375rem;display:flex}.demo-build-hint{color:var(--sea-ink-soft);border-top:1px solid var(--line);padding-top:.375rem;font-size:.75rem;line-height:1.5}.demo-ship-pre{border:1px dashed var(--line);border-radius:.875rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.demo-ship-pre-meta{color:var(--sea-ink-soft);margin:0;font-size:.8125rem}.demo-ship-done{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 2.5rem;padding:.5rem 0;display:flex}.demo-ship-done-side{flex-direction:column;gap:.625rem;width:16rem;min-width:0;max-width:100%;display:flex}.demo-ship-badge{letter-spacing:.02em;color:var(--palm);background:color-mix(in oklab, var(--palm) 10%, transparent);border:1px solid color-mix(in oklab, var(--palm) 28%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:.3125rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.demo-ship-done-title{letter-spacing:-.015em;color:var(--sea-ink);margin:.1875rem 0 0;font-size:1.125rem;font-weight:700}.demo-ship-done-caption{color:var(--sea-ink-soft);margin:0;font-size:.8125rem;line-height:1.45}.demo-ship-done-actions{flex-wrap:wrap;gap:.4375rem;margin-top:.4375rem;display:flex}.demo-ship-done-week{color:var(--sea-ink-soft);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.6875rem;display:flex}.demo-ship-done-week-bar{background:color-mix(in oklab, var(--sea-ink-soft) 18%, transparent);border-radius:999px;width:5rem;height:.25rem;display:inline-block;overflow:hidden}.demo-ship-done-week-bar>span{background:var(--lagoon);border-radius:999px;height:100%;display:block}.demo-ship-progress{flex-direction:column;gap:.4375rem;width:100%;max-width:26rem;display:flex}.demo-video{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;display:block}.demo-video-frame{aspect-ratio:9/16;background:var(--sea-ink);width:14rem;box-shadow:0 1px 0 var(--inset-glint) inset, 0 28px 56px #0f172a47, 0 8px 22px #0f172a2e;border-radius:1rem;position:relative;overflow:hidden}.demo-video-img{object-fit:cover;z-index:0;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-video-img-motion-0{animation:2.6s ease-out forwards demo-video-zoom-in}.demo-video-img-motion-1{transform-origin:30%;animation:2.6s ease-out forwards demo-video-pan-right}.demo-video-img-motion-2{animation:2.6s ease-out forwards demo-video-zoom-out}@keyframes demo-video-zoom-in{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes demo-video-pan-right{0%{transform:scale(1.08)translate(-2%)}to{transform:scale(1.12)translate(2%)}}@keyframes demo-video-zoom-out{0%{transform:scale(1.14)}to{transform:scale(1.02)}}.demo-video-bars{z-index:2;gap:.1875rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.demo-video-bar{background:#ffffff4d;border-radius:999px;flex:1;height:2px;overflow:hidden}.demo-video-bar-fill{background:#fff;height:100%;transition:width 60ms linear}.demo-video-meta{z-index:2;color:#fff;text-shadow:0 1px 6px #0009;justify-content:space-between;align-items:center;gap:.375rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:1.25rem;left:.5rem;right:.5rem}.demo-video-meta-platform{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none;background:#ffffff2e;border-radius:999px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.demo-video-hook{z-index:2;color:#fff;text-shadow:0 1px 12px #0000008c;background:linear-gradient(#0000,#0f172ab8 65%);flex-direction:column;align-items:flex-start;gap:.4375rem;padding:1.25rem .875rem 1rem;animation:.36s ease-out both demo-video-fade-up;display:flex;position:absolute;bottom:0;left:0;right:0}.demo-video-hook-tag{letter-spacing:.12em;text-transform:uppercase;background:var(--lagoon);text-shadow:none;border-radius:.25rem;padding:.125rem .375rem;font-size:.5625rem;font-weight:800}.demo-video-hook>span:last-child{max-width:95%;font-size:.9375rem;font-weight:700;line-height:1.3}.demo-video-cta{z-index:2;color:var(--sea-ink);background:#fff;border-radius:999px;align-items:center;gap:.4375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:700;animation:.36s ease-out both demo-video-fade-up;display:inline-flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a66,0 2px 6px #0f172a40}@keyframes demo-video-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-video-cta{animation-name:demo-video-cta-in}@keyframes demo-video-cta-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.demo-video-paused{z-index:3;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-progress-bar{background:color-mix(in oklab, var(--sea-ink-soft) 18%, transparent);border-radius:999px;height:.375rem;overflow:hidden}.demo-progress-fill{background:var(--lagoon);border-radius:999px;height:100%;transition:width .2s}.demo-ship-progress-label{color:var(--sea-ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.demo-ship-success{color:var(--palm);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}