.hero--sap{background:linear-gradient(135deg,#05372d 0,#0a4a3d 100%);padding:80px 0;overflow:hidden;position:relative}.hero--sap::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(0,223,130,.1) 0,transparent 70%);pointer-events:none}.hero--sap .hero__content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero__alert{display:inline-flex;align-items:center;gap:8px;background:rgba(255,59,48,.15);color:#ff3b30;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(255,59,48,.3);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}.hero--sap h1{font-size:48px;font-weight:800;color:#fff;margin-bottom:24px;line-height:1.2}.hero--sap h1 span{color:#00df82}.hero--sap .text{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:16px;line-height:1.6}.hero__stats{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;color:#00df82;font-weight:600}.stat-icon{font-size:24px}.hero__countdown{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:32px;text-align:center}.hero__countdown h3{color:#fff;margin-bottom:24px;font-size:20px}.countdown{display:flex;justify-content:center;gap:24px}.countdown-item{text-align:center}.countdown-value{display:block;font-size:48px;font-weight:800;color:#00df82;line-height:1}.countdown-label{display:block;font-size:14px;color:rgba(255,255,255,.8);margin-top:8px}.urgency--sap{padding:80px 0;background:#f8f9fa}.urgency__header{text-align:center;margin-bottom:48px}.urgency__header h2{font-size:40px;font-weight:800;color:#05372d;margin-bottom:16px}.urgency__header h2 span{color:#ff3b30}.consequences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.consequence-item{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 16px rgba(5,55,45,.08);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.consequence-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.consequence-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(255,59,48,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff3b30}.consequence-item h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.reform-alert{background:#fff;border:2px solid #00df82;border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start}.reform-alert svg{flex-shrink:0;color:#00df82}.urgency__warning{text-align:center;font-size:20px;font-weight:600;color:#05372d;margin:48px 0 32px}.inbound-outbound--sap{padding:80px 0;background:#fff}.inbound-outbound__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:48px 0}.io-card{background:#f8f9fa;border-radius:16px;padding:40px;position:relative;transition:transform .3s ease}.io-card:hover{transform:translateY(-4px)}.io-card--inbound{border-top:4px solid #00df82}.io-card--outbound{border-top:4px solid #00ff92}.io-card__icon{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px rgba(5,55,45,.1)}.io-card h3{font-size:24px;font-weight:700;color:#05372d;margin-bottom:16px}.io-card__warning{margin-top:24px;padding:16px;background:rgba(255,59,48,.05);border-radius:8px;border-left:4px solid #ff3b30}.io-card__warning ul{list-style:none;padding:0;margin:8px 0 0 0}.io-card__warning li{padding-left:20px;position:relative;margin-bottom:4px}.io-card__warning li::before{content:'•';position:absolute;left:0;color:#ff3b30;font-weight:700}.solution-box{background:linear-gradient(135deg,#05372d 0,#0a4a3d 100%);color:#fff;padding:40px;border-radius:16px;text-align:center;margin:48px 0}.solution-box h3{font-size:28px;margin-bottom:16px}.solution-box p{font-size:18px;opacity:.95}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.feature-item{display:flex;align-items:flex-start;gap:12px}.feature-item svg{flex-shrink:0;color:#00df82;margin-top:2px}.why-webmania--sap{padding:80px 0;background:#f8f9fa}.reason-card{background:#fff;border-radius:16px;padding:48px;margin-bottom:32px;box-shadow:0 4px 16px rgba(5,55,45,.08)}.reason-card__icon{font-size:48px;margin-bottom:24px;display:inline-block}.reason-card h3{font-size:28px;font-weight:700;color:#05372d;margin-bottom:20px}.benefits-list{list-style:none;padding:0;margin:20px 0}.benefits-list li{padding-left:28px;position:relative;margin-bottom:12px;line-height:1.6}.benefits-list li::before{content:'✓';position:absolute;left:0;color:#00df82;font-weight:700;font-size:18px}.clients-highlight{background:#f8f9fa;padding:24px;border-radius:12px;margin-top:24px;border-left:4px solid #00df82}.highlight{background:#fff4e5;padding:16px;border-radius:8px;border-left:4px solid orange;margin-top:20px;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:32px}.summary-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(5,55,45,.05)}.summary-item svg{flex-shrink:0;color:#00df82;margin-top:2px}.integration-methods--sap{padding:80px 0;background:#fff}.integration-option{background:#f8f9fa;border-radius:16px;padding:40px;margin-bottom:24px;position:relative;transition:all .3s ease}.integration-option:hover{box-shadow:0 8px 24px rgba(5,55,45,.12)}.integration-option--featured{border:2px solid #00df82;background:#fff}.option-badge{position:absolute;top:-12px;right:32px;background:#00df82;color:#05372d;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.option-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.option-number{width:48px;height:48px;background:#05372d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.option-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}.highlight-box{background:linear-gradient(135deg,#00df82 0,#00ff92 100%);color:#05372d;padding:40px;border-radius:16px;text-align:center;margin:48px 0}.highlight-box h3{font-size:28px;margin-bottom:16px}.benefits--sap{padding:80px 0;background:#f8f9fa}.benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin:48px 0}.benefit-card{background:#fff;padding:32px;border-radius:16px;text-align:center;box-shadow:0 4px 16px rgba(5,55,45,.08);transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.benefit-icon{width:80px;height:80px;margin:0 auto 24px;background:rgba(0,223,130,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00df82}.benefit-card h3{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.comparison-table{overflow-x:auto;margin:32px 0}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 4px 16px rgba(5,55,45,.08);border-radius:16px;overflow:hidden}.comparison-table th{background:#05372d;color:#fff;padding:20px;text-align:left;font-weight:600}.comparison-table th.highlight{background:#00df82;color:#05372d}.comparison-table td{padding:20px;border-bottom:1px solid #e9ecef}.comparison-table td.highlight{background:rgba(0,223,130,.05);font-weight:600;color:#05372d}.comparison-table tr:last-child td{border-bottom:none}.summary-box{background:#fff;border:2px solid #00df82;border-radius:16px;padding:40px;text-align:center;margin-top:48px}.cases--sap{padding:80px 0;background:#fff}.logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0;align-items:center}.logo-item{display:flex;align-items:center;justify-content:center;height:80px;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.logo-item:hover{filter:grayscale(0%);opacity:1}.logo-item img{max-width:150px;max-height:60px;object-fit:contain}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:32px}.testimonial-card{background:#f8f9fa;padding:32px;border-radius:16px;position:relative}.testimonial-card::before{content:'"';position:absolute;top:16px;left:24px;font-size:48px;color:#00df82;opacity:.3;font-weight:800}.testimonial-content{margin-bottom:24px;position:relative;z-index:1}.testimonial-content p{font-style:italic;line-height:1.6;color:#495057}.testimonial-author strong{display:block;font-weight:700;color:#05372d;margin-bottom:4px}.testimonial-author span{color:#6c757d;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0}.stat-card{text-align:center;padding:32px 16px;background:#f8f9fa;border-radius:16px}.stat-number{font-size:48px;font-weight:800;color:#00df82;line-height:1;margin-bottom:8px}.stat-label{font-size:16px;color:#495057}.success-box{background:#fff;border:2px solid #00df82;border-radius:16px;padding:48px;margin-top:48px}.success-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:32px}.metric{text-align:center}.metric-icon{font-size:48px;margin-bottom:16px}.metric h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.cta-final--sap{padding:80px 0;background:linear-gradient(135deg,#05372d 0,#0a4a3d 100%);position:relative;overflow:hidden}.cta-final--sap::before{content:'';position:absolute;top:-50%;left:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(0,223,130,.1) 0,transparent 70%);pointer-events:none}.cta-final__box{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:64px;text-align:center;position:relative;z-index:1}.countdown-inline{display:inline-flex;align-items:center;gap:12px;background:rgba(255,59,48,.15);color:#ff3b30;padding:12px 24px;border-radius:32px;font-weight:600;margin-bottom:32px;border:1px solid rgba(255,59,48,.3)}.cta-final h2{font-size:48px;font-weight:800;color:#fff;margin-bottom:24px}.lead-text{font-size:20px;color:rgba(255,255,255,.9);margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto}.benefits-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;text-align:left;max-width:800px;margin:24px auto 48px}.benefit-check{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9)}.benefit-check svg{flex-shrink:0;color:#00df82}.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:32px auto}.action-card{background:rgba(255,255,255,.1);padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.action-card h4{color:#00df82;font-size:24px;margin-bottom:12px}.action-card p{color:rgba(255,255,255,.8);margin-bottom:24px}.cta-final-message{margin-top:48px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1)}.cta-final-message p{color:rgba(255,255,255,.9);font-size:18px;max-width:600px;margin:0 auto}.wmbr-btn{display:inline-block;padding:12px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.wmbr-btn__primary{background:#00df82;color:#05372d}.wmbr-btn__primary:hover{background:#00ff92;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,223,130,.3)}.wmbr-btn__secondary{background:0 0;color:#fff;border-color:#fff}.wmbr-btn__secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.sap-integration--main{padding:80px 0;background:#f8f9fa}.sap-integration__header{text-align:center;margin-bottom:48px}.sap-integration__header h2{font-size:40px;font-weight:800;color:#05372d;margin-bottom:16px}.sap-integration__header h2 span{color:#00df82}.integration-feature--main{background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 16px rgba(5,55,45,.08);margin-bottom:48px}.feature-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;gap:32px}.sap-box,.webmania-box{flex:1;padding:32px;background:#f8f9fa;border-radius:12px;text-align:center}.sap-box img,.webmania-box img{height:60px;margin-bottom:16px}.sap-logo-text{font-size:48px;font-weight:800;color:#06c;margin-bottom:16px;letter-spacing:-2px}.webmania-logo-text{font-size:36px;font-weight:800;color:#00df82;margin-bottom:16px}.sap-box h4,.webmania-box h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:16px}.sap-box ul,.webmania-box ul{list-style:none;padding:0;margin:0;text-align:left}.sap-box li,.webmania-box li{padding:4px 0;color:#495057;font-size:14px}.integration-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px}.flow-line{width:60px;height:2px;background:#00df82;position:absolute}.flow-icon{width:64px;height:64px;background:#00df82;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#05372d;position:relative;z-index:1}.flow-label{margin-top:8px;font-weight:600;color:#05372d}.feature-benefits h3{font-size:24px;font-weight:700;color:#05372d;margin-bottom:24px}.benefits-list{display:grid;gap:20px}.benefit{display:flex;gap:16px;align-items:flex-start}.benefit-icon{width:32px;height:32px;background:rgba(0,223,130,.1);color:#00df82;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.benefit-content h4{font-size:18px;font-weight:600;color:#05372d;margin-bottom:4px}.benefit-content p{color:#6c757d;line-height:1.5}.sap-integration__methods{margin:64px 0}.sap-integration__methods h3{text-align:center;font-size:32px;font-weight:700;color:#05372d;margin-bottom:48px}.methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.method-card{text-align:center;padding:32px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(5,55,45,.05);position:relative}.method-number{width:48px;height:48px;background:#00df82;color:#05372d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.method-card h4{font-size:18px;font-weight:700;color:#05372d;margin-bottom:12px}.method-card p{color:#6c757d;font-size:14px;line-height:1.5}.sap-integration__options{margin:64px 0}.sap-integration__options h3{text-align:center;font-size:32px;font-weight:700;color:#05372d;margin-bottom:48px}.options-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:0 auto}.option-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 16px rgba(5,55,45,.08);position:relative;transition:all .3s ease}.option-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.option-card--partner{border:2px solid #00df82}.option-badge{position:absolute;top:-12px;right:24px;background:#00df82;color:#05372d;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.option-header{margin-bottom:24px}.option-header h4{font-size:24px;font-weight:700;color:#05372d;margin-bottom:8px}.option-tag{display:inline-block;background:#f8f9fa;color:#6c757d;padding:4px 12px;border-radius:4px;font-size:14px}.option-content p{color:#495057;margin-bottom:20px}.option-content ul{list-style:none;padding:0;margin:0 0 24px 0}.option-content li{padding:8px 0;padding-left:24px;position:relative;color:#495057}.option-content li::before{content:'✓';position:absolute;left:0;color:#00df82;font-weight:700}.option-time{display:flex;align-items:center;gap:8px;padding-top:20px;border-top:1px solid #e9ecef;color:#6c757d}.sap-integration__cta{text-align:center;margin-top:64px}.sap-integration__cta h3{font-size:32px;font-weight:700;color:#05372d;margin-bottom:16px}.sap-integration__cta p{font-size:18px;color:#6c757d;margin-bottom:32px}.api-features--sap{padding:80px 0;background:#fff}.api-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin:48px 0}.api-feature-card{background:#f8f9fa;border-radius:16px;padding:40px;position:relative;transition:all .3s ease;border-top:4px solid transparent}.api-feature-card--emission{border-top-color:#00df82}.api-feature-card--management{border-top-color:#00ff92}.api-feature-card--technical{border-top-color:#05372d}.api-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.feature-icon{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 16px rgba(5,55,45,.1);color:#00df82}.api-feature-card h3{font-size:24px;font-weight:700;color:#05372d;margin-bottom:16px}.feature-list{list-style:none;padding:0;margin:20px 0}.feature-list li{padding:8px 0;padding-left:24px;position:relative;color:#495057}.feature-list li::before{content:'•';position:absolute;left:0;color:#00df82;font-weight:700;font-size:20px;display:none}.feature-highlight{margin-top:24px;padding:16px;background:rgba(0,223,130,.1);border-radius:8px;text-align:center;color:#05372d;font-weight:600}.api-features__benefits{margin:64px 0}.api-features__benefits h3{font-size:32px;font-weight:700;color:#05372d;text-align:center;margin-bottom:48px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.benefit-item{text-align:center;padding:24px}.benefit-icon{font-size:48px;margin-bottom:16px}.benefit-item h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.api-features__code-example{background:#f8f9fa;padding:48px;border-radius:16px;margin:48px 0}.code-example{background:#1e1e1e;border-radius:8px;overflow:hidden;margin:24px 0}.code-header{background:#2d2d2d;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px}.code-language{background:#00df82;color:#05372d;padding:4px 12px;border-radius:4px;font-weight:600}.code-example pre{margin:0;padding:20px;overflow-x:auto}.code-example code{color:#f8f9fa;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.code-note{text-align:center;color:#6c757d;font-style:italic;margin-top:16px}.io-card__features{margin-top:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(5,55,45,.05)}.io-card__features strong{display:block;color:#05372d;margin-bottom:12px;font-size:16px}.io-card__features ul{list-style:none;padding:0;margin:0}.io-card__features li{padding:6px 0;padding-left:20px;position:relative;color:#495057}.io-card__features li::before{content:'✓';position:absolute;left:0;color:#00df82;font-weight:700}.api-endpoint{margin-top:20px;padding:12px;background:#05372d;border-radius:6px;text-align:center}.api-endpoint code{color:#00df82;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600}.sap-modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.sap-module{text-align:center;padding:24px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.sap-module:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.module-icon{width:60px;height:60px;background:#00df82;color:#05372d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;margin:0 auto 16px}.sap-module h4{font-size:18px;font-weight:700;color:#05372d;margin-bottom:8px}.api-documentation--sap{padding:80px 0;background:#f8f9fa}.api-documentation__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin:48px 0}.doc-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 16px rgba(5,55,45,.08);transition:all .3s ease}.doc-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(5,55,45,.12)}.doc-icon{width:80px;height:80px;background:rgba(0,223,130,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#00df82}.doc-card h3{font-size:20px;font-weight:700;color:#05372d;margin-bottom:20px}.doc-card ul{list-style:none;padding:0;margin:0 0 24px 0}.doc-card li{padding:8px 0;padding-left:24px;position:relative;color:#495057}.doc-card li::before{content:'→';position:absolute;left:0;color:#00df82;font-weight:700}.doc-link{color:#00df82;font-weight:600;text-decoration:none;transition:color .3s ease}.doc-link:hover{color:#00ff92}.api-documentation__integration-flow{margin:64px 0}.flow-diagram{display:flex;align-items:center;justify-content:space-between;margin-top:32px;flex-wrap:wrap;gap:24px}.flow-step{flex:1;min-width:200px;text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(5,55,45,.08)}.step-number{width:40px;height:40px;background:#00df82;color:#05372d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 16px}.flow-arrow{font-size:32px;color:#00df82;font-weight:700}.api-documentation__support{margin:64px 0}.support-box{background:linear-gradient(135deg,#05372d 0,#0a4a3d 100%);color:#fff;padding:48px;border-radius:16px;text-align:center}.support-box h3{font-size:28px;margin-bottom:20px}.support-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.support-item{display:flex;align-items:center;gap:12px;justify-content:center}.support-item svg{color:#00df82}.partner-highlight{margin-top:24px;padding:24px;background:rgba(0,223,130,.05);border-left:4px solid #00df82;border-radius:8px}.partner-highlight .highlight-text{color:#05372d;line-height:1.6}@media (max-width:768px){.hero--sap .hero__content{grid-template-columns:1fr;gap:40px}.hero--sap h1{font-size:36px}.hero--sap h1{font-size:36px}.consequences-grid{grid-template-columns:1fr}.inbound-outbound__grid{grid-template-columns:1fr}.option-content{grid-template-columns:1fr}.logos-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-cards{grid-template-columns:1fr}.cta-final__box{padding:32px}.cta-final h2{font-size:32px}.api-features__grid{grid-template-columns:1fr}.sap-modules-grid{grid-template-columns:repeat(2,1fr)}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.api-documentation__grid{grid-template-columns:1fr}.support-features{grid-template-columns:1fr}.feature-visual{flex-direction:column}.integration-flow{transform:rotate(90deg);margin:20px 0}.methods-grid{grid-template-columns:1fr}.options-comparison{grid-template-columns:1fr}}.architecture{padding:80px 0;background:#f8fafb}.architecture .section-header{text-align:center;margin-bottom:60px}.architecture .title{font-size:48px;font-weight:700;color:#05372d;margin-bottom:16px}.architecture .title span{color:#00df82}.architecture .subtitle{font-size:20px;color:#6b7785;max-width:600px;margin:0 auto}.architecture-block{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:40px;overflow:hidden}.architecture-header{background:linear-gradient(90deg,#05372d 0,#0a4a3d 100%);padding:32px 48px;color:#fff}.architecture-header h3{font-size:28px;font-weight:700;margin-bottom:8px}.architecture-header p{font-size:16px;opacity:.9}.architecture-content{padding:48px}.architecture-diagram{margin-bottom:48px}.diagram-flow{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto}.flow-item{text-align:center;flex:1}.flow-icon{width:80px;height:80px;background:#e8f7f1;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:all .3s ease}.flow-item:hover .flow-icon{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,223,130,.2)}.flow-item h4{font-size:18px;font-weight:700;color:#05372d;margin-bottom:4px}.flow-item p{font-size:14px;color:#6b7785}.flow-arrow{font-size:32px;color:#00df82;margin:0 20px}.architecture-features h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafb;border-radius:8px;transition:all .2s ease}.feature-item:hover{background:#e8f7f1}.feature-item svg{flex-shrink:0}.feature-item span{font-size:14px;color:#05372d;font-weight:500}.architecture-benefits{margin-top:60px}.architecture-benefits h3{font-size:32px;font-weight:700;color:#05372d;text-align:center;margin-bottom:40px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.benefit-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.benefit-icon{width:60px;height:60px;background:#e8f7f1;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.benefit-card h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.benefit-card p{font-size:14px;color:#6b7785;line-height:1.6}@media (max-width:768px){.architecture{padding:60px 0}.architecture .title{font-size:36px}.architecture-header{padding:24px}.architecture-content{padding:32px 24px}.diagram-flow{flex-direction:column;gap:24px}.flow-arrow{transform:rotate(90deg);margin:0}.features-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}}.migration-guide{padding:80px 0;background:#fff}.migration-guide .section-tag{display:inline-block;background:#e8f7f1;color:#00df82;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.migration-timeline{background:#f8fafb;border-radius:16px;padding:48px;margin-bottom:60px}.timeline-header{text-align:center;margin-bottom:40px}.timeline-header h3{font-size:32px;font-weight:700;color:#05372d;margin-bottom:8px}.timeline-content{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:800px;margin:0 auto}.timeline-content::before{content:'';position:absolute;top:50%;left:10%;right:10%;height:2px;background:#e0e5ea;z-index:0}.timeline-item{position:relative;z-index:1;text-align:center;flex:1}.timeline-date{background:#fff;border:2px solid #e0e5ea;border-radius:12px;padding:16px 24px;margin-bottom:20px;display:inline-block}.timeline-item--critical .timeline-date{border-color:#ff3b30;background:#fff5f5}.timeline-item--warning .timeline-date{border-color:#ff9500;background:#fff8f0}.timeline-item--recommended .timeline-date{border-color:#00df82;background:#e8f7f1}.date-month{display:block;font-size:18px;font-weight:700;color:#05372d}.date-year{display:block;font-size:14px;color:#6b7785}.timeline-info h4{font-size:18px;font-weight:700;color:#05372d;margin-bottom:8px}.timeline-info p{font-size:14px;color:#6b7785;margin-bottom:8px}.timeline-alert{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:16px;background:#f8fafb}.migration-steps{margin-bottom:60px}.migration-steps h3{font-size:32px;font-weight:700;color:#05372d;text-align:center;margin-bottom:40px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.step-card{background:#f8fafb;border-radius:12px;padding:32px;position:relative;transition:all .3s ease}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.step-number{font-size:48px;font-weight:700;color:#e8f7f1;line-height:1;margin-bottom:16px}.step-card h4{font-size:20px;font-weight:700;color:#05372d;margin-bottom:12px}.step-card p{font-size:14px;color:#6b7785;margin-bottom:16px}.step-checklist{list-style:none;padding:0;margin:0}.step-checklist li{font-size:14px;color:#05372d;padding:4px 0;padding-left:20px;position:relative}.step-checklist li::before{content:'✓';position:absolute;left:0;color:#00df82;font-weight:700}.migration-comparison{margin-bottom:60px}.migration-comparison h3{font-size:32px;font-weight:700;color:#05372d;text-align:center;margin-bottom:40px}.comparison-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr;background:#05372d;padding:20px}.header-item{font-size:16px;font-weight:700;color:#fff;text-align:center}.header-item--highlight{color:#00df82}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:20px;border-bottom:1px solid #e0e5ea}.comparison-row:last-child{border-bottom:none}.row-label{font-size:16px;font-weight:500;color:#05372d}.row-value{text-align:center;font-size:14px;font-weight:600}.row-value--positive{color:#00df82}.row-value--negative{color:#ff3b30}.row-value--neutral{color:#6b7785}.migration-benefits{margin-bottom:60px}.migration-benefits h3{font-size:32px;font-weight:700;color:#05372d;text-align:center;margin-bottom:40px}.benefits-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.benefit-migration-card{background:#fff;border:2px solid #e8f7f1;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.benefit-migration-card:hover{border-color:#00df82;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,223,130,.15)}.benefit-migration-card .benefit-icon{width:80px;height:80px;background:#e8f7f1;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.benefit-migration-card h4{font-size:24px;font-weight:700;color:#05372d;margin-bottom:12px}.benefit-migration-card p{font-size:16px;color:#6b7785;line-height:1.6}.migration-cta{background:linear-gradient(135deg,#05372d 0,#0a4a3d 100%);border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden}.migration-cta::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(circle,rgba(0,223,130,.1) 0,transparent 70%);pointer-events:none}.cta-content{position:relative;z-index:1}.migration-cta h3{font-size:40px;font-weight:700;color:#fff;margin-bottom:16px}.migration-cta p{font-size:20px;color:rgba(255,255,255,.9);margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.migration-timeline{padding:32px 24px}.timeline-content{flex-direction:column;gap:40px}.timeline-content::before{display:none}.steps-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{grid-template-columns:1fr;gap:12px;text-align:left}.header-item,.row-value{text-align:left}.benefits-cards{grid-template-columns:1fr}.migration-cta{padding:40px 24px}.migration-cta h3{font-size:28px}.cta-buttons{flex-direction:column}.cta-buttons .wmbr-btn{width:100%}}