.broll-page{--card:oklch(0.985 0.004 80/90%);color:var(--foreground)}.broll-page .shell{max-width:1300px;margin:0 auto;padding:0 2.5rem}.broll-page .hero{padding:5rem 2.5rem 4.5rem;max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.broll-page h1{font-family:var(--font-display);font-size:clamp(3rem,5.5vw,4.6rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--foreground);text-wrap:balance;margin:1.2rem 0 1.5rem}.broll-page h1 em{font-style:normal;color:var(--accent)}.broll-page .hero-sub{font-size:1.08rem;line-height:1.65;color:var(--fg-mid);max-width:40ch;text-wrap:pretty}.broll-page .hero-ctas{display:flex;gap:.7rem;margin-top:2rem;flex-wrap:wrap}.broll-page .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.broll-page .stat-val{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.04em;color:var(--foreground);line-height:1}.broll-page .stat-label{font-size:.75rem;color:var(--fg-dim);margin-top:.35rem;line-height:1.4}.broll-page .btn{font-family:var(--font-sans);font-size:.85rem;font-weight:600;border-radius:.7rem;padding:.58rem 1.2rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;transition:all .16s;line-height:1}.broll-page .btn-dark{background:var(--foreground);color:var(--background)}.broll-page .btn-dark:hover{background:oklch(.25 .018 30)}.broll-page .btn-ghost{background:transparent;color:var(--foreground);border:1.5px solid var(--border-strong)}.broll-page .btn-ghost:hover{border-color:var(--foreground)}.broll-page .btn-lg{font-size:1rem;padding:.82rem 1.7rem;border-radius:.85rem}.broll-page .btn-white{background:white;color:var(--foreground)}.broll-page .btn-white:hover{background:oklch(.94 .006 80)}.broll-page .hero-visual{position:relative;height:520px}.broll-page .photo-stack{position:relative;width:100%;height:100%}.broll-page .pframe{position:absolute;border-radius:1.15rem;overflow:hidden;border:3px solid white;box-shadow:0 24px 64px -24px oklch(.2 .02 40/.28);will-change:transform;opacity:0}.broll-page .pframe.loaded{opacity:1}.broll-page .pframe-main{width:70%;height:78%;top:0;right:0}.broll-page .pframe-secondary{width:52%;height:56%;bottom:0;left:0;box-shadow:0 28px 72px -24px oklch(.2 .02 40/.34)}.broll-page .pframe-accent{width:32%;height:27%;top:52%;right:3%;transform:rotate(2deg);box-shadow:0 10px 36px -10px oklch(.2 .02 40/.28)}.broll-page .pframe img{width:100%;height:100%;object-fit:cover}.broll-page .ptag{position:absolute;bottom:.7rem;left:.7rem;background:oklch(.14 .018 30/.74);color:white;font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .6rem;border-radius:.35rem;backdrop-filter:blur(8px)}@keyframes broll-float-a{0%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-10px) rotate(.4deg)}70%{transform:translateY(5px) rotate(-.2deg)}}@keyframes broll-float-b{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(8px) rotate(-.5deg)}65%{transform:translateY(-6px) rotate(.3deg)}}@keyframes broll-float-c{0%,to{transform:translateY(0) rotate(2deg)}45%{transform:translateY(-8px) rotate(2.8deg)}80%{transform:translateY(4px) rotate(1.5deg)}}.broll-page .pframe-main.floating{animation:broll-float-a 7s ease-in-out infinite}.broll-page .pframe-secondary.floating{animation:broll-float-b 9s ease-in-out infinite}.broll-page .pframe-accent.floating{animation:broll-float-c 6s ease-in-out infinite}.broll-page section{padding:5.5rem 2.5rem;max-width:1300px;margin:0 auto}.broll-page .steps-track-outer+section,.broll-page section+.steps-track-outer+section,.broll-page section+section{border-top:1px solid var(--border)}.broll-page h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:.97;text-wrap:balance;font-size:clamp(2.4rem,4.5vw,3.8rem);color:var(--foreground)}.broll-page h2 em{font-style:normal;color:var(--accent)}.broll-page h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;font-size:1.2rem;color:var(--foreground)}.broll-page p{line-height:1.65;color:var(--fg-mid);text-wrap:pretty}.broll-page .steps-track-outer{position:relative;height:270vh}.broll-page .steps-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.broll-page .steps-header{padding:0 2.5rem;margin-bottom:2rem;display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.broll-page .steps-progress{display:flex;gap:.5rem;align-items:center}.broll-page .steps-pip{width:28px;height:3px;border-radius:999px;background:var(--border);transition:background .3s,width .3s}.broll-page .steps-pip.active{background:var(--accent);width:48px}.broll-page .steps-cards-viewport{overflow:visible;padding:0 2.5rem}.broll-page .steps-cards-row{display:flex;gap:1.5rem;will-change:transform}.broll-page .step-card{flex-shrink:0;width:clamp(310px,28vw,390px);border-radius:1.5rem;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:0 12px 48px -16px oklch(.2 .02 40/.16);display:flex;flex-direction:column;opacity:.32;transform:scale(.96);transition:opacity .45s,transform .45s}.broll-page .step-card.active{opacity:1;transform:scale(1)}.broll-page .step-card-media{height:270px;overflow:hidden;position:relative}.broll-page .step-card-media img{width:100%;height:100%;object-fit:cover}.broll-page .step-card-screen{position:absolute;inset:0;background:oklch(.978 .004 90);display:flex;flex-direction:column;padding:1.1rem;gap:.6rem}.broll-page .scs-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.55rem}.broll-page .scs-logo{font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:-.03em;color:var(--foreground);display:flex;align-items:center;gap:.3rem}.broll-page .scs-sub{font-size:.56rem;color:var(--fg-dim)}.broll-page .scs-label{font-size:.54rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.broll-page .scs-prompt{font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--foreground);margin-top:2px}.broll-page .scs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.broll-page .scs-thumb{aspect-ratio:1;border-radius:.4rem;overflow:hidden}.broll-page .scs-thumb img{width:100%;height:100%;object-fit:cover}.broll-page .scs-thumb.empty{background:oklch(.94 .008 70);border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--fg-dim);font-size:.9rem}.broll-page .scs-btn{background:var(--foreground);color:white;border-radius:.5rem;padding:7px 10px;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-align:center;margin-top:auto}.broll-page .scs-field{background:oklch(.96 .007 80);border:1px solid var(--border);border-radius:.45rem;padding:6px 9px;font-size:.64rem;color:var(--fg-mid)}.broll-page .scs-field span{font-size:.52rem;display:block;color:var(--fg-dim);margin-bottom:2px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.broll-page .scs-chapters{display:flex;flex-direction:column;gap:5px}.broll-page .scs-chapter{border-radius:.5rem;overflow:hidden;height:40px;position:relative}.broll-page .scs-chapter img{width:100%;height:100%;object-fit:cover}.broll-page .scs-chapter-label{position:absolute;inset:0;padding:0 9px;display:flex;align-items:center;background:oklch(.1 .01 30/.44);color:white;font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.broll-page .step-card-body{padding:1.4rem;flex:1}.broll-page .step-card-num{font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.broll-page .step-card-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;margin-top:.4rem;color:var(--foreground);line-height:1.15}.broll-page .step-card-desc{font-size:.86rem;color:var(--fg-mid);margin-top:.6rem;line-height:1.6}.broll-page .phone-section{display:grid;grid-template-columns:.52fr .48fr;gap:4rem;align-items:center}.broll-page .phone-stage{display:flex;justify-content:center;align-items:center;position:relative;height:640px}.broll-page .phone-thumb{position:absolute;border-radius:.9rem;overflow:hidden;border:3px solid white;box-shadow:0 12px 36px -10px oklch(.2 .02 40/.28);will-change:transform}.broll-page .phone-thumb img{width:100%;height:100%;object-fit:cover}.broll-page .phone-thumb-1{width:110px;height:132px;top:6%;left:0}.broll-page .phone-thumb-2{width:90px;height:108px;bottom:10%;right:2%}.broll-page .phone-thumb-3{width:80px;height:96px;top:44%;left:6%}.broll-page .phone-frame{width:268px;height:548px;position:relative;z-index:2;border-radius:3rem;background:oklch(.12 .015 30);box-shadow:0 0 0 1.5px oklch(.32 .02 40),0 40px 100px -28px oklch(.14 .02 30/.55),inset 0 0 0 1px oklch(.22 .02 40);will-change:transform;overflow:hidden}.broll-page .phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:28px;background:oklch(.12 .015 30);border-radius:999px;z-index:10;box-shadow:0 0 0 1px oklch(.22 .02 40)}.broll-page .phone-screen{position:absolute;inset:0;border-radius:inherit;background:oklch(.978 .004 90);overflow:hidden;display:flex;flex-direction:column}.broll-page .phone-screen-inner{padding:56px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1;will-change:transform}.broll-page .ps-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}.broll-page .ps-logo{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:-.03em;color:var(--foreground);display:flex;align-items:center;gap:.3rem}.broll-page .ps-event{font-size:.6rem;color:var(--fg-dim)}.broll-page .ps-prompt-label{font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.broll-page .ps-prompt{font-family:var(--font-display);font-size:1.02rem;font-weight:700;letter-spacing:-.025em;line-height:1.22;color:var(--foreground);margin-top:3px}.broll-page .ps-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.broll-page .ps-photo{aspect-ratio:1;border-radius:.55rem;overflow:hidden;background:var(--bg-tint);border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center}.broll-page .ps-photo.filled{border-style:solid;border-color:transparent}.broll-page .ps-photo img{width:100%;height:100%;object-fit:cover}.broll-page .ps-add{color:var(--fg-dim);font-size:1.3rem;line-height:1}.broll-page .ps-note{background:oklch(.962 .007 85);border:1px solid var(--border);border-radius:.65rem;padding:9px 11px;font-size:.7rem;color:var(--fg-dim);line-height:1.5}.broll-page .ps-submit{background:var(--foreground);color:white;border-radius:.75rem;padding:12px 14px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:-.02em;margin-top:auto;display:flex;align-items:center;justify-content:space-between}.broll-page .ps-submit-hint{font-size:.62rem;font-weight:500;color:oklch(.62 .01 55)}.broll-page .feed-layout{display:grid;grid-template-columns:.42fr .58fr;gap:4rem;align-items:start}.broll-page .submission-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.broll-page .submission{display:flex;flex-direction:column;gap:0;background:var(--card);border:1px solid var(--border);border-radius:1.15rem;overflow:hidden;box-shadow:0 6px 24px -8px oklch(.2 .02 40/.1)}.broll-page .submission-photo{width:100%;height:160px;overflow:hidden;position:relative}.broll-page .submission-photo img{width:100%;height:100%;object-fit:cover}.broll-page .submission-photo-meta{position:absolute;bottom:.6rem;left:.6rem;right:.6rem;display:flex;align-items:center;justify-content:space-between}.broll-page .submission-guest{background:oklch(.12 .015 30/.72);color:white;font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .55rem;border-radius:.35rem;backdrop-filter:blur(6px)}.broll-page .submission-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.broll-page .submission-prompt{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.broll-page .bubble{position:relative;background:oklch(.962 .007 85);border:1px solid var(--border);border-radius:0 .85rem .85rem .85rem;padding:.7rem .85rem;font-size:.84rem;color:var(--foreground);line-height:1.5}.broll-page .bubble:before{content:"";position:absolute;top:-1px;left:-1px;width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--border) transparent transparent}.broll-page .bubble:after{content:"";position:absolute;top:0;left:0;width:0;height:0;border-color:transparent oklch(.962 .007 85) transparent transparent;border-style:solid;border-width:0 9px 9px 0}.broll-page .submission.alt .bubble{border-radius:.85rem 0 .85rem .85rem;background:oklch(.14 .018 30);border-color:oklch(.22 .018 34);color:white}.broll-page .submission.alt .bubble:before{left:auto;right:-1px;border-width:0 0 10px 10px;border-color:transparent transparent transparent oklch(.22 .018 34)}.broll-page .submission.alt .bubble:after{left:auto;right:0;border-width:0 0 9px 9px;border-color:transparent transparent transparent oklch(.14 .018 30)}.broll-page .submission.alt .submission-prompt{color:oklch(.55 .01 55)}.broll-page .submission-time{font-size:.62rem;color:var(--fg-dim);text-align:right;margin-top:.1rem}.broll-page .pricing-header{display:grid;grid-template-columns:.38fr .62fr;gap:4rem;align-items:end;margin-bottom:2.5rem}.broll-page .pricing-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:0}.broll-page .pricing-row{display:flex;flex-direction:column;gap:0;border-radius:1.25rem;overflow:hidden;border:1px solid var(--border);background:var(--card);box-shadow:0 8px 32px -12px oklch(.2 .02 40/.12)}.broll-page .pricing-row.featured{border-color:var(--foreground)}.broll-page .pr-top{padding:1.6rem;border-bottom:1px solid var(--border)}.broll-page .pricing-row.featured .pr-top{background:var(--foreground);border-color:oklch(.28 .02 36)}.broll-page .pr-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.025em;color:var(--foreground)}.broll-page .pricing-row.featured .pr-name{color:white}.broll-page .pr-badge{display:inline-block;font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.18rem .5rem;border-radius:999px;background:var(--accent);color:white;margin-left:.5rem;vertical-align:middle}.broll-page .pr-price{font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:-.05em;color:var(--foreground);line-height:1;margin-top:.5rem}.broll-page .pricing-row.featured .pr-price{color:white}.broll-page .pr-desc{font-size:.84rem;color:var(--fg-mid);margin-top:.5rem;line-height:1.5}.broll-page .pricing-row.featured .pr-desc{color:oklch(.7 .012 55)}.broll-page .pr-body{padding:1.4rem;flex:1;display:flex;flex-direction:column;gap:1.1rem}.broll-page .pr-features{list-style:none;display:flex;flex-direction:column;gap:.55rem;flex:1;padding:0}.broll-page .pr-features li{font-size:.82rem;color:var(--fg-mid);display:flex;gap:.5rem;align-items:baseline}.broll-page .pr-features li:before{content:"—";color:var(--accent);flex-shrink:0}.broll-page .pr-cta .btn{width:100%;justify-content:center}.broll-page .faq-layout{display:grid;grid-template-columns:.38fr .62fr;gap:4rem;align-items:start}.broll-page .faq-list{list-style:none;padding:0}.broll-page .faq-item{padding:1.75rem 0;border-top:1px solid var(--border)}.broll-page .faq-item:last-child{border-bottom:1px solid var(--border)}.broll-page .faq-item h3{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.broll-page .faq-item p{font-size:.9rem;margin-top:.5rem}.broll-page .cta-strip{background:var(--foreground);border-radius:1.35rem;padding:4.5rem 3.5rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;position:relative;overflow:hidden}.broll-page .cta-strip:after{content:"";position:absolute;top:-30%;right:-8%;width:380px;height:380px;border-radius:50%;background:var(--accent);opacity:.08;pointer-events:none}.broll-page .cta-strip h2{color:white;font-size:clamp(2rem,4vw,3.2rem)}.broll-page .cta-strip h2 em{color:oklch(.75 .1 55)}.broll-page .cta-strip p{color:oklch(.68 .012 55);margin-top:.75rem}.broll-page .cta-actions{display:flex;flex-direction:column;gap:.65rem;position:relative;z-index:1}@media (max-width:920px){.broll-page .hero{grid-template-columns:1fr;padding:3rem 1.5rem 2.5rem;gap:3rem}.broll-page .hero-visual{height:340px}.broll-page .phone-section{grid-template-columns:1fr}.broll-page .phone-stage{height:480px}.broll-page .feed-layout{gap:2rem}.broll-page .feed-layout,.broll-page .submission-preview-grid{grid-template-columns:1fr}.broll-page .faq-layout,.broll-page .pricing-header,.broll-page .steps-header{grid-template-columns:1fr;gap:2rem}.broll-page .cta-strip,.broll-page .pricing-list{grid-template-columns:1fr}.broll-page .cta-strip{padding:3rem 2rem}.broll-page section{padding:3.5rem 1.5rem}.broll-page .step-card-media{height:250px}.broll-page .feed-right-col{margin-top:0!important}}