.flow-overview{display:flex;align-items:center;justify-content:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--sp-xl) 0;margin-bottom:var(--sp-2xl)}.flow-overview::-webkit-scrollbar{display:none}.flow-node{display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);padding:var(--sp-lg) var(--sp-md);background:linear-gradient(180deg,#FFFFFF 0%,var(--color-card-bg) 100%);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-width:100px;text-align:center;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.flow-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.flow-node__icon{font-size:2.25rem}.flow-node__label{font-size:.875rem;font-weight:var(--fw-semibold);color:var(--color-primary)}.flow-node__desc{font-size:.75rem;color:var(--color-muted)}.flow-connector{font-size:1.5rem;color:var(--color-accent);flex-shrink:0;padding:0 var(--sp-xs);display:flex;align-items:center;line-height:1;align-self:center}@media (max-width: 768px){.flow-overview{flex-direction:column;align-items:stretch}.flow-connector{transform:rotate(90deg);text-align:center;padding:var(--sp-xs) 0}}.feature-list{display:flex;flex-direction:column;gap:var(--sp-3xl)}.feature-row{display:grid;grid-template-columns:80px 1fr 360px;gap:var(--sp-2xl);align-items:center}.feature-row--reverse{grid-template-columns:360px 1fr 80px}.feature-row--reverse .feature-row__icon{grid-column:3;grid-row:1}.feature-row--reverse .feature-row__content{grid-column:2;grid-row:1}.feature-row--reverse .feature-row__visual{grid-column:1;grid-row:1}.feature-row__icon{font-size:3rem;display:flex;align-items:center;justify-content:center}.feature-row__content{padding:var(--sp-xl) 0}.feature-row__title{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--sp-md)}.feature-row__desc{font-size:.9375rem;color:var(--color-text);line-height:var(--lh-loose);margin-bottom:var(--sp-md)}.feature-row__tags{display:flex;flex-wrap:wrap;gap:var(--sp-sm)}@media (max-width: 1024px){.feature-row,.feature-row--reverse{grid-template-columns:60px 1fr;grid-template-rows:auto auto}.feature-row__icon{grid-row:1}.feature-row__content{grid-column:2;grid-row:1}.feature-row__visual{grid-column:1 / -1;grid-row:2}.feature-row--reverse .feature-row__icon{grid-column:1}.feature-row--reverse .feature-row__content{grid-column:2}.feature-row--reverse .feature-row__visual{grid-column:1 / -1}}.feature-mock{background:var(--color-primary-dark);border-radius:var(--radius-lg);padding:var(--sp-lg);color:var(--color-white);font-size:.875rem}.feature-mock__label{font-size:.6875rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-md)}.feature-mock__code{font-family:var(--font-mono);color:#fffc;margin-bottom:var(--sp-md);font-size:.8125rem}.feature-mock__info{font-size:.8125rem;color:#ffffffb3;line-height:1.8}.feature-mock__info strong{color:var(--color-white)}.feature-mock__status{margin-top:var(--sp-md);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-md);font-size:.8125rem;font-weight:var(--fw-semibold)}.feature-mock__status.success{background:#40916c33;color:var(--color-secondary);border:1px solid rgba(64,145,108,.3)}.feature-mock__status.warning{background:#d4a84333;color:var(--color-accent);border:1px solid rgba(212,168,67,.3)}.feature-mock__location{font-size:2.5rem;font-weight:var(--fw-bold);color:var(--color-accent);letter-spacing:.1em;margin-bottom:var(--sp-sm)}.feature-mock__hint{font-size:.8125rem;color:#ffffff80;margin-bottom:var(--sp-md)}.feature-mock__warn{margin-bottom:var(--sp-md)}.warn-item{padding:var(--sp-sm) var(--sp-md);background:#d4a8431a;border-radius:var(--radius-md);margin-bottom:var(--sp-sm);font-size:.8125rem;display:flex;align-items:center;gap:var(--sp-sm)}.warn-icon{font-size:1.25rem}.feature-mock__route{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-md)}.route-step{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-md);background:#ffffff0d;border:1px solid transparent;font-size:.8125rem;color:#fff6}@keyframes route-step-cycle{0%,to{background:#ffffff0d;color:#fff6;border-color:transparent}15%,25%{background:#d4a8432e;color:var(--color-accent);border-color:#d4a84366}}.feature-mock__route .route-step:nth-child(1){animation:route-step-cycle 4s ease-in-out infinite}.feature-mock__route .route-step:nth-child(2){animation:route-step-cycle 4s ease-in-out infinite;animation-delay:1s}.feature-mock__route .route-step:nth-child(3){animation:route-step-cycle 4s ease-in-out infinite;animation-delay:2s}.feature-mock__route .route-step:nth-child(4){animation:route-step-cycle 4s ease-in-out infinite;animation-delay:3s}@keyframes warn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.warn-icon{animation:warn-pulse 1.5s ease-in-out infinite}.route-step span{font-weight:var(--fw-semibold)}.feature-mock__check{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-md)}.check-item{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-sm);align-items:center;padding:var(--sp-sm) var(--sp-md);background:#ffffff0d;border-radius:var(--radius-md);font-size:.8125rem}.check-item input{width:50px;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--color-white);text-align:center;font-size:.8125rem}.feature-mock__table{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--sp-md);font-size:.75rem}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr .5fr;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm);border-radius:4px}.table-row.head{background:#ffffff14;color:#ffffff80;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em}.compare{overflow-x:auto}.compare td.is-us{background:#1b43320f!important;color:var(--color-primary);font-weight:var(--fw-semibold)}#pda{background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}.pda-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3xl);align-items:center;margin-bottom:var(--sp-3xl)}.pda-showcase__heading{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--sp-md)}.pda-showcase__desc{font-size:var(--fs-body);color:var(--color-text);line-height:var(--lh-loose);margin-bottom:var(--sp-xl)}.pda-showcase__features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm) var(--sp-lg);margin-bottom:var(--sp-xl)}.pda-showcase__features li{display:flex;align-items:center;gap:var(--sp-sm);font-size:var(--fs-body-sm);color:var(--color-text)}.pda-showcase__features li i{font-size:1.25rem;color:var(--color-secondary);flex-shrink:0}.pda-showcase__tags{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.pda-showcase__tags .badge{font-size:.75rem;padding:4px 12px;border-radius:var(--radius-pill);background:#40916c1a;border:1px solid rgba(64,145,108,.2);color:var(--color-secondary)}.pda-showcase__visual{position:relative}.pda-showcase__image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 32px #0000001f}.pda-showcase__image img{width:100%;height:400px;object-fit:cover;display:block}.pda-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(27,67,50,.4) 100%);pointer-events:none}.pda-showcase__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pda-bubble{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000001f;font-size:.8125rem;font-weight:var(--fw-semibold);color:var(--color-primary);white-space:nowrap;animation:bubble-float 4s ease-in-out infinite}.pda-bubble i{font-size:1.125rem;color:var(--color-accent)}.pda-bubble--1{top:15%;left:-20px;animation-delay:0s}.pda-bubble--2{top:45%;right:-16px;animation-delay:1.3s}.pda-bubble--3{bottom:15%;left:12%;animation-delay:2.6s}@keyframes bubble-float{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-8px);opacity:.85}}.pda-scenarios{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}.pda-scenario{text-align:center;padding:var(--sp-lg);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border-soft);transition:transform .2s ease,box-shadow .2s ease}.pda-scenario:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.pda-scenario__icon{width:48px;height:48px;margin:0 auto var(--sp-sm);display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#40916c1f,#d4a84314);font-size:1.5rem;color:var(--color-primary)}.pda-scenario h4{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:4px}.pda-scenario p{font-size:.8125rem;color:var(--color-muted);line-height:var(--lh-base)}@media (max-width: 768px){.pda-showcase{grid-template-columns:1fr;gap:var(--sp-xl)}.pda-showcase__features{grid-template-columns:1fr}.pda-showcase__image img{height:280px}.pda-scenarios{grid-template-columns:1fr 1fr}.pda-bubble--1{left:8px}.pda-bubble--2{right:8px}}.pda-scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 10%,#5cb985 50%,transparent 90%);box-shadow:0 0 8px #5cb98599;z-index:3;animation:pda-scan-sweep 3s ease-in-out infinite}.pda-scan-glow{position:absolute;left:0;right:0;top:0;height:40px;background:linear-gradient(180deg,rgba(92,185,133,.12) 0%,transparent 100%);z-index:2;animation:pda-scan-glow-sweep 3s ease-in-out infinite}@keyframes pda-scan-sweep{0%,to{transform:translateY(10px);opacity:.8}50%{transform:translateY(380px);opacity:1}}@keyframes pda-scan-glow-sweep{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(360px);opacity:.8}}.pda-showcase__features li{opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease}#pda.is-visible .pda-showcase__features li:nth-child(1){transition-delay:.1s}#pda.is-visible .pda-showcase__features li:nth-child(2){transition-delay:.2s}#pda.is-visible .pda-showcase__features li:nth-child(3){transition-delay:.3s}#pda.is-visible .pda-showcase__features li:nth-child(4){transition-delay:.4s}#pda.is-visible .pda-showcase__features li:nth-child(5){transition-delay:.5s}#pda.is-visible .pda-showcase__features li:nth-child(6){transition-delay:.6s}#pda.is-visible .pda-showcase__features li{opacity:1;transform:translate(0)}.pda-scenario{opacity:0;transform:scale(.85) translateY(24px);transition:opacity .5s ease,transform .5s ease}#pda.is-visible .pda-scenario:nth-child(1){transition-delay:.2s}#pda.is-visible .pda-scenario:nth-child(2){transition-delay:.35s}#pda.is-visible .pda-scenario:nth-child(3){transition-delay:.5s}#pda.is-visible .pda-scenario:nth-child(4){transition-delay:.65s}#pda.is-visible .pda-scenario{opacity:1;transform:scale(1) translateY(0)}.pda-showcase__tags .badge{opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s ease}#pda.is-visible .pda-showcase__tags .badge:nth-child(1){transition-delay:.3s}#pda.is-visible .pda-showcase__tags .badge:nth-child(2){transition-delay:.4s}#pda.is-visible .pda-showcase__tags .badge:nth-child(3){transition-delay:.5s}#pda.is-visible .pda-showcase__tags .badge:nth-child(4){transition-delay:.6s}#pda.is-visible .pda-showcase__tags .badge:nth-child(5){transition-delay:.7s}#pda.is-visible .pda-showcase__tags .badge{opacity:1;transform:scale(1)}.advance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}.advance-card{background:linear-gradient(180deg,#FFFFFF 0%,var(--color-card-bg) 100%);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--sp-xl);text-align:center;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.advance-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.advance-card__icon{font-size:2.75rem;display:block;margin-bottom:var(--sp-md)}.advance-card h3{font-size:1.0625rem;font-weight:var(--fw-bold);color:var(--color-primary);margin-bottom:var(--sp-sm)}.advance-card p{font-size:.875rem;color:var(--color-text);line-height:var(--lh-loose)}@media (max-width: 768px){.advance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.advance-grid{grid-template-columns:1fr}}@media (max-width: 640px){.compare{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare table{min-width:560px}}