.hero{background-color:var(--color-white);padding-top:0;padding-bottom:100px}.hero-content{justify-content:center;display:flex}.hero-text{text-align:center;max-width:1000px;padding:var(--spacing-lg);position:relative}.hero-text:before{content:"";border-left:1px solid var(--color-bg-light-gray);border-right:1px solid var(--color-bg-light-gray);pointer-events:none;position:absolute;inset:-100vh 0 0}.hero-text:after{content:"";background-color:var(--color-bg-light-gray);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-circle{background-color:var(--color-pink-primary);z-index:1;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px}.hero-circle-left{left:-3px}.hero-circle-right{right:-3px}.hero-title{font-size:4.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:.9375rem;line-height:1.7}.hero-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.hero-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.hero-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.hero-cta{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-microproof{color:var(--color-text-muted);margin-top:var(--spacing-lg);text-align:center;font-size:.8125rem}.btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.25rem;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(#1e1e28 0%,#141317 100%);border:1px solid #303038;box-shadow:0 1px 4px #00000040}.btn-primary:hover{background:linear-gradient(#282832 0%,#1e1d21 100%)}.btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-bg-light-gray)}.btn-secondary:hover{background-color:var(--color-bg-very-light);border-color:var(--color-text-muted)}@media (max-width:1023px){.hero-title{font-size:3.5rem}}@media (max-width:768px){.hero{padding-bottom:var(--spacing-2xl)}}@media (max-width:480px){.hero{padding:var(--spacing-md)0 var(--spacing-xl)}.hero-text{padding:var(--spacing-md)}.hero-title{margin-bottom:var(--spacing-md);font-size:1.75rem}.hero-subtitle{margin-bottom:var(--spacing-md);font-size:.8125rem;line-height:1.6}.hero-cta{flex-direction:column}.btn{width:100%}.hero-text:before{border-left:none;border-right:none}.hero-circle,.hero-circle-left,.hero-circle-right{display:none}}
.screenshot-section{background-color:#0000;margin-bottom:-80px;padding-top:16px;padding-bottom:0;position:relative;overflow:hidden}.screenshot-wrapper{will-change:transform;width:100%;transition:transform .1s ease-out}.screenshot-wrapper.has-image{width:120%;margin-left:-10%;margin-right:-10%;padding:0}.screenshot-glass{border-radius:var(--radius-xl);width:100%;overflow:hidden}.screenshot-wrapper.has-image .screenshot-glass{background-color:var(--color-pink-light-bg);border:1px dashed var(--color-bg-light-gray);padding:var(--spacing-2xl)}.screenshot-image{border-radius:var(--radius-lg);width:96%;height:auto;margin:0 auto;display:block;box-shadow:0 4px 20px #0000001a}.screenshot-placeholder{aspect-ratio:16/10;background-color:var(--color-pink-light-bg);border:none;border-top:1px dashed var(--color-bg-light-gray);border-left:1px dashed var(--color-bg-light-gray);border-right:1px dashed var(--color-bg-light-gray);border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;max-width:100%;box-shadow:none;justify-content:center;align-items:center;margin:0 auto;display:flex}.screenshot-label{color:var(--color-text-muted);font-size:1.25rem;font-weight:var(--font-weight-medium)}.screenshot-fade{pointer-events:none;z-index:100;background:linear-gradient(#fff0 0% 45%,#ffffff26 60%,#ffffff80 72%,#fff 82%);height:100%;position:absolute;bottom:0;left:0;right:0}.screenshot-contained{padding-top:0}.screenshot-contained.screenshot-no-fade .screenshot-placeholder{border-radius:var(--radius-xl);border-bottom:1px dashed var(--color-bg-light-gray)}.screenshot-align-right{margin-bottom:0}.screenshot-align-right .screenshot-wrapper.has-image{width:65%;margin-left:auto;margin-right:0}.screenshot-align-right .screenshot-wrapper.has-image .screenshot-glass{background-color:var(--color-pink-light-bg);border:1px dashed var(--color-bg-light-gray);padding:var(--spacing-xl);padding-top:var(--spacing-2xl)}.screenshot-align-right .screenshot-image{border-radius:var(--radius-lg);width:100%}@media (max-width:768px){.screenshot-section{margin-top:-16px;padding-top:0}.screenshot-wrapper.has-image{width:100%;margin-left:0;margin-right:0}.screenshot-wrapper.has-image .screenshot-glass{padding:var(--spacing-lg)}.screenshot-image,.screenshot-align-right .screenshot-wrapper.has-image{width:100%}}@media (max-width:480px){.screenshot-section{margin-top:-24px;margin-bottom:-40px;padding-top:0;padding-bottom:0}.screenshot-wrapper.has-image .screenshot-glass{padding:var(--spacing-md)}.screenshot-placeholder{aspect-ratio:4/3;border-radius:var(--radius-lg)}.screenshot-fade{height:100px}}
.what-is-section{padding:var(--spacing-3xl)0;background-color:var(--color-white);padding-top:0}.section-divider{background-color:var(--color-bg-light-gray);width:100%;height:1px}.what-is-scroll-content{text-align:center;max-width:1050px;padding:var(--spacing-xl);flex-direction:column;align-items:center;margin:0 auto;padding-top:4rem;padding-bottom:4rem;display:flex;position:relative}.what-is-scroll-content:before{content:"";border-left:1px solid var(--color-bg-light-gray);border-right:1px solid var(--color-bg-light-gray);pointer-events:none;position:absolute;inset:0}.title-divider{background-color:var(--color-bg-light-gray);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.title-circle{display:none}.what-is-description{gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-showcase{background-color:var(--color-pink-light-bg);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-xl);border-radius:1.5rem;position:relative;overflow:hidden}.dashboard-showcase:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#ffffff80 50%,#fff 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.dashboard-image{border-radius:1rem;width:100%;height:auto;display:block}.dark-section{background-color:var(--color-primary-dark);padding:var(--spacing-3xl)0;margin-top:var(--spacing-3xl)}.dark-section>.container{position:relative}.dark-section>.container:before{content:"";top:calc(-1*var(--spacing-3xl));bottom:calc(-1*var(--spacing-3xl));background:#ffffff1a;width:1px;position:absolute;left:0}.dark-section>.container:after{content:"";top:calc(-1*var(--spacing-3xl));bottom:calc(-1*var(--spacing-3xl));background:#ffffff1a;width:1px;position:absolute;right:0}.dark-section-header{margin-bottom:var(--spacing-2xl)}.dark-section-text{max-width:700px}.dark-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.dark-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.dark-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-white);opacity:.8}.dark-title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.1}.dark-subtitle{color:var(--color-white);opacity:.7;font-size:1rem;line-height:1.6}.steps-container{margin-left:calc(-1*var(--spacing-xl));margin-right:calc(-1*var(--spacing-xl));width:calc(100% + 2*var(--spacing-xl));border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.step-tile{padding:var(--spacing-xl);border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.step-tile:last-child{border-right:none}.step-card-wrapper{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#ffffff14;border-radius:1rem;justify-content:center;align-items:center;height:220px;display:flex}.step-card-wrapper.code-wrapper{padding:var(--spacing-md);overflow:hidden}.step-tile-card{padding:var(--spacing-md);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;height:100%;position:relative;overflow:hidden}.step-tile-card.step-code{border:1px solid var(--color-bg-light-gray);background:#fff;padding:0}.step-doc{background:#fff;flex-direction:column;display:flex}.step-doc .doc-title{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-bg-light-gray)}.step-doc .doc-body{flex-direction:column;flex:1;gap:6px;display:flex}.step-doc .doc-skeleton{background:var(--color-bg-light-gray);border-radius:4px;height:8px}.step-doc .doc-skeleton.short{width:50%}.step-doc .doc-skeleton.medium{width:75%}.step-code{background:#fff;flex-direction:column;padding:0;display:flex;overflow:hidden}.step-code .code-header{background:var(--color-bg-very-light);padding:8px var(--spacing-md);border-bottom:1px solid var(--color-bg-light-gray)}.step-code .code-file{color:var(--color-text-muted);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.step-code .code-body{padding:var(--spacing-sm);gap:var(--spacing-sm);flex:1;display:flex}.step-code .code-line-numbers{padding-right:var(--spacing-sm);border-right:1px solid var(--color-bg-light-gray);flex-direction:column;align-items:center;gap:10px;display:flex}.step-code .code-line-numbers .line-dot{background:var(--color-bg-light-gray);border-radius:50%;flex-shrink:0;width:6px;height:6px}.step-code .code-content{flex-direction:column;flex:1;gap:8px;display:flex}.step-code .code-skeleton-line{background:var(--color-bg-light-gray);border-radius:4px;width:100%;height:8px}.step-code .code-skeleton-line.short{width:50%}.step-code .code-skeleton-line.medium{width:75%}.step-code .code-skeleton-line.indent{width:calc(100% - 16px);margin-left:16px}.step-code .code-skeleton-line.indent.short{width:calc(50% - 16px)}.step-code .code-skeleton-line.indent.medium{width:calc(75% - 16px)}.step-execute{background:#fff5f8;flex-direction:column;display:flex;position:relative}.step-execute .execute-status-dot{top:var(--spacing-sm);right:var(--spacing-sm);background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 6px #22c55e80}.step-execute .execute-title{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-xs)}.step-execute .execute-description{flex-direction:column;flex:1;gap:6px;display:flex}.step-execute .execute-skeleton{background:var(--color-bg-light-gray);border-radius:4px;height:8px}.step-execute .execute-skeleton.medium{width:80%}.step-execute .execute-skeleton.short{width:50%}.step-execute .execute-footer{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex;position:relative}.step-execute .execute-play-btn{background:var(--color-primary-dark);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-semibold);color:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.step-execute .execute-play-btn svg{color:#fff;width:12px;height:12px}.step-execute .execute-cursor{position:absolute;top:22px;left:62px}.step-execute .execute-cursor svg{width:18px;height:18px;color:var(--color-primary-dark);filter:drop-shadow(0 0 #fff);stroke:#fff;stroke-width:2px;paint-order:stroke fill}.step-tile-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-xs)}.step-tile-description{color:var(--color-white);opacity:.5;font-size:.875rem;line-height:1.5}.dark-divider{height:1px;margin:var(--spacing-2xl)0;margin-left:calc(-1*var(--spacing-xl));margin-right:calc(-1*var(--spacing-xl));width:calc(100% + 2*var(--spacing-xl));background:#ffffff1a;position:relative}.dark-circle{background-color:#ffffff4d;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px}.dark-circle-left{left:-3px}.dark-circle-right{right:-3px}.benefits-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.dark-benefit{padding:var(--spacing-md)0;padding-left:var(--spacing-md);border-left:1px solid #ffffff1a}.dark-benefit-title{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-xs)}.dark-benefit-text{color:var(--color-white);opacity:.5;font-size:.8125rem;line-height:1.4}.dark-section-footer{gap:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;display:grid}.dark-narrative p{color:var(--color-white);opacity:.7;margin-bottom:var(--spacing-md);font-size:.9375rem;line-height:1.7}.dark-link{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-top:var(--spacing-md);transition:opacity var(--transition-fast);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.dark-link .arrow{transition:transform var(--transition-normal)}.dark-link:hover{opacity:.8}.dark-link:hover .arrow{transform:translate(6px)}.dark-cta-button{background:var(--color-white);color:var(--color-primary-dark);font-size:.875rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:var(--spacing-md);align-items:center;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;display:inline-flex}.dark-cta-button .arrow{transition:transform var(--transition-normal)}.dark-cta-button:hover{opacity:.9;transform:translateY(-2px)}.dark-cta-button:hover .arrow{transform:translate(4px)}.dark-bottom-section{gap:var(--spacing-2xl);margin-top:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.dark-bottom-text p{color:var(--color-white);opacity:.7;margin-bottom:var(--spacing-md);font-size:.9375rem;line-height:1.7}.dark-bottom-text p:last-child{margin-bottom:0}.dark-bottom-stats{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.dark-stat-tile{flex-direction:column;display:flex}.dark-stat-badge{font-size:.75rem;font-weight:var(--font-weight-semibold);color:#a78bfa;margin-bottom:var(--spacing-sm);background:#8b5cf626;border-radius:4px;width:fit-content;padding:4px 10px;display:inline-block}.dark-stat-number{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-xs);line-height:1}.dark-stat-text{color:var(--color-white);opacity:.7;font-size:.9375rem;line-height:1.7}@media (max-width:1023px){.dark-bottom-section{grid-template-columns:1fr}}.before-after-section{margin-top:var(--spacing-3xl)}.before-after-section .dark-section-header{margin-bottom:0}.before-after-container{margin-top:var(--spacing-lg);margin-left:calc(-1*var(--spacing-xl));margin-right:calc(-1*var(--spacing-xl));width:calc(100% + 2*var(--spacing-xl));border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:0;display:grid;position:relative}.before-after-container:before,.before-after-container:after{content:"";background:#ffffff4d;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px}.before-after-container:before{left:-3px}.before-after-container:after{right:-3px}.before-after-column{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);display:flex}.before-after-column:first-child{border-right:1px solid #ffffff1a;position:relative}.before-after-column:first-child:after{content:"";background:var(--color-purple);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-3px}.before-after-content{flex:1}.before-after-image{border-radius:.5rem;flex-shrink:0;width:180px;height:auto}.before-after-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-xs)}.before-after-text{color:var(--color-white);opacity:.7;font-size:.875rem;line-height:1.5}.before-after-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.before-after-list li{color:var(--color-white);opacity:.7;padding-left:1.5rem;font-size:.9375rem;line-height:1.6;position:relative}.before-column .before-after-list li:before{content:"";background:#ffffff4d;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.after-column .before-after-list li:before{content:"";background:var(--color-purple);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.before-after-footer{margin-top:var(--spacing-xl);text-align:center}.before-after-closer{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-md)}@media (max-width:768px){.before-after-container{grid-template-columns:1fr}.before-after-column:first-child{border-bottom:1px solid #ffffff1a;border-right:none}.before-after-column{flex-direction:column;align-items:flex-start}.before-after-image{width:140px}}.workflow-gallery-section{background-color:var(--color-white);padding:var(--spacing-3xl)0;overflow:hidden}.workflow-gallery-header{text-align:center;margin-bottom:var(--spacing-xl)}.workflow-gallery-header .section-title{margin-bottom:var(--spacing-sm)}.workflow-gallery-header .section-subtitle{margin-bottom:0}.workflow-marquee{width:100%;padding:var(--spacing-md)0;position:relative;overflow:hidden}.workflow-marquee:before,.workflow-marquee:after{content:"";z-index:2;pointer-events:none;width:250px;position:absolute;top:0;bottom:0}.workflow-marquee:before{background:linear-gradient(to right,var(--color-white)0%,transparent 100%);left:0}.workflow-marquee:after{background:linear-gradient(to left,var(--color-white)0%,transparent 100%);right:0}.workflow-marquee-track{gap:var(--spacing-md);width:max-content;animation:40s linear infinite marquee;display:flex}.workflow-marquee:hover .workflow-marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.workflow-marquee-card{background:var(--color-pink-light-bg);padding:var(--spacing-md);width:320px;transition:transform var(--transition-fast);border:none;border-radius:1rem;flex-direction:column;flex-shrink:0;display:flex}.workflow-marquee-card:hover{transform:translateY(-4px)}.workflow-marquee-image{aspect-ratio:1;width:100%;margin-bottom:var(--spacing-md);background:var(--color-bg-very-light);border-radius:.75rem;overflow:hidden}.workflow-marquee-img{object-fit:cover;width:100%;height:100%}.workflow-marquee-title{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin-bottom:var(--spacing-xs)}.workflow-marquee-desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex:1;font-size:.875rem;line-height:1.5}.workflow-marquee-btn{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-purple);transition:color var(--transition-fast);text-decoration:none;display:inline-block}.workflow-marquee-btn:hover{color:var(--color-pink-primary)}.why-us-section{background-color:var(--color-white);padding:var(--spacing-3xl)0}.why-us-layout{gap:var(--spacing-3xl);grid-template-columns:auto 1fr;align-items:center;display:grid}.why-us-left{justify-content:flex-start;display:flex}.why-us-right .section-title{margin-bottom:var(--spacing-md);font-size:2.5rem}.why-us-body{color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.comparison-table{border:1px solid var(--color-bg-light-gray);background:var(--color-white);border-radius:.5rem;width:auto;overflow:hidden}.comparison-table-header,.comparison-table-row{grid-template-columns:minmax(90px,auto) repeat(3,minmax(80px,auto));display:grid}.comparison-table-header{background:var(--color-bg-very-light);border-bottom:1px solid var(--color-bg-light-gray)}.comparison-table-row{border-bottom:1px solid var(--color-bg-light-gray)}.comparison-table-row:last-child{border-bottom:none}.table-cell{padding:var(--spacing-xs)var(--spacing-sm);color:var(--color-text-secondary);white-space:nowrap;align-items:center;font-size:.8125rem;display:flex}.table-header-cell{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:80px}.table-header-cell:first-child{min-width:100px}.table-header-highlight{color:var(--color-purple)}.table-label{font-weight:var(--font-weight-medium);color:var(--color-primary-dark)}.table-highlight{color:var(--color-purple);font-weight:var(--font-weight-semibold);background:#8b5cf60d}@media (max-width:1023px){.why-us-layout{gap:var(--spacing-2xl);grid-template-columns:1fr}.why-us-right{justify-content:flex-start;overflow-x:auto}}@media (max-width:480px){.table-cell{padding:var(--spacing-sm)var(--spacing-md);font-size:.8125rem}}.dark-proof{gap:var(--spacing-md);flex-direction:column;display:flex}.proof-block{gap:var(--spacing-xs);flex-direction:column;display:flex}.proof-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-white)}.proof-text{color:var(--color-white);opacity:.6;font-size:.8125rem}@media (max-width:1023px){.steps-container{grid-template-columns:1fr}.benefits-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.dark-benefit-title{font-size:.8125rem}.dark-benefit-text{font-size:.75rem}.dark-section-footer{grid-template-columns:1fr}.dark-title{font-size:2rem}}@media (max-width:768px){.benefits-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.dark-benefit{padding:var(--spacing-sm)0;padding-left:var(--spacing-sm)}.dark-benefit-title{font-size:.75rem}.dark-benefit-text{font-size:.625rem}}@media (max-width:480px){.benefits-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.dark-benefit{padding:var(--spacing-xs)0;padding-left:var(--spacing-xs)}.dark-benefit-title{margin-bottom:2px;font-size:.625rem}.dark-benefit-text{font-size:.5rem;display:none}.dark-title{font-size:1.75rem}}.scroll-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.what-is-content{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.what-is-text{flex-direction:column;max-width:440px;display:flex}.what-is-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.what-is-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.what-is-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.what-is-body{margin-bottom:var(--spacing-sm)}.what-is-body p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.showcase-card{background-color:var(--color-pink-light-bg);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border-radius:1.5rem}.showcase-image{border-radius:1rem;width:100%;height:auto;display:block}.benefits-grid-wrapper{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}.benefits-grid-line{background-color:var(--color-bg-light-gray);width:100%;height:1px;position:relative}.benefits-grid{max-width:1280px;padding:0 var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.benefit-item{padding:var(--spacing-xl);border-right:1px solid var(--color-bg-light-gray);flex-direction:column;min-width:0;display:flex;overflow:hidden}.benefit-item:last-child{border-right:none}.benefit-title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);word-break:break-word;overflow-wrap:break-word;margin-bottom:.5rem}.benefit-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}@media (max-width:1023px){.benefits-grid{padding:0 var(--spacing-md);grid-template-columns:repeat(3,1fr)!important;display:grid!important}.benefit-item{padding:var(--spacing-md)}.benefit-title{font-size:1rem}.benefit-description{font-size:.8125rem}}@media (max-width:768px){.benefits-grid{padding:0 var(--spacing-sm);grid-template-columns:repeat(3,1fr)!important;display:grid!important}.benefit-item{padding:var(--spacing-sm)}.benefit-title{font-size:.75rem}.benefit-description{font-size:.625rem;line-height:1.4}}@media (max-width:480px){.benefits-grid{padding:0 var(--spacing-xs);grid-template-columns:repeat(3,1fr)!important;display:grid!important}.benefit-item{padding:var(--spacing-xs);border-right:none}.benefit-title{margin-bottom:2px;font-size:.5625rem;line-height:1.2}.benefit-description{display:none}}.what-is-image{object-fit:cover;border-radius:1.5rem;width:100%;height:auto}.section-title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.1}.section-subtitle{color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-lg);font-size:1rem;line-height:1.7}.section-cta-group{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.section-cta{background:var(--color-primary-dark);color:var(--color-white);font-size:.875rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:opacity var(--transition-fast);padding:.75rem 1.5rem;text-decoration:none;display:inline-block}.section-cta:hover{opacity:.9}.section-cta-secondary{color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);background:0 0}.section-cta-secondary:hover{background:var(--color-bg-very-light);opacity:1}.section-microproof{color:var(--color-text-muted);text-align:center;font-size:.8125rem}.section-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1.0625rem;line-height:1.7}.key-points{margin:var(--spacing-xl)0 0;flex-direction:column;gap:.875rem;padding:0;list-style:none;display:flex}.key-point{color:var(--color-text-primary);align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;display:flex}.key-point-icon{background:linear-gradient(135deg,var(--color-purple)0%,var(--color-pink-primary)100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.125rem;display:flex}.key-point-icon svg{color:#fff;width:14px;height:14px}.what-is-visual{justify-content:center;align-items:center;display:flex}.what-is-right{gap:var(--spacing-md);flex-direction:column;display:flex}.what-is-copy{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.what-is-highlight{color:var(--color-purple);font-weight:var(--font-weight-semibold)}.what-is-link{font-size:.875rem;font-weight:var(--font-weight-semibold);background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;transition:all var(--transition-normal);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex;position:relative}.what-is-link .arrow{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;transition:transform var(--transition-normal);-webkit-background-clip:text;background-clip:text}.what-is-link:hover .arrow{animation:.6s infinite bounce-arrow;transform:translate(6px)}@keyframes bounce-arrow{0%,to{transform:translate(6px)}50%{transform:translate(10px)}}.what-is-steps{margin-top:var(--spacing-3xl);gap:var(--spacing-2xl);flex-direction:column;display:flex}.what-is-step{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.what-is-step:nth-child(2n){direction:rtl}.what-is-step:nth-child(2n)>*{direction:ltr}.step-text{gap:var(--spacing-sm);flex-direction:column;display:flex}.step-label{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-purple);text-transform:uppercase;letter-spacing:.05em}.step-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);line-height:1.2}.step-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.step-visual{justify-content:center;align-items:center;display:flex}.step-image{object-fit:cover;border-radius:1rem;width:100%;height:auto}@media (max-width:1023px){.what-is-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.what-is-text{max-width:100%}.what-is-visual{max-width:500px;margin:0 auto}.section-title{font-size:2rem}.benefits-list{grid-template-columns:1fr}.what-is-step{gap:var(--spacing-xl);grid-template-columns:1fr}.what-is-step:nth-child(2n){direction:ltr}.step-visual{order:-1}}@media (max-width:480px){.what-is-section{padding:var(--spacing-xl)0}.what-is-scroll-content{padding:var(--spacing-md);padding-top:2rem;padding-bottom:2rem}.section-title{font-size:1.5rem}.section-description{font-size:.9375rem}.dashboard-showcase{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.dark-section{padding:var(--spacing-xl)0;margin-top:var(--spacing-xl)}.what-is-scroll-content:before{border-left:none;border-right:none}.title-circle,.title-circle-left,.title-circle-right{display:none}}
.problem-section{padding:var(--spacing-3xl)0;background-color:var(--color-white);padding-top:0}.problem-section .section-divider{background-color:var(--color-bg-light-gray);width:100%;height:1px;margin-bottom:var(--spacing-3xl)}.problem-content{grid-template-columns:1fr .8fr;align-items:center;gap:10rem;display:grid}.problem-content-centered{justify-content:center;display:flex}.problem-text-centered{text-align:center;flex-direction:column;align-items:center;max-width:700px;display:flex}.problem-text-centered .problem-title,.problem-text-centered .problem-body{margin-bottom:var(--spacing-md)}.problem-text-centered .problem-link{margin-bottom:0}.problem-visual{justify-content:center;align-items:center;display:flex}.problem-gif-card{background-color:var(--color-pink-light-bg);padding:var(--spacing-lg);border-radius:1rem;position:relative;overflow:hidden}.problem-gif-card:after{content:"";background:linear-gradient(to bottom,transparent 0%,var(--color-white)100%);pointer-events:none;height:50%;position:absolute;bottom:0;left:0;right:0}.problem-gif{border-radius:.75rem;width:100%;height:auto;display:block}.problem-image{object-fit:cover;border-radius:1.5rem;width:100%;height:auto}.problem-text{flex-direction:column;max-width:440px;display:flex}.problem-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.problem-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.problem-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.problem-title{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;line-height:1.1}.problem-title-muted{opacity:.25}.problem-body{margin-bottom:var(--spacing-sm)}.problem-body p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.9375rem;line-height:1.7}.problem-body p:last-child{margin-bottom:0}.problem-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-md);width:120%;max-width:none;display:flex}.stat-card{background-color:var(--color-bg-very-light);padding:var(--spacing-md);text-align:left;align-items:flex-start;gap:var(--spacing-xs);border:none;border-radius:1rem;flex-direction:column;display:flex}.stat-number{color:var(--color-primary-dark);font-size:1.75rem;font-weight:600;line-height:1}.stat-description{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;line-height:1.4}.stat-card-link{transition:all var(--transition-fast);text-decoration:none}.stat-card-link:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.problem-sources{color:var(--color-text-tertiary);font-size:.75rem}.problem-source-link{color:var(--color-text-tertiary);transition:color var(--transition-fast);text-decoration:underline}.problem-source-link:hover{color:var(--color-text-secondary)}.problem-calculator{background-color:var(--color-white);border:1px solid var(--color-bg-light-gray);border-radius:1rem;flex-direction:column;max-width:480px;padding:0;display:flex;overflow:hidden}.calculator-content{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.calculator-header{gap:var(--spacing-md);flex-direction:column;display:flex}.calculator-title{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.calculator-slider{gap:var(--spacing-xs);flex-direction:column;display:flex}.slider-label{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-primary-dark)}.slider-input{appearance:none;background:var(--color-bg-light-gray);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary-dark);cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input::-moz-range-thumb{background:var(--color-primary-dark);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.calculator-stats{align-items:center;gap:var(--spacing-lg);display:flex}.calculator-stat{align-items:baseline;gap:.25rem;display:flex}.calculator-number{color:var(--color-primary-dark);letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1}.calculator-label{color:var(--color-text-muted);font-size:.875rem}.calculator-divider{background-color:var(--color-bg-light-gray);width:1px;height:2rem}.calculator-source{color:var(--color-text-tertiary);border-top:1px solid var(--color-bg-light-gray);padding:var(--spacing-sm)var(--spacing-lg);text-align:right;margin:0;font-size:.625rem}.calculator-source a{color:var(--color-text-tertiary);transition:color var(--transition-fast);text-decoration:underline}.calculator-source a:hover{color:var(--color-text-secondary)}.problem-link{font-size:.875rem;font-weight:var(--font-weight-semibold);background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;margin-top:0;margin-bottom:var(--spacing-xl);transition:all var(--transition-normal);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.problem-link .arrow{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;transition:transform var(--transition-normal);-webkit-background-clip:text;background-clip:text}.problem-link:hover .arrow{transform:translate(6px)}@media (max-width:1023px){.problem-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.problem-stat-highlight{text-align:center;align-items:center}.stat-highlight-number{font-size:6rem}.problem-title{font-size:2rem}}@media (max-width:768px){.problem-stats{flex-wrap:wrap;width:100%}.stat-card{flex:1;min-width:140px}.stat-number{font-size:1.5rem}.stat-description{font-size:.75rem}}@media (max-width:480px){.problem-section{padding:var(--spacing-xl)0}.problem-title{font-size:1.5rem}.problem-body p{font-size:.875rem}.problem-link{margin-bottom:0}.problem-stats{width:100%}.stat-highlight-number{font-size:4rem}.stat-highlight-text{font-size:1rem}}
.why-us-section{background-color:var(--color-white);padding:var(--spacing-3xl)0}.why-us-divider{background-color:var(--color-bg-light-gray);width:100%;height:1px;margin-bottom:var(--spacing-3xl)}.why-us-header{margin-bottom:var(--spacing-xl)}.why-us-title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);letter-spacing:-.02em;margin:0;line-height:1.1}.why-us-badge{margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;display:inline-flex}.why-us-badge-dot{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));border-radius:3px;width:16px;height:6px}.why-us-badge-text{font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.why-us-title{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.1}.why-us-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.7}.why-us-link{font-size:.875rem;font-weight:var(--font-weight-semibold);background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;transition:all var(--transition-normal);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.why-us-link .arrow{background:linear-gradient(90deg,var(--color-purple),var(--color-pink-primary));-webkit-text-fill-color:transparent;transition:transform var(--transition-normal);-webkit-background-clip:text;background-clip:text}.why-us-link:hover .arrow{transform:translate(6px)}.speed-comparison{gap:var(--spacing-xs);grid-template-columns:1fr 1fr;align-items:start;display:grid}.speed-comparison-column{text-align:center;flex-direction:column;align-items:center;display:flex}.speed-comparison-video{background:var(--color-bg-very-light);width:100%;padding:var(--spacing-xl);border:none;border-radius:.5rem;position:relative;overflow:hidden}.speed-comparison-video.video-done .speed-comparison-gif{filter:brightness(.4)}.video-done-overlay{background:var(--color-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;animation:.3s ease-out popIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.speed-comparison-gif{border-radius:.25rem;width:100%;height:auto;display:block;box-shadow:0 4px 12px #00000026}.speed-comparison-timer{margin-top:var(--spacing-xs);background:var(--color-bg-very-light);padding:var(--spacing-sm);border-radius:.5rem;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.timer-value{font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.manual-timer{color:var(--color-text-muted)}.auto-timer{color:var(--color-primary-dark)}.auto-timer.done{color:var(--color-purple)}.timer-label{color:var(--color-text-muted);font-size:.875rem}.speed-comparison-divider{justify-content:center;align-items:center;padding-top:120px;display:flex}.vs-badge{background:var(--color-bg-very-light);border:1px solid var(--color-bg-light-gray);width:48px;height:48px;font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (max-width:1023px){.why-us-title{font-size:2.5rem}}@media (max-width:768px){.speed-comparison{gap:var(--spacing-sm)}.speed-comparison-video{padding:var(--spacing-md)}.speed-comparison-divider{padding-top:80px}.timer-value{font-size:1.75rem}.timer-label{font-size:.75rem}}@media (max-width:480px){.why-us-section{padding:var(--spacing-xl)0}.why-us-title{font-size:1.5rem}.why-us-subtitle{font-size:.875rem}.speed-comparison{gap:var(--spacing-xs)}.speed-comparison-video{padding:var(--spacing-sm)}.speed-comparison-divider{padding-top:60px}.vs-badge{width:36px;height:36px;font-size:.75rem}.timer-value{font-size:1.25rem}.timer-label{font-size:.625rem}.speed-comparison-timer{padding:var(--spacing-xs)}}