@font-face{font-family:Manrope;src:url('/assets/manrope-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{--brand:#2851d8;--brand-hover:#1d3db1;--ink:#252936;--muted:#5d6475;--light:#e7edff;--line:#dce1ef;--white:#fff;--paper:#fcfbf8;--navy:#202d65;--focus:#2851d8;--field-border:#8793af;--placeholder:#656d80;--disabled-bg:#e1e5ef;--disabled-ink:#5d6475;--process-content:#e0e7fc;--package-content:#e5ebff;--dark-rule:#98aaf2;--step-ring:#a5b6ea;--notice:#dce6ff;--error:#913c2c;--selection:#dce6ff;--radius:16px;--space:clamp(24px,5vw,80px);--section-space:112px;--band-space:104px;color-scheme:light;font-family:Manrope,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:var(--brand) var(--light)}
body{margin:0;background:var(--paper);font-size:1rem;font-weight:500;line-height:1.65}
::selection{background:var(--selection);color:var(--brand)}
input,textarea{caret-color:var(--brand)}
a{color:inherit;text-underline-offset:4px}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:800;text-wrap:balance}
h1{font-size:clamp(3rem,4.6vw,4rem);line-height:1.14;letter-spacing:-.035em}
h2{font-size:clamp(2.125rem,3.4vw,3rem);line-height:1.18;letter-spacing:-.03em}
h3{font-size:1.375rem;line-height:1.3;letter-spacing:-.015em}
p{text-wrap:pretty}
.container{width:min(1320px,calc(100% - var(--space)*2));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.process :focus-visible,.package :focus-visible{outline-color:var(--white)}
.skip-link{position:fixed;top:8px;left:16px;z-index:10;padding:12px 20px;background:var(--brand);color:var(--white);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;line-height:1;flex-shrink:0}
.brand-logo{width:92px;height:auto;flex-shrink:0}
nav{display:flex;align-items:center;gap:32px}
.nav-link{font-size:0.875rem;font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:color .16s ease,text-decoration-color .16s ease}
.nav-link:hover,.nav-link:focus-visible{color:var(--brand);text-decoration-color:currentColor}
.button{min-height:54px;padding:15px 25px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:8px;color:var(--white);background:var(--brand);text-decoration:none;font-size:0.9375rem;font-weight:800;cursor:pointer;line-height:1.4;transition:background .16s ease,transform .12s ease-out}
.button:hover{background:var(--brand-hover)}
.button:active:not(:disabled){transform:translateY(1px)}
.button-small{min-height:44px;padding:11px 18px;gap:16px}
.arrow{width:23px;height:23px;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.button:focus-visible:not(:disabled) .arrow{transform:translateX(3px)}
@media(hover:hover) and (pointer:fine){
  .button:hover:not(:disabled) .arrow{transform:translateX(3px)}
}
.button-light{background:var(--white);color:var(--brand)}
.button-light:hover{background:var(--light)}
.button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);cursor:not-allowed}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:48px var(--band-space)}
.hero h1{font-size:clamp(3.5rem,5vw,4.5rem);line-height:1.1}
.hero h1 span{color:var(--brand)}
.hero-description{font-size:1.125rem;color:var(--muted);max-width:560px;margin-top:24px;line-height:1.65}
.hero-price{font-size:1rem;line-height:1.8;margin-top:24px}
.hero-price strong{font-weight:800;color:var(--brand);font-size:1.25rem}
.hero-cta{margin-top:28px}
.creator-example{width:min(100%,600px);justify-self:center}
.creator-videos{--stagger:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;padding:4px 4px 8px}
.creator-clip{min-width:0}
.creator-clip:nth-child(2){padding-top:var(--stagger)}
.video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;isolation:isolate;border-radius:var(--radius);background:var(--ink);color:var(--white)}
.video-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:var(--ink);color:var(--white)}
.video-controls{position:absolute;inset:0;pointer-events:none}
.video-control{position:absolute;display:grid;place-items:center;border:0;padding:0;background:transparent;color:var(--white);cursor:pointer;pointer-events:auto}
.video-control[data-play]{inset:0;width:100%;height:100%;border-radius:inherit}
.video-control[data-play] svg{width:42px;height:42px;padding:12px;border-radius:50%;background:rgba(37,41,54,.78);opacity:0;transition:opacity .15s ease}
.video-frame.is-paused .video-control[data-play] svg{opacity:1}
.video-control[data-sound]{bottom:8px;right:8px;width:44px;height:44px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .15s ease}
.video-control[data-sound]::before{content:'';position:absolute;inset:6px;border-radius:50%;background:rgba(37,41,54,.78)}
.video-control[data-sound] svg{position:relative;width:17px;height:17px}
.video-frame:hover .video-control[data-sound],.video-frame:focus-within .video-control[data-sound],.video-frame.is-audible .video-control[data-sound]{opacity:1;pointer-events:auto}
.video-control:focus-visible{outline-color:var(--white);outline-offset:-4px}
@media(hover:none){.video-control[data-sound]{opacity:1;pointer-events:auto}}
.creator-videos:has(.video-error:not([hidden])){--stagger:0px}
.creator-credit{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;font-size:0.75rem;color:var(--muted)}
.creator-credit a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.video-error{font-size:0.875rem;line-height:1.6;margin-top:12px;color:var(--error)}
.process{background:var(--navy);color:var(--white);padding-block:var(--band-space)}
.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.steps{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.steps li{border-top:1px solid var(--dark-rule);padding-top:22px}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--step-ring);border-radius:50%;font-size:0.875rem;font-weight:700;margin-bottom:22px}
.steps h3{font-size:1.25rem}
.steps p{color:var(--process-content);font-size:1rem;line-height:1.7;margin-top:13px;max-width:34ch}
.pricing{padding-block:var(--section-space);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'intro package' 'founder package';grid-template-rows:auto 1fr;gap:48px 80px;align-items:start}
.pricing-copy{grid-area:intro}
.package{grid-area:package;background:var(--brand);color:var(--white);padding:40px 40px 36px;border-radius:var(--radius)}
.package h3{font-size:1.375rem}
.package-price{font-size:4.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.2;margin-top:13px;display:flex;align-items:baseline;gap:5px}
.package-price>span:first-child{font-size:1.5625rem;letter-spacing:-.02em;align-self:flex-start;margin-top:15px}
.package-price .price-period{font-size:0.875rem;font-weight:500;letter-spacing:0;margin-left:8px}
.package-subtitle{font-size:0.875rem;color:var(--package-content);margin-top:5px}
.inclusions{list-style:none;padding:0;margin:28px 0;border-top:1px solid var(--dark-rule)}
.inclusions li{display:flex;gap:13px;padding-top:21px;font-size:0.875rem;color:var(--package-content);line-height:1.65}
.inclusions svg{width:21px;height:21px;color:var(--white);flex-shrink:0;margin-top:1px}
.inclusions strong{font-size:1rem;color:var(--white);font-weight:700}
.package .button{width:100%;justify-content:space-between}
.founder{grid-area:founder;display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;padding-top:32px;border-top:1px solid var(--line)}
.founder-portrait{background:var(--light);border-radius:var(--radius);overflow:hidden;padding-top:10px}
.founder-portrait img{width:100%}
.founder-copy h3{font-size:1.5rem;margin-top:3px}
.founder-copy>p{font-size:1rem;line-height:1.65;color:var(--muted);margin-top:14px;max-width:45ch}
.founder-copy .founder-name{font-size:0.8125rem;line-height:1.6;margin-top:19px}
.founder-name strong{font-size:0.875rem;color:var(--brand)}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding-bottom:var(--section-space)}
.faq-list{width:100%;max-width:660px;justify-self:end;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:1rem;font-weight:700;line-height:1.5;list-style:none;transition:color .16s ease}
summary::-webkit-details-marker{display:none}
.disclosure{width:17px;height:17px;position:relative;flex-shrink:0}
.disclosure::before,.disclosure::after{content:'';background:var(--brand);position:absolute;left:0;top:8px;width:16px;height:1.5px}
.disclosure::after{transform:rotate(90deg);transition:transform .2s cubic-bezier(.16,1,.3,1)}
details[open] .disclosure::after{transform:rotate(0)}
details p{font-size:1rem;color:var(--muted);padding:0 34px 24px 0;max-width:65ch;line-height:1.65}
summary:hover,summary:focus-visible,details[open]>summary{color:var(--brand)}
/* Keep native disclosure when the browser cannot animate its content box. */
@supports selector(details::details-content) and (transition-behavior:allow-discrete){
  .faq-list details::details-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.16,1,.3,1),opacity .18s ease-out,content-visibility .24s allow-discrete}
  .faq-list details[open]::details-content{grid-template-rows:1fr;opacity:1}
  .faq-answer{min-height:0;overflow:hidden}
}
.enquiry{background:var(--light);padding-block:var(--band-space)}
.enquiry-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.enquiry-copy{padding-top:13px}
.enquiry-copy>p{font-size:1.125rem;line-height:1.7;color:var(--muted);margin-top:24px;max-width:350px}
.enquiry-contact{margin-top:12px;font-size:0.875rem;color:var(--muted)}
.enquiry-contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:700;text-decoration:underline;transition:color .16s ease}
.enquiry-contact a:hover{color:var(--brand-hover)}
.enquiry-form{min-width:0;width:100%;max-width:660px;justify-self:end}
.preview-notice{font-size:0.75rem;color:var(--brand);background:var(--notice);border-radius:6px;padding:12px 16px;margin-bottom:24px}
.preview-notice strong{font-weight:800}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{margin-bottom:20px;min-width:0}
.field label{display:block;margin-bottom:8px;font-size:0.875rem;font-weight:700;line-height:1.5}
.field label span{font-weight:500;color:var(--muted)}
.field input,.field textarea{display:block;background:var(--white);border:1px solid var(--field-border);width:100%;border-radius:6px;padding:12px 13px;font-size:1rem;line-height:1.5;color:var(--ink);min-height:48px}
.field textarea{resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--placeholder);opacity:1}
.field input:focus,.field textarea:focus{border-color:var(--brand)}
.form-submit{width:100%;justify-content:space-between;min-height:55px}
.privacy-notice{margin-top:13px;font-size:0.75rem;line-height:1.7;color:var(--muted)}
.privacy-notice a{font-weight:700}
.form-status{font-size:0.875rem;color:var(--brand);line-height:1.6}
.form-status:not(:empty){margin:0 0 18px}
.form-status[data-state=error]{color:var(--error)}
.honeypot{position:absolute;left:-9999px;opacity:0;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:40px}
.site-footer .brand-logo{width:76px}
.site-footer small{font-size:0.75rem;color:var(--muted)}
@media(max-width:1100px){
  :root{--space:40px}
  .hero{gap:32px;padding-block:40px var(--band-space)}
  .hero h1{font-size:clamp(2.75rem,5.1vw,3.5rem);line-height:1.14}
  .hero-description{font-size:1rem}
  .pricing{gap:44px 48px}
  .package{padding:32px}
  .founder{grid-template-columns:110px 1fr;gap:20px}
  .founder-copy h3{font-size:1.375rem}
  .faq,.enquiry-layout{gap:48px}
  .section-intro{gap:32px}
  .steps{gap:30px}
}
@media(min-width:761px) and (max-width:1000px){
  .founder{grid-template-columns:1fr;gap:20px}
  .founder-portrait{width:110px}
}
@media(max-width:760px){
  .creator-example{width:min(100%,520px)}
  .creator-videos{--stagger:0px;gap:12px}
  .hero-cta{margin-top:24px}
  :root{--space:24px;--section-space:76px;--band-space:68px}
  .site-header{height:96px;gap:16px}
  .brand-logo{width:76px}
  .site-footer .brand-logo{width:66px}
  nav{gap:0}
  .nav-link{display:none}
  .button-small{font-size:0.875rem;padding:10px 14px;gap:10px;min-height:44px}
  .hero{grid-template-columns:1fr;gap:48px;padding-block:32px var(--band-space)}
  .hero h1{font-size:clamp(2.625rem,8vw,3.75rem);max-width:600px}
  .hero-description{margin-top:24px;max-width:500px}
  .hero-price{margin-top:20px}
  .section-intro{display:block}
  .steps{grid-template-columns:1fr;margin-top:40px;gap:28px}
  .steps li{display:grid;grid-template-columns:30px 1fr;gap:0 14px;padding-top:20px}
  .step-number{grid-row:1/3;margin:0;width:28px;height:28px;font-size:0.75rem}
  .steps h3{padding-top:3px;font-size:1.25rem}
  .steps p{grid-column:2;max-width:45ch;font-size:1rem;margin-top:8px}
  .pricing{grid-template-columns:1fr;grid-template-areas:'intro' 'package' 'founder';grid-template-rows:auto;gap:40px}
  .package{padding:32px}
  .package-price{font-size:4.5625rem}
  .founder{grid-template-columns:110px 1fr;gap:20px;margin-top:8px;padding-top:32px}
  .founder-copy>p{margin-top:12px}
  .founder-copy .founder-name{margin-top:16px}
  .faq{grid-template-columns:1fr;gap:40px}
  .faq-list,.enquiry-form{max-width:none}
  summary{padding-block:20px}
  .enquiry-layout{grid-template-columns:1fr;gap:44px}
  .enquiry-copy{padding-top:0}
  .enquiry-copy>p{font-size:1rem;margin-top:20px}
  .site-footer{padding-block:32px;flex-wrap:wrap;gap:17px}
  .form-row{gap:16px}
}
@media(max-width:480px){
  .founder{grid-template-columns:1fr;gap:20px}
  .founder-portrait{width:110px}
}
@media(max-width:390px){
  :root{--space:20px}
  .form-row{grid-template-columns:1fr;gap:0}
  .package{padding:28px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .faq-list details::details-content{transition:none!important}
  .button:active:not(:disabled),.button:hover:not(:disabled) .arrow,.button:focus-visible:not(:disabled) .arrow{transform:none}
}
