.feature-hero{position:relative;background:var(--gradient-hero);padding:8rem 0 4rem;overflow:hidden;min-height:90vh;display:flex;align-items:center}.feature-hero:before{content:"";position:absolute;top:-30%;right:-15%;width:70%;height:100%;background:radial-gradient(ellipse,rgba(76,105,116,.12) 0%,transparent 70%);pointer-events:none}.feature-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:220px;background:linear-gradient(to top,#002939 0%,rgba(0,41,57,.6) 40%,transparent 100%);z-index:1;pointer-events:none}.feature-hero .container{position:relative;z-index:3}.hero-split{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-12);align-items:center}.hero-content{max-width:520px}.hero-content .eyebrow{color:var(--color-orange-light)}.hero-content .eyebrow:before{background:var(--color-orange-light)}.hero-content h1{color:var(--color-white);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4);line-height:1.1;font-weight:var(--weight-bold);letter-spacing:-.02em}.hero-content h1 span{color:#fff9;font-weight:var(--weight-light);font-style:italic}.hero-content .hero-subtitle{color:#ffffffbf;font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:440px}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-mockup{position:relative;z-index:3}.hero-mockup-img{width:110%;max-width:110%;border-radius:0;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25))}.hero-mockup-glow{position:absolute;bottom:-30px;left:10%;right:10%;height:60%;background:radial-gradient(ellipse,rgba(76,105,116,.18) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:-1}.bento-section{padding:var(--space-20) 0;background:var(--color-white)}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.bento-card{background:var(--color-off-white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border);transition:all var(--transition-base) var(--ease-out);position:relative;overflow:hidden}.bento-card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.bento-card .bento-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.bento-card .bento-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-orange);transition:all var(--transition-base)}.bento-card:hover .bento-icon{background:var(--color-orange);color:var(--color-white);border-color:var(--color-orange)}.bento-card h3{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-gray-800);margin:0}.bento-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.how-section{padding:var(--space-20) 0;background:var(--color-off-white)}.how-step{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding:var(--space-10) 0;position:relative}.how-step:not(:last-child){border-bottom:1px solid var(--color-border)}.how-step--reverse{direction:rtl}.how-step--reverse>*{direction:ltr}.how-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-round);background:var(--gradient-orange);color:var(--color-white);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-sm);margin-bottom:var(--space-4)}.how-step-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.how-step-content p{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.how-step-content ul{display:flex;flex-direction:column;gap:var(--space-2)}.how-step-content ul li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);font-weight:var(--weight-medium)}.how-step-content ul li svg{flex-shrink:0;width:18px;height:18px;color:var(--color-success)}.how-step:before{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:linear-gradient(to bottom,transparent,var(--color-border) 25%,var(--color-border) 75%,transparent);transform:translate(-50%);pointer-events:none;z-index:0}.how-step-visual img{width:100%;border-radius:0;box-shadow:none;display:block}.compare-section{padding:var(--space-20) 0;background:var(--color-off-white)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:var(--space-10);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #0029390f}.compare-col{padding:var(--space-10) var(--space-8)}.compare-col--pain{background:#f1f5f9}.compare-col--gain{background:var(--color-white);border-left:3px solid var(--color-orange)}.compare-col-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-pill);margin-bottom:var(--space-6)}.compare-col--pain .compare-col-tag{background:#64748b1a;color:#64748b}.compare-col--gain .compare-col-tag{background:#ea76261a;color:var(--color-orange)}.compare-col h3{font-size:var(--text-xl);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.compare-col--pain h3{color:#334155}.compare-col--gain h3{color:var(--color-navy)}.compare-list{display:flex;flex-direction:column;gap:var(--space-4)}.compare-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);line-height:var(--leading-relaxed)}.compare-list li svg{flex-shrink:0;margin-top:3px;width:20px;height:20px}.compare-col--pain .compare-list li{color:#64748b}.compare-col--pain .compare-list li svg{color:#cbd5e1}.compare-col--pain .compare-list li strong{color:#475569}.compare-col--gain .compare-list li svg{color:var(--color-orange)}.showcase-section{padding:var(--space-20) 0 calc(var(--space-20) + 40px);background:var(--color-off-white)}.yt-frame-outer{max-width:900px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #00293926,0 0 0 1px #00293914}.yt-frame-bar{background:#2a2a2a;padding:9px 14px;display:flex;align-items:center;gap:8px}.yt-frame-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.yt-frame-dot--red{background:#ef4444}.yt-frame-dot--yellow{background:#eab308}.yt-frame-dot--green{background:#22c55e}.yt-frame-url{flex:1;background:#ffffff14;border-radius:5px;padding:3px 10px;font-size:11px;color:#ffffff73;text-align:center;font-family:var(--font-body);letter-spacing:.01em}.yt-lite{position:relative;width:100%;cursor:pointer;background:#000;aspect-ratio:16/9}.yt-lite>img{filter:saturate(.6) contrast(1.05);transition:filter .3s ease}.yt-lite:hover>img{filter:saturate(.75) contrast(1.05)}.yt-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,41,57,.08) 0%,rgba(0,41,57,.04) 50%,transparent 100%);pointer-events:none;z-index:1}.yt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.12) 100%);pointer-events:none;z-index:1}.related-section{padding:var(--space-20) 0;background:var(--color-off-white)}.workflow-card{display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-8);text-decoration:none;color:inherit;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1),border-color .3s ease;position:relative;overflow:hidden}.workflow-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-orange);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}.workflow-card:hover:after{transform:scaleX(1)}.workflow-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00293914;border-color:#ea762626}.workflow-card-icon{width:48px;height:48px;border-radius:50%;background:#ea762614;display:flex;align-items:center;justify-content:center;color:var(--color-orange);margin-bottom:var(--space-5);transition:background var(--transition-base)}.workflow-card:hover .workflow-card-icon{background:#ea762624}.workflow-card h4{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--color-gray-800)}.workflow-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);flex:1}.workflow-card-arrow{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-orange)}.workflow-card:hover .workflow-card-arrow{gap:var(--space-3)}.dp-integrations{background:#f8fafc;padding:var(--space-16) 0;overflow:hidden}.dp-integrations__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.dp-integrations__header{text-align:center;margin-bottom:var(--space-8)}.dp-int-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-12)}.dp-int-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:box-shadow .3s ease,transform .4s cubic-bezier(.23,1,.32,1)}.dp-int-cell:hover{box-shadow:0 6px 20px #0029391a;transform:translateY(-2px)}.dp-int-cell img{height:32px;width:auto;max-width:90px;object-fit:contain;display:block}.dp-int-cell span{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-semibold);color:var(--color-navy);text-align:center;line-height:1.3;letter-spacing:.01em}.dp-integrations__footer{text-align:center}.dp-integrations__footer a{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 28px;border:1.5px solid var(--color-navy);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-navy);text-decoration:none;transition:background .2s ease,color .2s ease}.dp-integrations__footer a:hover{background:var(--color-navy);color:var(--color-white)}@media(max-width:1024px){.dp-int-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.dp-int-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.dp-int-grid{grid-template-columns:repeat(2,1fr)}}.vd-faq{background:#fff;padding:6rem 0}.vd-faq__inner{max-width:780px;margin:0 auto;padding:0 var(--space-6)}.vd-faq__header{text-align:center;margin-bottom:var(--space-10)}.vd-faq__eyebrow{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:#ea7626;margin-bottom:var(--space-3)}.vd-faq__heading{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:var(--weight-bold);color:var(--color-navy);line-height:var(--leading-snug)}.vd-faq__list{display:flex;flex-direction:column;gap:0}.vd-faq__item{border-bottom:1px solid var(--color-gray-100)}.vd-faq__item:first-child{border-top:1px solid var(--color-gray-100)}.vd-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-navy);line-height:var(--leading-snug);transition:color .2s ease}.vd-faq__question:hover{color:#ea7626}.vd-faq__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.vd-faq__icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.vd-faq__item.is-open .vd-faq__icon{transform:rotate(45deg)}.vd-faq__answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.vd-faq__item.is-open .vd-faq__answer{max-height:300px}.vd-faq__answer p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-gray-400);line-height:var(--leading-relaxed);padding-bottom:var(--space-5);max-width:660px}.dp-cta{background:#002939;padding:clamp(2.5rem,5vw,3.5rem) 0 clamp(3.5rem,6vw,5rem);text-align:center;position:relative;overflow:hidden}.dp-cta__bg-photo{position:absolute;inset:0;z-index:0}.dp-cta__bg-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}.dp-cta__bg-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#002939cc,#00293999 35% 65%,#002939cc);pointer-events:none}.dp-cta__orb-1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(40,90,110,.22) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px);animation:dpCtaOrb 8s ease-in-out infinite alternate;pointer-events:none}.dp-cta__orb-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(76,105,116,.18) 0%,transparent 65%);top:30%;right:-100px;filter:blur(50px);animation:dpCtaOrb 12s ease-in-out infinite alternate-reverse;pointer-events:none}.dp-cta__orb-3{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(30,70,90,.15) 0%,transparent 65%);bottom:10%;left:-80px;filter:blur(50px);animation:dpCtaOrb 10s ease-in-out infinite alternate;pointer-events:none}@keyframes dpCtaOrb{0%{transform:scale(1) translate(0)}to{transform:scale(1.2) translate(30px,-20px)}}.dp-cta__ring{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(234,118,38,.12);top:50%;left:50%;transform:translate(-50%,-50%);animation:dpRingPulse 4s ease-in-out infinite;pointer-events:none}.dp-cta__ring-2{width:600px;height:600px;border-color:#ea762612;animation-delay:1.3s}.dp-cta__ring-3{width:800px;height:800px;border-color:#ea76260a;animation-delay:2.6s}@keyframes dpRingPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.04)}}.dp-cta__inner{position:relative;z-index:1;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-6)}.dp-cta__heading{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,4rem);font-weight:var(--weight-extrabold);color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-6)}.dp-cta__heading em{font-style:normal;background:linear-gradient(135deg,#ea7626,#f5a862);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dp-cta__sub{font-family:var(--font-body);font-size:var(--text-lg);color:#ffffff8c;line-height:var(--leading-relaxed);margin-bottom:var(--space-10)}.dp-cta__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.dp-cta__btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:16px 40px;background:var(--gradient-orange);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:0 4px 24px #ea762673}.dp-cta__btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #ea762699}.dp-cta__btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:16px 36px;background:#ffffff0a;color:#ffffffb3;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);text-decoration:none;backdrop-filter:blur(4px);transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.dp-cta__btn-ghost:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px)}@media(max-width:1024px){.hero-split{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-content{max-width:100%}.hero-content .hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-mockup-img{width:100%;max-width:640px;margin:0 auto;border-radius:0}.feature-hero{min-height:auto;padding:7rem 0 0}.bento-grid{grid-template-columns:repeat(2,1fr)}.how-step,.how-step--reverse{grid-template-columns:1fr;gap:var(--space-6);direction:ltr}.compare-grid{grid-template-columns:1fr}.compare-col--gain{border-left:none;border-top:3px solid var(--color-orange)}.dp-cta__actions{flex-direction:column;align-items:center}}@media(max-width:768px){.feature-hero{padding:6rem 0 0}.hero-content h1{font-size:var(--text-4xl)}.bento-grid{grid-template-columns:1fr}.dp-cta__heading{font-size:var(--text-3xl)}.dp-cta__actions{flex-direction:column;align-items:stretch}.dp-cta__ring-2,.dp-cta__ring-3{display:none}.how-step:before{display:none}.grid-3{grid-template-columns:1fr}}.testimonial-section{padding:var(--space-20) 0;background:var(--gradient-hero);position:relative;overflow:hidden}.testimonial-section:before{content:"";position:absolute;top:-50%;left:-30%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(234,118,38,.06) 0%,transparent 70%);pointer-events:none}.testimonial-card{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1}.testimonial-quote-mark{color:#ea76264d;margin-bottom:var(--space-6)}.testimonial-text{font-family:var(--font-heading);font-size:clamp(var(--text-lg),2.2vw,var(--text-2xl));font-weight:var(--weight-medium);color:var(--color-white);line-height:var(--leading-relaxed);margin:0 0 var(--space-8);font-style:italic}.testimonial-attribution{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.testimonial-logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0}.testimonial-logo img{width:100%;height:100%;object-fit:contain}.testimonial-author{display:flex;flex-direction:column;text-align:left}.testimonial-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-white)}.testimonial-role{font-size:var(--text-sm);color:#fff9}.hero-addon-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-orange);background:#ea76261f;border:1px solid rgba(234,118,38,.25);border-radius:var(--radius-pill);padding:.125rem .75rem;margin-top:var(--space-3);margin-bottom:var(--space-3)}.workflow-card--cta{border-style:dashed;border-color:#ea76264d;background:#ea762605}.workflow-card--cta:hover{border-style:solid;border-color:#ea762666;background:#ea76260a}.workflow-card--cta .workflow-card-icon{background:#ea76260f}