/* Live page: same approved layout without the review window. */
html{color-scheme:light}

body{background:#fbfaf7}

#content-revamp{font-family:Inter,Arial,sans-serif}

#content-revamp .page{border:0;border-radius:0}

#content-revamp .nav{flex-wrap:wrap}

#content-revamp .mobile-nav{display:none}

#content-revamp .mobile-nav summary{list-style:none}

#content-revamp .mobile-nav summary::-webkit-details-marker{display:none}

#content-revamp .mobile-links{display:flex;flex-direction:column;gap:16px;padding:20px 0 5px;font-size:14px}

#content-revamp .footer nav{display:flex;flex-wrap:wrap;gap:16px}

#content-revamp .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#content-revamp .order-form .order-details{padding:16px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#fff}

#content-revamp .order-details label{display:block;font-size:12px;margin:10px 0 7px}

#content-revamp .order-details input,#content-revamp .order-details textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:14px Inter,Arial,sans-serif}

#content-revamp .order-details textarea{resize:vertical;min-height:75px}

#content-revamp .form-status{font-size:12px;line-height:1.5;margin:12px 0 0;color:#6030b0}

#content-revamp .form-status[data-error=true]{color:#a12d2d}

#content-revamp .order-form[data-state=success] .intake,#content-revamp .order-form[data-state=success] .order-details{display:none}

#content-revamp button:disabled{cursor:default;opacity:.55}

#content-revamp .monthly-pack{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}

#content-revamp .monthly-pack b{display:block;margin-bottom:3px}

#content-revamp .monthly-pack a{text-decoration:underline;white-space:nowrap}

#content-revamp #loop-waitlist .loop-note a{color:#e4caff;text-decoration:underline}

#content-revamp .skip-link{position:absolute;left:15px;top:-80px;z-index:99;padding:12px;background:#19181c;color:#fff}

#content-revamp .skip-link:focus{top:10px}

@media(max-width:730px){#content-revamp .mobile-nav{display:block;width:100%;padding:0;border:0;margin-top:3px}
#content-revamp .mobile-nav summary{font-size:12px;color:var(--muted);cursor:pointer}
#content-revamp .navlinks .loop-nav{display:none}
}

@media(max-width:460px){#content-revamp .order-details input,#content-revamp .order-details textarea{font-size:16px}
}

html{scroll-behavior:auto}body{margin:0;background:#fbfbf8}#content-revamp{max-width:1200px;margin:auto}
#content-revamp .order-form .order-details{padding:0;border:0;background:transparent}
#content-revamp #loop-waitlist .loop-note a{color:var(--ink)}
#content-revamp .order-details input,#content-revamp .order-details textarea{font-size:16px}
#content-revamp .form-status{color:var(--ink)}
#content-revamp .form-status[data-error=true]{color:#a12d2d}
@media(prefers-reduced-motion:reduce){#content-revamp *,#content-revamp *:before,#content-revamp *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Founder-first story and compact, expert-led production flow. */
#content-revamp .ai-note{position:relative;width:max-content;margin:10px 12px 20px auto;transform:rotate(-4deg);padding:11px 15px;background:#fffef8;color:#0a0a0a;border:1px solid #0a0a0a12;border-radius:3px;box-shadow:0 5px 16px #0a0a0a16;font-size:13px;font-weight:650;pointer-events:none}
#content-revamp .ai-note:before{content:"";position:absolute;width:36px;height:13px;background:#e8dfce9c;left:calc(50% - 18px);top:-7px;transform:rotate(3deg)}
#content-revamp .portfolio-media{clip-path:inset(0 round 18px);-webkit-mask-image:linear-gradient(#fff,#fff);contain:paint}
#content-revamp .portfolio-media video{display:block;border-radius:18px;clip-path:inset(0 round 18px)}
#content-revamp .case-frame:has(video){position:relative;clip-path:inset(0 round 14px)}
#content-revamp .media-controls{position:absolute;inset:auto 8px 8px;display:flex;justify-content:space-between;z-index:4;pointer-events:none}
#content-revamp .media-controls button{pointer-events:auto;min-height:44px;min-width:44px;padding:8px 10px;border:1px solid #ffffff40;border-radius:50px;background:#101010cf;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}
#content-revamp .media-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#content-revamp .media-status{position:absolute;inset:40% 12px auto;text-align:center;color:#fff;background:#101010e8;padding:12px;border-radius:8px;font-size:12px;z-index:5}
#content-revamp .media-status a{display:block;color:#fff;text-decoration:underline;padding:14px 8px;min-height:44px}
#content-revamp .media-status a[hidden]{display:none}
#content-revamp .gallery.carousel .sample:not([data-slot="0"]) .media-controls{visibility:hidden}
#content-revamp .rotation-toggle{border:0;background:none;color:var(--muted);font-size:12px;padding:10px 4px;cursor:pointer;min-height:44px}
#content-revamp .gallery-controls{align-items:center}
#content-revamp .flow-intro{max-width:610px}
#content-revamp .production-flow{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#content-revamp .production-flow>li{position:relative;min-width:0}
#content-revamp .flow-visual{height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#f2f1ed;border-radius:3px}
#content-revamp .production-flow>li:not(:last-child) .flow-visual:after{content:"→";position:absolute;right:-24px;top:calc(50% - 12px);color:#82817c;font-size:22px}
#content-revamp .product-link{font-size:12px;background:#fff;border:1px solid #dfded8;border-radius:6px;padding:9px 16px;box-shadow:0 3px 8px #00000004}
#content-revamp .product-link span{color:var(--purple);margin-right:8px}
#content-revamp .flow-arrow{color:#9c9b95;font-size:18px;padding:3px}
#content-revamp .brief-sheet{background:#fff;padding:14px 18px;width:172px;transform:rotate(-3deg);box-shadow:0 4px 10px #00000008;border:1px solid #e7e6df}
#content-revamp .brief-sheet>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#74736e}
#content-revamp .brief-sheet b{display:block;font-size:16px;letter-spacing:-.5px;margin:7px 0}
#content-revamp .brief-sheet i{display:block;background:#e7e6df;height:3px;margin-top:5px;width:90%}
#content-revamp .brief-sheet i:last-child{width:65%}
#content-revamp .agent-work{display:flex;gap:6px}
#content-revamp .agent-work span{font-size:11px;padding:10px 13px;border:1px solid #deddd7;border-radius:4px;background:#fff}
#content-revamp .direction-mark{display:flex;align-items:center;gap:8px;margin:20px 0}
#content-revamp .direction-mark>span{font-size:23px;color:var(--purple)}
#content-revamp .direction-mark b{font-size:11px;font-weight:500}
#content-revamp .edit-track{display:flex;gap:4px;width:76%;padding:10px 0;border-top:1px solid #d8d7d0;border-bottom:1px solid #d8d7d0}
#content-revamp .edit-track i{height:24px;border-radius:3px;background:#ccc8d8;flex:1}
#content-revamp .edit-track i:nth-child(2n){flex:1.5;background:#ab97de}
#content-revamp .finished-cut{position:relative;height:168px;aspect-ratio:9/16;transform:rotate(5deg);border:4px solid #fff;box-shadow:0 5px 12px #0002;border-radius:8px;overflow:hidden}
#content-revamp .finished-cut img{width:100%;height:100%;object-fit:cover}
#content-revamp .finished-cut>span{position:absolute;inset:0;display:grid;place-content:center;color:#fff;text-shadow:0 1px 10px #000;font-size:25px}
#content-revamp .approval-stamp{position:absolute;bottom:25px;right:16px;font-size:11px;background:#fff;padding:9px 11px;border:1px solid #deddd7;border-radius:4px;transform:rotate(-4deg)}
#content-revamp .flow-checkpoint{position:relative;font-size:11px;font-weight:600;padding:16px 0;border-bottom:1px solid #dcdadf;margin-bottom:18px}
#content-revamp .flow-checkpoint>span{color:var(--purple);margin-right:6px;font-size:8px}
#content-revamp .production-flow h3{font-size:17px;letter-spacing:-.4px;margin:0 0 8px}
#content-revamp .production-flow h3>span{color:var(--muted);font:11px ui-monospace,monospace;margin-right:8px}
#content-revamp .production-flow p{font-size:13px;margin:0;max-width:290px}
#content-revamp .offer{grid-template-areas:"intro price" "monthly price";gap:16px 44px;align-items:start}
#content-revamp .offer-intro{grid-area:intro}
#content-revamp .offer .pricebox{grid-area:price;align-self:center}
#content-revamp .offer-monthly{grid-area:monthly}
#content-revamp .offer-monthly>h3{font-size:15px;margin:0 0 6px}
#content-revamp .offer-monthly>.small{margin:0}
@media(max-width:730px){
#content-revamp .offer{grid-template-areas:"intro" "price" "monthly";gap:22px}
#content-revamp .production-flow{grid-template-columns:1fr;gap:28px}
#content-revamp .flow-visual{height:205px}
#content-revamp .production-flow>li:not(:last-child) .flow-visual:after{display:none}
#content-revamp .production-flow>li:not(:last-child):after{content:"↓";display:block;margin-top:18px;color:#a4a29b;font-size:24px}
#content-revamp .production-flow p{max-width:none}
#content-revamp .flow-checkpoint{padding:12px 0;margin-bottom:12px}
#content-revamp .gallery-controls{width:100%;justify-content:flex-end}
#content-revamp .rotation-toggle{margin-right:auto}
#content-revamp .ai-note{font-size:12px;padding:8px 11px}
}

/* A single secondary monthly selector, with the trial as the main action. */
#content-revamp .offer-monthly{max-width:420px;padding-top:10px}
#content-revamp .monthly-selector{display:flex;gap:6px;border:0;margin:18px 0;padding:0}
#content-revamp .monthly-selector legend{font-size:12px;color:var(--muted);margin-bottom:10px;padding:0}
#content-revamp .monthly-selector label{position:relative;flex:1;cursor:pointer}
#content-revamp .monthly-selector input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
#content-revamp .monthly-selector label>span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;background:transparent}
#content-revamp .monthly-selector input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#content-revamp .monthly-selector input:focus-visible+span{outline:2px solid var(--purple);outline-offset:3px}
#content-revamp .monthly-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#content-revamp #monthly-price{white-space:nowrap}
#content-revamp #monthly-price strong{font-size:32px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}
#content-revamp #monthly-price>span{font-size:12px;color:var(--muted)}
#content-revamp #monthly-discuss{font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:12px 0}
#content-revamp .offer-monthly .monthly-credit{margin-top:16px;font-size:11px}
@media(max-width:730px){#content-revamp .offer-monthly{max-width:none;border-top:1px solid var(--line);padding-top:22px}}

@media(max-width:730px){#content-revamp #cr-work .headrow{flex-direction:column;align-items:stretch;gap:12px}#content-revamp #cr-work .headrow>div:first-child{width:100%}}

#content-revamp .case-tabs button small{padding-left:0}
#content-revamp .case-signoff{justify-content:flex-end}
#content-revamp .website-source{display:flex;flex-direction:column;justify-content:space-between;background:#eeeae3;color:#1d2620;padding:18px 14px;text-decoration:none}
#content-revamp .website-source:hover{background:#e8e3db;text-decoration:none}
#content-revamp .source-address{font:11px ui-monospace,monospace;display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #24322820}
#content-revamp .source-brand{font:12px Georgia,serif;letter-spacing:4px;display:block;margin:20px 0}
#content-revamp .website-source strong{font:clamp(23px,2.3vw,34px)/1.1 Georgia,serif;letter-spacing:-.7px}
#content-revamp .website-source p{font-size:11px;color:#465047;margin:12px 0}
#content-revamp .source-link{font-size:11px;text-decoration:underline;text-underline-offset:3px}
#content-revamp .comparison{width:100%;max-width:440px;justify-self:center}
#content-revamp .comparison-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
#content-revamp .comparison-controls button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--ink);font-size:12px;cursor:pointer}
#content-revamp #comparison-play{margin-right:auto;font-weight:600}
#content-revamp #comparison-sound{color:var(--muted)}
#content-revamp #monthly-request-form label{display:block;font-size:12px;margin:18px 0 8px}
#content-revamp #monthly-request-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:16px Inter,Arial,sans-serif;background:#fff;color:var(--ink)}
#content-revamp #monthly-request-form>.button{width:100%;margin-top:20px}
#content-revamp #monthly-request-dialog{max-width:460px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:18px;padding:30px;color:var(--ink);background:var(--paper)}
#content-revamp #monthly-request-dialog::backdrop{background:#0008}
#content-revamp #monthly-request-dialog .monthly-close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:18px;padding:8px;cursor:pointer}
@media(max-width:520px){#content-revamp .website-source{aspect-ratio:auto;min-height:230px}#content-revamp .source-brand{margin:14px 0}#content-revamp .website-source strong{font-size:28px}#content-revamp .case-tabs button span{font-size:12px}#content-revamp .case-tabs{gap:10px}}

/* Follow horizontal touch drags without trapping vertical page scroll. */
#content-revamp .gallery.carousel{touch-action:pan-y pinch-zoom;height:calc(var(--tile-width) * 1.778 + 115px)}
#content-revamp .gallery.carousel .sample{translate:var(--swipe-drag,0px) 0;transition:transform .58s cubic-bezier(.22,.8,.24,1),opacity .45s ease,translate .2s ease}
#content-revamp .gallery.carousel.is-dragging .sample{transition:none}
@media(prefers-reduced-motion:reduce){#content-revamp .gallery.carousel .sample{transition:none}}