.landing-page{--bg:#fff;--bg2:#f9f7ff;--bg3:#f5f3ff;--surface:#ede9fe;--surface2:#ddd6fe;--border:#e4e4e9;--border2:#c4b5fd;--teal:#7c3aed;--teal-dim:#6d28d9;--teal-glow:#7c3aed26;--teal-glow2:#7c3aed14;--blue:#a855f7;--text:#111827;--text2:#6b7280;--text3:#9ca3af;--white:#111827;--radius:14px;--radius-lg:20px;background:var(--bg);min-height:100vh;color:var(--text);isolation:isolate;font-family:DM Sans,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.landing-page,.landing-page *{scroll-margin-top:88px}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page:before{content:"";pointer-events:none;z-index:1000;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.landing-page .mockup-window{background:#121826!important;border-color:#2a3a52!important}.landing-page .mockup-bar{background:#1c2538!important;border-color:#1f2d42!important}.landing-page .mockup-body .kpi-card{background:#0d1220!important;border-color:#1f2d42!important}.landing-page .mockup-body .insight-card{background:#0d1220!important;border-color:#1f2d42 #1f2d42 #1f2d42 #7c3aed!important}.landing-page .mockup-body .r-metric{background:#0d1220!important;border-color:#1f2d42!important}.landing-page .mockup-body .r-bar-track{background:#0d1220!important}.landing-page .mockup-body .il-item,.landing-page .mockup-body .creative-card{background:#0d1220!important;border-color:#1f2d42!important}.landing-page .mockup-body .creative-thumb{background:linear-gradient(135deg,#1c2538,#0d1220)!important;border-color:#1f2d42!important}.landing-page .mockup-period{color:#5a738a!important;background:#1c2538!important;border-color:#1f2d42!important}.landing-page .mockup-url{background:#0d1220!important;border-color:#1f2d42!important}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.2}.landing-page p,.landing-page ul{margin:0}.landing-page a{color:inherit}.landing-page .container{max-width:1140px;margin:0 auto;padding:0 24px}.landing-page .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-glow2);border:1px solid #7c3aed40;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.landing-page .tag:before{content:"";background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite landing-pulse-dot}.landing-page .btn-primary{background:var(--teal);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.landing-page .btn-primary:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 8px 30px #7c3aed59}.landing-page .btn-ghost{color:var(--text2);border:1px solid var(--border2);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.landing-page .btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--surface)}.landing-page nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #e9e8f5;padding:0 24px;position:fixed;top:0;left:0;right:0}.landing-page .nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:62px;margin:0 auto;display:flex}.landing-page .logo{color:var(--white);letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.landing-page .logo span{color:var(--teal)}.landing-page .nav-links{align-items:center;gap:32px;padding:0;list-style:none;display:flex}.landing-page .nav-links a{color:var(--text2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.landing-page .nav-links a:hover{color:var(--text)}.landing-page .nav-cta{align-items:center;gap:12px;display:flex}.landing-page #hero{background:linear-gradient(#f5f3ff 0%,#ede9fe 40%,#fff 100%);padding-top:130px;padding-bottom:80px;position:relative;overflow:hidden}.landing-page #hero .hero-left,.landing-page #hero .hero-left *,.landing-page #hero .hero-right,.landing-page #hero .hero-right *{font-weight:800!important}.landing-page .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.landing-page .hero-left{text-align:left}.landing-page .hero-glow{pointer-events:none;background:radial-gradient(#7c3aed1f 0%,#0000 70%);width:900px;height:600px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.landing-page .hero-badge{margin-bottom:20px}.landing-page #hero h1{letter-spacing:-.04em;color:#111827;max-width:600px;margin:0 0 20px;font-size:max(36px,min(4.5vw,46px));font-weight:800;line-height:1.08}.landing-page #hero h1 .accent{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .hero-bullets{flex-direction:column;gap:6px;margin:0 0 36px;padding:0;list-style:none;display:flex}.landing-page .hero-bullets li{width:-webkit-fit-content;width:fit-content;color:var(--text2);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:10px;margin-left:-14px;padding:8px 14px;font-size:16px;line-height:1.5;transition:transform .18s,color .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex;position:relative}.landing-page .hero-bullets li:hover{color:var(--text);background:linear-gradient(135deg,#ffffffd1 0%,#f4f0ffe0 100%);border-color:#7c3aed2e;transform:translate(6px);box-shadow:inset 0 1px #ffffffad,0 16px 34px #4922961a}.landing-page .hero-bullets li:before{content:"→";color:var(--teal);flex-shrink:0;margin-top:1px;font-weight:700;transition:transform .18s,color .18s}.landing-page .hero-bullets li:hover:before{color:#7c3aed;transform:translate(4px)scale(1.05)}.landing-page .hero-ctas{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.landing-page .hero-ctas .note{color:var(--text3);width:100%;margin-top:12px;font-size:12px}.landing-page .hero-mockup{width:100%;position:relative}.landing-page .mockup-window{border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:0 40px 120px #0009,0 0 0 1px var(--border);overflow:hidden}.landing-page .mockup-bar{border-bottom:1px solid #e9e8f5;align-items:center;gap:8px;padding:12px 18px;display:flex}.landing-page .mockup-dot{border-radius:50%;width:10px;height:10px}.landing-page .mockup-dot:first-child{background:#ff5f57}.landing-page .mockup-dot:nth-child(2){background:#febc2e}.landing-page .mockup-dot:nth-child(3){background:#28c840}.landing-page .mockup-url{border:1px solid var(--border);color:var(--text3);border-radius:6px;flex:1;max-width:260px;margin-left:12px;padding:4px 12px;font-size:11px}.landing-page .mockup-body{padding:24px}.landing-page .mockup-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.landing-page .mockup-title{color:#e8edf5;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700}.landing-page .mockup-period{border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px}.landing-page .kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.landing-page .kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.landing-page .kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:6px;font-size:10px}.landing-page .kpi-value{color:#e8edf5;font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700}.landing-page .kpi-change{margin-top:4px;font-size:11px}.landing-page .kpi-change.up{color:var(--teal)}.landing-page .kpi-change.down{color:#f87171}.landing-page .insight-card{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex}.landing-page .insight-icon{background:var(--teal-glow);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.landing-page .insight-label{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:600}.landing-page .insight-text{color:var(--text2);font-size:13px;line-height:1.5}.landing-page .insight-text strong,.landing-page .il-text strong,.landing-page .testi-text strong{color:var(--text)}.landing-page #trust{border-top:1px solid var(--border);background:var(--bg2);border-bottom:1px solid #e9e8f5;padding:28px 0}.landing-page .trust-inner{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;display:grid}.landing-page .trust-stat{text-align:center;position:relative}.landing-page .trust-number{color:#111827;letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800}.landing-page .trust-number span{color:var(--teal)}.landing-page .trust-label{color:var(--text3);margin-top:2px;font-size:12px}.landing-page .trust-stat:not(:last-child):after{content:"";background:var(--border);width:1px;height:36px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.landing-page .mobile-divider{display:none}.landing-page #template-gallery{background:radial-gradient(circle at 0 0,#7c3aed1a,#0000 38%),linear-gradient(#f5f3ffeb 0%,#fffffffa 100%);padding:72px 0 28px;position:relative}.landing-page .template-gallery-shell{background:linear-gradient(135deg,#ffffffeb 0%,#f6f3fff0 100%);border:1px solid #7c3aed24;border-radius:28px;padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 70px #4c1d9514,inset 0 1px #ffffffc2}.landing-page .template-gallery-shell:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff70,#0000 32%),radial-gradient(circle at 88% 0,#a855f72e,#0000 24%);position:absolute;top:0;bottom:0;left:0;right:0}.landing-page .template-gallery-header{z-index:1;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:start;gap:24px;margin-bottom:28px;display:grid;position:relative}.landing-page .template-gallery-header h2{letter-spacing:-.04em;margin-top:14px;margin-bottom:14px;font-size:max(30px,min(3.4vw,40px))}.landing-page .template-gallery-header p{max-width:640px;color:var(--text2);font-size:16px}.landing-page .template-gallery-aside{background:#ffffffb8;border:1px solid #7c3aed1f;border-radius:20px;padding:18px 18px 18px 20px;position:relative;box-shadow:0 18px 40px #7c3aed14}.landing-page .template-gallery-aside-label{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.landing-page .template-gallery-aside strong{color:var(--text);margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.35;display:block}.landing-page .template-gallery-aside p{color:var(--text2);font-size:14px}.landing-page .template-gallery-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid;position:relative}.landing-page .template-panel{background:#ffffffa8;border:1px solid #7c3aed1f;border-radius:24px;padding:24px;position:relative;box-shadow:inset 0 1px #ffffffd1,0 20px 46px #6330ad14}.landing-page .template-panel-prompts{background:linear-gradient(#ffffffb8 0%,#f5f3ffd1 100%)}.landing-page .template-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.landing-page .template-panel-header h3{letter-spacing:-.03em;margin-top:6px;font-size:24px}.landing-page .template-panel-kicker,.landing-page .template-panel-meta{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.landing-page .template-panel-kicker{color:var(--teal)}.landing-page .template-panel-meta{color:var(--text3);white-space:nowrap}.landing-page .template-card-list{gap:14px;display:grid}.landing-page .template-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:linear-gradient(135deg,#fffffff5 0%,#f9f7fff5 100%);border:1px solid #7c3aed1f;border-radius:20px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;position:relative;overflow:hidden}.landing-page .template-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#7c3aed0f,#7c3aed75,#a855f724);width:100%;height:3px;transition:transform .18s;position:absolute;top:auto;bottom:0;left:0;right:auto;transform:scaleX(.4)}.landing-page .template-card:hover{border-color:#7c3aed47;outline:none;transform:translateY(-4px);box-shadow:0 26px 48px #4c1d951f,0 0 0 4px #7c3aed14}.landing-page .template-card:focus-visible{border-color:#7c3aed47;outline:none;transform:translateY(-4px);box-shadow:0 26px 48px #4c1d951f,0 0 0 4px #7c3aed14}.landing-page .template-card:hover:before{transform:scaleX(1)}.landing-page .template-card:focus-visible:before{transform:scaleX(1)}.landing-page .template-card-prompt{background:linear-gradient(135deg,#fffffff5 0%,#f3f0fffa 100%)}.landing-page .template-card-rich{display:block}.landing-page .template-card-topline{align-items:center;gap:10px;margin-bottom:14px;display:flex}.landing-page .template-card-icon,.landing-page .template-card-index{width:38px;height:38px;color:var(--teal);background:#7c3aed1a;border:1px solid #7c3aed29;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;display:inline-flex}.landing-page .template-card-chip{letter-spacing:.08em;text-transform:uppercase;min-height:28px;color:var(--text2);background:#1118270a;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.landing-page .template-card-arrow{color:var(--teal);margin-left:auto;font-size:12px;font-weight:700;transition:transform .18s,color .18s}.landing-page .template-card:hover .template-card-arrow{color:var(--teal-dim);transform:translate(4px)}.landing-page .template-card:focus-visible .template-card-arrow{color:var(--teal-dim);transform:translate(4px)}.landing-page .template-card-copy h4{letter-spacing:-.03em;margin-bottom:8px;font-size:20px}.landing-page .template-card-copy p{color:var(--text2);font-size:14px}.landing-page .template-card-markdown-wrap{background:linear-gradient(#7c3aed0d 0%,#fffc 100%);border:1px solid #7c3aed14;border-radius:16px;max-height:210px;padding:14px 14px 0;position:relative;overflow:hidden}.landing-page .template-card-markdown-wrap:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#faf8fffa 100%);height:54px;position:absolute;top:auto;bottom:0;left:0;right:0}.landing-page .template-card-markdown-heading{color:var(--text);margin:0 0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.45}.landing-page .template-card-markdown-paragraph{color:var(--text2);margin:0 0 10px;font-size:13px;line-height:1.65}.landing-page .template-card-markdown-list{color:var(--text2);margin:0 0 10px;padding-left:18px}.landing-page .template-card-markdown-list-ordered{list-style:decimal}.landing-page .template-card-markdown-list:not(.template-card-markdown-list-ordered){list-style:outside}.landing-page .template-card-markdown-item{margin-bottom:6px;font-size:13px;line-height:1.6}.landing-page .template-card-markdown-strong{color:var(--text)}.landing-page .template-card-markdown-code{color:var(--teal-dim);background:#7c3aed14;border-radius:999px;padding:1px 6px;font-size:12px}.landing-page .template-card-footer{color:var(--text3);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.landing-page .template-card-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.landing-page .template-card-tags span{color:var(--teal);background:#7c3aed14;border-radius:999px;padding:4px 8px}.landing-page .template-empty-state{color:var(--text2);background:#ffffff94;border:1px dashed #7c3aed38;border-radius:16px;margin-top:14px;padding:14px 16px;font-size:14px}.landing-page .template-empty-state-error{color:#b45309;background:#fbbf241f;border-style:solid;border-color:#f59e0b3d}.landing-page .template-card-skeleton{pointer-events:none}.landing-page .template-card-skeleton-line{background:linear-gradient(90deg,#ddd6fe70,#ffffffeb,#ddd6fe70) 0 0/200% 100%;border-radius:999px;height:12px;margin-top:10px;animation:1.3s linear infinite landing-skeleton-shimmer}.landing-page .template-card-skeleton-line.short{width:38%;margin-top:0}.landing-page #problem{padding:100px 0;position:relative}.landing-page .problem-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:48px auto 0;display:grid}.landing-page .problem-side-label{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.landing-page .label-before{color:#f87171}.landing-page .label-after{color:var(--teal)}.landing-page .problem-items{flex-direction:column;gap:10px;display:flex}.landing-page .p-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);align-items:flex-start;gap:12px;padding:16px;font-size:14px;transition:all .2s;display:flex}.landing-page .p-item:hover{border-color:var(--border2);color:var(--text)}.landing-page .p-item.good{border-left:3px solid var(--teal)}.landing-page .p-item.bad{border-left:3px solid #f87171}.landing-page .p-icon{flex-shrink:0;margin-top:1px;font-size:16px}.landing-page .p-item-text{line-height:1.5}.landing-page .section-header{text-align:center;margin-bottom:56px}.landing-page .section-header .tag{margin-bottom:16px}.landing-page .section-header h2{letter-spacing:-.03em;color:#111827;max-width:700px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:max(30px,min(4vw,44px))}.landing-page .section-header p{color:var(--text2);max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.landing-page #features{padding:100px 0}.landing-page .feature-block{border-bottom:1px solid #e9e8f5;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:64px 0;display:grid}.landing-page .feature-block:last-child{border-bottom:none}.landing-page .feature-block.reverse{direction:rtl}.landing-page .feature-block.reverse .feature-text,.landing-page .feature-block.reverse .feature-visual{direction:ltr}.landing-page .feature-num{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700}.landing-page .feature-text h3{letter-spacing:-.03em;color:#111827;margin-bottom:16px;font-size:30px;line-height:1.25}.landing-page .feature-text p{color:var(--text2);margin-bottom:24px;font-size:16px;line-height:1.75}.landing-page .feature-visual{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);min-height:280px;padding:28px;position:relative;overflow:hidden}.landing-page .feature-visual:before{content:"";background:radial-gradient(circle,var(--teal-glow2)0%,transparent 70%);pointer-events:none;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.landing-page #features .feature-block:first-of-type .feature-visual{background:radial-gradient(circle at 10%,#7c3aed29 0%,#7c3aed14 18%,#0000 42%),radial-gradient(circle at 92%,#a855f72e 0%,#a855f71a 20%,#0000 44%),linear-gradient(90deg,#efe9ff 0%,#f7f4ff 50%,#f0e8ff 100%)}.landing-page #features .feature-block:first-of-type .feature-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#7c3aed14 0%,#fff0 24%,#fff0 76%,#a855f71a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.landing-page #features .feature-block:first-of-type .feature-visual>*{z-index:1;position:relative}.landing-page .report-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.landing-page .report-title-text{color:#5c527f;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600}.landing-page .report-badge{color:var(--teal);background:var(--teal-glow);border:1px solid #7c3aed33;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600}.landing-page .report-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.landing-page .r-metric{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px}.landing-page .r-metric-v{color:#5c527f;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700}.landing-page .r-metric-l{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.landing-page .mini-caption{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;z-index:1;margin-bottom:8px;font-size:11px;position:relative}.landing-page .r-bar-row{z-index:1;align-items:center;gap:10px;margin-bottom:8px;display:flex;position:relative}.landing-page .r-bar-label{color:var(--text3);flex-shrink:0;width:80px;font-size:11px}.landing-page .r-bar-track{background:var(--bg2);border-radius:100px;flex:1;height:6px;overflow:hidden}.landing-page .r-bar-fill{background:var(--teal);border-radius:100px;height:100%}.landing-page .r-bar-val{color:var(--text2);text-align:right;width:40px;font-size:11px}.landing-page .timeline{z-index:1;flex-direction:column;gap:0;display:flex;position:relative}.landing-page .tl-item{gap:16px;padding-bottom:20px;display:flex;position:relative}.landing-page .tl-item:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:28px;bottom:0;left:13px}.landing-page .tl-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.landing-page .tl-dot.change{color:var(--blue);background:#4d8ef033;border:1px solid #4d8ef04d}.landing-page .tl-dot.drop{color:#f87171;background:#f8717133;border:1px solid #f871714d}.landing-page .tl-dot.win{background:var(--teal-glow);color:var(--teal);border:1px solid #7c3aed4d}.landing-page .tl-content{flex:1}.landing-page .tl-date{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.landing-page .tl-title{color:#53486f;margin:3px 0;font-size:13px;font-weight:600}.landing-page .tl-desc{color:var(--text3);font-size:12px;line-height:1.5}.landing-page .creative-grid{z-index:1;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:relative}.landing-page .creative-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px}.landing-page .creative-thumb{background:linear-gradient(135deg,var(--surface2),var(--bg2));border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:80px;margin-bottom:10px;font-size:24px;display:flex}.landing-page .creative-score-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.landing-page .creative-score-label{color:var(--text3);font-size:10px}.landing-page .creative-score-val{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.landing-page .score-a{color:var(--teal)}.landing-page .score-b{color:#fbbf24}.landing-page .creative-tags{flex-wrap:wrap;gap:4px;display:flex}.landing-page .c-tag{border-radius:4px;padding:2px 7px;font-size:9px;font-weight:600}.landing-page .c-tag-good{color:var(--teal);background:#7c3aed1f}.landing-page .c-tag-bad{color:#f87171;background:#f871711f}.landing-page .c-tag-warn{color:#fbbf24;background:#fbbf241f}.landing-page .feature-insight-card{z-index:1;margin-top:12px;position:relative}.landing-page .feature-insight-label{letter-spacing:.06em;font-size:10px;font-weight:700}.landing-page .insight-list{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.landing-page .il-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.landing-page .il-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.landing-page .il-icon.warn{background:#fbbf2426}.landing-page .il-icon.good{background:var(--teal-glow)}.landing-page .il-icon.action{background:#4d8ef026}.landing-page .il-type{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:700}.landing-page .il-type.warn{color:#fbbf24}.landing-page .il-type.good{color:var(--teal)}.landing-page .il-type.action{color:var(--blue)}.landing-page .il-text{color:var(--text2);font-size:13px;line-height:1.5}.landing-page #testimonials{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid #e9e8f5;padding:100px 0}.landing-page .testi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-page .testi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .2s;position:relative;overflow:hidden}.landing-page .testi-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 16px 48px #0000004d}.landing-page .testi-card.featured{background:linear-gradient(135deg,var(--surface),#7c3aed0a);border-color:#7c3aed4d}.landing-page .testi-text{color:var(--text2);margin-bottom:20px;font-size:14px;line-height:1.7}.landing-page .testi-author{align-items:center;gap:12px;display:flex}.landing-page .testi-avatar{background:var(--surface2);border:1px solid var(--border2);width:38px;height:38px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;display:flex}.landing-page .testi-name{color:#111827;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600}.landing-page .testi-role{color:var(--text3);font-size:12px}.landing-page .testi-stars{color:var(--teal);letter-spacing:2px;margin-bottom:8px;font-size:11px}.landing-page #faq{padding:100px 0}.landing-page .faq-wrap{max-width:700px;margin:0 auto}.landing-page .faq-item{border-bottom:1px solid #e9e8f5}.landing-page .faq-q{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;transition:color .2s;display:flex}.landing-page .faq-q:hover{color:var(--teal)}.landing-page .faq-icon{color:var(--teal);flex-shrink:0;font-size:18px;transition:transform .25s}.landing-page .faq-a{max-height:0;color:var(--text2);padding:0;font-size:15px;line-height:1.75;transition:max-height .35s,padding .35s;overflow:hidden}.landing-page .faq-item.open .faq-icon{transform:rotate(45deg)}.landing-page .faq-item.open .faq-a{max-height:300px;padding:0 0 20px}.landing-page #cta{text-align:center;padding:100px 0;position:relative;overflow:hidden}.landing-page .cta-glow{pointer-events:none;background:radial-gradient(#7c3aed1a 0%,#0000 65%);width:800px;height:600px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.landing-page .cta-tag{margin-bottom:24px}.landing-page #cta h2{color:#111827;letter-spacing:-.04em;max-width:660px;margin-bottom:18px;margin-left:auto;margin-right:auto;font-size:max(32px,min(4vw,52px))}.landing-page #cta p{color:var(--text2);max-width:480px;margin:0 auto 36px;font-size:17px;line-height:1.7}.landing-page .cta-primary{margin:0 0 24px;padding:16px 36px;font-size:17px}.landing-page .cta-note{color:var(--text3)!important;margin-top:14px!important;margin-bottom:0!important;font-size:13px!important}.landing-page footer{background:var(--bg2);border-top:1px solid var(--border);padding:48px 0 32px}.landing-page .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.landing-page .footer-logo{font-size:18px}.landing-page .footer-brand-desc{color:var(--text3);max-width:260px;margin-top:12px;font-size:14px;line-height:1.7}.landing-page .footer-col h4{color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700}.landing-page .footer-col a{color:var(--text3);margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.landing-page .footer-col a:hover,.landing-page .footer-links a:hover{color:var(--text)}.landing-page .footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.landing-page .footer-copyright{color:var(--text3);font-size:13px}.landing-page .footer-links{gap:24px;display:flex}.landing-page .footer-links a{color:var(--text3);font-size:13px;text-decoration:none}.landing-page .fade-up{opacity:0;transition:all .6s;transform:translateY(24px)}.landing-page .fade-up.visible{opacity:1;transform:translateY(0)}@keyframes landing-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes landing-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.landing-page .hero-grid,.landing-page .feature-block,.landing-page .feature-block.reverse,.landing-page .problem-grid,.landing-page .testi-grid,.landing-page .template-gallery-grid,.landing-page .template-gallery-header{grid-template-columns:1fr}.landing-page .hero-left,.landing-page .section-header,.landing-page #cta{text-align:center}.landing-page .hero-ctas{justify-content:center}.landing-page .feature-block,.landing-page .feature-block.reverse{direction:ltr;gap:32px}.landing-page .footer-grid{grid-template-columns:1fr 1fr}.landing-page .kpi-grid{grid-template-columns:repeat(2,1fr)}.landing-page .nav-links{display:none}.landing-page .trust-inner{grid-template-columns:repeat(2,1fr);gap:32px}.landing-page .trust-stat:after{display:none}.landing-page .template-gallery-shell{padding:24px}.landing-page .template-panel-header,.landing-page .template-card-footer{flex-direction:column;align-items:flex-start}.landing-page .template-card-tags{justify-content:flex-start}}@media (max-width:600px){.landing-page nav,.landing-page .container{padding:0 16px}.landing-page .report-metrics,.landing-page .creative-grid,.landing-page .footer-grid{grid-template-columns:1fr}.landing-page .hero-ctas{flex-direction:column;align-items:center}.landing-page .nav-cta{gap:8px}.landing-page .nav-cta .btn-ghost,.landing-page .nav-cta .btn-primary{padding:10px 16px;font-size:13px}.landing-page #template-gallery{padding-top:56px}.landing-page .template-gallery-shell{border-radius:22px;padding:18px}.landing-page .template-panel{padding:18px}.landing-page .template-card{padding:16px}.landing-page .template-card-topline{flex-wrap:wrap}.landing-page .template-card-arrow{margin-left:0}}