:root{--primary:#21c45d;--secondary:#28d768;--primary-rgb:33,196,93;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"Inter",Segoe UI,Bahnschrift,sans-serif;background:#f3f7f4;color:#1f2e22;line-height:1.7;}
/* Site Section - full width backgrounds */
.site-section{width:100%;}
.page{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1300px;margin:0 auto;padding:16px;box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
/* Gradient text utility */
.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
/* Block Row System */
.block-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start;margin-bottom:16px;width:100%;}
.block-row .block{flex:1 1 auto;margin-bottom:0;}
/* Base Block */
.block{position:relative;width:var(--flow-w, 100%);max-width:var(--block-w);height:auto;margin-bottom:16px;box-sizing:border-box;font-size:var(--block-font-size,16px);line-height:1.7;}
.block.flow-left{align-self:flex-start;text-align:left;}
.block.flow-left .button-set{justify-content:flex-start;}
.block.flow-right{align-self:flex-end;text-align:right;}
.block.flow-right .button-set{justify-content:flex-end;}
.block.flow-center{align-self:center;text-align:center;}
.block.flow-center .button-set{justify-content:center;}
.image-block{padding:0;background:transparent;}
.block img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;}
.block-title{margin:0;font-size:1em;line-height:1.2;}
.block-text{margin:0;line-height:1.7;}
/* Product Block */
.product-block{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.04);transition:border-color 0.3s;}
.product-block:hover{border-color:rgba(var(--primary-rgb),0.3);}
.product-title{margin:0;font-size:1.15em;font-weight:700;}
.product-subtitle{margin:0;font-size:0.9em;opacity:0.85;line-height:1.5;}
.product-price{font-size:1.2em;font-weight:700;margin-top:8px;}
.product-image{width:100%;object-fit:cover;border-radius:12px;}
.product-features{margin:10px 0;padding-left:20px;font-size:0.9em;opacity:0.9;line-height:1.7;}
.product-features li{margin:6px 0;}
/* Buttons */
.block .btn{display:inline-block;padding:12px 24px;border-radius:10px;background:var(--primary);color:#ffffff;text-decoration:none;font-weight:700;transition:transform 0.2s,box-shadow 0.2s;}
.block .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),0.4);}
/* Button Set */
.button-set{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.button-set .btn-chip{display:inline-block;padding:8px 14px;border-radius:10px;border:1px solid rgba(0,0,0,0.15);color:#293d2e;text-decoration:none;font-weight:600;background:rgba(0,0,0,0.05);transition:all 0.2s;}
.button-set .btn-chip:hover{background:rgba(0,0,0,0.10);}
.button-set .btn-chip.active{background:var(--btn-accent,var(--primary));color:#ffffff;border-color:transparent;}
.button-set.pills .btn-chip{border-radius:999px;}
.button-set.ghost .btn-chip{background:transparent;border-style:dashed;}
.button-set.soft .btn-chip{background:rgba(0,0,0,0.08);}
/* Video Block */
.video-block{padding:0;background:transparent;}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
/* Social Links */
.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.social-link{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.06);display:grid;place-items:center;color:#293d2e;text-decoration:none;font-weight:700;font-size:12px;transition:all 0.3s;}
.social-link:hover{background:var(--primary);color:#ffffff;transform:scale(1.1);box-shadow:0 0 20px rgba(var(--primary-rgb),0.3);}
/* Divider & Spacer */
.divider-block{margin:24px auto;}
.spacer-block{min-height:40px;}
/* Testimonial */
.testimonial-block{text-align:center;padding:24px;}
.testimonial-quote{font-size:1.2em;font-style:italic;margin:0 0 16px;line-height:1.5;}
.testimonial-author{display:flex;align-items:center;justify-content:center;gap:12px;}
.testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.testimonial-author cite{font-style:normal;font-weight:700;display:block;}
.testimonial-role{font-size:0.85em;opacity:0.7;}
/* FAQ - polished accordion */
.faq-block{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color 0.3s;}
.faq-block:hover{border-color:rgba(var(--primary-rgb),0.3);}
.faq-block summary{font-weight:700;padding:20px 24px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-block summary::-webkit-details-marker{display:none;}
.faq-block summary::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.8em;color:rgba(0,0,0,0.35);transition:transform 0.3s;}
.faq-block[open] summary::after{transform:rotate(180deg);}
.faq-block summary::before{display:none;}
.faq-block>div,.faq-block p{padding:0 24px 20px;margin:0;opacity:0.85;line-height:1.7;}
/* CTA */
.cta-block{text-align:center;padding:40px 24px;}
.cta-headline{font-size:1.8em;margin:0 0 12px;font-weight:800;}
.cta-subtext{margin:0 0 24px;opacity:0.85;font-size:1.05em;}
.cta-btn{font-size:1.1em;}
/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(var(--gallery-cols,3),1fr);gap:12px;}
.gallery-item{margin:0;padding:0;}
.gallery-item img{aspect-ratio:1;object-fit:cover;border-radius:10px;transition:transform 0.3s;}
.gallery-item img:hover{transform:scale(1.05);}
/* Form Styles */
.form-block{display:flex;flex-direction:column;gap:16px;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field span{font-size:0.85em;font-weight:600;opacity:0.9;}
.form-field input,.form-field textarea{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.12);border-radius:10px;padding:14px;color:inherit;font-size:1em;transition:border-color 0.2s;}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb),0.15);}
.form-field textarea{resize:vertical;min-height:100px;}
.form-submit{background:var(--primary);color:#ffffff;border:none;padding:14px 28px;border-radius:10px;font-weight:700;font-size:1em;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),0.4);}
.form-success{text-align:center;padding:16px;color:#22c55e;}
/* Icon Card */
.icon-card-block{text-align:center;padding:28px;}
.icon-card-icon{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;background:rgba(var(--primary-rgb),0.12);}
.icon-card-icon i{font-size:24px;color:var(--primary);}
.icon-card-title{font-size:1.2em;margin:0 0 8px;font-weight:700;}
.icon-card-text{font-size:0.95em;opacity:0.8;margin:0;line-height:1.6;}
/* Card Grid */
.card-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,3),1fr);gap:24px;}
.grid-card{background:rgba(0,0,0,0.04);border-radius:16px;padding:28px;text-align:center;transition:transform 0.3s,border-color 0.3s,box-shadow 0.3s;border:1px solid rgba(0,0,0,0.08);}
.grid-card:hover{transform:translateY(-4px);border-color:rgba(var(--primary-rgb),0.35);box-shadow:0 0 30px rgba(var(--primary-rgb),0.2);}
.grid-card-icon{width:50px;height:50px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;background:rgba(var(--primary-rgb),0.12);}
.grid-card-icon i{font-size:22px;color:var(--primary);}
.grid-card h4{margin:0 0 8px;font-size:1.15em;font-weight:700;}
.grid-card p{margin:0;font-size:0.9em;opacity:0.75;line-height:1.6;}
/* Stats Grid */
.stats-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,4),1fr);gap:20px;}
.stat-item{text-align:center;padding:24px;background:rgba(0,0,0,0.03);border-radius:16px;border:1px solid rgba(0,0,0,0.06);transition:border-color 0.3s;}
.stat-item:hover{border-color:rgba(var(--primary-rgb),0.25);}
.stat-item i{font-size:24px;display:block;margin-bottom:10px;color:var(--primary);}
.stat-value{font-size:2.2em;font-weight:800;margin-bottom:4px;}
.stat-label{font-size:0.8em;text-transform:uppercase;opacity:0.6;letter-spacing:0.5px;}
/* Product Grid */
.product-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,4),1fr);gap:20px;}
.product-item{background:rgba(0,0,0,0.04);border-radius:16px;padding:16px;border:1px solid rgba(0,0,0,0.08);text-align:center;transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;}
.product-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12),0 0 20px rgba(var(--primary-rgb),0.15);border-color:rgba(var(--primary-rgb),0.3);}
.product-img{height:var(--img-h,150px);border-radius:10px;overflow:hidden;margin-bottom:12px;background:rgba(0,0,0,0.03);}
.product-img img{width:100%;height:100%;object-fit:cover;}
.product-img-placeholder{display:flex;align-items:center;justify-content:center;color:#444;font-size:24px;}
.product-title{font-size:1.1em;font-weight:700;margin:0 0 6px;}
.product-subtitle{font-size:0.85em;opacity:0.7;margin:0 0 10px;}
.product-features{list-style:none;padding:0;margin:0 0 12px;font-size:0.8em;text-align:left;}
.product-features li{padding:4px 0;opacity:0.8;}
.product-features li::before{content:"\2713  ";opacity:0.6;}
.product-price{font-size:1.4em;font-weight:800;margin-bottom:12px;}
.product-btn{display:inline-block;padding:10px 24px;border-radius:8px;color:#ffffff;font-weight:600;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;}
.product-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.3);}
/* Comparison Table - premium */
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.02);}
.comparison-table th,.comparison-table td{padding:16px 20px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.06);}
.comparison-table thead th{background:rgba(var(--primary-rgb),0.1);font-weight:700;font-size:1em;}
.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:600;}
.comparison-table tbody tr:last-child td{border-bottom:none;}
.comparison-table tr:hover{background:rgba(0,0,0,0.03);}
.comparison-table .highlight{background:rgba(var(--primary-rgb),0.05);}
.comparison-table .comp-check{color:#55efc4;font-size:1.1em;}
.comparison-table .comp-cross{color:#ff7675;font-size:1.1em;}
/* Price Card - with glow */
.price-card-block{text-align:center;padding:36px 28px;border-radius:20px;border:1px solid rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;}
.price-card-block:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(var(--primary-rgb),0.2);border-color:rgba(var(--primary-rgb),0.3);}
.price-card-header{margin-bottom:24px;}
.price-card-title{display:block;font-size:0.9em;text-transform:uppercase;opacity:0.7;margin-bottom:8px;letter-spacing:0.5px;}
.price-card-price{font-size:3.2em;font-weight:900;line-height:1;}
.price-card-period{font-size:0.85em;opacity:0.6;}
.price-card-features{list-style:none;padding:0;margin:0 0 28px;text-align:left;}
.price-card-features li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.08);display:flex;align-items:center;gap:10px;}
.price-card-features li i{flex-shrink:0;color:var(--primary);}
.price-card-btn{display:block;padding:16px 28px;border-radius:10px;color:#ffffff;font-weight:700;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;}
.price-card-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),0.4);}
/* Pricing Cards Grid */
.pricing-cards-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,2),1fr);gap:24px;}
.pc-item{background:rgba(0,0,0,0.04);border-radius:20px;padding:36px 28px;text-align:center;border:1px solid rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;}
.pc-item:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(var(--primary-rgb),0.2);border-color:rgba(var(--primary-rgb),0.3);}
.pc-badge{display:inline-block;padding:6px 18px;border-radius:50px;font-size:0.8em;font-weight:700;color:#ffffff;margin-bottom:16px;}
.pc-name{font-size:2em;font-weight:800;margin:0 0 12px;line-height:1.2;color:inherit;}
.pc-desc{font-size:0.95em;opacity:0.75;margin:0 0 20px;line-height:1.6;}
.pc-amount{font-size:2.5em;font-weight:900;margin-bottom:24px;line-height:1;}
.pc-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.pc-btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:700;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;font-size:0.95em;}
.pc-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.pc-btn-primary{color:#ffffff;}
.pc-btn-outline{background:transparent;border:2px solid;}
/* Badge */
.badge-block{display:flex;width:fit-content !important;max-width:fit-content !important;margin-left:auto !important;margin-right:auto !important;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:0.95em;font-weight:600;}
/* Trust Badges */
.trust-badges{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;}
.trust-badge-item{display:flex;align-items:center;gap:10px;font-size:0.95em;font-weight:500;}
.trust-badge-item i{font-size:1.3em;color:var(--primary);}
/* Icon Heading */
.icon-heading-block{display:flex;align-items:center;gap:14px;margin:0;}
.icon-heading-block i{font-size:0.85em;}
/* Footer */
.footer-block{text-align:center;padding:32px 20px;border-top:1px solid rgba(0,0,0,0.08);}
.footer-copyright{margin:0 0 12px;opacity:0.7;}
.footer-links{font-size:0.9em;}
.footer-links a{color:var(--primary);text-decoration:none;transition:opacity 0.2s;}
.footer-links a:hover{opacity:0.8;}
/* Columns Layout */
.columns-block{padding:24px;}
.columns-grid{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:24px;}
.columns-col{padding:24px;background:rgba(0,0,0,0.04);border-radius:16px;border:1px solid rgba(0,0,0,0.06);}
.columns-col h3{margin:0 0 12px;font-size:1.2em;font-weight:700;}
.columns-col p{margin:0;opacity:0.85;line-height:1.6;}
/* Feature Row */
.feature-row-block{display:flex;gap:32px;align-items:flex-start;padding:24px;}
.feature-row-block.reversed{flex-direction:row-reverse;}
.feature-row-icon{flex:0 0 100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:20px;}
.feature-row-icon i{font-size:40px;color:#fff;}
.feature-row-content{flex:1;}
.feature-row-content h3{margin:0 0 12px;font-size:1.4em;font-weight:700;}
.feature-row-content p{margin:0 0 16px;opacity:0.85;line-height:1.6;}
.feature-bullets{margin-top:12px;}
.feature-bullet{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}
.feature-bullet i{margin-top:4px;font-size:14px;flex-shrink:0;color:var(--primary);}
.feature-bullet span{line-height:1.5;}
/* Hero Section */
.hero-section-block{text-align:center;padding:80px 30px;}
.block.flow-left.hero-section-block,.block.flow-right.hero-section-block,.block.flow-center.hero-section-block{text-align:center;align-self:stretch;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:30px;font-size:0.9em;margin-bottom:24px;font-weight:600;}
.hero-heading{font-size:3.5em;font-weight:900;margin:0 0 20px;line-height:1.1;letter-spacing:-0.02em;}
.hero-subheading{font-size:1.3em;opacity:0.8;margin:0 auto 28px;max-width:700px;line-height:1.6;}
.hero-price{font-size:2.5em;font-weight:800;margin-bottom:28px;}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.hero-btn-primary{padding:16px 36px;border-radius:12px;font-weight:700;color:#fff;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;}
.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(var(--primary-rgb),0.4);}
.hero-btn-secondary{padding:16px 36px;border-radius:12px;font-weight:600;border:2px solid rgba(0,0,0,0.15);color:inherit;text-decoration:none;background:transparent;transition:all 0.2s;}
.hero-btn-secondary:hover{border-color:rgba(var(--primary-rgb),0.5);background:rgba(var(--primary-rgb),0.08);}
/* Responsive - Tablet */
@media(max-width:900px){
  .page{padding:16px;}
  .block{font-size:clamp(14px,2.6vw,var(--block-font-size,16px));background:rgba(240,242,248,0.95);border-radius:14px;padding:18px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 3px 15px rgba(0,0,0,0.08);margin-bottom:16px;}
  .block.image-block{padding:0;background:transparent;border:none;box-shadow:none;}
  .block-row{gap:16px;}
  .image-block img{height:auto;object-fit:contain;border-radius:14px;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);}
  .product-block{background:rgba(240,242,248,0.95);padding:22px;border:1px solid rgba(0,0,0,0.12);}
  .card-grid,.stats-grid,.product-grid,.pricing-cards-grid{grid-template-columns:repeat(2,1fr);}
  .trust-badges{gap:20px;}
  .columns-grid{grid-template-columns:repeat(2,1fr);}
  .feature-row-block{flex-direction:column;gap:20px;}
  .feature-row-block.reversed{flex-direction:column;}
  .feature-row-icon{flex:0 0 80px;width:80px;height:80px;margin:0 auto;}
  .feature-row-content{text-align:center;}
  .feature-bullets{text-align:left;display:inline-block;}
  .hero-heading{font-size:2.4em;}
  .hero-subheading{font-size:1.1em;}
}
/* Responsive - Mobile */
@media(max-width:480px){
  .page{padding:16px;}
  .block-row{flex-direction:column;gap:20px;}
  .block-row .block{flex:none;width:100% !important;max-width:100% !important;}
  .block{--flow-w:100% !important;max-width:100% !important;margin-bottom:20px;background:rgba(240,242,248,0.98);border-radius:16px;padding:20px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.12);}
  .block.image-block{padding:0;background:transparent;border:none;box-shadow:none;overflow:hidden;}
  .block.image-block img{border-radius:16px;}
  .block .btn{padding:14px 20px;font-size:15px;width:100%;text-align:center;}
  .button-set{flex-direction:column;gap:10px;}
  .button-set .btn-chip{width:100%;text-align:center;padding:12px 16px;}
  .gallery-grid{grid-template-columns:1fr;}
  .cta-headline{font-size:1.4em;}
  .testimonial-quote{font-size:1em;}
  .product-block{padding:24px;margin-bottom:24px;gap:16px;background:rgba(240,242,248,0.95);border:1px solid rgba(0,0,0,0.12);box-shadow:0 6px 25px rgba(0,0,0,0.12);}
  .product-title{font-size:1.15em;}
  .product-price{font-size:1.25em;margin-top:8px;}
  .product-features{padding-left:18px;line-height:1.8;}
  .card-grid,.stats-grid,.columns-grid,.pricing-cards-grid{grid-template-columns:1fr;}
  .comparison-table{font-size:0.85em;}
  .comparison-table th,.comparison-table td{padding:10px 8px;}
  .price-card-price{font-size:2.2em;}
  .trust-badges{flex-direction:column;align-items:center;gap:12px;}
  .hero-section-block{padding:40px 20px;}
  .hero-heading{font-size:1.8em;}
  .hero-buttons{flex-direction:column;align-items:center;}
  .hero-btn-primary,.hero-btn-secondary{width:100%;text-align:center;}
}
/* Animations */
.anim-fade-in{opacity:0;animation:fadeIn 0.6s ease forwards;}
.anim-slide-up{opacity:0;transform:translateY(30px);animation:slideUp 0.6s ease forwards;}
.anim-slide-left{opacity:0;transform:translateX(-30px);animation:slideLeft 0.6s ease forwards;}
.anim-slide-right{opacity:0;transform:translateX(30px);animation:slideRight 0.6s ease forwards;}
.anim-scale-in{opacity:0;transform:scale(0.9);animation:scaleIn 0.5s ease forwards;}
@keyframes fadeIn{to{opacity:1;}}
@keyframes slideUp{to{opacity:1;transform:translateY(0);}}
@keyframes slideLeft{to{opacity:1;transform:translateX(0);}}
@keyframes slideRight{to{opacity:1;transform:translateX(0);}}
@keyframes scaleIn{to{opacity:1;transform:scale(1);}}
/* Hover Effects */
.hover-grow{transition:transform 0.3s ease;}
.hover-grow:hover{transform:scale(1.05);}
.hover-glow{transition:box-shadow 0.3s ease;}
.hover-glow:hover{box-shadow:0 0 20px rgba(var(--primary-rgb),0.4);}
.hover-lift{transition:transform 0.3s ease,box-shadow 0.3s ease;}
.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3);}
/* Image Hover Zoom */
.img-hover-zoom{overflow:hidden;cursor:zoom-in;}
.img-hover-zoom img{transition:transform 0.4s ease;}
.img-hover-zoom:hover img{transform:scale(1.15);}
/* Custom HTML Block */
.custom-html-block{overflow:hidden;border-radius:12px;}
.custom-html-block img{max-width:100%;height:auto;}
/* Full-page imported HTML — no builder styles, render original layout as-is */
.custom-html-fullpage{display:block;width:100%;margin:0;padding:0;border:none;border-radius:0;color:initial;line-height:normal;font-family:initial;}
/* Imported sections — no builder styles, render original layout as-is */
.imported-section-wrap{display:block;width:100%;margin:0;padding:0;border:none;border-radius:0;color:initial;line-height:normal;font-family:initial;}
/* Print styles */
@media print{
  body{background:#fff;color:#000;}
  .video-container iframe{display:none;}
}

.imported-section-wrap :root {
            --primary: #2196F3;
            --secondary: #1976D2;
            --accent: #FF5722;
            --success: #4CAF50;
            --warning: #FF9800;
            --danger: #F44336;
            --dark: #333;
            --light: #f5f5f5;
            --white: #fff;
            --wear-primary: #00BCD4;
            --wear-secondary: #0097A7;
        }.imported-section-wrap * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }.imported-section-wrap {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: var(--dark);
            background: var(--light);
        }.imported-section-wrap .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
            background: var(--white);
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }.imported-section-wrap header {
            text-align: center;
            padding: 40px 20px;
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: var(--white);
            border-radius: 10px;
            margin-bottom: 30px;
        }.imported-section-wrap header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }.imported-section-wrap header .subtitle {
            font-size: 1.2em;
            opacity: 0.9;
        }.imported-section-wrap header .version {
            margin-top: 15px;
            padding: 5px 15px;
            background: rgba(255,255,255,0.2);
            border-radius: 20px;
            display: inline-block;
        }.imported-section-wrap .part-header {
            text-align: center;
            padding: 30px 20px;
            border-radius: 10px;
            margin: 40px 0 30px 0;
            color: var(--white);
        }.imported-section-wrap .part-header.android {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
        }.imported-section-wrap .part-header.wear {
            background: linear-gradient(135deg, var(--wear-primary), var(--wear-secondary));
        }.imported-section-wrap .part-header.general {
            background: linear-gradient(135deg, #607D8B, #455A64);
        }.imported-section-wrap .part-header h2 {
            font-size: 1.8em;
            margin-bottom: 5px;
            border: none;
            padding: 0;
            color: var(--white);
        }.imported-section-wrap .part-header p {
            opacity: 0.9;
            font-size: 1.05em;
        }.imported-section-wrap .toc {
            background: var(--light);
            padding: 25px;
            border-radius: 10px;
            margin-bottom: 30px;
        }.imported-section-wrap .toc h2 {
            color: var(--secondary);
            margin-bottom: 15px;
            font-size: 1.4em;
        }.imported-section-wrap .toc h3 {
            color: var(--dark);
            margin: 15px 0 8px 0;
            font-size: 1.1em;
        }.imported-section-wrap .toc h3.wear-toc {
            color: var(--wear-secondary);
        }.imported-section-wrap .toc h3.general-toc {
            color: #607D8B;
        }.imported-section-wrap .toc ul {
            list-style: none;
            columns: 2;
        }.imported-section-wrap .toc li {
            padding: 8px 0;
        }.imported-section-wrap .toc a {
            color: var(--dark);
            text-decoration: none;
            transition: color 0.3s;
        }.imported-section-wrap .toc a:hover {
            color: var(--primary);
        }.imported-section-wrap .toc i {
            margin-right: 8px;
            color: var(--primary);
            width: 20px;
        }.imported-section-wrap .toc .wear-icon {
            color: var(--wear-primary);
        }.imported-section-wrap .toc .general-icon {
            color: #607D8B;
        }.imported-section-wrap section {
            margin-bottom: 40px;
            padding: 25px;
            background: var(--white);
            border-radius: 10px;
            border-left: 4px solid var(--primary);
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }.imported-section-wrap section.wear-section {
            border-left: 4px solid var(--wear-primary);
        }.imported-section-wrap section.general-section {
            border-left: 4px solid #607D8B;
        }.imported-section-wrap section h2 {
            color: var(--secondary);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light);
            font-size: 1.6em;
        }.imported-section-wrap section h2 i {
            margin-right: 10px;
            color: var(--primary);
        }.imported-section-wrap section.wear-section h2 {
            color: var(--wear-secondary);
        }.imported-section-wrap section.wear-section h2 i {
            color: var(--wear-primary);
        }.imported-section-wrap section.general-section h2 {
            color: #455A64;
        }.imported-section-wrap section.general-section h2 i {
            color: #607D8B;
        }.imported-section-wrap section h3 {
            color: var(--dark);
            margin: 20px 0 10px;
            font-size: 1.2em;
        }.imported-section-wrap section h3 i {
            margin-right: 8px;
            color: var(--accent);
        }.imported-section-wrap section.wear-section h3 i {
            color: var(--wear-primary);
        }.imported-section-wrap section h4 {
            color: #555;
            margin: 15px 0 8px;
            font-size: 1.05em;
        }.imported-section-wrap p {
            margin-bottom: 12px;
        }.imported-section-wrap ul, .imported-section-wrap ol {
            margin: 10px 0 15px 25px;
        }.imported-section-wrap li {
            margin-bottom: 8px;
        }.imported-section-wrap .feature-box {
            background: var(--light);
            padding: 15px;
            border-radius: 8px;
            margin: 15px 0;
        }.imported-section-wrap .feature-box.tip {
            background: #E3F2FD;
            border-left: 4px solid var(--primary);
        }.imported-section-wrap .feature-box.warning {
            background: #FFF3E0;
            border-left: 4px solid var(--warning);
        }.imported-section-wrap .feature-box.danger {
            background: #FFEBEE;
            border-left: 4px solid var(--danger);
        }.imported-section-wrap .feature-box.success {
            background: #E8F5E9;
            border-left: 4px solid var(--success);
        }.imported-section-wrap .feature-box.wear-tip {
            background: #E0F7FA;
            border-left: 4px solid var(--wear-primary);
        }.imported-section-wrap .feature-box h4 {
            margin-top: 0;
        }.imported-section-wrap .button-example {
            display: inline-block;
            padding: 8px 16px;
            background: var(--primary);
            color: var(--white);
            border-radius: 5px;
            margin: 5px;
            font-weight: bold;
        }.imported-section-wrap .button-example.red {
            background: var(--danger);
        }.imported-section-wrap .button-example.green {
            background: var(--success);
        }.imported-section-wrap .button-example.orange {
            background: var(--warning);
        }.imported-section-wrap .button-example.teal {
            background: var(--wear-primary);
        }.imported-section-wrap .icon-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }.imported-section-wrap .icon-item {
            display: flex;
            align-items: center;
            padding: 12px;
            background: var(--light);
            border-radius: 8px;
        }.imported-section-wrap .icon-item i {
            font-size: 1.5em;
            margin-right: 12px;
            color: var(--primary);
            width: 35px;
            text-align: center;
        }.imported-section-wrap .icon-item.wear-item i {
            color: var(--wear-primary);
        }.imported-section-wrap .status-indicator {
            display: inline-flex;
            align-items: center;
            padding: 5px 12px;
            border-radius: 20px;
            margin: 3px;
            font-size: 0.9em;
        }.imported-section-wrap .status-indicator.green {
            background: #C8E6C9;
            color: #2E7D32;
        }.imported-section-wrap .status-indicator.orange {
            background: #FFE0B2;
            color: #E65100;
        }.imported-section-wrap .status-indicator.red {
            background: #FFCDD2;
            color: #C62828;
        }.imported-section-wrap .status-indicator.grey {
            background: #E0E0E0;
            color: #616161;
        }.imported-section-wrap .status-indicator.teal {
            background: #B2EBF2;
            color: #006064;
        }.imported-section-wrap .status-indicator.cyan {
            background: #B2EBF2;
            color: #00838F;
        }.imported-section-wrap .status-indicator.yellow {
            background: #FFF9C4;
            color: #F57F17;
        }.imported-section-wrap table {
            width: 100%;
            border-collapse: collapse;
            margin: 15px 0;
        }.imported-section-wrap th, .imported-section-wrap td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }.imported-section-wrap th {
            background: var(--primary);
            color: var(--white);
        }.imported-section-wrap section.wear-section th {
            background: var(--wear-primary);
        }.imported-section-wrap section.general-section th {
            background: #607D8B;
        }.imported-section-wrap tr:hover {
            background: var(--light);
        }.imported-section-wrap .step-list {
            counter-reset: step;
            list-style: none;
            margin-left: 0;
        }.imported-section-wrap .step-list li {
            position: relative;
            padding-left: 50px;
            margin-bottom: 15px;
        }.imported-section-wrap .step-list li::before {
            counter-increment: step;
            content: counter(step);
            position: absolute;
            left: 0;
            top: 0;
            width: 35px;
            height: 35px;
            background: var(--primary);
            color: var(--white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }.imported-section-wrap section.wear-section .step-list li::before {
            background: var(--wear-primary);
        }.imported-section-wrap section.general-section .step-list li::before {
            background: #607D8B;
        }.imported-section-wrap .keyboard-key {
            display: inline-block;
            padding: 4px 10px;
            background: #eee;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-family: monospace;
            box-shadow: 0 2px 0 #bbb;
        }.imported-section-wrap .screenshot-placeholder {
            background: linear-gradient(135deg, #e0e0e0, #f5f5f5);
            padding: 40px;
            text-align: center;
            border-radius: 8px;
            color: #888;
            margin: 15px 0;
            border: 2px dashed #ccc;
        }.imported-section-wrap footer {
            text-align: center;
            padding: 30px;
            background: var(--dark);
            color: var(--white);
            border-radius: 10px;
            margin-top: 40px;
        }.imported-section-wrap footer a {
            color: var(--primary);
        }@media print{
            body {
                background: white;
            }
            .container {
                box-shadow: none;
            }
            section {
                break-inside: avoid;
            }
            .toc ul {
                columns: 1;
            }
        }@media (max-width: 600px){
            .toc ul {
                columns: 1;
            }
            header h1 {
                font-size: 1.8em;
            }
        }
.imported-section-wrap :root {
            --primary: #1565C0;
            --primary-light: #1E88E5;
            --accent: #FF6D00;
            --accent-light: #FF9100;
            --success: #2E7D32;
            --success-light: #43A047;
            --teal: #00838F;
            --teal-light: #00ACC1;
            --dark: #212121;
            --dark-mid: #424242;
            --grey: #757575;
            --light: #FAFAFA;
            --white: #FFFFFF;
            --danger: #C62828;
        }.imported-section-wrap * { margin: 0; padding: 0; box-sizing: border-box; }.imported-section-wrap {
            font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.7;
            color: var(--dark);
            background: var(--white);
        }.imported-section-wrap /* ── HERO ── */
        .hero {
            background: linear-gradient(135deg, #0D47A1 0%, #1565C0 40%, #00838F 100%);
            color: var(--white);
            text-align: center;
            padding: 80px 20px 60px;
            position: relative;
            overflow: hidden;
        }.imported-section-wrap .hero::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 60px;
            background: var(--white);
            clip-path: ellipse(55% 100% at 50% 100%);
        }.imported-section-wrap .hero h1 {
            font-size: 3em;
            font-weight: 800;
            margin-bottom: 15px;
            letter-spacing: -0.5px;
        }.imported-section-wrap .hero h1 i { margin-right: 12px; }.imported-section-wrap .hero .tagline {
            font-size: 1.35em;
            opacity: 0.95;
            max-width: 700px;
            margin: 0 auto 25px;
            font-weight: 300;
        }.imported-section-wrap .hero .badges {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            margin-top: 20px;
        }.imported-section-wrap .hero .badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(6px);
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 0.95em;
            font-weight: 500;
        }.imported-section-wrap /* ── CONTAINER ── */
        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 24px;
        }.imported-section-wrap /* ── SECTION ── */
        .section {
            padding: 60px 0;
        }.imported-section-wrap .section.alt {
            background: #F5F7FA;
        }.imported-section-wrap .section-title {
            text-align: center;
            margin-bottom: 50px;
        }.imported-section-wrap .section-title h2 {
            font-size: 2em;
            color: var(--dark);
            margin-bottom: 10px;
        }.imported-section-wrap .section-title h2 i {
            color: var(--primary);
            margin-right: 10px;
        }.imported-section-wrap .section-title p {
            font-size: 1.1em;
            color: var(--grey);
            max-width: 650px;
            margin: 0 auto;
        }.imported-section-wrap /* ── PROBLEM STATEMENT ── */
        .problem-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 30px;
        }.imported-section-wrap .problem-card {
            background: var(--white);
            border-radius: 12px;
            padding: 28px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
            border-left: 4px solid var(--danger);
        }.imported-section-wrap .problem-card h3 {
            color: var(--danger);
            margin-bottom: 8px;
            font-size: 1.1em;
        }.imported-section-wrap .problem-card h3 i { margin-right: 8px; }.imported-section-wrap .problem-card p { color: var(--dark-mid); font-size: 0.95em; }.imported-section-wrap .solution-banner {
            text-align: center;
            background: linear-gradient(135deg, var(--success), var(--success-light));
            color: var(--white);
            padding: 30px;
            border-radius: 12px;
            margin-top: 40px;
            font-size: 1.2em;
        }.imported-section-wrap .solution-banner i { margin-right: 10px; font-size: 1.3em; }.imported-section-wrap /* ── FEATURES ── */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }.imported-section-wrap .feature-card {
            background: var(--white);
            border-radius: 12px;
            padding: 30px 25px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.06);
            transition: transform 0.2s, box-shadow 0.2s;
            border-top: 4px solid var(--primary);
        }.imported-section-wrap .feature-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
        }.imported-section-wrap .feature-card .icon {
            width: 55px;
            height: 55px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4em;
            color: var(--white);
            margin-bottom: 18px;
        }.imported-section-wrap .feature-card .icon.blue { background: linear-gradient(135deg, var(--primary), var(--primary-light)); }.imported-section-wrap .feature-card .icon.orange { background: linear-gradient(135deg, var(--accent), var(--accent-light)); }.imported-section-wrap .feature-card .icon.green { background: linear-gradient(135deg, var(--success), var(--success-light)); }.imported-section-wrap .feature-card .icon.teal { background: linear-gradient(135deg, var(--teal), var(--teal-light)); }.imported-section-wrap .feature-card h3 { font-size: 1.15em; margin-bottom: 8px; color: var(--dark); }.imported-section-wrap .feature-card p { color: var(--grey); font-size: 0.95em; }.imported-section-wrap .feature-card .unique-tag {
            display: inline-block;
            background: #FFF3E0;
            color: var(--accent);
            font-size: 0.75em;
            font-weight: 700;
            padding: 3px 10px;
            border-radius: 20px;
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }.imported-section-wrap /* ── TWO APPS ── */
        .apps-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }.imported-section-wrap .app-card {
            border-radius: 16px;
            padding: 35px 30px;
            color: var(--white);
            position: relative;
            overflow: hidden;
        }.imported-section-wrap .app-card.phone {
            background: linear-gradient(135deg, #0D47A1, #1565C0);
        }.imported-section-wrap .app-card.watch {
            background: linear-gradient(135deg, #006064, #00838F);
        }.imported-section-wrap .app-card h3 {
            font-size: 1.5em;
            margin-bottom: 5px;
        }.imported-section-wrap .app-card .platform {
            opacity: 0.8;
            font-size: 0.95em;
            margin-bottom: 20px;
        }.imported-section-wrap .app-card ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }.imported-section-wrap .app-card li {
            padding: 6px 0;
            font-size: 0.95em;
        }.imported-section-wrap .app-card li i {
            margin-right: 10px;
            width: 18px;
            text-align: center;
            opacity: 0.9;
        }.imported-section-wrap /* ── COMPARISON TABLE ── */
        .comparison-wrapper {
            overflow-x: auto;
            border-radius: 12px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.08);
        }.imported-section-wrap .comparison-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.92em;
            min-width: 800px;
        }.imported-section-wrap .comparison-table thead th {
            background: var(--primary);
            color: var(--white);
            padding: 14px 12px;
            text-align: center;
            font-weight: 600;
            position: sticky;
            top: 0;
        }.imported-section-wrap .comparison-table thead th:first-child {
            text-align: left;
            min-width: 220px;
        }.imported-section-wrap .comparison-table thead th.highlight {
            background: var(--accent);
            font-size: 1.05em;
        }.imported-section-wrap .comparison-table tbody td {
            padding: 12px;
            text-align: center;
            border-bottom: 1px solid #E8EAF0;
        }.imported-section-wrap .comparison-table tbody td:first-child {
            text-align: left;
            font-weight: 500;
            color: var(--dark);
        }.imported-section-wrap .comparison-table tbody tr:nth-child(even) {
            background: #FAFBFC;
        }.imported-section-wrap .comparison-table tbody tr:hover {
            background: #EEF2FF;
        }.imported-section-wrap .comparison-table .col-highlight {
            background: #FFF8E1 !important;
        }.imported-section-wrap .comparison-table tbody tr:nth-child(even) .col-highlight {
            background: #FFF3CC !important;
        }.imported-section-wrap .comparison-table .yes { color: var(--success); font-weight: 700; }.imported-section-wrap .comparison-table .no { color: #BDBDBD; }.imported-section-wrap .comparison-table .partial { color: var(--accent); font-weight: 600; }.imported-section-wrap .comparison-table .price-cell { font-size: 0.85em; color: var(--grey); }.imported-section-wrap /* ── SETUP STEPS ── */
        .setup-steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 25px;
            counter-reset: step;
        }.imported-section-wrap .step-card {
            text-align: center;
            padding: 30px 20px;
            position: relative;
        }.imported-section-wrap .step-card::before {
            counter-increment: step;
            content: counter(step);
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            color: var(--white);
            font-size: 1.3em;
            font-weight: 700;
            margin: 0 auto 15px;
        }.imported-section-wrap .step-card h4 {
            font-size: 1.05em;
            margin-bottom: 6px;
            color: var(--dark);
        }.imported-section-wrap .step-card p {
            font-size: 0.9em;
            color: var(--grey);
        }.imported-section-wrap /* ── EASE SECTION ── */
        .ease-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
        }.imported-section-wrap .ease-card {
            text-align: center;
            padding: 25px;
            background: var(--white);
            border-radius: 12px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }.imported-section-wrap .ease-card i.big-icon {
            font-size: 2.5em;
            color: var(--primary);
            margin-bottom: 15px;
        }.imported-section-wrap .ease-card h3 { font-size: 1.1em; margin-bottom: 6px; }.imported-section-wrap .ease-card p { font-size: 0.92em; color: var(--grey); }.imported-section-wrap /* ── UNIQUE BANNER ── */
        .unique-section {
            background: linear-gradient(135deg, #FF6D00 0%, #FF9100 100%);
            color: var(--white);
            padding: 50px 0;
            text-align: center;
        }.imported-section-wrap .unique-section h2 {
            font-size: 1.8em;
            margin-bottom: 30px;
        }.imported-section-wrap .unique-points {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            max-width: 900px;
            margin: 0 auto;
        }.imported-section-wrap .unique-point {
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(6px);
            padding: 18px 25px;
            border-radius: 12px;
            min-width: 220px;
            flex: 1;
        }.imported-section-wrap .unique-point i {
            font-size: 1.5em;
            display: block;
            margin-bottom: 8px;
        }.imported-section-wrap .unique-point strong {
            display: block;
            font-size: 1.05em;
            margin-bottom: 4px;
        }.imported-section-wrap .unique-point span {
            font-size: 0.88em;
            opacity: 0.9;
        }.imported-section-wrap /* ── TESTIMONIAL STYLE CALLOUT ── */
        .callout-box {
            background: var(--white);
            border-radius: 16px;
            padding: 35px 40px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            text-align: center;
            max-width: 750px;
            margin: 0 auto;
        }.imported-section-wrap .callout-box .number {
            font-size: 3em;
            font-weight: 800;
            color: var(--primary);
            line-height: 1;
        }.imported-section-wrap .callout-box .label {
            font-size: 1.1em;
            color: var(--grey);
            margin-top: 5px;
        }.imported-section-wrap .callout-row {
            display: flex;
            justify-content: center;
            gap: 50px;
            flex-wrap: wrap;
        }.imported-section-wrap /* ── WHY SWITCH ── */
        .why-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0,0,0,0.08);
        }.imported-section-wrap .why-col {
            padding: 30px;
        }.imported-section-wrap .why-col.before {
            background: #FFEBEE;
        }.imported-section-wrap .why-col.after {
            background: #E8F5E9;
        }.imported-section-wrap .why-col h3 {
            font-size: 1.15em;
            margin-bottom: 15px;
        }.imported-section-wrap .why-col.before h3 { color: var(--danger); }.imported-section-wrap .why-col.after h3 { color: var(--success); }.imported-section-wrap .why-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }.imported-section-wrap .why-col li {
            padding: 8px 0;
            font-size: 0.95em;
            color: var(--dark-mid);
        }.imported-section-wrap .why-col li i {
            margin-right: 10px;
            width: 18px;
            text-align: center;
        }.imported-section-wrap .why-col.before li i { color: var(--danger); }.imported-section-wrap .why-col.after li i { color: var(--success); }.imported-section-wrap /* ── CTA ── */
        .cta-section {
            background: linear-gradient(135deg, #0D47A1, #00838F);
            color: var(--white);
            text-align: center;
            padding: 60px 20px;
        }.imported-section-wrap .cta-section h2 {
            font-size: 2em;
            margin-bottom: 12px;
        }.imported-section-wrap .cta-section p {
            font-size: 1.1em;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto 30px;
        }.imported-section-wrap .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }.imported-section-wrap .cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            border-radius: 30px;
            font-size: 1.05em;
            font-weight: 600;
            text-decoration: none;
            transition: transform 0.2s, box-shadow 0.2s;
        }.imported-section-wrap .cta-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.25);
        }.imported-section-wrap .cta-btn.primary {
            background: var(--accent);
            color: var(--white);
        }.imported-section-wrap .cta-btn.secondary {
            background: rgba(255,255,255,0.15);
            color: var(--white);
            border: 2px solid rgba(255,255,255,0.4);
        }.imported-section-wrap /* ── FOOTER ── */
        footer {
            text-align: center;
            padding: 30px 20px;
            background: var(--dark);
            color: rgba(255,255,255,0.6);
            font-size: 0.9em;
        }.imported-section-wrap /* ── RESPONSIVE ── */
        @media (max-width: 768px) {
            .hero h1 { font-size: 2em; }
            .hero .tagline { font-size: 1.05em; }
            .problem-grid, .apps-row, .why-grid { grid-template-columns: 1fr; }
            .comparison-wrapper { margin: 0 -24px; border-radius: 0; }
            .callout-row { gap: 25px; }
        }@media print{
            .hero { padding: 30px 20px; }
            .hero::after { display: none; }
            .section { padding: 30px 0; }
            .feature-card:hover { transform: none; box-shadow: none; }
        }
.imported-section-wrap { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #1a1a1a; }.imported-section-wrap .hero { background: #2E7D32; color: white; text-align: center; padding: 80px 40px; }.imported-section-wrap .hero h1 { font-size: 42px; margin-bottom: 10px; }.imported-section-wrap .hero p { font-size: 20px; opacity: 0.9; }.imported-section-wrap .section { padding: 60px 40px; max-width: 1000px; margin: 0 auto; }.imported-section-wrap .section-alt { background: #f5f7f5; }.imported-section-wrap .section h2 { font-size: 32px; color: #2E7D32; text-align: center; margin-bottom: 10px; }.imported-section-wrap .section h3 { font-size: 22px; color: #333; margin-top: 30px; }.imported-section-wrap .subtitle { text-align: center; color: #666; font-size: 16px; margin-bottom: 40px; }.imported-section-wrap .grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }.imported-section-wrap .card { border: 1px solid #ddd; border-radius: 8px; padding: 24px; width: 280px; }.imported-section-wrap .card h3 { color: #2E7D32; margin-top: 0; font-size: 18px; }.imported-section-wrap .card ul { padding-left: 20px; color: #555; }.imported-section-wrap .pricing-card { border: 2px solid #4CAF50; border-radius: 8px; padding: 30px; width: 280px; text-align: center; }.imported-section-wrap .pricing-card h3 { color: #2E7D32; margin-top: 0; }.imported-section-wrap .pricing-card .price { font-size: 36px; font-weight: bold; color: #2E7D32; margin: 10px 0; }.imported-section-wrap .pricing-card ul { text-align: left; padding-left: 20px; color: #555; }.imported-section-wrap .btn { display: inline-block; background: #4CAF50; color: white; padding: 14px 32px; text-decoration: none; border-radius: 6px; font-size: 16px; margin: 10px; }.imported-section-wrap .specs-table { width: 100%; border-collapse: collapse; margin: 20px 0; }.imported-section-wrap .specs-table td { padding: 10px 16px; border-bottom: 1px solid #eee; }.imported-section-wrap .specs-table td:first-child { font-weight: bold; color: #2E7D32; width: 40%; }.imported-section-wrap .steps { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }.imported-section-wrap .step { text-align: center; width: 220px; }.imported-section-wrap .step .num { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #4CAF50; color: white; font-weight: bold; font-size: 18px; margin-bottom: 10px; }.imported-section-wrap .footer { background: #f0f0f0; text-align: center; padding: 30px; color: #888; font-size: 14px; }.imported-section-wrap .no-fees { background: #e8f5e9; text-align: center; padding: 20px; border-radius: 8px; margin-top: 30px; }.imported-section-wrap .no-fees p { font-size: 18px; font-weight: bold; color: #2E7D32; margin: 0; }