:root{
  --vitl-orange: #FA6F44;
  --vitl-black: #1A1A1A;
  --vitl-white: #F8F8F8;
  --vitl-ink: #111111;
  --vitl-muted: #7B7B7B;
  --vitl-line: rgba(26,26,26,.12);
  --vitl-panel: #FFFFFF;
  --vitl-wash: #F4F2EE;
  --shadow: 0 24px 80px rgba(26,26,26,.14);
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--vitl-wash);color:var(--vitl-black)}
a{color:inherit}.shell{min-height:100vh}.topbar{height:76px;background:var(--vitl-black);color:var(--vitl-white);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:4px solid var(--vitl-orange)}
.logo{height:38px}.nav{display:flex;gap:14px;align-items:center}.nav a{color:var(--vitl-white);text-decoration:none;padding:10px 14px;border:1px solid rgba(248,248,248,.22);border-radius:999px;font-size:14px}.nav a.primary{background:var(--vitl-orange);border-color:var(--vitl-orange);color:var(--vitl-black);font-weight:700}
.hero{padding:70px 32px 48px;background:linear-gradient(140deg,var(--vitl-black),#2b2b2b);color:var(--vitl-white);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--vitl-orange),transparent 62%);opacity:.45}.hero-inner{max-width:1180px;margin:auto;position:relative;z-index:1}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--vitl-orange);font-weight:800;font-size:12px}.hero h1{font-size:clamp(42px,7vw,92px);line-height:.92;margin:18px 0;max-width:950px}.hero p{font-size:20px;color:#ddd;max-width:720px;line-height:1.45}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1180px;margin:-38px auto 60px;padding:0 32px;position:relative;z-index:2}.card{background:var(--vitl-panel);border:1px solid var(--vitl-line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.card h2{font-size:28px;margin:0 0 10px}.card p{color:#555;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--vitl-black);color:var(--vitl-white);border:0;border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:800;cursor:pointer}.button.orange{background:var(--vitl-orange);color:var(--vitl-black)}.button.ghost{background:transparent;color:var(--vitl-black);border:1px solid var(--vitl-line)}
.page{max-width:1180px;margin:34px auto;padding:0 24px}.panel{background:var(--vitl-panel);border:1px solid var(--vitl-line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:26px 30px;border-bottom:1px solid var(--vitl-line);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-header h1{margin:0;font-size:32px}.panel-header p{margin:8px 0 0;color:#666}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-weight:800;font-size:13px;letter-spacing:.02em}input,textarea,select{font:inherit;border:1px solid var(--vitl-line);border-radius:14px;padding:13px 14px;background:#fff;color:var(--vitl-black)}textarea{min-height:112px;resize:vertical}.checks{display:flex;gap:10px;flex-wrap:wrap}.check{border:1px solid var(--vitl-line);border-radius:999px;padding:10px 13px;background:#fff}.check input{margin-right:8px}.actions{display:flex;gap:12px;align-items:center;padding:0 30px 30px;flex-wrap:wrap}.output{margin:0 30px 30px;background:#101010;color:#eaeaea;border-radius:16px;padding:18px;white-space:pre-wrap;display:none;max-height:360px;overflow:auto}
.page.record-page{max-width:1440px;margin:12px auto}.record-page .panel-header{padding:16px 24px}.recorder-layout{display:grid;grid-template-columns:1fr;gap:18px;padding:12px 18px 18px;align-items:start}.record-stage{background:#fff;border:1px solid var(--vitl-line);border-radius:22px;padding:12px;max-width:980px;width:100%;margin:0 auto}.record-side{background:#fff;border:1px solid var(--vitl-line);border-radius:22px;padding:18px;max-width:980px;width:100%;margin:0 auto}.script-assist-panel{border:1px solid rgba(250,111,68,.35);background:#fff8f5;border-radius:18px;padding:14px}.script-assist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.script-assist-actions{align-items:center}.disclosure-suggestions{margin-top:10px;line-height:1.45;color:#444}.record-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.status-dot{font-size:12px;font-weight:800;border-radius:999px;background:rgba(250,111,68,.18);color:#8f351e;padding:8px 10px}.mode-pills{display:flex;gap:8px;flex-wrap:wrap}.camera-shell{position:relative;background:#050505;border-radius:20px;overflow:hidden;aspect-ratio:16/9;border:1px solid #222;margin:0 auto}.camera-shell.portrait-recording{max-width:430px;margin:0 auto;aspect-ratio:9/16}.camera-shell video{height:100%;object-fit:cover;transform:scaleX(-1)}.framing-overlay{pointer-events:none;position:absolute;inset:0;border:2px solid rgba(250,111,68,.65)}.eye-line{position:absolute;left:12%;right:12%;top:46%;border-top:2px dashed rgba(248,248,248,.75);color:#fff;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-top:6px}.headroom{position:absolute;left:18%;right:18%;top:0;height:13%;border:1px dashed rgba(250,111,68,.9);border-radius:0 0 999px 999px;color:#fff;text-align:center;font-size:12px;padding-top:8px}.center-line{position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed rgba(248,248,248,.45)}.safe-caption{position:absolute;left:18px;right:18px;bottom:14px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:8px 12px;text-align:center;font-size:12px}.teleprompter-display{position:absolute;left:8%;right:8%;top:3%;max-height:38%;overflow:hidden;color:#fff;text-align:center;font-weight:800;line-height:1.25;text-shadow:0 2px 16px #000;white-space:pre-line}.countdown-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.38);color:#fff;font-size:clamp(72px,12vw,160px);font-weight:900;text-shadow:0 4px 28px #000;z-index:5}.countdown-overlay.active{display:flex}.record-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.record-playback{display:none;margin-top:14px;border-radius:16px;overflow:hidden;transform:scaleX(-1)}.record-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.start-choice-subhead{padding:30px 30px 0;margin:0}.start-choice-subhead h2{margin:0 0 8px;font-size:28px}.start-choice-subhead p{margin:0;color:#555;line-height:1.5}.record-upload-actions{padding:18px 0 0}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.video-panel{background:#050505;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #222}.video-head{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:18px 20px;border-bottom:1px solid #242424}.video-head h1{font-size:20px;margin:0}.revision-pill{font-size:12px;font-weight:800;color:var(--vitl-black);background:var(--vitl-orange);border-radius:999px;padding:8px 10px}video{display:block;width:100%;background:#000}.transport{display:flex;gap:10px;align-items:center;padding:14px 18px;color:#eee}.timecode{font-variant-numeric:tabular-nums;background:#181818;border:1px solid #333;border-radius:10px;padding:8px 10px}.comments-panel{background:#fff;border:1px solid var(--vitl-line);border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 112px);overflow:hidden}.comments-head{padding:20px;border-bottom:1px solid var(--vitl-line)}.comments-head h2{margin:0 0 4px}.comment-form{padding:16px 20px;border-bottom:1px solid var(--vitl-line);display:grid;gap:10px}.comment-list{overflow:auto;padding:12px 14px;display:grid;gap:10px}.comment{border:1px solid var(--vitl-line);border-radius:16px;padding:12px;background:#fff}.comment strong{display:flex;justify-content:space-between;gap:12px}.comment .meta{font-size:12px;color:#666;margin-top:6px}.status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{border-radius:999px;background:#f1f1f1;padding:6px 8px;font-size:12px}.tag.orange{background:rgba(250,111,68,.18);color:#8f351e}.approve{padding:16px 20px;border-top:1px solid var(--vitl-line);display:grid;gap:10px}.small{font-size:12px;color:#666}.frame-note{border-left:4px solid var(--vitl-orange);padding:10px 12px;background:#fff7f3;border-radius:10px;color:#442015}
@media(max-width:900px){.cards,.review-layout,.form-grid,.recorder-layout,.record-form{grid-template-columns:1fr}.topbar{padding:0 18px}.nav a{font-size:12px;padding:8px}.hero{padding:44px 22px}.panel-header{display:block}.comments-panel{max-height:none}.recorder-layout{padding:14px}.camera-shell{aspect-ratio:9/16}}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button.dark,.button.ghost.dark{color:var(--vitl-white);border-color:rgba(248,248,248,.35)}.dashboard-grid,.choice-grid,.status-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:30px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card.compact{box-shadow:none}.choice-card,.project-card{background:#fff;border:1px solid var(--vitl-line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.choice-card h2,.project-card h2{font-size:28px;margin:8px 0 10px}.choice-card p,.project-card p{color:#555;line-height:1.5}.choice-card ul{margin:18px 0 22px;padding-left:20px;color:#444;line-height:1.7}.status-board{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.timeline{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.timeline li{border:1px solid var(--vitl-line);border-radius:14px;padding:12px 14px;background:#fafafa;font-weight:800}.timeline li.done{background:rgba(250,111,68,.12)}.timeline li.active{background:var(--vitl-orange);color:var(--vitl-black)}.project-card.muted{box-shadow:none;background:#fbfaf8}.delivery-list{display:flex;gap:10px;flex-wrap:wrap}.delivery-list span{border:1px solid var(--vitl-line);border-radius:999px;padding:10px 13px;background:#fff;font-weight:800}.actions.inline{padding:0;margin-top:8px}.profile-callout{margin:0 30px 30px;background:#fbfaf8;border:1px solid var(--vitl-line);border-radius:16px;padding:14px 16px}
.signup-gate{padding:30px;border-bottom:1px solid var(--vitl-line);background:#fff}.signup-form{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:14px;align-items:end;max-width:760px;margin:0}.signup-form .field{gap:9px}.signup-form label{color:var(--vitl-black)}.signup-form input{height:50px;width:100%;font-size:16px}.signup-form .button{height:50px;padding:0 28px;white-space:nowrap}.signup-gate .small{max-width:760px;margin:12px 0 0;color:#666;line-height:1.45}.signup-gate.is-complete{background:#fbfaf8}.signup-gate.is-complete .signup-form{display:none}
@media(max-width:900px){.dashboard-grid,.choice-grid,.status-board{grid-template-columns:1fr;padding:18px}.nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.hero-actions{margin-top:18px}.signup-gate{padding:22px 18px}.signup-form{grid-template-columns:1fr}.signup-form .button{width:100%}}

.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}
.submitted-page{max-width:860px}.submitted-panel{text-align:center;padding:54px 34px}.submitted-check{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:var(--vitl-orange);color:var(--vitl-black);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900}.submitted-panel h1{font-size:clamp(42px,7vw,72px);line-height:.92;margin:14px 0}.submitted-panel p{max-width:620px;margin:0 auto 20px;color:#555;font-size:18px;line-height:1.5}.submitted-title{display:inline-flex;margin:6px auto 24px;padding:10px 14px;border:1px solid var(--vitl-line);border-radius:999px;background:#fbfaf8;font-weight:800}.submitted-actions{justify-content:center}.submitted-note{font-size:14px!important;color:#777!important;margin-top:22px!important}

/* Mobile recorder: camera-app style capture mode. */
.shutter-button{display:inline-flex;align-items:center;justify-content:center;padding:0}.shutter-dot{display:block;width:46px;height:46px;border-radius:50%;background:var(--vitl-orange);box-shadow:inset 0 0 0 3px rgba(255,255,255,.88),0 0 0 6px rgba(250,111,68,.25)}.stop-button{display:inline-flex;align-items:center;justify-content:center;padding:0}.stop-icon{display:block;width:24px;height:24px;border-radius:6px;background:#fff}.record-stage.recording-active .status-dot{background:rgba(255,40,40,.24);color:#ffdfdf}.record-stage.review-ready #record-start{opacity:.45}.record-stage.review-ready #record-upload{box-shadow:0 0 0 4px rgba(250,111,68,.18)}
@media(max-width:900px){.page.record-page{margin:0;padding:0;max-width:none;background:#000}.record-page .panel{border:0;border-radius:0;box-shadow:none;background:#000}.record-page .panel-header{display:none}.recorder-layout{display:flex;flex-direction:column;padding:0;gap:0}.record-stage{position:relative;width:100%;height:calc(100svh - 78px);min-height:580px;background:#000;border:0;border-radius:0;padding:0;overflow:hidden}.camera-shell{height:100%;width:100%;max-width:none;border:0;border-radius:0;aspect-ratio:auto;background:#000}.camera-shell.portrait-recording{max-width:none;width:100%;height:100%;aspect-ratio:auto}.camera-shell video{height:100%;width:100%;object-fit:cover}.record-toolbar{position:absolute;left:12px;right:12px;top:calc(env(safe-area-inset-top) + 12px);z-index:4;margin:0;justify-content:space-between;align-items:flex-start}.status-dot{background:rgba(0,0,0,.54);color:#fff;backdrop-filter:blur(10px)}.mode-pills{justify-content:flex-end;gap:6px}.mode-pills .check{background:rgba(0,0,0,.46);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(10px);padding:9px 11px}.framing-overlay{border-color:rgba(255,255,255,.18)}.headroom{border-color:rgba(250,111,68,.5);background:rgba(0,0,0,.18)}.eye-line{border-top-color:rgba(255,255,255,.38)}.center-line{border-left-color:rgba(255,255,255,.22)}.safe-caption{bottom:116px;background:rgba(0,0,0,.38);backdrop-filter:blur(8px)}.teleprompter-display{top:7%;left:7%;right:7%;max-height:30%;font-size:clamp(28px,8vw,48px);line-height:1.18}.record-actions{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:4;margin:0;display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;gap:12px;padding:0 20px}.record-actions #camera-start{justify-self:end;background:rgba(0,0,0,.42);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(10px)}.record-actions #record-start{justify-self:center}.record-actions #record-stop{justify-self:center;grid-column:2;background:#e12222;border-color:#e12222;color:#fff}.record-actions #record-retake{justify-self:start;background:rgba(0,0,0,.42);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(10px)}#record-start{width:76px;height:76px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.82);box-shadow:0 0 0 5px rgba(0,0,0,.22)}#record-start .shutter-dot{width:54px;height:54px;box-shadow:none}#record-stop{width:54px;height:54px;border-radius:18px}.button-label{font-weight:900;letter-spacing:.01em}.shutter-button,.stop-button{gap:10px;padding:0 18px;min-width:118px}.brand-assist-panel{border:1px solid rgba(250,111,68,.35);background:#fff8f5;border-radius:18px;padding:14px}.brand-assist-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.brand-assist-row .button{height:48px}.brand-assist-panel .small{color:#555;line-height:1.45}
@media(max-width:900px){.brand-assist-row{grid-template-columns:1fr}.brand-assist-row .button{width:100%}.shutter-button,.stop-button{min-width:0}.button-label{font-size:12px}}
.record-stage:not(.recording-active) #record-stop{display:none}.record-stage.recording-active #record-start{display:none}.record-stage.recording-active #camera-start,.record-stage.recording-active #record-retake{visibility:hidden}.record-stage.review-ready #record-stop{display:none}.record-playback{border-radius:0;margin:0}.record-side{border-radius:24px 24px 0 0;border:0;margin-top:-18px;z-index:2;width:100%;box-shadow:0 -12px 40px rgba(0,0,0,.22)}.record-form{grid-template-columns:1fr}.script-assist-grid{grid-template-columns:1fr}.record-upload-actions{padding:18px 0 0}.topbar{position:relative;z-index:5;background:#1a1a1a}.nav{overflow:auto;white-space:nowrap;max-width:calc(100vw - 112px)}}

.button-label{font-weight:900;letter-spacing:.01em}.shutter-button,.stop-button{gap:10px;padding:0 18px;min-width:118px}.brand-assist-panel{border:1px solid rgba(250,111,68,.35);background:#fff8f5;border-radius:18px;padding:14px}.brand-assist-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.brand-assist-row .button{height:48px}.brand-assist-panel .small{color:#555;line-height:1.45}
@media(max-width:900px){.brand-assist-row{grid-template-columns:1fr}.brand-assist-row .button{width:100%}.shutter-button,.stop-button{min-width:0}.button-label{font-size:12px}}
.record-stage:not(.recording-active) #record-stop{display:none}.record-stage.recording-active #record-start{display:none}

@media(max-width:900px){.topbar{height:56px;min-height:56px;padding:0 16px}.topbar .nav{display:none}.topbar .logo{height:32px}.record-stage{height:calc(100svh - 56px);min-height:0}.teleprompter-display{top:18%;max-height:24%;font-size:clamp(22px,6.2vw,34px);line-height:1.16}.mode-pills .check{font-size:11px;padding:8px 9px}.record-toolbar{top:calc(env(safe-area-inset-top) + 8px)}.record-actions{bottom:calc(env(safe-area-inset-bottom) + 18px)}.safe-caption{bottom:112px}}

@media(max-width:900px){.teleprompter-display{top:24%;max-height:20%;font-size:clamp(20px,5.6vw,30px);line-height:1.15}.eye-line{top:46%;font-size:10px;padding-top:5px}.headroom{height:8%;font-size:10px;padding-top:6px}.record-side{margin-top:0}.safe-caption{bottom:108px}}

@media(max-width:900px){.teleprompter-display{top:30%;max-height:18%;font-size:clamp(19px,5.1vw,28px)}.eye-line{top:54%}.safe-caption{bottom:112px}}

@media(max-width:900px){.teleprompter-display{top:40%;left:10%;right:10%;max-height:14%;font-size:clamp(17px,4.5vw,24px);line-height:1.12}.eye-line{top:62%}.safe-caption{bottom:116px}}

@media(max-width:900px){.teleprompter-display{top:50%;left:10%;right:10%;max-height:12%;font-size:clamp(16px,4.2vw,22px);line-height:1.1}.eye-line{top:36%}.safe-caption{bottom:118px}}

#record-playback{transform:scaleX(-1)}

.body-outline{position:absolute;left:50%;top:47%;width:34%;max-width:260px;min-width:170px;transform:translate(-50%,-50%);fill:none;stroke:rgba(248,248,248,.82);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 10px rgba(0,0,0,.65))}.body-outline-head{stroke:rgba(248,248,248,.9)}.body-outline-shoulders{stroke:rgba(248,248,248,.82)}.framing-overlay .safe-caption{bottom:14px}
@media(max-width:900px){.body-outline{top:50%;width:52%;min-width:165px}.framing-overlay .safe-caption{bottom:116px}}


.record-stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:16px 18px 4px;max-width:980px;margin:0 auto}.record-stepper span{border:1px solid var(--vitl-line);border-radius:16px;background:#fbfaf8;padding:12px 10px;font-size:12px;color:#555;line-height:1.25}.record-stepper b{display:block;color:var(--vitl-orange);text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:3px}.record-step-card{border:1px solid var(--vitl-line);border-radius:22px;background:#fff;padding:16px;margin:0 auto 16px;width:100%}.record-stage.record-step-card{padding:16px}.record-step-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.record-step-heading h2{margin:0;font-size:22px;line-height:1.1}.record-step-heading p{margin:5px 0 0;color:#666;line-height:1.4}.step-badge{flex:0 0 auto;border-radius:999px;background:var(--vitl-orange);color:var(--vitl-black);font-weight:900;font-size:12px;letter-spacing:.03em;padding:8px 10px}.record-form{display:grid;gap:0}.record-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.record-step-note{margin:12px 2px 0;color:#555;line-height:1.45;font-size:14px}.submit-step .profile-callout{margin:0 0 14px}.submit-step .actions{padding:0}.submit-step .output{margin:14px 0 0}.record-side{padding:0;border:0;background:transparent}.record-side>.record-step-card{max-width:980px}.record-page .record-upload-actions{padding:0}
@media(max-width:900px){.record-stepper{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;background:#fff}.record-stepper span{font-size:11px;padding:10px 8px}.record-step-heading h2{font-size:20px}.record-step-heading{gap:10px}.record-form-grid{grid-template-columns:1fr}.record-stage.record-step-card{border:0;border-radius:0;margin:0;padding:0}.record-stage.record-step-card>.record-step-heading,.record-stage.record-step-card>.record-step-note{display:none}.record-side{background:#fff;border-radius:24px 24px 0 0}.record-side>.record-step-card{border-left:0;border-right:0;border-radius:0;margin-bottom:0}.record-stepper{display:none}}