:root{color-scheme:dark;--bg:#080a0b;--text:#f5f6f4;--muted:#999e9f;--line:#ffffff21;--green:#d4ff86}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}button,a,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button,input,textarea{outline-offset:6px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}.skip{position:fixed;top:-80px;background:#fff;color:#000;z-index:100;padding:16px}.skip:focus{top:10px}.header{position:fixed;inset:0 0 auto;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff1c;background:#080a0b75;backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:15px}.brand img{width:81px;height:auto}.brand span{border-left:1px solid #ffffff45;padding-left:15px;font-size:16px;font-weight:600;letter-spacing:-.6px}.header nav{display:flex;gap:32px;font-size:14px;color:#ced0cf}.header nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:#f4f5f0;color:#111;padding:19px 29px;font-size:15px;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:var(--green);transform:translateY(-2px);box-shadow:0 8px 30px #d4ff8620}.button.small{font-size:14px;padding:12px 24px}.hero{position:relative;min-height:850px;height:100svh;max-height:1250px;overflow:hidden;background:#182a2d}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;padding:170px 4.5% 120px;max-width:1060px}h1{font-size:clamp(58px,7.5vw,114px);font-weight:500;letter-spacing:-.075em;line-height:1.03;margin:0 0 30px}h1 sup{font-size:.23em;letter-spacing:0;vertical-align:top;display:inline-block;margin:12px 0 0 10px}.hero-copy>p{font-size:clamp(24px,2.3vw,35px);letter-spacing:-.04em;line-height:1.45;margin:0 0 19px}.hero-copy>p span{color:#d2d8d6}.hero-description{font-size:16px;line-height:1.8;color:#c4cecc;max-width:510px;margin-bottom:30px}.hero-bottom{position:absolute;inset:auto 4.5% 38px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;z-index:2}.hero-bottom>a{display:flex;align-items:center;gap:20px}.scroll-line{height:28px;width:1px;display:block;background:#ffffff66;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;width:1px;height:12px;background:var(--green);animation:scroll 2s infinite}@keyframes scroll{from{transform:translateY(-12px)}to{transform:translateY(30px)}}.motion-toggle{border:1px solid #ffffff40;color:#fff;background:#ffffff0d;border-radius:30px;padding:10px 14px;display:flex;gap:9px;align-items:center;font-size:13px;letter-spacing:0}.hero-caption{color:#aaa}.hero-copy>*{animation:enter 1.1s both}.hero-copy>p{animation-delay:.1s}.hero-description{animation-delay:.2s}.hero-copy>.button{animation-delay:.3s}@keyframes enter{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media(max-width:800px){.header{height:72px;padding:0 5%}.header nav{display:none}.brand{gap:10px}.brand img{width:64px}.brand span{font-size:13px;padding-left:10px}.button.small{padding:11px 17px;font-size:13px}.hero{min-height:810px;max-height:none}.hero-copy{padding:155px 5% 100px}.hero-description{max-width:420px}.hero-bottom{inset:auto 5% 28px}.hero-caption{display:none}.hero-bottom>a{font-size:10px;max-width:180px;line-height:1.7}h1{font-size:clamp(51px,9vw,72px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important;transition:none!important}}
.section{max-width:1600px;margin:auto;padding:120px 4.5%}.section-heading{margin-bottom:62px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:#a8afaa;margin:0 0 25px}.section h2{font-weight:500;font-size:clamp(34px,4.1vw,64px);line-height:1.14;letter-spacing:-.055em;margin:0 0 25px}.section h2 span{color:#818789}.section-description{max-width:620px;font-size:17px;color:#a8adae;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature{padding:28px 0 0;border-top:1px solid var(--line)}.feature-icon{font-size:32px;color:var(--green);display:block;margin-bottom:36px}.feature h3,.step h3{font-weight:500;font-size:23px;letter-spacing:-.7px;margin:0 0 16px}.feature p,.step p{color:#9da3a4;line-height:1.85;font-size:15px;max-width:360px}.feature-tag{font-size:11px;letter-spacing:1.7px;display:block;margin-top:26px;color:#747c7d}.showcase{background:#0e1112;max-width:none}.split{display:flex;justify-content:space-between;align-items:end;gap:30px}.showcase-aside{max-width:395px;padding-bottom:24px}.showcase-aside p{color:#a8adae;line-height:1.8;font-size:14px}.filters{display:flex;gap:6px;margin-top:24px}.filters button,.mood-buttons button{color:#afb4b4;background:transparent;border:1px solid #ffffff26;border-radius:40px;padding:10px 17px;font-size:13px;transition:all .3s}.filters button.active{background:#f0f3ee;color:#121716;border-color:#f0f3ee}.filters button:hover,.mood-buttons button:hover{border-color:#d4ff8680}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.video-card{height:465px;position:relative;overflow:hidden;background:#192020;border:1px solid #ffffff10;padding:0;text-align:left;color:white;border-radius:14px}.video-card video{height:100%;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.video-card:hover video{transform:scale(1.045)}.video-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 55%,#0005)}.card-top,.card-bottom{position:absolute;z-index:2;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.card-top{top:22px;font-size:10px;letter-spacing:1.5px}.play-symbol{width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:12px;backdrop-filter:blur(12px)}.card-bottom{bottom:25px}.card-bottom strong{font-size:21px;font-weight:500;letter-spacing:-.6px}.card-bottom small{display:block;font-size:12px;color:#ddd;margin-top:8px}.card-bottom>span:last-child{font-size:13px;color:#ffffff90}.video-card[hidden]{display:none}.gallery.filtered{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.asset-credit{margin:20px 0 0;color:#7e8888;font-size:12px;line-height:1.7}.asset-credit a{border-bottom:1px solid #596462}.comparison-section{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center}.comparison{position:relative;height:520px;border-radius:16px;overflow:hidden;background:#182421}.comparison>video,.still-frame img{width:100%;height:100%;object-fit:cover}.still-frame{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare-label{position:absolute;top:24px;padding:8px 12px;font-size:10px;letter-spacing:1.5px;background:#0005;backdrop-filter:blur(10px);border:1px solid #ffffff25;border-radius:25px}.compare-label.left{left:20px}.compare-label.right{right:20px}.compare-divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:white;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #fff;border-radius:50%;background:#fff;color:#121a16;display:grid;place-items:center;font-size:25px}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.comparison:focus-within{outline:2px solid var(--green);outline-offset:5px}.comparison-copy p:not(.eyebrow),.prompt-copy>p:not(.eyebrow){color:#a1a8a7;line-height:1.9;font-size:16px}.comparison-copy h2{font-size:clamp(30px,3.3vw,50px)}.text-link{display:inline-block;margin-top:22px;font-size:14px;border-bottom:1px solid #c9d4cb;padding-bottom:8px;color:#d4e3d5}.how-section{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.step{position:relative;border-top:1px solid var(--line);padding-top:30px}.step-number{font-size:64px;letter-spacing:-5px;color:#596564;font-weight:500;display:block;margin-bottom:32px}.prompt-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#0e1112;max-width:none}.prompt-copy{max-width:580px}.prompt-tips{display:grid;gap:17px;margin-top:30px}.prompt-tips span{font-size:14px;color:#c7ceca;display:flex;align-items:center;gap:12px}.prompt-tips span:before{content:'+';color:var(--green);font-size:18px}.prompt-builder{max-width:570px;width:100%;margin-left:auto;border:1px solid #ffffff26;border-radius:18px;padding:32px;background:linear-gradient(140deg,#1b2320,#141917)}.builder-heading{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:11px;color:#c1ccc4;margin-bottom:30px}.spark{color:var(--green);font-size:28px}.prompt-builder label,.prompt-builder legend{display:block;font-size:14px;color:#bdc7c0;margin-bottom:9px}.prompt-builder input,.prompt-builder select{color:#e3e9e4;background:#0b100de0;border:1px solid #ffffff26;padding:14px 15px;width:100%;margin:12px 0 20px;border-radius:8px;font-size:15px}.prompt-builder fieldset{margin:0 0 18px;border:none;padding:0}.mood-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mood-buttons button.selected{background:#d4ff861c;color:var(--green);border-color:#d4ff8680}.prompt-result{padding:20px;background:#d4ff8609;border:1px solid #d4ff862b;border-radius:10px}.prompt-result>span{font-size:10px;color:var(--green);letter-spacing:1.5px}.prompt-result p{font-size:14px;color:#d1dccf;line-height:1.9;margin-bottom:0;min-height:105px}.builder-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.builder-actions .button{padding:13px 24px;font-size:13px}.builder-actions>a{font-size:13px;color:#b3bdb5}.builder-note{font-size:11px;color:#8c998e;line-height:1.7;margin:15px 0 0}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.editorial-visual{height:770px;position:relative;overflow:hidden;border-radius:15px}.editorial-visual video{width:100%;height:100%;object-fit:cover}.editorial-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0008)}.editorial-caption{position:absolute;bottom:30px;left:26px;z-index:1;font-size:11px;letter-spacing:1.5px}.editorial h2{font-size:clamp(46px,5vw,75px)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green);letter-spacing:-.06em}.use-cases{margin-top:35px}.use-cases>div{border-top:1px solid var(--line);padding:20px 0}.use-cases h3{font-size:17px;font-weight:500;margin:0 0 7px}.use-cases p{font-size:14px;line-height:1.9;margin:0;color:#8f9997}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;border-top:1px solid var(--line)}.faq-title p:last-child{font-size:16px;color:#9ba3a0;line-height:1.8}.faq-title h2{font-size:clamp(32px,3.6vw,52px)}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:16px;list-style:none;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:20px;height:20px;position:relative;flex-shrink:0;margin-top:3px}.faq-list summary>span:before,.faq-list summary>span:after{content:'';width:13px;height:1px;background:#a9b9ad;position:absolute;top:10px;left:3px;transition:transform .3s}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-answer{font-size:14px;color:#a0aaa5;line-height:1.9;padding:15px 34px 0 0;animation:enter .4s both}.faq-answer a{text-decoration:underline;text-underline-offset:4px}.cta-section{position:relative;overflow:hidden;min-height:640px;display:grid;place-items:center;text-align:center;padding:110px 5%;border-radius:28px 28px 0 0;background:#18302a}.cta-section>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta-shade{position:absolute;inset:0;background:linear-gradient(#080a0b99,#08140fd9),linear-gradient(90deg,#00110899,transparent)}.cta-content{position:relative;z-index:1}.cta-content .eyebrow{color:#b6c8ba}.cta-content h2{font-size:clamp(40px,5.5vw,84px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0 0 25px}.cta-content>p:not(.eyebrow){color:#bccbbf;font-size:17px;line-height:1.8}.cta-content .button{margin-top:15px}.cta-content small{display:block;font-size:11px;color:#9cab9d;margin-top:24px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.video-modal{max-width:1100px;width:92vw;background:#0b0e0d;color:#fff;padding:18px;border:1px solid #ffffff33;border-radius:16px}.video-modal::backdrop{background:#000c;backdrop-filter:blur(15px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 15px}.modal-head h2{font-size:18px;font-weight:500;margin:0}.modal-close{background:none;border:1px solid #ffffff33;border-radius:50%;color:white;font-size:26px;width:40px;height:40px}.video-modal video{width:100%;max-height:75vh;border-radius:7px;display:block}.noscript-note{padding:20px}.header.scrolled{background:#080a0be6}.video-fallback{position:absolute;bottom:25px;left:25px;font-size:12px;color:#fff;z-index:3;background:#0008;padding:7px 12px;border-radius:20px}@media(max-width:1050px){.gallery{grid-template-columns:1.2fr 1fr}.gallery .video-card:last-child{grid-column:1/-1;height:350px}.comparison-section{gap:5%}.comparison{height:430px}.prompt-section{gap:5%}.editorial-visual{height:720px}.prompt-builder{padding:25px}}@media(max-width:800px){.section{padding:80px 5%}.section-heading{margin-bottom:40px}.feature-grid,.steps{grid-template-columns:1fr;gap:30px}.feature{display:block}.feature-icon{margin-bottom:18px}.feature p,.step p{max-width:100%}.feature-tag{margin-top:15px}.split{display:block}.showcase-aside{max-width:none;padding:0}.gallery{grid-template-columns:1fr;gap:18px}.gallery .video-card,.gallery .video-card:last-child{height:390px;grid-column:auto}.comparison-section,.prompt-section,.editorial,.faq-section{grid-template-columns:1fr;gap:40px}.comparison{height:420px}.comparison-copy h2{font-size:34px}.step-number{font-size:48px;margin-bottom:20px}.prompt-builder{max-width:none;padding:24px;margin:0}.editorial-visual{height:480px}.editorial-copy h2{font-size:52px}.faq-title h2{font-size:39px}.faq-list details{padding:20px 0}.faq-list summary{font-size:15px}.cta-section{min-height:550px;padding:80px 5%}.builder-actions{gap:16px}.eyebrow{font-size:10px;letter-spacing:1.5px}.feature h3,.step h3{font-size:22px}.reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
/* White theme */
:root{color-scheme:light;--bg:#fff;--text:#151917;--muted:#626c67;--line:#17251b24;--green:#3b724c}
.header,.header.scrolled{background:#ffffffed;border-bottom-color:#15261c16}
.brand span{border-left-color:#17251b35}.header nav{color:#48534d}
.button{background:#18251d;color:#fff}.button:hover{background:#355a40;box-shadow:0 8px 30px #17392120}
.hero{background:#fff;min-height:820px}.hero-video{inset:118px 4.5% auto auto;width:56%;height:calc(100% - 205px);border-radius:24px}

.hero-copy{max-width:1040px;padding-top:175px}h1{font-size:clamp(58px,6.7vw,102px)}
.hero-copy>p span{color:#606c65}.hero-description{color:#536158;max-width:485px}
.hero-bottom{color:#526057}.hero-caption{color:#758178}.scroll-line{background:#263a2a40}
.motion-toggle{border-color:#233d2b35;color:#263c2d;background:#fff}
.eyebrow{color:#647469}.section h2 span{color:#7c8980}.section-description{color:#657067}
.feature p,.step p{color:#647268}.feature-tag{color:#758177}
.showcase{background:#f5f7f5}.showcase-aside p{color:#657168}
.filters button,.mood-buttons button{color:#58675d;border-color:#223e2c2a;background:#fff}
.filters button.active{background:#233b2b;color:#fff;border-color:#233b2b}
.filters button:hover,.mood-buttons button:hover{border-color:#3b724c80}
.video-card{background:#e4eae5;border-color:#1d392b1a;color:#fff}
.asset-credit{color:#68776d}.asset-credit a{border-bottom-color:#708576}
.comparison-copy p:not(.eyebrow),.prompt-copy>p:not(.eyebrow){color:#637369}
.text-link{color:#315d3e;border-bottom-color:#315d3e}
.step-number{color:#a8b5ab}.prompt-section{background:#f5f7f5}
.prompt-tips span{color:#506656}
.prompt-builder{border-color:#193f2826;background:#fff;box-shadow:0 22px 70px #18332308}
.builder-heading{color:#677d6c}.prompt-builder label,.prompt-builder legend{color:#4d6555}
.prompt-builder input,.prompt-builder select{background:#fafcf9;color:#283d2e;border-color:#233e2b2b}
.mood-buttons button.selected{color:#2f613d;border-color:#769c6b;background:#eef6e9}
.prompt-result{background:#f1f6ed;border-color:#6b965f38}.prompt-result p{color:#465e48}
.builder-actions>a{color:#3d6547}.builder-note{color:#6b7a6b}
.use-cases p{color:#647467}.faq-title p:last-child,.faq-answer{color:#647369}
.faq-list summary>span:before,.faq-list summary>span:after{background:#526e5a}
.editorial-caption{color:#fff}
.cta-section{background:#f5f8f1;border-top:1px solid #476e3720}
.cta-section>video{opacity:.18}.cta-shade{background:linear-gradient(#ffffffe8,#f7faf2ef)}
.cta-content .eyebrow{color:#63785d}.cta-content>p:not(.eyebrow){color:#5b6f57}.cta-content small{color:#738270}
.video-modal{background:#fff;color:#15251b;border-color:#1c3e2933}.video-modal::backdrop{background:#152219a8}
.modal-close{color:#2c4934;border-color:#244e3633}
@media(max-width:800px){.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;padding-bottom:80px}.hero-copy{order:1;padding:132px 5% 40px;max-width:100%}.hero-video{position:relative;order:2;inset:auto;width:90%;height:300px;margin:0 auto;border-radius:18px}.hero-copy h1{font-size:clamp(51px,9vw,72px)}.hero-description{max-width:480px}.hero-bottom{inset:auto 5% 22px}.motion-toggle{background:#fff}.cta-section{min-height:550px}}

.prompt-example{margin-bottom:16px}.prompt-example h3{font-size:15px;font-weight:600;line-height:1.5;color:#335d3d;margin:0 0 8px}.prompt-example p{min-height:0;margin:0}.service-note{margin:26px auto 0;max-width:520px;font-size:14px!important;line-height:1.8}.hero-copy>.button{animation-delay:.3s}

.section-action{margin-top:30px}.showcase>.section-action,.how-section>.section-action{margin-top:40px}.prompt-builder .section-action{margin-top:24px}.cta-content>.button{margin-top:16px}.cta-content .service-note{font-size:13px!important;margin-top:22px}.header .button.small{flex-shrink:0}

.seo-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin-top:64px}.seo-guide{border-top:1px solid var(--line);padding-top:27px}.seo-guide h3,.prompt-formula h3{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.35;margin:0 0 18px}.seo-guide p,.seo-guide li,.refinement-list dd{font-size:16px;line-height:1.85;color:#637369}.seo-guide ul{padding-left:21px;margin:22px 0 0}.seo-guide li{padding-left:5px;margin-bottom:14px}.refinement-list{margin:24px 0}.refinement-list dt{font-size:15px;font-weight:600;color:#314c39;margin:17px 0 4px}.refinement-list dd{margin:0}.guide-next{font-size:15px;line-height:1.8;color:#637369;margin:34px 0 0}.guide-next a{color:#315d3e;text-decoration:underline;text-underline-offset:5px}.prompt-formula{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.prompt-formula>p{font-size:16px;line-height:1.8;color:#315d3e}.prompt-formula .formula-explanation{color:#637369}.seo-guide .guide-next{font-size:15px}.hero-description{max-width:510px}@media(max-width:800px){.seo-guide-grid{grid-template-columns:1fr;gap:32px;margin-top:42px}.seo-guide h3,.prompt-formula h3{font-size:22px}.seo-guide li{margin-bottom:12px}}

/* Separate the hero text from the unfiltered video. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:30px 5%;padding:130px 4.5% 40px;align-items:center;min-height:min(900px,100svh);height:auto;max-height:none;background:#fff;overflow:visible}
.hero-copy{grid-column:1;grid-row:1;padding:0;max-width:none;min-width:0;z-index:auto}.hero-copy h1{font-size:clamp(56px,5.7vw,84px);line-height:1.06;letter-spacing:-.065em}.hero-copy>p{font-size:clamp(24px,2.3vw,34px)}
.hero-video{position:static;grid-column:2;grid-row:1;inset:auto;width:100%;height:clamp(440px,66svh,680px);margin:0;object-fit:cover;object-position:center;border-radius:24px;opacity:1;filter:none}
.hero-bottom{position:static;grid-column:1/-1;grid-row:2;width:100%;margin:0;min-width:0}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);padding:128px 5% 28px;gap:34px;min-height:0}.hero-copy{grid-column:1;grid-row:1;padding:0}.hero-copy h1{font-size:clamp(46px,8.7vw,72px)}.hero-video{grid-column:1;grid-row:2;position:static;width:100%;height:clamp(280px,65vw,480px);margin:0;border-radius:18px;object-fit:cover}.hero-bottom{grid-column:1;grid-row:3;gap:15px;flex-wrap:wrap}.hero-caption{display:none}.hero-bottom>a{font-size:10px;max-width:180px;line-height:1.6}.hero-description{max-width:550px}}