.vp-landing *{box-sizing:border-box}.vp-landing{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}.vp-landing ::selection{background:#ffdacb}.vp-landing button,.vp-landing select,.vp-landing input{font:inherit}.vp-landing button,.vp-landing a,.vp-landing input,.vp-landing select{-webkit-tap-highlight-color:transparent}.vp-landing button{cursor:pointer}.vp-landing a{color:inherit;text-underline-offset:5px}.vp-landing button:focus-visible,.vp-landing a:focus-visible,.vp-landing summary:focus-visible{outline:3px solid #f2785c;outline-offset:5px}.vp-landing input:focus,.vp-landing select:focus{outline:2px solid var(--primary);outline-offset:3px}.vp-landing .primary{border:0;border-radius:8px;background:var(--primary);color:#fff;padding:13px 23px;font-size:15px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:22px;transition:background .2s,transform .2s}.vp-landing .primary:hover{background:#105247;transform:translateY(-2px)}.vp-landing .primary span{font-size:22px;line-height:1}.vp-landing h1,.vp-landing h2,.vp-landing h3,.vp-landing p{margin:0}.vp-landing h1,.vp-landing h2,.vp-landing h3{line-height:1.12;letter-spacing:-.035em;text-wrap:balance;font-weight:750}.vp-landing h1{font-size:64px}.vp-landing h2{font-size:43px}.vp-landing h3{font-size:22px;line-height:1.3}.vp-landing p{margin-top:20px}.vp-landing .accent{position:relative;isolation:isolate}.vp-landing .accent:after{content:"";position:absolute;left:-2px;right:-2px;bottom:1px;height:9px;z-index:-1;background:var(--secondary);transform:rotate(-1.5deg);border-radius:40% 15% 30% 10%}.vp-landing .hero{position:relative;text-align:center;padding:65px 24px 0;max-width:1440px;margin:auto}.vp-landing .hero h1{max-width:870px;margin:0 auto}.vp-landing .hero .lead{font-size:20px;line-height:1.55;max-width:770px;margin:28px auto 0}.vp-landing .hero .intro{max-width:720px;margin:16px auto 0;color:var(--muted-foreground);font-size:15px}.vp-landing .composer{position:relative;max-width:714px;margin:34px auto 0;text-align:left;background:#fff;border:1px solid #c9c7bf;border-radius:12px;padding:20px}.vp-landing .hint{font-size:12px;color:var(--muted-foreground)}.vp-landing .compose-controls{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.vp-landing label{font-size:12px;display:block;font-weight:600;margin-bottom:6px}.vp-landing select{border:0;background:var(--surface-muted);padding:9px 30px 9px 12px;border-radius:6px;max-width:100%;color:var(--foreground);font-size:14px}.vp-landing .sign-in{font-size:12px;color:var(--muted-foreground);max-width:650px;margin:16px auto 0}.vp-landing .trust{max-width:710px;margin:13px auto 0;font-size:12px;line-height:1.8}.vp-landing .ornament{position:absolute;pointer-events:none;width:180px}.vp-landing .hero-left{left:3%;top:250px;transform:rotate(-13deg)}.vp-landing .hero-right{right:2%;top:215px;transform:rotate(12deg)}.vp-landing .hero-spark{width:85px;right:16%;top:42px;color:#f2785c}.vp-landing .wrap{max-width:1040px;padding:0 30px;margin:auto}.vp-landing section.beat{margin-top:150px;position:relative}.vp-landing .split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.vp-landing .visual{background:var(--surface-muted);border-radius:12px;padding:30px;position:relative}.vp-landing .visual svg{width:100%;display:block}.vp-landing .diagram-label{font-size:13px;display:block}.vp-landing .estimate{display:inline-block;background:var(--secondary);padding:3px 9px;border-radius:4px;font-size:12px}.vp-landing .visual .timestamp{font-size:14px;line-height:1.5;margin-top:10px}.vp-landing .section-head{position:relative;max-width:780px;margin-bottom:38px}.vp-landing .section-head>svg{position:absolute;right:-180px;top:-30px;width:150px;height:140px}.vp-landing .report-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:40px;background:var(--sidebar-accent);border-radius:12px}.vp-landing .score-stack{display:grid;gap:18px}.vp-landing .score-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:550}.vp-landing .score-line:after{content:"";display:block;width:35%;height:6px;background:var(--primary);align-self:center;border-radius:8px}.vp-landing .score-line:nth-child(2n):after{width:25%;background:#f2785c}.vp-landing .score-top{font-size:37px;letter-spacing:-1px;line-height:1.1;margin-bottom:26px}.vp-landing .score-top span{font-size:13px;display:block;letter-spacing:0;margin-top:10px}.vp-landing .report-notes{display:grid;grid-template-columns:1fr 1fr;gap:27px 45px;margin-top:40px}.vp-landing .report-notes p{font-size:15px;margin:0}.vp-landing .report-notes strong{display:block;font-size:17px;margin-bottom:6px}.vp-landing .report-notes p:last-child{grid-column:1/-1;max-width:650px}.vp-landing .report-tail{color:var(--muted-foreground);font-size:14px}.vp-landing .steps-art{display:flex;align-items:center;justify-content:space-around;padding:15px 40px 30px;gap:30px}.vp-landing .steps-art svg{width:22%;height:160px}.vp-landing .steps-art .connector{width:8%;height:70px;color:#f2785c}.vp-landing .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--border);padding-top:30px;margin-bottom:32px}.vp-landing .step-number{font-size:13px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:var(--secondary);border-radius:50%;margin-bottom:18px}.vp-landing .steps p{font-size:14px;margin:0}.vp-landing .steps strong{display:block;font-size:17px;margin-bottom:10px}.vp-landing .creator-layout{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:start}.vp-landing .creator-copy article{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.vp-landing .creator-copy p{margin-top:10px}.vp-landing .creator-copy h3{font-size:23px}.vp-landing .creator-copy h3:after{content:"";display:block;background:#f2785c;width:32px;height:3px;transform:rotate(-3deg);margin-top:12px}.vp-landing .why-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px 65px}.vp-landing .why-layout article{position:relative;padding-left:30px}.vp-landing .why-layout article:before{content:"";position:absolute;left:0;top:8px;width:11px;height:6px;border-bottom:2px solid var(--primary);border-left:2px solid var(--primary);transform:rotate(-45deg)}.vp-landing .why-layout strong{font-size:18px;display:block;line-height:1.4;margin-bottom:8px}.vp-landing .why-layout p{margin:0;font-size:15px}.vp-landing figcaption{font-size:13px;line-height:1.65;margin-top:15px}.vp-landing .sample-empty{font-size:14px;max-width:680px;margin-bottom:30px}.vp-landing .faq{max-width:800px;margin:145px auto 0}.vp-landing .faq h2{margin-bottom:36px}.vp-landing .faq details{border-bottom:1px solid var(--border);padding:22px 0}.vp-landing .faq summary{list-style:none;cursor:pointer;padding-right:30px;position:relative;font-size:16px;font-weight:560;line-height:1.5}.vp-landing .faq summary::-webkit-details-marker{display:none}.vp-landing .faq summary:after{content:"+";position:absolute;right:2px;top:0;font-size:22px;color:var(--primary)}.vp-landing .faq details[open] summary:after{content:"−"}.vp-landing .faq details p{font-size:15px;color:var(--muted-foreground);margin:14px 30px 0 0}.vp-landing .closing{text-align:center;margin:140px auto 80px;max-width:760px;position:relative}.vp-landing .closing>svg{width:180px;height:160px;margin-bottom:20px}.vp-landing .closing p{max-width:610px;margin:25px auto}.vp-landing .closing .trust{font-size:12px}.vp-landing .closing h2{font-size:46px}@media(prefers-reduced-motion:reduce){.vp-landing *{transition:none!important}}@media(max-width:1100px){.vp-landing .ornament.hero-left,.vp-landing .ornament.hero-right{display:none}.vp-landing .hero-left{left:0}.vp-landing .hero-right{right:0}.vp-landing .section-head>svg{right:0;width:110px;opacity:.75}.vp-landing .section-head{padding-right:100px}.vp-landing .split{gap:38px}.vp-landing h1{font-size:56px}}@media(max-width:700px){.vp-landing h1{font-size:39px;line-height:1.12}.vp-landing h2{font-size:32px}.vp-landing .hero{padding:44px 20px 0}.vp-landing .hero .lead{font-size:17px;margin-top:25px}.vp-landing .hero .intro{font-size:14px}.vp-landing .ornament.hero-left,.vp-landing .ornament.hero-right{display:none}.vp-landing .hero-spark{width:47px;right:8px;top:3px}.vp-landing .composer{padding:15px;margin-top:26px}.vp-landing .compose-controls{flex-wrap:wrap;gap:15px}.vp-landing .compose-controls>div,.vp-landing .compose-controls .primary{width:100%}.vp-landing .compose-controls select{width:100%}.vp-landing .sign-in,.vp-landing .trust{font-size:12px}.vp-landing .wrap{padding:0 22px}.vp-landing section.beat{margin-top:92px}.vp-landing .split,.vp-landing .report-stage,.vp-landing .creator-layout{grid-template-columns:1fr;gap:30px}.vp-landing .visual{padding:24px}.vp-landing .visual svg{max-height:230px}.vp-landing .split .visual{order:0}.vp-landing .split .copy{order:1}.vp-landing .section-head{padding-right:35px;margin-bottom:30px}.vp-landing .section-head>svg{width:60px;right:-12px;top:-50px}.vp-landing .report-stage{padding:26px}.vp-landing .report-stage>svg{max-height:210px}.vp-landing .report-notes,.vp-landing .why-layout{grid-template-columns:1fr;gap:24px}.vp-landing .report-notes p:last-child{grid-column:auto}.vp-landing .steps-art{gap:8px;padding:0 0 10px}.vp-landing .steps-art svg{height:100px;width:26%}.vp-landing .steps-art .connector{width:8%;height:40px}.vp-landing .steps{grid-template-columns:1fr 1fr;gap:25px 22px;padding-top:24px}.vp-landing .creator-copy article{margin-bottom:23px;padding-bottom:23px}.vp-landing .why-layout{gap:28px}.vp-landing .faq{margin-top:92px}.vp-landing .faq summary{font-size:15px}.vp-landing .closing{margin:85px 0 60px}.vp-landing .closing h2{font-size:35px}.vp-landing .closing p{font-size:16px}}.vp-landing .drop-zone{min-height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #aaa89f;border-radius:8px;background:var(--surface-muted);cursor:pointer;transition:background .2s,border-color .2s;padding:20px;text-align:center}.vp-landing .drop-zone:hover,.vp-landing .drop-zone.is-dragging,.vp-landing .drop-zone.has-video{border-color:var(--primary);background:var(--sidebar-accent)}.vp-landing .drop-zone:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.vp-landing .upload-icon{width:48px;height:44px;color:var(--primary)}.vp-landing .upload-prompt{font-size:16px}.vp-landing .browse{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.vp-landing .composer>.hint{display:block;text-align:center;margin-top:12px}.vp-landing .section-head{padding-right:0;max-width:none}.vp-landing .section-head>svg{position:static;opacity:1;width:150px;height:125px}.vp-landing .report-heading{text-align:center;max-width:780px;margin:0 auto 40px}.vp-landing .workflow-heading{display:flex;align-items:center;gap:28px;max-width:850px}.vp-landing .workflow-heading .clock-art{flex:0 0 145px;order:2}.vp-landing .creator-heading{max-width:710px;margin-bottom:40px}.vp-landing .creator-heading h2{max-width:670px}.vp-landing .reason-heading{display:grid;grid-template-columns:1fr 235px;gap:50px;align-items:center;margin-bottom:48px}.vp-landing .reason-heading h2{grid-column:1;grid-row:1}.vp-landing .reason-heading .meter-art{grid-column:2;grid-row:1;width:235px;height:180px}.vp-landing .sample-heading{text-align:center;max-width:780px;margin:0 auto 38px}.vp-landing .sample-heading .scissors-art{width:140px;height:105px;margin-bottom:14px}.vp-landing .creator-layout{grid-template-columns:360px 1fr;gap:60px}.vp-landing .hook-story{position:sticky;top:35px;padding:27px 24px 30px;background:var(--secondary);border:1px solid #e6cfc5;border-radius:12px;display:grid;justify-items:center;gap:8px}.vp-landing .story-timing{font-size:23px;font-weight:650;letter-spacing:-.02em;margin-bottom:12px}.vp-landing .story-frame{width:100%;position:relative;text-align:center}.vp-landing .story-frame svg{display:block;width:100%;height:180px}.vp-landing .story-frame span{font-size:15px;font-weight:600}.vp-landing .rewrite-arrow{height:67px;width:95px;justify-self:end;margin-right:15px}.vp-landing .story-frame:last-child{transform:rotate(2deg)}@media(max-width:700px){.vp-landing h1{font-size:clamp(30px,8.5vw,39px);text-wrap:balance}.vp-landing h1 br,.vp-landing h2 br{display:none}.vp-landing h1 br:after,.vp-landing h2 br:after{content:" "}.vp-landing h1 .accent,.vp-landing h2 .accent{box-decoration-break:clone;-webkit-box-decoration-break:clone}.vp-landing h1 .accent:after,.vp-landing h2 .accent:after{display:none}.vp-landing h1 .accent,.vp-landing h2 .accent{background:linear-gradient(transparent 86%,var(--secondary) 86%,var(--secondary) 97%,transparent 97%)}.vp-landing h2{font-size:clamp(28px,7.65vw,34px);text-wrap:balance}.vp-landing .closing h2{font-size:clamp(30px,8.2vw,36px)}.vp-landing .drop-zone{min-height:155px;padding:18px 12px}.vp-landing .upload-prompt{font-size:15px}.vp-landing .section-head{padding-right:0}.vp-landing .report-heading{margin-bottom:28px}.vp-landing .workflow-heading{display:block}.vp-landing .workflow-heading .clock-art{width:105px;height:90px;margin-bottom:10px}.vp-landing .creator-heading{margin-bottom:28px}.vp-landing .creator-layout{grid-template-columns:1fr;gap:32px}.vp-landing .hook-story{position:static;max-width:100%;padding:24px;grid-template-columns:1fr;gap:4px}.vp-landing .story-frame svg{height:175px}.vp-landing .story-timing{font-size:22px}.vp-landing .rewrite-arrow{height:54px}.vp-landing .reason-heading{grid-template-columns:1fr;gap:14px;text-align:left;margin-bottom:32px}.vp-landing .reason-heading .meter-art{grid-column:1;grid-row:1;width:150px;height:115px}.vp-landing .reason-heading h2{grid-column:1;grid-row:2}.vp-landing .sample-heading .scissors-art{width:120px;height:85px}.vp-landing .section-head>svg{right:auto;top:auto}.vp-landing .sample-heading{margin-bottom:28px}}.vp-landing section[id],.vp-landing [id=how-it-works]{scroll-margin-top:6rem}.vp-landing .preview-empty,.vp-landing .empty-report{border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);padding:28px}.vp-landing .preview-empty{max-width:714px;margin:44px auto 0;font-size:14px;color:var(--muted-foreground)}.vp-landing .preview-empty p{margin:0}.vp-landing .empty-report{margin:0 auto;text-align:center}.vp-landing .hook-story{top:110px}.vp-landing svg{max-width:100%}
