@font-face{font-family:Tajawal;src:url("../fonts/tajawal-arabic-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal-arabic-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal-arabic-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Tajawal;src:url("../fonts/tajawal-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Tokens and shared controls: logical properties are intentional for Arabic RTL. */
:root{color-scheme:light;--ink:#242237;--muted:#6c697d;--purple:#6944d2;--purple-dark:#5430b6;--pale:#f4f0ff;--line:#e9e7ef;--green:#20745d;--surface:#fff;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:#fdfdfd;color:var(--ink);font:400 17px/1.75 Tajawal,Tahoma,Arial,sans-serif;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled,input:disabled{cursor:default}
a{color:inherit;text-decoration:none}
a,button,input,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6944d2;outline-offset:5px}
img{max-width:100%;height:auto}
svg{display:block}
.icon{width:23px;height:23px;flex:none}
.container{width:min(1184px,calc(100% - 64px));margin-inline:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.4}
h2{font-size:32px;letter-spacing:-.5px}
h3{font-size:21px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%);padding:10px 20px;background:#fff;z-index:1000;border:2px solid var(--purple);border-radius:8px}
.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 24px;border:1px solid transparent;border-radius:12px;font-weight:700;line-height:1.5;transition:background .18s,transform .18s}
.button-primary{color:white;background:var(--purple);box-shadow:0 5px 14px #6944d21a}
.button-primary:hover{background:var(--purple-dark);transform:translateY(-2px)}
.button-quiet{color:#484252;background:transparent}
.button-quiet .icon{color:var(--purple)}
.button-quiet:hover{background:#f0ecf8}
.button-outline{border-color:#ddd4f7;color:var(--purple);background:#fff}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;border:1px solid var(--line);border-radius:12px;background:white;color:#474253}
.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--purple-dark);font-weight:700;min-height:44px}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.kicker{color:var(--purple);font-size:14px;font-weight:700;margin-block-end:9px}
.section{padding-block:50px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-block-end:32px}
.section-heading p:not(.kicker){color:var(--muted);margin-block-start:12px}
.section-aside{font-size:15px;color:var(--muted)}
.centered{justify-content:center;text-align:center}
.section-count{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);padding-block-end:4px;white-space:nowrap}
.section-count .icon{width:19px;height:19px;color:#9686b7}

/* Header, disclosure navigation and development preview notice. */
.site-header{position:sticky;inset-block-start:0;z-index:50;background:#fffffff5;border-block-end:1px solid #f0eef5;transition:box-shadow .18s;backdrop-filter:blur(14px)}
.site-header.is-scrolled{box-shadow:0 4px 20px #29233b08}
.admin-bar .site-header{inset-block-start:32px}
.header-inner{height:90px;display:flex;align-items:center;gap:26px;position:relative}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{width:44px;height:44px;position:relative;display:block;background:var(--purple);border-radius:14px;overflow:hidden;transform:rotate(-5deg)}
.brand-mark span{position:absolute;width:19px;height:10px;border:2px solid #fff;border-radius:3px;transform:rotate(30deg);inset-inline-start:12px;inset-block-start:10px}
.brand-mark span:nth-child(2){inset-block-start:17px;opacity:.8}
.brand-mark span:nth-child(3){inset-block-start:24px;opacity:.55}
.brand-text{font-size:25px;font-weight:700;line-height:1.3}
.brand-text small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-block-start:4px;letter-spacing:0}
.brand-logo{width:44px;height:44px;object-fit:contain}
.primary-navigation{display:flex;align-items:center;gap:25px;margin-inline:auto}
.primary-navigation a{display:flex;align-items:center;min-height:48px;font-weight:500;font-size:16px;white-space:nowrap;position:relative}
.primary-navigation a:hover,.primary-navigation [aria-current]{color:var(--purple)}
.primary-navigation [aria-current]:after{content:"";position:absolute;inset-block-end:1px;inset-inline:35%;height:3px;border-radius:3px;background:var(--purple)}
.menu-toggle{display:none}
.preview-notice{background:#f3f0fa;color:#625575;font-size:12px;text-align:center;padding-block:6px;border-block-end:1px solid #e9e3f4}
.preview-notice .container{display:block}
.preview-feedback{position:fixed;z-index:100;inset-inline:20px;inset-block-end:24px;margin-inline:auto;width:fit-content;max-width:calc(100% - 40px);background:#292338;color:white;padding:14px 22px;border-radius:14px;box-shadow:0 8px 28px #15101f20;font-size:15px;text-align:center}

/* Hero illustration built from small native elements: zero raster download. */
.hero{background:radial-gradient(ellipse at 18% 45%,#eee8fc88,transparent 52%),linear-gradient(180deg,#faf9ff,#fff);padding-block:57px 58px}
.hero-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple-dark);font-size:14px;font-weight:500;background:#f0eafb;padding:5px 12px;border:1px solid #e9e0f9;border-radius:30px;margin-block-end:20px}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--purple)}
.hero h1{font-size:clamp(36px,3.65vw,52px);letter-spacing:-1.3px;line-height:1.5;margin-block-end:14px}
.hero h1 span{color:var(--purple);white-space:nowrap}
.hero-description{font-size:17px;color:var(--muted);line-height:1.9}
.hero-description>span{white-space:nowrap}.hero-description>span:not(:last-child):after{content:"•";color:#9a8da9;margin-inline:8px}
.hero-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1dceb;padding:8px 13px 8px 8px;border-radius:14px;margin-block:26px 19px;max-width:535px;box-shadow:0 8px 28px #4e307207}
.hero-search>.icon{color:#9991a7;width:21px;height:21px}
.hero-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);font-size:16px;min-height:40px;outline-offset:0;border-radius:4px}
.hero-search input::placeholder{color:#756c81}
.search-submit{width:44px;height:44px;border:0;background:var(--purple);color:#fff;border-radius:10px;display:grid;place-items:center}
.hero-actions{display:flex;gap:12px;align-items:center}
.hero-note{display:flex;align-items:center;gap:7px;font-size:13px;color:#7a7487;margin-block-start:22px}
.hero-note .icon{width:16px;height:16px;color:#8974ac}
.hero-art{height:435px;position:relative;isolation:isolate}
.orbit{position:absolute;inset:30px 24px;border:1px dashed #cdc0e8;border-radius:50%;transform:rotate(-24deg);opacity:.8}
.orbit-two{inset:67px 60px;transform:rotate(20deg);border-style:solid;border-color:#dfd6ef}
.art-center{position:absolute;inset-block-start:99px;inset-inline-start:calc(50% - 99px);width:198px;height:232px;border:1px solid #fff;background:linear-gradient(150deg,#fff,#f3effd);border-radius:30px;box-shadow:0 22px 55px #644c961c;display:flex;align-items:center;flex-direction:column;padding:27px 14px;transform:rotate(-7deg);z-index:2}
.art-center-symbol{background:var(--purple);color:#fff;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-block-end:14px;box-shadow:0 9px 16px #6944d22b}
.art-center-symbol .icon{width:29px;height:29px}
.art-center strong{font-size:22px}
.art-center>span:not(.art-center-symbol):not(.art-pill){font-size:14px;color:var(--muted)}
.art-pill{display:flex;align-items:center;gap:6px;border-radius:15px;background:#e8f6ef;padding:1px 10px;font-size:11px;color:#297152;margin-block-start:13px}
.art-pill i{width:5px;height:5px;background:#45956f;border-radius:50%}
.art-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px;background:#fff;border:1px solid #eeebf4;border-radius:17px;box-shadow:0 12px 32px #5143650c;font-weight:700;font-size:14px}
.art-card small{font-weight:400;display:block;color:var(--muted);font-size:11px;margin-block-start:2px}
.art-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px}
.art-icon .icon{width:27px;height:27px}
.art-ai{inset-block-start:24px;inset-inline-start:13px;transform:rotate(5deg)}
.art-design{inset-block-start:101px;inset-inline-end:0;transform:rotate(-5deg)}
.art-entertainment{inset-block-end:37px;inset-inline-end:18px;transform:rotate(5deg)}
.art-work{inset-block-end:75px;inset-inline-start:7px;transform:rotate(-12deg)}
.art-spark{position:absolute;color:#9981c5;font-size:32px;line-height:1}
.art-spark-one{inset-block-start:10px;inset-inline-end:70px}
.art-spark-two{inset-block-end:22px;inset-inline-start:90px;font-size:20px;color:#a2c9bb}
.art-caption{position:absolute;inset-block-end:-6px;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#736780}
.art-caption .icon{width:15px;height:15px;color:#4c977e}
.tone-mint{background:#e8f5ef;color:#20806b}.tone-cyan{background:#e4f6fb;color:#127b97}.tone-rose{background:#ffedef;color:#cc475a}
.tone-indigo{background:#ececfc;color:#5b56ab}.tone-lime{background:#eef6de;color:#5f7c2d}.tone-orange{background:#fff0e3;color:#b56c29}

/* Trust and category navigation. */
.trust-strip{border-block:1px solid #efecf5;background:#fff}
.trust-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:23px}
.trust-item{display:flex;align-items:center;justify-content:center;gap:11px;border-inline-end:1px solid var(--line)}
.trust-item:last-child{border:0}
.trust-item>span{width:38px;height:38px;border-radius:11px;background:#f5f1fc;display:grid;place-items:center;color:#8262b7}
.trust-item .icon{width:21px;height:21px}
.trust-item strong{font-size:16px;font-weight:500}
.section-categories{padding-block-end:16px}
.compact-heading{margin-block-end:24px}
.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.category-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:97px;padding:13px 8px;border:1px solid var(--line);background:#fff;border-radius:15px;color:#635b72;font-size:14px;font-weight:500;transition:background .18s,border-color .18s}
.category-chip .icon{width:25px;height:25px;color:#9585b0}
.category-chip:hover{border-color:#baaae1;background:#fbf9ff}
.category-chip.is-current{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 8px 18px #6944d216}
.category-chip.is-current .icon{color:#fff}

/* One reusable product component for catalog and offer cards. */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 3px 12px #29233803;transition:box-shadow .2s,transform .2s,border-color .2s}
@media(hover:hover){.product-card:hover{transform:translateY(-4px);border-color:#d6ccec;box-shadow:0 14px 30px #3c2c640b}}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-block-end:20px}
.app-mark{display:grid;place-items:center;width:63px;height:63px;border-radius:18px}
.app-mark .icon{width:34px;height:34px;stroke-width:1.7}
.product-image{width:63px;height:63px;object-fit:contain;border-radius:16px;aspect-ratio:1}
.badge{padding:3px 10px;border-radius:7px;background:#f3eefc;color:#7853a5;font-size:12px;line-height:1.8;font-weight:500}
.badge-sale{background:#fff0e5;color:#a65b20}.badge-new{background:#eaf6ef;color:#2c7855}
.product-category{font-size:12px;color:#746b81}
.card-body h3{font-family:Tajawal,Tahoma,Arial,sans-serif;font-size:24px;letter-spacing:-.3px;margin-block:3px 7px}
.product-description{color:var(--muted);font-size:15px;line-height:1.8;min-height:54px}
.feature-list{list-style:none;padding:0;margin:16px 0 22px;display:flex;flex-wrap:wrap;gap:7px 13px;font-size:12px;color:#6b6577}
.feature-list li{display:flex;align-items:center;gap:4px}
.feature-list .icon{width:13px;height:13px;color:#7e6c9e}
.card-bottom{margin-block-start:auto;padding-block-start:17px;border-block-start:1px solid #f0edf5;display:flex;align-items:center;justify-content:space-between;gap:9px}
.product-price{display:flex;flex-direction:column;align-items:flex-start;line-height:1.5}
.product-price>span{font-size:11px;color:#70667c}
.product-price strong{font-size:22px;white-space:nowrap;color:#3b2c55;font-weight:700}
.product-price del{font-size:12px;color:#776d82;white-space:nowrap}
.card-detail{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e9e0f8;background:#f6f2fc;color:var(--purple-dark);border-radius:10px;padding:10px 13px;min-height:44px;font-size:14px;font-weight:700;white-space:nowrap}
.card-detail .icon{width:16px;height:16px}
.card-detail:hover{background:#eee6fc;border-color:#cdbce9}
.catalog-footnote{display:flex;align-items:center;justify-content:center;gap:9px;margin-block-start:25px;color:#766981;font-size:14px}
.catalog-footnote>.icon{width:18px;height:18px}
.catalog-footnote a{color:var(--purple);font-weight:500;text-decoration:underline;text-underline-offset:4px}
.empty-state{padding:45px 20px;border:1px dashed #d8cee9;border-radius:20px;text-align:center;background:#faf8fe}
.empty-state>.icon{width:38px;height:38px;margin:0 auto 18px;color:#9474bd}
.empty-state p{color:var(--muted);margin-block:12px 22px}

/* Offers, journey, benefits and FAQ. */
.offers-panel{display:grid;grid-template-columns:.85fr 1.65fr;gap:32px;padding:36px;border-radius:26px;background:#f2edfc;border:1px solid #e8dff6}
.offer-copy{position:relative;align-self:center}
.offer-eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--purple);margin-block-end:18px}
.offer-eyebrow .icon{width:19px;height:19px}
.offer-copy h2{font-size:29px;line-height:1.7;letter-spacing:-.5px}
.offer-copy h2 span{color:var(--purple)}
.offer-copy p{font-size:15px;color:#70637e;max-width:285px;margin-block:13px 14px}
.offer-decoration{position:absolute;inset-block-end:-29px;inset-inline-end:20px;font-size:56px;color:#d6c9ef;line-height:1;pointer-events:none}
.offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-card-compact{padding:22px;border-color:#e9e1f3;box-shadow:none}
.product-card-compact .card-top{margin-block-end:13px}
.product-card-compact .app-mark{width:50px;height:50px;border-radius:14px}
.product-card-compact .app-mark .icon{width:27px;height:27px}
.product-card-compact .card-body h3{font-size:22px}
.product-card-compact .product-description{font-size:14px;min-height:50px}
.product-card-compact .card-bottom{flex-wrap:wrap;margin-block-start:15px;gap:12px}
.product-card-compact .product-price strong{font-size:21px}
.product-card-compact .card-detail{padding:9px 10px;font-size:13px}
.steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px;margin:44px 30px 15px;padding:0}
.step-card{text-align:center;position:relative}
.step-card:not(:last-child):after{content:"";position:absolute;height:1px;border-top:1px dashed #dcd1ed;width:calc(100% - 85px);inset-block-start:35px;inset-inline-start:calc(50% + 66px)}
.step-visual{position:relative;width:78px;margin:0 auto 23px}
.step-icon{width:74px;height:74px;display:grid;place-items:center;background:#f4f0fc;color:#8b6fb8;border:1px solid #e9e1f5;border-radius:23px}
.step-icon .icon{width:32px;height:32px}
.step-number{position:absolute;inset-block-start:-7px;inset-inline-end:-6px;border:4px solid #fff;background:var(--purple);color:white;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:700;line-height:1}
.step-card h3{font-size:22px;margin-block-end:10px}
.step-card p{font-size:15px;color:var(--muted);max-width:290px;margin-inline:auto}
.benefits-section{background:#faf9fc;border-block:1px solid #f0edf5;padding-block:52px;margin-block:30px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.benefit-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eee8f8;color:#8b6ab6;margin-block-end:17px}
.benefit-card h3{font-size:20px;margin-block-end:10px}
.benefit-card p{font-size:15px;color:var(--muted);line-height:1.9}
.faq-layout{display:grid;grid-template-columns:.9fr 1.6fr;gap:65px;padding-block:60px 80px}
.faq-intro>p:not(.kicker){color:var(--muted);margin-block:17px 22px}
.faq-intro .text-link{font-size:14px}
.faq-list{border-block-start:1px solid var(--line)}
.faq-item{border-block-end:1px solid var(--line);padding-block:7px}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;cursor:pointer;font-weight:500;font-size:18px;padding-block:10px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-toggle{border-radius:50%;width:29px;height:29px;background:#f3effb;color:#8c73b4;display:grid;place-items:center;flex:none}
.faq-toggle .icon{width:16px;height:16px;transition:transform .16s}
.faq-item[open] .faq-toggle .icon{transform:rotate(45deg)}
.faq-answer{padding-block:0 20px;padding-inline-end:40px;color:var(--muted);font-size:16px}
.empty-faq{padding:26px}
.empty-faq p{margin-block-start:12px;color:var(--muted)}
.site-footer{background:#f7f6fa;border-block-start:1px solid #eae6f1;padding-block-start:50px}
.footer-top{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.2fr;gap:35px;padding-block-end:42px}
.footer-brand>p{font-size:15px;color:var(--muted);margin-block-start:18px;max-width:265px}
.footer-top h2{font-size:16px;margin-block:5px 16px;letter-spacing:0}
.footer-top nav a,.footer-contact>a{display:flex;align-items:center;min-height:38px;color:#71687e;font-size:15px}
.footer-top nav a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
.footer-contact p{font-size:14px;color:var(--muted);margin-block-end:10px}
.footer-contact .footer-whatsapp{gap:8px;font-size:14px;color:#2e765e;background:#e8f2ec;border:1px solid #d6e6dd;border-radius:10px;min-height:44px;justify-content:center;padding:7px 10px;width:fit-content}
.footer-whatsapp .icon{width:18px;height:18px}
.footer-contact .contact-pending{font-size:13px;color:#85798f}
.footer-bottom{border-block-start:1px solid #e5e0ed;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;color:#75697f;font-size:12px}
.footer-signature{display:flex;align-items:center;gap:6px;white-space:nowrap}
.footer-signature .icon{width:15px;height:15px}
.social-links{display:flex;gap:8px;flex-wrap:wrap}
.social-links .icon-button{min-width:36px;min-height:36px;background:transparent}
.social-links .icon{width:17px;height:17px}
.content{min-height:60vh;padding-block:55px}
.content h1{font-size:38px;margin-block-end:24px}

/* Tablet and disclosure menu. No off-screen transforms or hidden page overflow hacks. */
@media(max-width:1099px){
 .container{width:calc(100% - 48px)}
 .header-inner{height:78px;justify-content:space-between;flex-wrap:wrap}
 .primary-navigation{order:4;width:100%;justify-content:center;flex-wrap:wrap;background:#fff;margin:0;gap:8px 20px}
 .header-inner:has(.primary-navigation){height:auto;min-height:78px;padding-block:14px}
 .js .header-inner{height:78px;padding-block:0;flex-wrap:nowrap}
 .js .menu-toggle{display:flex}
 .js .primary-navigation{display:none;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;width:min(370px,100%);border:1px solid var(--line);box-shadow:0 15px 45px #392c5920;border-radius:16px;padding:14px}
 .js .primary-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:1px}
 .js .primary-navigation a{padding-inline:13px;border-radius:8px}
 .js .primary-navigation a:hover{background:var(--pale)}
 .primary-navigation [aria-current]:after{display:none}
 .hero-layout{grid-template-columns:1.12fr 1fr;gap:10px}
 .hero h1{font-size:38px;letter-spacing:-.7px}
 .hero-description{font-size:15px}
 .hero-description>span:not(:last-child):after{margin-inline:5px}
 .hero-art{height:380px}
 .art-center{width:169px;height:214px;inset-inline-start:calc(50% - 84px);inset-block-start:77px}
 .art-card{padding:10px;font-size:12px;gap:8px}
 .art-card small{font-size:10px}
 .art-icon{width:38px;height:38px}
 .art-ai{inset-inline-start:0;inset-block-start:15px}
 .art-design{inset-block-start:104px;inset-inline-end:-8px}
 .art-entertainment{inset-inline-end:0;inset-block-end:15px}
 .art-work{inset-inline-start:0;inset-block-end:55px}
 .art-caption{inset-block-end:-25px}
 .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .category-chip{flex-direction:row;min-height:60px;gap:9px}
 .product-card{padding:22px}
 .product-grid{gap:18px}
 .card-detail{padding-inline:10px;font-size:13px}
 .product-price strong{font-size:20px}
 .offers-panel{grid-template-columns:1fr;padding:28px}
 .offer-copy h2 br{display:none}
 .offer-copy p{max-width:none}
 .offer-decoration{inset-block-end:6px;inset-inline-end:20px}
 .offer-copy .text-link{display:none}
 .steps-grid{gap:36px;margin-inline:0}
 .benefits-grid{gap:24px}
 .faq-layout{gap:40px}
 .footer-top{grid-template-columns:1.2fr 1fr;gap:34px 50px}
}
@media(min-width:768px) and (max-width:899px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:32px}.hero .button{padding-inline:13px;font-size:15px}.hero-art{transform:scale(.92);transform-origin:center}.hero-search{margin-block-start:20px}}
@media(max-width:767px){
 .container{width:calc(100% - 36px)}
 h2{font-size:28px}
 .section{padding-block:35px}
 .header-inner,.js .header-inner{height:72px;min-height:72px}
 .brand-mark,.brand-logo{width:37px;height:37px;border-radius:12px}
 .brand-mark span{inset-inline-start:9px;inset-block-start:7px}
 .brand-mark span:nth-child(2){inset-block-start:14px}.brand-mark span:nth-child(3){inset-block-start:21px}
 .brand{gap:9px}.brand-text{font-size:23px}.brand-text small{font-size:10px}
 .header-search,.menu-toggle{min-width:44px;min-height:44px;border:0;background:transparent}
 .preview-notice{font-size:10px;line-height:1.7;padding-block:5px}
 .hero{padding-block:24px 22px}
 .hero-layout{display:block}
 .hero-copy{text-align:center}
 .eyebrow{font-size:12px;margin-block-end:14px;padding:4px 11px}
 .hero h1{font-size:clamp(30px,8.5vw,35px);line-height:1.5;letter-spacing:-.6px;margin-block-end:12px}
 .hero-description{font-size:13px;max-width:none;margin-inline:auto;line-height:1.9}
 .hero-description>span:not(:last-child):after{margin-inline:5px}
 .hero-search{margin-block:17px 15px;max-width:none;padding:6px 10px 6px 6px;gap:8px;text-align:start;border-radius:13px}
 .hero-search input{font-size:16px}
 .hero-actions{justify-content:center;gap:8px}
 .hero-actions .button{min-height:49px;font-size:15px;padding:11px 17px;gap:9px}
 .hero-actions .icon{width:19px;height:19px}
 .hero-note{justify-content:center;font-size:11px;margin-block-start:15px}
 .hero-art{height:80px;width:min(340px,100%);margin:16px auto 0;display:flex;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse,#e9e0f770,transparent 70%)}
 .orbit,.art-center,.art-caption,.art-spark{display:none}
 .art-card{position:static;padding:10px;display:block;box-shadow:0 9px 24px #6146760d;border-radius:16px}
 .art-card>span:not(.art-icon){display:none}
 .art-icon{width:41px;height:41px;border-radius:12px}
 .art-ai{transform:rotate(8deg) translateY(2px)}.art-design{transform:rotate(-5deg) translateY(-9px)}
 .art-entertainment{transform:rotate(6deg) translateY(8px)}.art-work{transform:rotate(-9deg) translateY(-3px)}
 .trust-items{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:16px;gap:14px 0}
 .trust-item{justify-content:flex-start;padding-inline:13px;gap:8px}
 .trust-item:nth-child(even){border:0}
 .trust-item>span{width:31px;height:31px;border-radius:9px}
 .trust-item .icon{width:18px;height:18px}.trust-item strong{font-size:14px}
 .section-heading{margin-block-end:23px;gap:12px;display:block}
 .section-heading p:not(.kicker){font-size:15px;line-height:1.8;margin-block-start:9px}
 .kicker{font-size:12px;margin-block-end:6px}
 .section-aside,.section-count{display:none}
 .section-categories{padding-block:32px 0}
 .category-grid{gap:9px}
 .category-chip{flex-direction:column;gap:7px;padding:10px 3px;min-height:80px;border-radius:12px;font-size:11px}
 .category-chip .icon{width:23px;height:23px}
 .product-grid{grid-template-columns:1fr;gap:16px}
 .product-card{padding:23px;border-radius:18px}
 .card-top{margin-block-end:15px}
 .app-mark{width:57px;height:57px;border-radius:16px}
 .app-mark .icon{width:31px;height:31px}
 .card-body h3{font-size:25px}.product-description{min-height:0;font-size:16px}
 .feature-list{font-size:12px;margin-block:15px 18px}
 .card-bottom{padding-block-start:16px}
 .product-price strong{font-size:23px}
 .card-detail{font-size:15px;min-height:46px;padding:9px 14px}
 .catalog-footnote{font-size:13px;margin-block-start:20px;gap:7px}
 .offers-panel{padding:23px 17px;gap:24px;border-radius:20px}
 .offer-copy h2{font-size:26px}
 .offer-copy h2 br{display:block}
 .offer-copy p{font-size:14px;max-width:280px}
 .offer-eyebrow{font-size:12px;margin-block-end:12px}
 .offer-decoration{font-size:46px;inset-inline-end:0;inset-block-end:12px}
 .offers-grid{grid-template-columns:1fr;gap:14px}
 .product-card-compact{padding:20px}
 .product-card-compact .card-top{margin-block-end:10px}
 .product-card-compact .product-description{min-height:0}
 .product-card-compact .card-bottom{flex-wrap:nowrap}
 .product-card-compact .card-detail{font-size:14px;padding-inline:13px}
 .steps-grid{grid-template-columns:1fr;gap:29px;margin-block:30px 0}
 .step-card{display:grid;grid-template-columns:62px 1fr;column-gap:20px;text-align:start}
 .step-visual{grid-row:span 2;width:62px;margin:4px 0 0}
 .step-icon{width:60px;height:60px;border-radius:18px}
 .step-icon .icon{width:27px;height:27px}
 .step-number{width:27px;height:27px;font-size:11px}
 .step-card h3{font-size:21px;margin-block-end:6px}
 .step-card p{max-width:none;margin:0;font-size:15px}
 .step-card:not(:last-child):after{width:1px;height:calc(100% - 47px);border-top:0;border-inline-start:1px dashed #dcd1ed;inset-block-start:77px;inset-inline-start:30px}
 .benefits-section{padding-block:34px;margin-block:24px 0}
 .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}
 .benefit-icon{width:38px;height:38px;margin-block-end:12px;border-radius:11px}
 .benefit-icon .icon{width:21px;height:21px}
 .benefit-card h3{font-size:19px;margin-block-end:8px}
 .benefit-card p{font-size:14px;line-height:1.85}
 .faq-layout{display:block;padding-block:39px 45px}
 .faq-intro>p:not(.kicker){margin-block:12px}
 .faq-intro>p br{display:none}
 .faq-intro .text-link{margin-block-end:18px}
 .faq-item summary{font-size:17px;min-height:64px;gap:12px}
 .faq-answer{padding-inline-end:15px;font-size:15px}
 .site-footer{padding-block-start:34px}
 .footer-top{grid-template-columns:1fr 1fr;gap:27px 18px;padding-block-end:28px}
 .footer-brand,.footer-contact{grid-column:1/-1}
 .footer-brand>p{max-width:320px;margin-block-start:13px;font-size:14px}
 .footer-top h2{font-size:15px;margin-block-end:10px}
 .footer-top nav a{font-size:14px;min-height:44px}
 .footer-contact .footer-whatsapp{font-size:14px;min-height:46px}
 .footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px;padding-block:21px;font-size:11px}
 .footer-signature{font-size:11px}
 .social-links:empty{display:none}
 .content h1{font-size:30px}
}
@media(max-width:359px){
 .container{width:calc(100% - 28px)}
 .hero h1{font-size:30px}
 .hero-actions .button{padding-inline:12px;font-size:14px}
 .hero-description{font-size:13px}
 .category-chip{font-size:10px}
 .card-detail{padding-inline:10px;font-size:13px}
 .product-card{padding:19px}
 .product-price strong{font-size:21px}
 .trust-item{padding-inline:7px}.trust-item strong{font-size:13px}
 .benefits-grid{gap:23px 17px}
 .benefit-card p{font-size:13px}
 .step-card{column-gap:15px}
}
@media(max-width:782px){.admin-bar .site-header{inset-block-start:46px}}
@media(max-width:600px){.admin-bar .site-header{inset-block-start:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.footer-contact button.footer-whatsapp{display:flex;align-items:center;font-family:inherit}

.offers-panel-empty{grid-template-columns:1fr}.offers-panel-empty .offer-copy p{max-width:600px}