* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:100px
}
body.edc-page {
    margin:0;
    background:#f5faff;
    color:#201b78;
    font-family:Poppins,Arial,sans-serif;
    font-size:14px;
    line-height:1.45
}
a {
    color:inherit;
    text-decoration:none
}
button {
    font:inherit;
    cursor:pointer
}
img {
    max-width:100%;
    display:block
}
h1,h2,h3,p,figure {
    margin:0
}
h2 {
    font-size:29px;
    line-height:1.15;
    font-weight:700
}
p {
    color:#586cb2
}
a:focus-visible,button:focus-visible,summary:focus-visible {
    outline:3px solid #ff9800;
    outline-offset:5px
}
.edc-container {
    width:min(1280px,calc(100% - 64px));
    margin-inline:auto
}
.edc-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    padding:15px 22px;
    border:1px solid #ff8400;
    border-radius:12px;
    background:#FF9900;
    color:#201b78;
    font-size:16px;
    font-weight:600;
    white-space:nowrap;
    transition:filter .2s,transform .2s
}
.edc-button:hover {
    filter:brightness(1.06);
    transform:translateY(-2px)
}
.edc-button span {
    font-size:25px;
    line-height:1
}
.edc-button.small {
    gap:10px;
    min-height:40px;
    border:0;
    border-radius:999px;
    padding:9px 18px;
    font-size:12px;
    line-height:1;
    color:#fff
}
.edc-button.small .action-arrow { filter:brightness(0) invert(1) }
.edc-button .action-arrow {
    width:18px;
    height:18px;
    object-fit:contain;
    filter:brightness(0) saturate(100%) invert(15%) sepia(58%) saturate(3182%) hue-rotate(238deg) brightness(73%) contrast(117%)
}
.edc-button.outline {
    color:#168df5;
    border:1px solid #4da9ff;
    background:#fff
}
.edc-icon {
    width:34px;
    height:34px;
    color:#428aff;
    flex-shrink:0
}
.section-title {
    text-align:center
}
.section-description {
    text-align:center;
    margin:24px 0 30px;
    font-size:14px
}
.edc-header {
    height:80px;
    position:sticky;
    top:0;
    z-index:100;
    background:#f7fbff;
    box-shadow:0 4px 18px rgba(30,69,117,.08)
}
.edc-nav {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    width:min(1160px,calc(100% - 64px))
}
.edc-nav>a:first-child {
    flex-shrink:0
}
.edc-nav img {
    width:155px;
    height:auto
}
.edc-nav nav {
    display:flex;
    gap:36px;
    font-size:12px;
    font-weight:600;
    color:#333c46
}
.edc-nav nav a:hover {
    color:#168df5
}
.edc-menu-toggle,.edc-mobile-chat {
    display:none
}
.edc-hero {
    background:linear-gradient(100deg,#dfedf2,#f7fbfc);
    overflow:hidden
}
.hero-grid {
    display:grid;
    grid-template-columns:51.4% 48.6%;
    width:100%;
    min-height:max(520px,41.4vw);
    margin-inline:auto
}
.hero-copy {
    padding:clamp(70px,4.85vw,90px) 5.7vw;
    position:relative;
    z-index:1
}
.eyebrow {
    display:inline-block;
    background:#fff;
    border-radius:30px;
    padding:6px 18px;
    min-width:222px;
    color:#4087ff;
    font-size:13px;
    font-weight:600
}
.hero-copy h1 {
    font-size:50px;
    line-height:1.14;
    letter-spacing:-1.3px;
    margin:10px 0 8px;
    font-weight:800
}
.hero-copy h1 em {
    color:#ff9800;
    font-style:normal
}
.hero-copy>p {
    font-size:16px;
    line-height:1.3
}
.hero-features {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    max-width:520px;
    margin:30px 0 26px
}
.hero-features>div {
    text-align:center
}
.hero-features img {
    width:25px;
    height:25px;
    object-fit:contain;
    display:block;
    margin:0 auto 10px
}
.hero-features span {
    display:block;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    max-width:100px;
    margin:auto
}
.hero-actions {
    display:flex;
    gap:15px
}
.hero-actions .edc-button {
    font-size:14px;
    padding:16px 17px;
    gap:12px;
    border-radius:7px
}
.hero-actions .edc-button:not(.outline) {
    color:#fff
}
.hero-actions .hero-arrow {
    width:18px;
    height:18px
}
.hero-actions .edc-button:not(.outline) .hero-arrow {
    filter:brightness(0) invert(1)
}
.hero-art {
    position:relative;
    min-height:max(520px,41.4vw);
    overflow:hidden;
    background:#0076ef
}
.hero-art:before {
    content:'';
    position:absolute;
    inset:0 auto 0 0;
    z-index:1;
    width:110px;
    pointer-events:none;
    background:linear-gradient(90deg,#eef7f9 0%,rgba(238,247,249,.72) 28%,rgba(238,247,249,0) 100%)
}
.hero-composition {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:fill;
    object-position:left center
}
.edc-store {
    display:grid;
    grid-template-columns:420px 1fr;
    gap:30px;
    padding-block:52px
}
.edc-store>div>p {
    font-size:15px;
    margin-top:24px;
    line-height:1.3
}
.store-cards {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px
}
.store-cards article {
    background:#fff;
    border:1px solid #e3edf9;
    border-radius:8px;
    overflow:hidden;
    align-self:start
}
.store-cards img {
    height:auto;
    aspect-ratio:150/113;
    width:100%;
    object-fit:cover
}
.store-cards p {
    padding:7px;
    font-size:11px;
    text-align:center;
    line-height:1.4;
    font-weight:500
}
.edc-advantages {
    background:#f0f9fc;
    padding:12px 0 62px;
    border-radius:0 0 20px 20px
}
.advantage-grid {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:12px;
    margin-top:24px
}
.advantage-grid>div {
    background:#fff;
    border-radius:12px;
    min-height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:12px 5px
}
.advantage-grid img {
    width:34px;
    height:34px;
    object-fit:contain
}
.advantage-grid p {
    font-size:12px;
    text-align:center;
    line-height:1.35
}
.specs-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
.specs-panel,.pricing-panel {
    border-radius:20px;
    padding:20px 28px;
    min-height:442px
}
.specs-panel {
    background:#f0f9fc
}
.specs-content {
    display:grid;
    grid-template-columns:32% 1fr;
    gap:12px;
    margin-top:22px;
    align-items:center
}
.specs-content>img {
    height:262px;
    object-fit:contain
}
.specs-content dl {
    margin:0;
    font-size:13px;
    color:#586cb2
}
.specs-content dl>div {
    display:grid;
    grid-template-columns:120px 1fr;
    margin-bottom:10px;
    line-height:1.35
}
.specs-content dt {
    font-weight:600
}
.specs-content dd {
    margin:0;
    padding-left:15px;
    position:relative
}
.specs-content dd:before {
    content:':';
    position:absolute;
    left:0
}
.pricing-panel {
    padding:0;
    overflow:hidden;
    aspect-ratio:633/442;
    background:#087ff2
}
.pricing-panel>a {
    display:block;
    width:100%;
    height:100%;
    position:relative
}
.pricing-panel>a>img {
    width:100%;
    height:100%;
    object-fit:fill
}
.pricing-panel>h2 {
    font-size:34px;
    margin-left:35px
}
.pricing-content {
    display:grid;
    grid-template-columns:56% 44%;
    align-items:center
}
.pricing-product>img {
    height:290px;
    width:100%;
    object-fit:contain
}
.pricing-product .edc-button {
    display:flex;
    width:90%;
    margin:auto;
    padding:10px;
    font-size:20px;
    border-radius:22px
}
.pricing-content h3 {
    font-size:16px;
    margin-top:-25px
}
.price-tag {
    background:#ffe921;
    border-radius:16px;
    color:#567810;
    font-size:11px;
    padding:4px 8px;
    display:inline-block;
    margin:8px 0
}
.pricing-content del {
    display:block;
    font-size:20px;
    font-weight:600
}
.price {
    display:block;
    font-size:34px;
    line-height:1.1;
    letter-spacing:-1px
}
.pricing-content ul {
    list-style:none;
    padding:0;
    margin:12px 0 22px;
    font-size:15px
}
.pricing-content li {
    margin-bottom:5px
}
.pricing-content li:before {
    content:'☑';
    color:#a7ec64;
    margin-right:8px
}
.warranty {
    background:white;
    color:#5cad25;
    font-size:11px;
    padding:4px 12px;
    border-radius:20px
}
.edc-services {
    padding-block:42px
}
.services-grid {
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:12px
}
.services-grid>div {
    background:#f0f9fc;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:16px 5px;
    gap:6px;
    border-radius:10px;
    color:#586cb2;
    font-size:12px
}
.services-grid strong {
    font-weight:600;
    font-size:12px
}
.services-grid img {
    width:34px;
    height:34px;
    object-fit:contain;
    margin-bottom:4px
}
.package-panel {
    background:#f0f9fc;
    border-radius:18px;
    padding:26px 18px 38px
}
.package-grid {
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px
}
.package-grid article {
    background:white;
    text-align:center;
    border:1px solid #e3e7ed;
    border-radius:14px;
    overflow:hidden;
    font-size:14px;
    color:#586cb2
}
.package-visual {
    height:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px
}
.package-visual>img,.package-visual>svg {
    width:100%;
    height:100%;
    object-fit:contain
}
.package-grid p {
    font-size:13px;
    margin:12px 0 8px
}
.mini-banner {
    width:104px;
    height:172px;
    background:linear-gradient(160deg,#f8fbff 30%,#009bdf 30%,#06559b 90%,#ff9800 90%);
    box-shadow:0 5px 0 #9caab1;
    color:#fff;
    padding:7px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    transform:rotate(-4deg)
}
.mini-banner b {
    color:#e9c514
}
.mini-banner small {
    font-size:9px
}
.mini-banner span {
    font-size:10px
}
.mini-banner .edc-icon {
    color:white
}
.edc-order {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:linear-gradient(165deg,#19b6f8,#0087f7);
    color:white;
    padding:10px 0 52px;
    text-align:center
}
.edc-order:before,.edc-order:after {
    content:'';
    position:absolute;
    z-index:-1;
    border-radius:50%;
    background:#ffffff16;
    width:1100px;
    height:600px;
    right:-600px;
    top:-520px
}
.edc-order:after {
    top:auto;
    bottom:-320px;
    right:-500px
}
.edc-order h2 {
    font-size:50px
}
.edc-order>.edc-container>p {
    color:white;
    font-size:17px;
    margin:8px 0 38px
}
.order-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:116px;
    padding:0 18px
}
.order-preview {
    position:relative;
    border-radius:22px;
    background:#f2fafc;
    color:#201b78;
    padding:10px 16px 14px
}
.order-preview h3 {
    font-size:23px;
    margin-bottom:10px
}
.step-number {
    position:absolute;
    left:-16px;
    top:0;
    border:3px solid white;
    border-radius:50%;
    width:60px;
    height:60px;
    background:#ff8013;
    color:white;
    display:grid;
    place-items:center;
    font-size:37px
}
.order-phone {
    height:310px;
    width:190px;
    display:block;
    margin:auto;
    object-fit:contain
}
.order-grid article>p {
    color:white;
    font-size:14px;
    line-height:1.3;
    margin:22px 0
}
.order-grid .edc-button {
    gap:12px;
    min-height:44px;
    border:0;
    border-radius:999px;
    padding:10px 22px;
    background:#FF9900;
    color:#fff;
    font-size:16px;
    line-height:1
}
.order-grid .edc-button .action-arrow { filter:brightness(0) invert(1) }
.edc-testimonials {
    padding-block:60px
}
.testimonial-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.testimonial-grid figure {
    border:1px solid #dce8f7;
    border-radius:12px;
    padding:18px;
    display:flex;
    gap:12px;
    min-height:170px;
    color:#586cb2
}
.testimonial-grid figure>img {
    width:112px;
    height:132px;
    flex-shrink:0;
    object-fit:cover;
    border-radius:4px
}
.testimonial-grid blockquote {
    margin:0;
    font-size:12px;
    line-height:1.4
}
.stars {
    color:#ff9800;
    font-size:22px;
    letter-spacing:1px
}
.testimonial-grid strong,.testimonial-grid span {
    display:block;
    font-size:12px
}
.testimonial-grid span {
    font-size:11px;
    margin-top:4px
}
.edc-faq {
    padding:30px 0 68px
}
.faq-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 30px;
    margin-top:26px;
    align-items:start
}
.faq-grid details {
    border:1px solid #dce8f7;
    border-radius:8px;
    color:#5266ac
}
.faq-grid summary {
    list-style:none;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 20px
}
.faq-grid summary::-webkit-details-marker {
    display:none
}
.faq-grid summary img {
    width:18px;
    height:18px;
    flex-shrink:0;
    transition:transform .2s ease
}
.faq-grid details[open] summary img {
    transform:rotate(180deg)
}
.faq-grid details p {
    padding:0 20px 20px;
    line-height:1.7
}
.edc-cta {
    position:relative;
    display:flex;
    align-items:center;
    min-height:270px;
    border-radius:22px;
    background:linear-gradient(100deg,#0069ff,#10adf5 65%,#b1eafa);
    padding:45px 50px;
    color:#fff;
    overflow:hidden;
    margin-bottom:38px
}
.edc-cta h2 {
    font-size:22px
}
.edc-cta p {
    color:white;
    font-size:18px;
    margin:14px 0
}
.cta-actions {
    display:flex;
    align-items:center;
    gap:16px
}
.cta-actions .edc-button {
    padding:10px 32px;
    border-radius:24px;
    font-size:18px;
    color:#fff
}
.cta-arrow {
    width:20px;
    height:20px;
    filter:brightness(0) invert(1)
}
.cta-badges {
    background:white;
    color:#5873b6;
    border-radius:30px;
    display:flex;
    gap:18px;
    padding:12px 15px;
    font-size:10px
}
.cta-badges span {
    display:flex;
    align-items:center;
    gap:6px
}
.cta-badges img {
    width:18px;
    height:18px;
    object-fit:contain
}
.edc-cta>.cta-device {
    position:absolute;
    right:170px;
    bottom:-12px;
    height:285px;
    width:370px;
    object-fit:contain
}
.cta-slogan {
    position:absolute;
    right:25px;
    bottom:55px;
    width:222px;
    height:111px;
    object-fit:contain
}
.edc-footer {
    background:#103e77;
    color:#92b1d2;
    padding:44px 0 24px;
    font-size:12px;
    line-height:1.9
}
.footer-grid {
    display:grid;
    grid-template-columns:1fr .9fr 1fr 1fr;
    gap:80px;
    padding:0 16px
}
.edc-footer h3 {
    color:#d6e8fb;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 8px
}
.edc-footer h3:not(:first-child) {
    margin-top:24px
}
.edc-footer p {
    color:inherit
}
.footer-grid>div>a {
    display:block;
    margin-bottom:6px
}
.edc-footer .playstore {
    width:143px
}
.speedcash {
    width:120px
}
.certifications,.socials {
    display:flex;
    align-items:center;
    gap:14px
}
.certifications img {
    width:66px;
    height:38px;
    object-fit:contain
}
.certifications img:nth-child(2) {
    width:36px
}
.socials img {
    width:30px;
    height:30px;
    object-fit:contain
}
.copyright {
    text-align:center;
    margin-top:100px
}
.order-dialog {
    border:0;
    border-radius:20px;
    padding:40px;
    max-width:520px;
    width:calc(100% - 36px);
    color:#201b78;
    box-shadow:0 20px 80px #0004
}
.order-dialog::backdrop {
    background:#13295c99
}
.order-dialog h2 {
    font-size:25px;
    padding-right:20px
}
.order-dialog ol {
    padding-left:22px;
    margin:24px 0;
    line-height:1.7
}
.order-dialog li {
    margin-bottom:12px
}
.dialog-close {
    position:absolute;
    right:15px;
    top:10px;
    border:0;
    background:none;
    font-size:30px;
    color:#201b78
}
@media(min-width:1441px) {
    .hero-art {
        margin-right:0
    }
}
@media(max-width:1300px) {
    .hero-art {
        margin-right:0
    }
    .hero-copy h1 {
        font-size:43px
    }
    .hero-actions {
        flex-wrap:wrap
    }
    .edc-nav nav {
        gap:20px
    }
    .edc-store {
        grid-template-columns:34% 1fr
    }
    .store-cards {
        gap:12px
    }
    .specs-content dl>div {
        grid-template-columns:100px 1fr
    }
    .pricing-panel,.specs-panel {
        padding:22px 18px
    }
    .price {
        font-size:28px
    }
    .order-grid {
        gap:70px
    }
    .cta-badges {
        gap:8px
    }
    .edc-cta>.cta-device {
        right:140px;
        width:330px;
        opacity:.9
    }
    .cta-slogan {
        font-size:18px;
        right:12px
    }
    .edc-cta>div {
        z-index:1
    }
    .footer-grid {
        gap:40px
    }
}
@media(max-width:1000px) {
    .edc-nav {
        gap:20px;
        flex-wrap:wrap;
        justify-content:space-between;
        padding-block:14px
    }
    .edc-header {
        height:auto
    }
    .edc-nav nav {
        order:3;
        width:100%;
        justify-content:center
    }
    .hero-copy h1 {
        font-size:36px
    }
    .hero-copy {
        padding:45px 32px
    }
    .hero-art h2 {
        font-size:24px;
        right:5%;
        top:45px
    }
    .hero-grid,.hero-art {
        min-height:540px
    }
    .hero-person {
        object-position:35%
    }
    .marketplaces {
        width:290px;
        right:15px
    }
    .hero-device {
        width:65%;
        left:0;
        bottom:100px
    }
    .hero-features {
        gap:8px
    }
    .hero-copy>p {
        font-size:14px
    }
    .hero-actions .edc-button {
        font-size:12px
    }
    .edc-store {
        grid-template-columns:1fr
    }
    .edc-store>div>p {
        max-width:600px
    }
    .store-cards img {
        height:140px
    }
    .advantage-grid {
        grid-template-columns:repeat(4,1fr)
    }
    .specs-grid {
        grid-template-columns:1fr
    }
    .specs-panel,.pricing-panel {
        min-height:0;
        padding:28px
    }
    .specs-content {
        grid-template-columns:35% 1fr
    }
    .specs-content dl>div {
        grid-template-columns:130px 1fr
    }
    .pricing-panel>h2 {
        margin-left:0
    }
    .pricing-content h3 {
        margin-top:0
    }
    .pricing-content ul {
        font-size:16px
    }
    .price {
        font-size:38px
    }
    .services-grid {
        grid-template-columns:repeat(4,1fr)
    }
    .package-grid {
        grid-template-columns:repeat(3,1fr)
    }
    .order-grid {
        gap:30px;
        padding:0
    }
    .order-preview h3 {
        font-size:17px
    }
    .order-preview {
        padding-inline:8px
    }
    .step-number {
        width:42px;
        height:42px;
        font-size:26px
    }
    .order-phone {
        height:270px;
        width:135px
    }
    .order-grid .edc-button {
        font-size:14px;
        padding:12px 20px
    }
    .testimonial-grid {
        gap:12px
    }
    .testimonial-grid figure {
        flex-direction:column
    }
    .testimonial-grid figure>img {
        height:120px;
        width:100%;
        object-position:center 30%
    }
    .edc-cta {
        padding:35px 28px
    }
    .edc-cta>div {
        width:70%
    }
    .edc-cta>.cta-device {
        right:0;
        width:240px
    }
    .cta-slogan {
        display:none
    }
    .cta-actions {
        flex-wrap:wrap
    }
    .footer-grid {
        grid-template-columns:1fr 1fr;
        gap:35px
    }
    .copyright {
        margin-top:50px
    }
}
@media(max-width:640px) {
    .edc-container,.edc-nav {
        width:calc(100% - 36px)
    }
    h2 {
        font-size:24px
    }
    .edc-nav {
        gap:16px
    }
    .edc-nav img {
        width:112px
    }
    .edc-nav .small {
        font-size:10px;
        padding:9px 11px;
        gap:8px
    }
    .edc-nav .small span {
        font-size:18px
    }
    .edc-nav nav {
        overflow:auto;
        justify-content:flex-start;
        gap:24px;
        font-size:11px;
        padding-bottom:3px;
        white-space:nowrap
    }
    .hero-grid {
        display:flex;
        flex-direction:column
    }
    .hero-copy {
        padding:36px 18px
    }
    .hero-copy h1 {
        font-size:clamp(31px,8vw,44px);
        letter-spacing:-.8px
    }
    .hero-copy>p {
        font-size:14px;
        margin-top:12px
    }
    .desktop-break {
        display:none
    }
    .hero-features {
        margin:24px 0
    }
    .hero-features span {
        font-size:10px
    }
    .hero-actions {
        gap:10px;
        flex-wrap:nowrap
    }
    .hero-actions .edc-button {
        padding:12px 10px;
        white-space:normal;
        text-align:center;
        flex:1;
        font-size:11px;
        gap:5px
    }
    .hero-art {
        min-height:85vw;
        margin:0
    }
    .hero-art:before {
        display:none
    }
    .hero-art h2 {
        font-size:27px;
        top:40px
    }
    .hero-person {
        object-position:50% 30%
    }
    .hero-device {
        width:54%;
        height:280px;
        bottom:65px;
        left:0
    }
    .marketplaces {
        width:260px;
        right:14px;
        padding:12px;
        bottom:10px
    }
    .marketplaces strong {
        font-size:16px
    }
    .marketplaces img {
        width:40px;
        height:40px
    }
    .marketplaces a {
        font-size:9px
    }
    .edc-store {
        padding-block:32px;
        gap:22px
    }
    .edc-store>div>p {
        margin-top:14px;
        font-size:13px
    }
    .store-cards {
        grid-template-columns:repeat(6,1fr);
        gap:10px
    }
    .store-cards article {
        grid-column:span 2
    }
    .store-cards article:nth-last-child(-n+2) {
        grid-column:span 3
    }
    .store-cards img {
        height:100px
    }
    .store-cards p {
        font-size:10px
    }
    .edc-advantages {
        padding:15px 0 30px
    }
    .advantage-grid {
        grid-template-columns:repeat(2,1fr);
        gap:10px
    }
    .advantage-grid>div:last-child {
        grid-column:1/-1
    }
    .advantage-grid p {
        font-size:11px
    }
    .specs-grid {
        gap:16px
    }
    .specs-panel,.pricing-panel {
        padding:24px 16px;
        border-radius:15px
    }
    .specs-panel h2 {
        font-size:22px
    }
    .specs-content {
        grid-template-columns:28% 1fr;
        gap:8px
    }
    .specs-content>img {
        height:210px
    }
    .specs-content dl {
        font-size:10px
    }
    .specs-content dl>div {
        grid-template-columns:76px 1fr
    }
    .specs-content dd {
        padding-left:8px
    }
    .pricing-panel>h2 {
        font-size:29px
    }
    .pricing-content {
        grid-template-columns:48% 52%;
        gap:5px
    }
    .pricing-product>img {
        height:220px
    }
    .pricing-content h3 {
        font-size:12px
    }
    .price-tag {
        font-size:8px;
        padding:4px
    }
    .price {
        font-size:26px
    }
    .pricing-content del {
        font-size:16px
    }
    .pricing-content ul {
        font-size:11px;
        margin-bottom:14px
    }
    .pricing-product .edc-button {
        font-size:12px;
        gap:8px;
        width:100%
    }
    .warranty {
        font-size:8px;
        padding:4px 6px
    }
    .edc-services {
        padding-block:32px
    }
    .section-description {
        font-size:12px;
        margin:16px 0 24px
    }
    .services-grid {
        gap:8px
    }
    .services-grid>div {
        font-size:9px;
        padding:12px 4px
    }
    .services-grid strong {
        font-size:9px
    }
    .services-grid .edc-icon {
        width:27px;
        height:27px
    }
    .package-panel {
        padding:24px 12px
    }
    .package-grid {
        grid-template-columns:repeat(2,1fr);
        gap:10px
    }
    .package-visual {
        height:155px
    }
    .package-grid article {
        font-size:12px
    }
    .package-grid p {
        font-size:11px
    }
    .mini-banner {
        height:140px;
        width:90px;
        gap:4px
    }
    .edc-order {
        padding:28px 0 36px;
        margin-top:24px
    }
    .edc-order h2 {
        font-size:38px
    }
    .edc-order>.edc-container>p {
        font-size:13px;
        margin-bottom:28px
    }
    .order-grid {
        grid-template-columns:1fr;
        gap:38px;
        max-width:290px;
        margin:auto
    }
    .order-preview h3 {
        font-size:22px
    }
    .order-phone {
        height:285px;
        width:145px
    }
    .step-number {
        left:-12px;
        width:48px;
        height:48px;
        font-size:30px
    }
    .order-grid article>p {
        margin:16px 0;
        font-size:12px
    }
    .order-grid .edc-button {
        font-size:16px;
        padding:12px 28px
    }
    .edc-testimonials {
        padding-block:36px
    }
    .testimonial-grid {
        grid-template-columns:1fr;
        gap:14px
    }
    .testimonial-grid figure {
        flex-direction:row;
        min-height:145px;
        padding:14px
    }
    .testimonial-grid figure>img {
        width:90px;
        height:120px
    }
    .edc-faq {
        padding:15px 0 36px
    }
    .faq-grid {
        grid-template-columns:1fr;
        gap:12px
    }
    .faq-grid summary {
        font-size:12px;
        padding:12px
    }
    .faq-grid details p {
        font-size:12px;
        padding:0 12px 16px
    }
    .edc-cta {
        padding:28px 20px;
        min-height:340px;
        align-items:flex-start;
        margin-bottom:28px
    }
    .edc-cta>div {
        width:100%
    }
    .edc-cta h2 {
        font-size:22px
    }
    .edc-cta p {
        font-size:13px;
        max-width:260px
    }
    .edc-cta>.cta-device {
        height:170px;
        width:170px;
        right:0;
        bottom:0
    }
    .cta-badges {
        flex-direction:column;
        gap:8px;
        border-radius:12px;
        font-size:9px;
        padding:10px
    }
    .cta-actions {
        align-items:flex-start;
        flex-direction:column;
        gap:12px
    }
    .cta-actions .edc-button {
        font-size:14px;
        padding:10px 22px
    }
    .edc-footer {
        padding:30px 0 24px
    }
    .footer-grid {
        padding:0;
        gap:28px 20px;
        font-size:10px
    }
    .edc-footer h3 {
        font-size:9px
    }
    .certifications {
        gap:6px;
        flex-wrap:wrap
    }
    .certifications img {
        width:44px
    }
    .certifications img:nth-child(2) {
        width:28px
    }
    .socials {
        gap:9px
    }
    .socials img {
        width:24px;
        height:24px
    }
    .copyright {
        font-size:10px;
        margin-top:35px
    }
    .order-dialog {
        padding:28px 22px
    }
    .order-dialog h2 {
        font-size:22px
    }
}
@media(max-width:640px) {
    .edc-container,.edc-nav { width:calc(100% - 40px) }
    h2 { font-size:25px }
    .edc-header { height:68px }
    .edc-nav {
        position:relative;
        display:grid;
        grid-template-columns:44px 1fr auto;
        gap:12px;
        padding:0;
        align-items:center
    }
    .edc-logo { justify-self:center }
    .edc-logo img { width:120px }
    .edc-menu-toggle {
        display:flex;
        width:44px;
        height:44px;
        border:0;
        border-radius:12px;
        background:#e9f7ff;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:4px
    }
    .edc-menu-toggle span { width:18px; height:2px; border-radius:2px; background:#0758a5 }
    .edc-mobile-chat {
        display:inline-flex;
        align-items:center;
        min-height:32px;
        padding:6px 10px;
        border-radius:5px;
        background:#FF9900;
        color:#201b78;
        font-size:12px;
        font-weight:700
    }
    .edc-nav>.edc-button.small { display:none }
    .edc-nav nav {
        display:none;
        position:absolute;
        top:60px;
        left:0;
        right:0;
        z-index:20;
        width:100%;
        padding:12px;
        border-radius:12px;
        background:#fff;
        box-shadow:0 12px 30px rgba(23,51,95,.16);
        flex-direction:column;
        gap:0;
        font-size:13px
    }
    .edc-nav nav.is-open { display:flex }
    .edc-nav nav a { padding:10px 12px }
    .hero-grid { width:100% }
    .hero-copy { display:flex; flex-direction:column; padding:30px 20px 28px }
    .hero-copy h1 { font-size:28px; line-height:1.16 }
    .hero-actions {
        order:4;
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:24px
    }
    .hero-actions .edc-button { min-height:52px; padding:12px 16px; font-size:14px; gap:10px }
    .hero-features {
        order:5;
        grid-template-columns:repeat(2,1fr);
        gap:18px 14px;
        margin:24px 0 0
    }
    .hero-features>div {
        display:grid;
        grid-template-columns:28px 1fr;
        align-items:center;
        text-align:left
    }
    .hero-features img { margin:0 }
    .hero-features span { max-width:none; margin:0; font-size:11px }
    .hero-art { min-height:0; aspect-ratio:702/597; border-radius:0 0 18px 18px }
    .store-cards { grid-template-columns:repeat(2,1fr); gap:12px }
    .store-cards article,.store-cards article:nth-last-child(-n+2) { grid-column:auto }
    .store-cards img { height:auto }
    .specs-content { display:block }
    .specs-content>img { width:150px; height:215px; margin:0 auto 24px }
    .specs-content dl { font-size:11px }
    .specs-content dl>div { grid-template-columns:105px 1fr; margin-bottom:9px }
    .services-grid { grid-template-columns:repeat(2,1fr) }
    .services-grid img { width:27px; height:27px }
    .order-grid { max-width:350px }
    .testimonial-grid figure { flex-direction:column }
    .testimonial-grid figure>img { width:112px; height:132px }
    .edc-cta { min-height:520px }
    .edc-cta>.cta-device { height:220px; width:240px; right:70px; bottom:95px }
    .cta-slogan { display:block; right:18px; bottom:55px; width:180px; height:90px }
    .footer-grid { grid-template-columns:1fr }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    * {
        transition:none!important
    }
}
