:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--accent-400:#2dd4bf;--accent-500:#14b8a6;--accent-600:#0d9488;--success-500:#22c55e;--success-600:#16a34a;--warning-500:#f59e0b;--warning-600:#d97706;--error-500:#ef4444;--error-600:#dc2626;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#0a0e1a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001f;--shadow-xl:0 24px 60px #00000026;--max-width:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--neutral-800);background:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--neutral-900);letter-spacing:-.02em;font-weight:800;line-height:1.2}a{color:var(--primary-600);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{padding-left:1.5rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section--tight{padding:48px 0}.section--dark{background:var(--neutral-950);color:var(--neutral-200)}.section--dark h2,.section--dark h3{color:#fff}.section--alt{background:var(--neutral-100)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-600);margin-bottom:16px;font-size:13px;font-weight:700;display:inline-block}.section--dark .eyebrow{color:var(--accent-400)}.section-title{margin-bottom:20px;font-size:clamp(28px,4vw,42px)}.section-intro{color:var(--neutral-600);max-width:720px;margin-bottom:48px;font-size:19px}.section--dark .section-intro{color:var(--neutral-400)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 4px 16px #2563eb4d}.btn--primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #2563eb66}.btn--accent{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;box-shadow:0 4px 16px #0d94884d}.btn--accent:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #0d948866}.btn--ghost{color:#fff;background:#ffffff14;border:1px solid #fff3}.btn--ghost:hover{color:#fff;background:#ffffff26}.btn--lg{padding:18px 40px;font-size:18px}.btn--block{width:100%}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0a0e1ad9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.nav__brand{color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:800}.nav__brand span{color:var(--accent-400)}.nav__links{align-items:center;gap:28px;padding:0;list-style:none;display:flex}.nav__links a{color:var(--neutral-300);font-size:14px;font-weight:600;transition:color .2s}.nav__links a:hover{color:#fff}.nav__cta{border-radius:var(--radius-sm);background:var(--accent-500);padding:10px 22px;font-size:14px;font-weight:700;transition:all .2s;color:#fff!important}.nav__cta:hover{background:var(--accent-600);transform:translateY(-1px)}@media (width<=768px){.nav__links{display:none}}.hero{background:var(--neutral-950);color:#fff;padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#2563eb2e,#0000 60%);width:60%;height:120%;position:absolute;top:-50%;left:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(#0d948826,#0000 60%);width:50%;height:100%;position:absolute;bottom:-30%;right:-10%}.hero__inner{z-index:1;text-align:center;max-width:820px;margin:0 auto;padding:0 24px;position:relative}.hero__badge{color:var(--accent-400);background:#2dd4bf1a;border:1px solid #2dd4bf40;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(36px,5.5vw,58px)}.hero h1 .highlight{background:linear-gradient(135deg, var(--accent-400), var(--primary-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--neutral-300);margin-bottom:40px;font-size:clamp(18px,2.2vw,22px);line-height:1.5}.hero__cta-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.hero__note{color:var(--neutral-500);margin-top:20px;font-size:14px}.video-section{background:var(--neutral-950);padding:0 0 80px}.video-wrap{max-width:900px;margin:0 auto;padding:0 24px;position:relative}.video-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#000;border:1px solid #ffffff1a;padding:56.25% 0 0;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-caption{text-align:center;color:var(--neutral-400);margin-top:20px;font-size:15px}.grid{gap:28px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);background:#fff;padding:32px;transition:transform .25s,box-shadow .25s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__icon{border-radius:var(--radius-md);background:var(--primary-50);width:52px;height:52px;color:var(--primary-600);justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;display:flex}.card__icon--accent{color:var(--accent-600);background:#2dd4bf1a}.card__icon--warning{color:var(--warning-600);background:#f59e0b1a}.card__icon--error{color:var(--error-600);background:#ef44441a}.card h3{margin-bottom:12px;font-size:20px}.card p{color:var(--neutral-600);font-size:16px}.card ul{color:var(--neutral-600);margin-top:12px}.card ul li{margin-bottom:6px;font-size:15px}.feature-block{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:80px;display:grid}.feature-block:last-child{margin-bottom:0}.feature-block--reverse .feature-block__content{order:2}@media (width<=800px){.feature-block{grid-template-columns:1fr;gap:32px}.feature-block--reverse .feature-block__content{order:0}}.feature-block__content h3{margin-bottom:16px;font-size:26px}.feature-block__content p{color:var(--neutral-600);margin-bottom:16px}.feature-block__visual{background:linear-gradient(135deg, var(--primary-50), var(--neutral-100));border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:40px}.feature-block__visual--accent{background:linear-gradient(135deg, #2dd4bf0f, var(--neutral-100))}.feature-list{padding:0;list-style:none}.feature-list li{color:var(--neutral-700);align-items:flex-start;gap:12px;margin-bottom:14px;font-size:16px;display:flex}.feature-list li:before{content:"✓";background:var(--success-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:13px;font-weight:700;display:flex}.pricing-table{border-collapse:collapse;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.pricing-table th,.pricing-table td{text-align:left;border-bottom:1px solid var(--neutral-200);padding:18px 24px}.pricing-table th{background:var(--neutral-900);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}.pricing-table td{color:var(--neutral-700);font-size:16px}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:hover td{background:var(--neutral-50)}.pricing-table .price{color:var(--primary-700);white-space:nowrap;font-weight:800}@media (width<=600px){.pricing-table{font-size:14px}.pricing-table th,.pricing-table td{padding:12px 14px}}.compare-table{border-collapse:collapse;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--neutral-200);padding:16px 20px;font-size:15px}.compare-table th{background:var(--neutral-100);color:var(--neutral-800);font-weight:700}.compare-table td:first-child{color:var(--neutral-800);font-weight:600}.compare-table tr:last-child td{border-bottom:none}.pros-cons{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=700px){.pros-cons{grid-template-columns:1fr}}.pros-cons__col{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);background:#fff;padding:36px}.pros-cons__col--pros{border-top:4px solid var(--success-500)}.pros-cons__col--cons{border-top:4px solid var(--warning-500)}.pros-cons__col h3{align-items:center;gap:10px;margin-bottom:20px;font-size:22px;display:flex}.pros-cons__col ul{padding:0;list-style:none}.pros-cons__col li{border-bottom:1px solid var(--neutral-100);color:var(--neutral-700);align-items:flex-start;gap:10px;padding:10px 0;font-size:15px;display:flex}.pros-cons__col li:last-child{border-bottom:none}.pros-cons__col--pros li:before{content:"+";color:var(--success-600);font-size:20px;font-weight:800;line-height:1.3}.pros-cons__col--cons li:before{content:"!";color:var(--warning-600);background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:800;display:flex}.faq-item{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;margin-bottom:12px;transition:box-shadow .2s;overflow:hidden}.faq-item[open]{box-shadow:var(--shadow-md)}.faq-item summary{color:var(--neutral-900);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary-600);flex-shrink:0;font-size:24px;font-weight:300;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--neutral-600);padding:0 24px 20px;font-size:16px}.steps{counter-reset:step;padding:0;list-style:none}.steps li{counter-increment:step;gap:24px;margin-bottom:28px;display:flex}.steps li:before{content:counter(step);background:linear-gradient(135deg, var(--primary-600), var(--primary-800));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.steps li>div h4{margin-bottom:6px;font-size:18px}.steps li>div p{color:var(--neutral-600);font-size:15px}.audience-card{border-radius:var(--radius-md);border:1px solid var(--neutral-200);background:#fff;padding:24px;transition:all .25s}.audience-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.audience-card h4{color:var(--primary-700);margin-bottom:8px;font-size:17px}.audience-card p{color:var(--neutral-600);font-size:15px}.cta-banner{background:linear-gradient(135deg, var(--primary-700), var(--neutral-950));border-radius:var(--radius-xl);text-align:center;color:#fff;padding:64px 48px;position:relative;overflow:hidden}.cta-banner:before{content:"";background:radial-gradient(#2dd4bf1f,#0000 60%);width:50%;height:200%;position:absolute;top:-50%;left:-10%}.cta-banner h2{color:#fff;margin-bottom:16px;font-size:clamp(28px,4vw,38px);position:relative}.cta-banner p{color:var(--neutral-300);margin-bottom:32px;font-size:18px;position:relative}.cta-banner .btn{position:relative}@media (width<=600px){.cta-banner{padding:40px 24px}}.disclosure{background:var(--neutral-100);border-left:4px solid var(--neutral-400);border-radius:var(--radius-sm);color:var(--neutral-600);padding:24px 28px;font-size:14px;line-height:1.6}.disclosure p{margin-bottom:10px}.disclosure p:last-child{margin-bottom:0}.footer{background:var(--neutral-950);color:var(--neutral-500);text-align:center;padding:48px 0 32px}.footer__brand{color:#fff;margin-bottom:12px;font-size:16px;font-weight:700}.footer p{margin-bottom:8px;font-size:14px}.footer__links{justify-content:center;gap:24px;margin:16px 0;padding:0;list-style:none;display:flex}.footer__links a{color:var(--neutral-400);font-size:14px}.footer__links a:hover{color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.text-center{text-align:center}.mt-40{margin-top:40px}.mb-0{margin-bottom:0}.lead{color:var(--neutral-600);font-size:19px;line-height:1.7}.callout{border-radius:var(--radius-md);color:var(--neutral-700);background:#2563eb0f;border:1px solid #2563eb26;margin:24px 0;padding:20px 24px;font-size:16px}.callout--warning{background:#f59e0b0f;border-color:#f59e0b33}.callout strong{color:var(--neutral-900)}.workflow-chain{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;font-size:15px;font-weight:600;display:flex}.workflow-chain span{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);border-radius:100px;padding:8px 16px}.workflow-chain .arrow{color:var(--neutral-400);background:0 0;border:none;padding:0;font-size:18px}@media (width<=600px){.workflow-chain .arrow{transform:rotate(90deg)}}