:root{--navy:#0b1220;--navy-soft:#111e31;--ink:#101827;--muted:#566276;--blue:#0863e8;--blue-hover:#0754c4;--sky:#82baff;--line:#dce3ed;--light:#f3f6fa;--green:#13873a;--red:#e1333c;--radius:12px;--container:1180px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}ul,ol{padding:0;margin:0}button{color:inherit}::selection{background:#b7d9ff;color:var(--navy)}:focus-visible{outline:3px solid #529fff;outline-offset:5px}.container{width:min(var(--container),calc(100% - 80px));margin-inline:auto}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;left:20px;top:14px;background:white;padding:12px 20px;border-radius:8px;transform:translateY(-160%);color:var(--ink)}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:15px;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s;text-align:center}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px #0063ea18}.button-primary:hover{background:var(--blue-hover);box-shadow:0 6px 20px #0063ea28}.button-outline{color:#f6f9ff;border-color:#8290a7;background:transparent}.button-outline:hover{background:#ffffff0a;border-color:#c7d4e8}.text-link{display:inline-block;color:#0757cb;font-size:14px;font-weight:650;line-height:1.5;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;font-size:12px;line-height:1.6;letter-spacing:.13em;font-weight:650;color:#526079}.dark-section{background:var(--navy);color:white}.light-eyebrow{color:#b7cde8}.short-line{height:2px;width:24px;background:#7ab4ff;display:inline-block;vertical-align:middle;margin-right:11px}.site-header{background:var(--navy);color:white;border-bottom:1px solid #ffffff0c;position:sticky;top:0;z-index:30}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:155px;flex-shrink:0;display:block}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:34px}.main-nav>a:not(.button){font-size:14px;color:#e3e8f0;transition:color .2s}.main-nav>a:not(.button):hover{color:var(--sky)}.main-nav .nav-cta{margin-left:8px;min-height:46px;padding:11px 23px;font-size:14px}.menu-toggle{display:none;background:transparent;border:1px solid #667388;color:white;border-radius:7px;padding:9px;align-items:center;justify-content:center}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 46%,#172d474f,transparent 60%),var(--navy)}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:38px;align-items:center;padding-block:80px 77px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(40px,4.15vw,58px);font-weight:730;line-height:1.08;letter-spacing:-.045em;margin-top:22px;max-width:550px}.hero h1 span{color:var(--sky);display:block}.hero-description{color:#c9d2e0;font-size:17px;line-height:1.7;max-width:455px;margin-top:24px}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.benefits{list-style:none;display:flex;flex-wrap:wrap;gap:14px 21px;margin-top:36px}.benefits li{display:flex;align-items:center;gap:7px;font-size:12px;color:#e1e8f2;white-space:nowrap}.benefits .icon{width:18px;height:18px;padding:3px;stroke-width:3;background:#159449;border-radius:50%;color:white}.hero-visual{position:relative;padding-right:30px;padding-bottom:41px;min-width:0;transform:translateY(4px)}.browser-frame{border:1px solid #ffffff3d;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 26px 70px #0004;color:#1b2023}.browser-bar{height:29px;display:flex;align-items:center;justify-content:space-between;background:#323e4d;padding:0 12px;gap:12px;color:#c4ccd5}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:7px;height:7px;border-radius:50%;background:#ff6259}.traffic-lights i:nth-child(2){background:#ffbc42}.traffic-lights i:nth-child(3){background:#30c64d}.browser-address{font-size:9px;background:#ffffff0b;padding:2px 34px;border-radius:4px;letter-spacing:.02em}.browser-more{font-size:18px;line-height:1}.store-nav{display:flex;align-items:center;justify-content:space-between;height:49px;padding:0 24px;background:#fff;gap:12px}.store-nav strong{font-size:25px;letter-spacing:-.065em;line-height:1}.store-nav strong span{color:#787561}.store-nav>div:not(.store-icons){font-size:8px;display:flex;gap:16px}.store-icons{display:flex;gap:12px}.store-icons .icon{width:14px;height:14px}.shop-scene{position:relative;isolation:isolate;overflow:hidden}.home-shop{height:252px;background:#e7e0d6}.shop-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;position:absolute;z-index:-1}.shop-copy{padding:29px 0 25px 27px;width:51%;height:100%;background:linear-gradient(90deg,#eee8dfec,#eee8df70 78%,transparent)}.shop-eyebrow{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#56544b}.shop-copy p{font-size:33px;font-weight:650;line-height:1.02;letter-spacing:-.06em;margin:9px 0 10px}.shop-description{font-size:10px;line-height:1.4;display:block;color:#4c473e}.shop-button{display:inline-block;background:#493f32;color:#fff;font-size:8px;border-radius:3px;padding:7px 11px;margin-top:12px;line-height:1.3}.store-products{padding:15px 24px 20px}.store-section-title{font-size:10px;font-weight:650;display:flex;justify-content:space-between;gap:15px;margin-bottom:10px}.store-section-title>span{font-size:8px;font-weight:400}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-grid>div{background:#f5f3ef;overflow:hidden;border-radius:5px}.product-grid img{width:100%;height:76px;object-fit:cover}.product-grid .product-texture{object-position:49% 70%;object-fit:cover;transform:scale(1.6);clip-path:inset(19% 19%)}.product-grid .product-detail{object-position:73% 78%}.product-grid .product-green{object-position:100% 38%}.product-grid span{font-size:8px;display:block;background:#fff;position:relative;padding:6px 2px 0}.phone-frame{position:absolute;z-index:3;right:-17px;top:122px;width:157px;height:307px;background:#121516;border:2px solid #ddd5c8;box-shadow:0 12px 30px #0006;border-radius:25px;padding:5px;transform:rotate(3deg);color:#202321}.phone-screen{height:100%;overflow:hidden;background:white;border-radius:18px}.phone-notch{position:absolute;width:63px;height:14px;background:#121516;border-radius:0 0 9px 9px;left:50%;top:3px;transform:translateX(-50%);z-index:3}.phone-frame .store-nav{height:42px;padding:15px 10px 5px;gap:5px}.phone-frame .store-nav strong{font-size:18px}.phone-frame .store-nav .icon{height:12px;width:12px}.phone-scene{height:151px;position:relative;isolation:isolate;background:#e7e0d6}.phone-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:68%;z-index:-1}.phone-scene>div{background:linear-gradient(90deg,#f0e8dfea,#f0e8df50,transparent);padding:14px 9px;height:100%}.phone-scene>div>span:first-child{font-size:6px;text-transform:uppercase;letter-spacing:.1em}.phone-scene p{font-weight:650;font-size:23px;line-height:1;letter-spacing:-.055em;margin-top:7px}.phone-scene .shop-button{font-size:6px;padding:5px 7px;margin-top:11px}.phone-products{padding:10px}.phone-products strong{font-size:8px;display:block;margin-bottom:7px}.phone-products img{height:50px;width:100%;object-fit:cover;object-position:60% 64%;border-radius:3px}.phone-products>span{font-size:6px;display:block;padding-top:5px}.hero-visual figcaption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:11px;color:#9cacc2;letter-spacing:.005em}.concept-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:#7cabdf;margin-right:7px;vertical-align:middle}.section{padding-block:68px}.section-heading{text-align:center;margin-bottom:34px}.section-heading h2{font-size:clamp(27px,2.7vw,36px);font-weight:700;margin-top:10px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:29px 28px 25px;transition:box-shadow .2s,border-color .2s}.service-card:hover{border-color:#b5c8e5;box-shadow:0 8px 30px #18344e09}.service-icon{width:50px;height:50px;border-radius:10px;display:grid;place-items:center;margin-bottom:20px}.service-icon .icon{height:29px;width:29px;stroke-width:1.8}.blue{background:#eaf2ff;color:#0863e8}.red{background:#fff0f0;color:#de3338}.green{background:#e9f8ed;color:#13873a}.service-card h3{font-size:21px;font-weight:680;letter-spacing:-.025em}.service-card p{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.6;max-width:275px;min-height:51px}.service-card .text-link{margin-top:22px}.examples{background:var(--light);border-block:1px solid #eaf0f6}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.example-card{border:0;padding:0;text-align:left;background:transparent;width:100%;min-width:0;border-radius:9px}.mini-browser{border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #1c35530c;border:1px solid #e0e6ec;transition:box-shadow .25s,transform .25s}.example-card:hover .mini-browser{transform:translateY(-5px);box-shadow:0 14px 28px #1c355318}.mini-nav{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;background:#fff}.mini-nav>strong{font-size:19px;letter-spacing:-.06em;color:#272824;line-height:1}.mini-nav>strong>span{font-size:11px;vertical-align:top;margin-left:2px}.mini-nav>span{font-size:7px;color:#59636e;white-space:nowrap}.mini-nav .icon{height:12px;width:12px}.mini-scene{height:201px;position:relative;isolation:isolate;overflow:hidden}.mini-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mini-copy{padding:27px 21px;width:100%;height:100%;background:linear-gradient(90deg,#e7dfd3e6,#e7dfd333 62%,transparent)}.mini-copy>span:first-child{font-size:7px;letter-spacing:.1em;text-transform:uppercase;display:block}.mini-copy>p{font-size:27px;line-height:1.05;font-weight:650;letter-spacing:-.045em;margin-top:11px}.mini-copy>small{font-size:8px;display:block;margin-top:8px}.mini-button{background:#292a25;color:white;font-size:7px;padding:6px 9px;display:inline-block;border-radius:2px;margin-top:11px;line-height:1.3}.fashion-scene>img{object-position:62% 43%}.professional-nav>strong{color:#0f5681;font-size:18px}.professional-nav>strong>span{font-size:18px}.professional-scene .mini-copy{background:linear-gradient(90deg,#0f354be8,#0d334b80 60%,#0d334b16);color:white}.professional-scene .mini-copy>p{font-size:25px}.professional-scene .mini-button{background:#086da3}.home-scene .mini-copy{background:linear-gradient(90deg,#eee7dcf0,#eee7dc40 65%,transparent)}.home-scene .mini-button{background:#534837}.example-caption{padding-top:19px;position:relative}.concept-label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#5b677a;font-weight:650}.example-caption h3{font-size:18px;line-height:1.4;margin-top:3px;letter-spacing:-.02em;font-weight:650}.view-concept{font-size:12px;color:#526079;display:flex;align-items:center;gap:5px;margin-top:9px}.view-concept .icon{width:13px;height:13px}.example-card:hover .view-concept{color:var(--blue)}.concept-note{text-align:center;font-size:12px;color:#637084;margin-top:28px}.process{padding-bottom:72px}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:54px;padding-top:4px}.process-grid li{text-align:center;position:relative}.step-number{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:650;letter-spacing:-.05em;margin:0 auto 20px}.process-grid li:not(:last-child)::after{content:"";height:1px;background:var(--line);position:absolute;top:28px;left:calc(50% + 55px);width:calc(100% - 56px)}.process-grid h3{font-size:19px;font-weight:650;letter-spacing:-.025em}.process-grid p{margin:10px auto 0;color:var(--muted);font-size:15px;line-height:1.65;max-width:295px}.faq{background:#f7f9fc;border-top:1px solid #edf0f5;padding-block:65px 72px}.faq-grid{display:grid;grid-template-columns:.82fr 1.3fr;gap:70px;align-items:start}.faq-heading h2{font-size:35px;margin-top:14px;line-height:1.17}.faq-heading>p:not(.eyebrow){color:var(--muted);margin-top:17px;font-size:15px;line-height:1.7}.faq-heading .text-link{margin-top:20px}.accordion{border-top:1px solid #d8e1ed}.accordion details{border-bottom:1px solid #d8e1ed}.accordion summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.5}.accordion summary::-webkit-details-marker{display:none}.accordion summary .icon{width:19px;height:19px;color:#72839a;transition:transform .2s}.accordion details[open] summary .icon{transform:rotate(45deg);color:var(--blue)}.accordion details[open] summary{color:#0757cb}.faq-answer{padding:0 33px 23px 0;font-size:15px;line-height:1.75;color:var(--muted)}.contact{background:radial-gradient(ellipse at 15% 75%,#18324a80,transparent 52%),var(--navy);position:relative}.contact-grid{padding-block:74px;display:grid;grid-template-columns:.96fr 1fr;gap:95px;align-items:center}.contact-copy h2{font-size:clamp(36px,3.8vw,52px);line-height:1.1;font-weight:700;margin-top:22px;letter-spacing:-.04em}.contact-copy h2 span{color:var(--sky)}.contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#c9d2df;margin-top:24px;max-width:385px}.brand-bars{display:flex;gap:9px;margin-top:32px}.brand-bars i{width:35px;height:5px;border-radius:1px;background:#ff1c23}.brand-bars i:nth-child(2){background:#30c937}.brand-bars i:nth-child(3){background:#253eff}.contact-form{background:#fff;color:var(--ink);padding:29px 30px 24px;border-radius:13px;box-shadow:0 18px 55px #0002;min-width:0}.form-intro{font-size:15px;font-weight:650;letter-spacing:-.02em;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px;min-width:0}.field label{display:block;font-size:12px;font-weight:650;line-height:1.5;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:#f8fafc;border:1px solid #d2dce9;color:var(--ink);padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s;min-height:42px}.field input::placeholder,.field textarea::placeholder{color:#728198;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{outline:none;box-shadow:0 0 0 3px #0a63e51c;border-color:#327de6}.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#bc2934}.field textarea{resize:vertical;min-height:89px;display:block;max-height:360px}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:35px}.select-wrap .icon{position:absolute;right:10px;top:12px;width:18px;height:18px;pointer-events:none;color:#526780}.field-error{font-size:12px;line-height:1.5;color:#b42331;display:block}.field-error:not(:empty){padding-top:4px}.submit-button{width:100%;min-height:46px;font-size:14px}.submit-button:disabled{cursor:wait;opacity:.7;transform:none}.form-note{font-size:11px;color:#627086;text-align:center;margin-top:12px;line-height:1.6}.form-status{font-size:13px;line-height:1.6}.form-status:not(:empty){padding:12px;border-radius:6px;margin-top:14px}.form-status[data-state="error"]{color:#a6202f;background:#fff0f1;border:1px solid #f5c6cd}.form-status[data-state="success"]{color:#136b36;background:#eef9f1;border:1px solid #bde2c8}.form-status[data-state="pending"]{color:#385674;background:#eef4fb}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;font-size:15px;color:#a4c9ff}.contact-links:empty{display:none}.contact-links a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer{background:var(--navy);color:#c4cddd;border-top:1px solid #ffffff10}.footer-inner{display:flex;align-items:center;gap:35px;padding-block:30px}.footer-inner .brand{width:139px}.footer-inner>p{font-size:12px;padding-left:30px;border-left:1px solid #4a576a}.footer-signature{margin-left:auto;color:#8e9bb0;font-size:11px}.footer-signature>span{color:#d8e1ef;display:block;text-align:right;margin-top:3px;font-size:12px}.concept-dialog{border:0;max-width:min(820px,calc(100% - 32px));width:820px;padding:0;border-radius:16px;color:var(--ink);box-shadow:0 30px 100px #0005;max-height:90dvh;overflow:auto}.concept-dialog::backdrop{background:#06101ddd;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:13px;top:12px;display:grid;place-items:center;width:38px;height:38px;background:white;border:1px solid #dbe3ed;border-radius:50%;z-index:2;box-shadow:0 3px 12px #0001}.dialog-close .icon{width:18px;height:18px}.concept-dialog .mini-browser{border:0;border-radius:0;box-shadow:none}.concept-dialog .mini-nav{height:63px;padding-inline:32px;padding-right:74px}.concept-dialog .mini-nav>strong{font-size:27px}.concept-dialog .mini-nav>span{font-size:12px}.concept-dialog .mini-nav .icon{width:20px;height:20px}.concept-dialog .mini-scene{height:350px}.concept-dialog .mini-copy{padding:42px 38px}.concept-dialog .mini-copy>p{font-size:50px}.concept-dialog .mini-copy>span:first-child{font-size:11px}.concept-dialog .mini-copy>small{font-size:13px}.concept-dialog .mini-button{font-size:12px;margin-top:20px;padding:10px 16px}.dialog-content{padding:27px 32px 32px}.dialog-content h2{font-size:28px;margin-top:8px}.dialog-content p{color:var(--muted);margin-block:14px 24px;font-size:16px;max-width:640px}body.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero-grid{padding-block:91px}.hero h1{font-size:59px}.hero-description{font-size:18px}}
@media(max-width:1150px){.container{width:calc(100% - 56px)}.hero-grid{gap:26px;padding-block:65px}.hero h1{font-size:46px}.hero-description{font-size:16px}.hero-actions{gap:11px}.hero-actions .button{padding-inline:19px;font-size:14px}.benefits{gap:11px 15px}.benefits li{font-size:11px}.hero-visual{padding-right:21px}.store-nav{padding-inline:17px}.store-nav>div:not(.store-icons){gap:9px}.home-shop{height:222px}.shop-copy{padding-left:21px}.shop-copy p{font-size:29px}.store-products{padding-inline:17px}.phone-frame{right:-7px;top:111px;width:140px;height:286px}.phone-scene{height:143px}.phone-products img{height:41px}.product-grid img{height:62px}.hero-visual figcaption{font-size:10px}.service-card{padding:25px 23px}.service-card h3{font-size:19px}.example-grid{gap:20px}.mini-nav{padding-inline:12px}.mini-nav>span{font-size:6px}.mini-scene{height:186px}.mini-copy{padding:23px 15px}.mini-copy>p{font-size:25px}.professional-scene .mini-copy>p{font-size:22px}.contact-grid{gap:52px}.faq-grid{gap:45px}}
@media(max-width:900px){.main-nav{gap:20px}.main-nav>a:not(.button){font-size:13px}.main-nav .nav-cta{padding-inline:17px;font-size:13px}.brand{width:139px}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:39px}.hero-description{font-size:15px;line-height:1.65}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.short-line{width:14px;margin-right:6px}.hero-actions{flex-direction:column;align-items:flex-start;margin-top:25px;gap:10px}.hero-actions .button{min-width:192px;min-height:46px}.benefits{margin-top:25px;gap:9px 14px}.hero-visual{padding-right:15px}.home-shop{height:215px}.shop-copy{padding-top:27px;width:65%}.shop-copy p{font-size:26px}.shop-eyebrow{font-size:6px}.store-nav>div:not(.store-icons){display:none}.store-products{padding-inline:12px}.product-grid{gap:7px}.product-grid span{font-size:6px}.store-section-title{font-size:8px}.store-section-title>span{font-size:6px}.phone-frame{right:-8px;top:146px;width:121px;height:251px;border-radius:22px}.phone-screen{border-radius:15px}.phone-frame .store-nav{height:38px;padding-inline:7px}.phone-scene{height:123px}.phone-scene>div{padding:13px 7px}.phone-scene p{font-size:20px}.phone-products{padding:8px}.phone-products strong{font-size:7px}.phone-products img{height:34px}.hero-visual figcaption{font-size:8px;bottom:0}.service-grid{gap:16px}.service-card{padding:23px 19px}.service-card h3{font-size:18px}.service-card p{font-size:14px}.service-card .text-link{font-size:12px}.mini-nav>span{display:none}.mini-scene{height:166px}.mini-copy{padding:23px 12px}.mini-copy>p{font-size:23px}.professional-scene .mini-copy>p{font-size:20px}.mini-copy>small{font-size:7px}.mini-copy>span:first-child{font-size:6px}.example-caption h3{font-size:16px}.process-grid{gap:26px}.process-grid h3{font-size:17px}.process-grid p{font-size:14px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:40px}.faq-heading h2{font-size:30px}.accordion summary{font-size:14px}.contact-grid{gap:36px}.contact-copy h2{font-size:38px}.contact-copy>p:not(.eyebrow){font-size:16px}.contact-form{padding:25px 23px}.form-row{grid-template-columns:1fr;gap:0}.footer-inner{gap:24px}.footer-inner>p{padding-left:24px}.footer-signature{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:87px}.container{width:calc(100% - 40px)}.header-inner{height:77px}.brand{width:133px}.menu-toggle{display:flex}.main-nav{position:absolute;top:76px;left:0;right:0;padding:14px 20px 22px;background:var(--navy);border-bottom:1px solid #ffffff1a;display:none;box-shadow:0 15px 25px #0003;align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a:not(.button){font-size:16px;padding:12px 5px}.main-nav .nav-cta{margin:12px 0 0;font-size:15px;min-height:47px}.hero-grid{grid-template-columns:1fr;gap:39px;padding-block:46px 42px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(37px,8vw,53px);max-width:520px;margin-top:20px}.hero-description{font-size:16px;max-width:485px;margin-top:22px}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.short-line{width:20px}.hero-actions{flex-direction:row;align-items:stretch;margin-top:26px;gap:11px}.hero-actions .button{min-width:0;padding-inline:19px;font-size:14px;min-height:48px}.benefits{margin-top:26px;gap:12px 17px}.benefits li{font-size:11px}.benefits .icon{width:17px;height:17px}.hero-visual{width:min(100%,485px);margin-inline:auto;padding:0 31px 34px 0;transform:none}.home-shop{height:218px}.store-nav{height:44px;padding-inline:19px}.store-nav>div:not(.store-icons){display:flex;font-size:7px;gap:12px}.shop-copy{width:59%;padding:24px 0 20px 22px}.shop-copy p{font-size:31px}.shop-eyebrow{font-size:7px}.shop-description{font-size:9px}.shop-button{font-size:7px}.store-products{padding:14px 17px 16px}.store-section-title{font-size:9px}.store-section-title>span{font-size:7px}.product-grid img{height:60px}.product-grid span{font-size:7px}.phone-frame{width:132px;height:271px;top:99px;right:0;transform:rotate(3deg)}.phone-frame .store-nav{height:39px}.phone-scene{height:134px}.phone-scene p{font-size:22px}.phone-products{padding:9px}.phone-products img{height:41px}.hero-visual figcaption{font-size:9px;bottom:0;right:0;text-align:center}.section{padding-block:49px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:29px;line-height:1.18;max-width:450px;margin-inline:auto;margin-top:10px}.eyebrow{font-size:10px}.section-heading>p:last-child:not(.eyebrow){font-size:15px;max-width:270px;margin-inline:auto}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:24px;display:grid;grid-template-columns:49px 1fr;column-gap:18px;align-items:start}.service-icon{grid-column:1;grid-row:1/4;width:47px;height:47px;margin-bottom:0}.service-icon .icon{height:27px;width:27px}.service-card h3{font-size:19px;margin-top:2px;grid-column:2}.service-card p{font-size:15px;min-height:0;max-width:100%;margin-top:8px;grid-column:2}.service-card .text-link{grid-column:2;margin-top:14px;font-size:13px}.example-grid{grid-template-columns:1fr;gap:30px;max-width:485px;margin-inline:auto}.mini-nav{height:42px;padding-inline:18px}.mini-nav>span{display:block;font-size:7px}.mini-scene{height:230px}.mini-copy{padding:30px 24px}.mini-copy>p{font-size:34px}.professional-scene .mini-copy>p{font-size:30px}.mini-copy>span:first-child{font-size:8px}.mini-copy>small{font-size:10px}.mini-button{font-size:8px;padding:7px 10px;margin-top:13px}.example-caption{padding-top:13px}.example-caption h3{font-size:18px}.view-concept{position:absolute;right:0;bottom:4px;font-size:11px}.concept-note{font-size:11px;max-width:300px;margin-inline:auto;margin-top:28px;line-height:1.7}.process-grid{grid-template-columns:1fr;gap:29px;padding-top:4px;max-width:430px;margin-inline:auto}.process-grid li{text-align:left;display:grid;grid-template-columns:52px 1fr;gap:0 19px}.step-number{grid-row:1/3;width:48px;height:48px;font-size:21px;margin:0}.process-grid h3{font-size:18px;padding-top:2px}.process-grid p{font-size:15px;max-width:100%;margin:7px 0 0}.process-grid li:not(:last-child)::after{height:calc(100% - 43px);width:1px;left:24px;top:60px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-heading h2{font-size:32px;margin-top:12px}.faq-heading h2 br{display:none}.faq-heading>p:not(.eyebrow){font-size:15px;margin-top:13px}.faq-heading>p br{display:none}.faq-heading .text-link{margin-top:12px}.accordion summary{font-size:15px;padding-block:22px;gap:20px}.faq-answer{font-size:15px;padding-right:12px}.contact-grid{grid-template-columns:1fr;padding-block:50px;gap:32px}.contact-copy h2{font-size:42px;margin-top:16px}.contact-copy>p:not(.eyebrow){font-size:16px;max-width:340px;margin-top:20px}.brand-bars{margin-top:25px}.contact-form{padding:25px 23px 23px}.form-row{grid-template-columns:1fr 1fr;gap:13px}.field label{font-size:12px}.field input,.field textarea,.field select{font-size:16px;min-height:46px}.field input::placeholder,.field textarea::placeholder{font-size:13px}.submit-button{font-size:15px;min-height:48px}.form-intro{font-size:14px}.footer-inner{padding-block:30px;gap:17px 22px;flex-wrap:wrap}.footer-inner .brand{width:130px}.footer-inner>p{font-size:11px;max-width:200px;flex:1;padding-left:22px}.footer-signature{font-size:11px;width:100%;margin-left:0;border-top:1px solid #ffffff12;padding-top:18px;display:flex;justify-content:space-between}.footer-signature>span{font-size:11px;margin-top:0}.concept-dialog .mini-nav{height:51px;padding-inline:20px;padding-right:62px}.concept-dialog .mini-nav>strong{font-size:24px}.concept-dialog .mini-nav>span{display:none}.concept-dialog .mini-scene{height:270px}.concept-dialog .mini-copy{padding:32px 24px}.concept-dialog .mini-copy>p{font-size:37px}.concept-dialog .mini-copy>span:first-child{font-size:9px}.concept-dialog .mini-copy>small{font-size:11px}.concept-dialog .mini-button{font-size:10px}.dialog-content{padding:23px}.dialog-content h2{font-size:24px}.dialog-content p{font-size:15px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:36px}.hero-actions{gap:9px}.hero-actions .button{padding-inline:13px;font-size:13px}.benefits{gap:10px 13px}.benefits li{font-size:10px}.hero-grid{gap:32px}.home-shop{height:200px}.shop-copy{padding-left:17px}.shop-copy p{font-size:28px}.shop-eyebrow{font-size:6px}.store-nav>div:not(.store-icons){display:none}.phone-frame{top:103px;width:114px;height:245px}.phone-scene{height:119px}.phone-scene p{font-size:20px}.phone-products img{height:32px}.store-section-title>span{display:none}.hero-visual figcaption{font-size:8px}.section-heading h2{font-size:27px}.service-card{padding:21px 18px;column-gap:14px}.service-card h3{font-size:18px}.mini-scene{height:207px}.mini-copy>p{font-size:31px}.professional-scene .mini-copy>p{font-size:27px}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:23px 20px}.view-concept{font-size:10px}.footer-inner{gap:16px}.footer-inner>p{padding-left:16px;font-size:10px}}
/* Keep real content and form controls comfortable to read at every size.
   The miniature store previews intentionally use a scaled presentation. */
.eyebrow{font-size:12px}.benefits li{font-size:12px}.service-card p,.process-grid p,.faq-answer,.faq-heading>p:not(.eyebrow){font-size:16px}.service-card .text-link,.field label,.field-error,.form-status{font-size:14px}.field input,.field textarea,.field select{font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:14px}.form-note,.concept-label,.concept-note,.view-concept{font-size:12px}.footer-inner>p,.footer-signature,.footer-signature>span{font-size:13px}.field{scroll-margin-top:115px}.mini-real-bar{height:27px;display:flex;align-items:center;gap:12px;padding:0 10px;background:#18243a;color:#d9e0e8;font-size:7px;letter-spacing:.01em}.mini-real-bar>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.mini-real-bar .traffic-lights{flex-shrink:0}.mini-real-bar .traffic-lights i{width:5px;height:5px}.real-site-browser .mini-scene{height:214px}.paon-scene>img,.project-scene>img{object-position:top center}.real-label{color:#08763a}.concept-dialog .real-site-browser .mini-real-bar{height:37px;padding-inline:18px;font-size:10px}.concept-dialog .real-site-browser .mini-scene{height:410px}.concept-dialog .paon-scene>img,.concept-dialog .project-scene>img{object-fit:cover;object-position:top center}
@media(max-width:700px){.hero .eyebrow{font-size:12px}.benefits{gap:10px 15px}.hero-visual figcaption{font-size:10px}.footer-inner>p{min-width:145px}.view-concept{position:static}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.example-card:hover .mini-browser{transform:none}}
.hero-image{width:100%;background:#f7f5f0;line-height:0;overflow:hidden}
.hero-image img{display:block;width:100%;height:auto;max-width:none}
.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}
.site-header{position:absolute;top:0;left:0;width:100%;background:linear-gradient(90deg,#06162bf7 0%,#0a294bf4 58%,#0b477cf2 100%);border-bottom:1px solid #78baff38;box-shadow:0 12px 34px #00122752;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{height:90px}
.main-nav .nav-cta{margin-left:0;box-shadow:0 8px 24px #071a3980,0 0 0 1px #ffffff40}
.main-nav .nav-cta:hover{animation:none;box-shadow:0 10px 30px #071a39a8,0 0 0 3px #ffffff55}
@keyframes cta-pulse{0%,100%{transform:translateY(0);box-shadow:0 8px 24px #071a3980,0 0 0 1px #ffffff40}50%{transform:translateY(-2px);box-shadow:0 12px 30px #071a39a8,0 0 0 4px #ffffff2b}}
@media(max-width:700px){.header-inner{height:77px}.main-nav .nav-cta{min-height:46px;padding:11px 18px;font-size:14px}}
.site-header .brand{width:175px;padding:10px 14px;background:linear-gradient(135deg,#07182eeb,#103b6ff0);border:1px solid #8fc1ff66;border-radius:14px;box-shadow:0 10px 30px #071a3966,0 0 0 1px #ffffff12 inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:700px){.site-header .brand{width:150px;padding:8px 11px;border-radius:12px}}
.pricing{background:radial-gradient(circle at 50% 10%,#fff 0,#f5f9ff 45%,#edf5ff 100%);border-top:1px solid #e4edf9;padding-block:72px 64px}
.pricing-heading{margin-bottom:38px}
.pricing-heading .eyebrow{color:#2c4268;font-size:13px}
.pricing-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin-top:10px}
.pricing-heading h2 span{color:#076bea}
.pricing-heading>p:last-of-type{max-width:680px;margin-inline:auto;color:#33486c;font-size:20px}
.pricing-included{display:inline-flex;align-items:center;gap:8px;margin-top:17px;padding:8px 14px;border-radius:999px;background:#fff;color:#294365;border:1px solid #dae7f7;font-size:12px;font-weight:650;box-shadow:0 5px 18px #163b6810}
.pricing-included .icon{width:17px;height:17px;color:#0873ed}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:31px 27px 27px;border:1px solid #e3eaf4;border-radius:18px;background:#fff;box-shadow:0 14px 38px #173f7010}
.plan-card.plan-featured{border:2px solid #0873ed;box-shadow:0 20px 48px #0873ed1c}
.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:8px 26px;border-radius:999px;background:linear-gradient(100deg,#0869e9,#1689ff);color:#fff;font-size:13px;font-weight:750;white-space:nowrap;line-height:1.4;box-shadow:0 8px 20px #0863e838}
.plan-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:14px;margin-bottom:13px}
.plan-icon .icon{width:34px;height:34px;stroke-width:2}
.plan-icon-blue{background:#e5f0ff;color:#076bea}
.plan-icon-red{background:#ffeaec;color:#ec2633}
.plan-icon-green{background:#e2f8ea;color:#13a64a}
.plan-card h3{font-size:28px;letter-spacing:-.04em}
.plan-name{color:#40567b;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.plan-description{color:#40567b;font-size:16px;line-height:1.55;margin-top:9px;min-height:74px}
.plan-price{display:flex;flex-direction:column;margin-top:18px;padding-block:17px;border-block:1px solid #dce5f0}
.plan-price>span{font-size:12px;color:#657895}
.plan-price strong{font-size:32px;line-height:1.15;letter-spacing:-.04em;color:#076bea;margin-top:1px}
.plan-price small{font-size:11px;color:#71819a;margin-top:2px}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin:19px 0 25px}
.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;color:#33496b}
.plan-features .icon{width:20px;height:20px;padding:4px;background:#0d7af1;color:#fff;border-radius:50%;stroke-width:3;margin-top:0}
.plan-button{width:100%;margin-top:auto;min-height:50px;border:2px solid #0873ed;color:#0873ed;background:#fff;font-weight:750}
.plan-button:hover{border-color:#075ac3;color:#075ac3;background:#f5f9ff}
.plan-featured .plan-button{color:#fff;border-color:transparent;background:linear-gradient(100deg,#0869e9,#1689ff);box-shadow:0 8px 22px #0863e82c}
.plan-featured .plan-button:hover{color:#fff;background:linear-gradient(100deg,#075bc8,#0879e7)}
.pricing-note{max-width:920px;margin:24px auto 0;text-align:center;color:#536986;font-size:13px;line-height:1.65}
.pricing-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px;padding:15px 25px;border:1px solid #e3ecf8;border-radius:14px;background:#ffffffd9;box-shadow:0 10px 28px #173f700a}
.pricing-help-copy{display:flex;align-items:center;gap:13px;color:#213655}
.pricing-help-copy>span:last-child{display:flex;flex-direction:column}
.pricing-help-copy strong{font-size:14px;line-height:1.4}
.pricing-help-copy small{font-size:12px;color:#5b6f8d;line-height:1.5}
.help-icon{width:40px;height:40px;display:grid;place-items:center;border:2px solid #0873ed;border-radius:50%;color:#0873ed;flex-shrink:0}
.help-icon .icon{width:23px;height:23px}
.pricing-help>a{display:flex;align-items:center;gap:14px;color:#0873ed;font-size:14px;font-weight:750;font-style:italic;white-space:nowrap}
.pricing-help>a span{font-size:25px;font-weight:400;line-height:1}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto;gap:28px}.plan-description{min-height:0}.pricing-heading h2{font-size:40px}}
@media(max-width:700px){.pricing{padding-block:52px 48px}.pricing-heading{margin-bottom:32px}.pricing-heading h2{font-size:31px}.pricing-heading>p:last-of-type{font-size:16px}.pricing-included{font-size:11px;padding-inline:11px}.plan-card{padding:27px 22px 23px}.plan-card h3{font-size:25px}.plan-price strong{font-size:30px}.pricing-help{align-items:flex-start;flex-direction:column;padding:17px}.pricing-help>a{width:100%;justify-content:space-between;padding-left:53px}.pricing-note{font-size:11px}}
.solutions{background:radial-gradient(circle at 48% 16%,#fff 0,#f7faff 45%,#eff6ff 100%);padding-block:72px 64px;border-bottom:1px solid #e2ebf7}
.solutions-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;margin-bottom:34px}
.solutions-kicker{display:flex;align-items:center;gap:14px}
.solutions-kicker .eyebrow{color:#526b91;font-size:12px}
.mini-brand-bars{display:flex;gap:6px}
.mini-brand-bars i{display:block;width:25px;height:4px;border-radius:4px;background:#ff2b32}.mini-brand-bars i:nth-child(2){background:#22be50}.mini-brand-bars i:nth-child(3){background:#1678ed}
.solutions-heading h2{font-size:clamp(38px,4.1vw,56px);line-height:1.02;margin-top:12px;max-width:650px}
.solutions-heading h2 span{display:block;color:#0873ed}
.solutions-heading>p{color:#5b6e8e;font-size:19px;line-height:1.55;max-width:450px;justify-self:end}
.solutions-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
.solution-card{border-radius:20px;overflow:hidden;position:relative}
.solution-main{grid-row:1/3;min-width:0;background:radial-gradient(circle at 40% 34%,#153b67 0,#0a2442 42%,#06182e 100%);color:#fff;padding:31px 31px 0;box-shadow:0 18px 44px #0a244229}
.solution-main-copy{position:relative;z-index:2}
.solution-title-row{display:flex;align-items:center;gap:18px}
.solution-icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}
.solution-icon .icon{width:33px;height:33px;stroke-width:2}
.blue-icon{background:#0c417a;color:#87c2ff}.red-icon{background:#ffe8ea;color:#ef2937}.green-icon{background:#e1f8e9;color:#12ae4a}
.solution-label{font-size:11px!important;line-height:1.4!important;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#bcd0e9!important;margin:0!important;min-height:0!important}
.solution-title-row h3{font-size:31px;letter-spacing:-.04em;margin-top:3px}
.solution-main-copy>p{margin:11px 0 0 78px;color:#d9e6f4;font-size:16px;line-height:1.55;max-width:455px}
.solution-main-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 0 78px}
.solution-tags{display:flex;gap:8px;flex-wrap:wrap}.solution-tags span{padding:7px 14px;border-radius:999px;background:#0d3c6c;color:#d8eaff;font-size:11px;font-weight:650}
.solution-cta{display:inline-flex;align-items:center;gap:12px;color:#0873ed;font-size:14px;font-weight:750;white-space:nowrap;margin-top:17px}.solution-cta span{font-size:23px;line-height:1;font-weight:400}.solution-cta.solid{margin-top:0;padding:11px 18px;border-radius:10px;background:linear-gradient(100deg,#0869e9,#1689ff);color:#fff;box-shadow:0 8px 22px #0873ed2e}
.solution-device-stage{position:relative;height:402px;margin-top:25px}
.solution-browser{position:absolute;left:8px;right:98px;top:0;height:390px;background:#fff;border:1px solid #8294a8;border-radius:10px 10px 0 0;overflow:hidden;color:#111827;box-shadow:0 12px 30px #0003}
.solution-browser-bar,.mockup-bar{height:23px;background:#e7edf5;display:flex;align-items:center;padding:0 9px}.solution-browser-bar>span,.mockup-bar>span{display:flex;gap:4px}.solution-browser-bar i,.mockup-bar i{width:7px;height:7px;border-radius:50%;background:#ff5b57}.solution-browser-bar i:nth-child(2),.mockup-bar i:nth-child(2){background:#ffbd3e}.solution-browser-bar i:nth-child(3),.mockup-bar i:nth-child(3){background:#2dc94c}
.solution-store-nav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#fff}.solution-store-nav strong{font-size:15px}.solution-store-nav span{font-size:7px;color:#41506a}.solution-store-nav .icon{width:14px;height:14px}
.solution-store-hero{height:192px;position:relative;overflow:hidden;isolation:isolate}.solution-store-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%;z-index:-1}.solution-store-hero>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:58%;height:100%;padding-left:27px;background:linear-gradient(90deg,#f1e9ddf5,#f1e9ddaa 65%,transparent)}.solution-store-hero strong{font-size:24px;line-height:1.05;max-width:180px}.solution-store-hero small{font-size:8px;margin-top:9px;color:#4d4c47}.solution-store-hero span{margin-top:11px;padding:6px 9px;background:#1e2935;color:#fff;border-radius:3px;font-size:7px}
.solution-products{padding:12px 17px}.solution-products>strong{font-size:9px}.solution-products>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.solution-products>div span{height:70px;border-radius:5px;overflow:hidden;background:#f3f1ec}.solution-products img{width:100%;height:100%;object-fit:cover}.solution-products span:nth-child(1) img{object-position:20% 75%}.solution-products span:nth-child(2) img{object-position:51% 72%}.solution-products span:nth-child(3) img{object-position:83% 70%}
.solution-phone{position:absolute;right:4px;bottom:0;width:139px;height:317px;padding:5px;background:#10151c;border:2px solid #d9dde2;border-radius:24px;box-shadow:0 15px 28px #0005;color:#111827}.solution-phone-notch{position:absolute;top:4px;left:50%;width:52px;height:12px;transform:translateX(-50%);background:#10151c;border-radius:0 0 8px 8px;z-index:2}.solution-phone-content{height:100%;padding:18px 8px 8px;background:#fff;border-radius:17px;overflow:hidden}.solution-phone-content>strong{display:block;font-size:12px;margin-bottom:9px}.phone-home-visual{height:144px;position:relative;overflow:hidden;border-radius:3px}.phone-home-visual img{width:100%;height:100%;object-fit:cover;object-position:70%}.phone-home-visual span{position:absolute;left:8px;top:14px;font-size:15px;line-height:1.05;font-weight:750}.solution-phone-content>small{display:block;font-size:7px;font-weight:700;margin:10px 0 6px}.phone-product{width:100%;height:69px;object-fit:cover;object-position:center 73%;border-radius:3px}
.solution-secondary{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:20px;padding:27px 27px 27px 31px;border:1px solid #dae6f5;background:#f7fbff;box-shadow:0 10px 30px #214d7810}
.solution-catalog{background:linear-gradient(135deg,#f7fbff,#eef6ff)}.solution-redesign{background:linear-gradient(135deg,#f7fdf9,#effaf3);border-color:#dbeee2}
.solution-secondary-copy .solution-label{color:#647797!important;margin-top:12px!important}.solution-secondary-copy h3{font-size:26px;margin-top:7px}.solution-secondary-copy>p:not(.solution-label){color:#5a6f8e;font-size:14px;line-height:1.55;margin-top:9px}
.catalog-mockup{background:#fff;border:1px solid #e0e7f0;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #23446515;padding-bottom:10px;min-width:0}.catalog-title{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 8px}.catalog-title strong{font-size:12px}.catalog-title .icon{width:13px;height:13px}.catalog-tabs{display:flex;gap:7px;padding:0 10px}.catalog-tabs span,.catalog-tabs i{font-size:6px;font-style:normal;padding:4px 6px;border-radius:8px}.catalog-tabs span{background:#e5f0ff;color:#076bea}.catalog-tabs i{color:#61718a}.catalog-products{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 10px}.catalog-products>span{overflow:hidden;border-radius:5px;background:#f5f7fa;border:1px solid #edf0f4}.catalog-products img{height:66px;width:100%;object-fit:cover}.catalog-products span:nth-child(1) img{object-position:17% 68%}.catalog-products span:nth-child(2) img{object-position:50% 70%}.catalog-products span:nth-child(3) img{object-position:84% 65%}.catalog-products small{display:block;padding:4px;font-size:6px;white-space:nowrap}.catalog-mockup>b{display:block;margin:0 10px;padding:6px;border-radius:4px;background:#0873ed;color:#fff;text-align:center;font-size:7px}
.redesign-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.before-site>small,.after-site>small{display:block;text-align:center;font-size:8px;color:#60718c;margin-bottom:7px}.skeleton,.after-window{height:135px;border-radius:8px;background:#fff;box-shadow:0 9px 23px #173f7014;padding:10px}.skeleton{display:grid;grid-template-columns:1fr 1fr;gap:7px}.skeleton i{display:block;border-radius:4px;background:#dfe4eb}.skeleton i:first-child{grid-column:1/3;height:34px}.skeleton i:nth-child(2){grid-column:1/3;height:12px}.comparison-arrow{color:#0873ed;font-size:20px}.after-window{padding:8px}.after-window strong{font-size:8px}.after-window img{display:block;width:100%;height:67px;object-fit:cover;object-position:center 69%;border-radius:3px;margin-top:5px}.after-window>span{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.after-window i{height:22px;border-radius:3px;background:#e7efe8}
.solutions-help{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:16px 12px 0;border-top:1px solid #d9e5f3}.solutions-help>div{display:flex;align-items:center;gap:14px}.solutions-help>div>span:last-child{display:flex;flex-direction:column}.solutions-help strong{font-size:14px}.solutions-help small{font-size:12px;color:#617490}.solutions-help .button{min-height:48px;border:2px solid #0873ed;color:#0873ed;background:#fff;padding-inline:26px;font-weight:750}.solutions-help .button span{font-size:22px;margin-left:9px}
@media(max-width:1050px){.solutions-grid{grid-template-columns:1fr}.solution-main{grid-row:auto}.solution-device-stage{height:430px}.solution-secondary{min-height:300px}.solutions-heading{gap:35px}}
@media(max-width:700px){.solutions{padding-block:52px 45px}.solutions-heading{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.solutions-heading h2{font-size:38px}.solutions-heading>p{justify-self:start;font-size:16px}.solution-main{padding:24px 19px 0}.solution-title-row{gap:13px}.solution-icon{width:52px;height:52px}.solution-icon .icon{width:28px;height:28px}.solution-title-row h3{font-size:25px}.solution-main-copy>p,.solution-main-actions{margin-left:0}.solution-main-actions{align-items:stretch;flex-direction:column}.solution-cta.solid{justify-content:space-between}.solution-device-stage{height:340px;margin-top:20px}.solution-browser{left:0;right:54px;height:330px}.solution-store-nav span{display:none}.solution-store-hero{height:168px}.solution-store-hero strong{font-size:20px}.solution-products>div span{height:54px}.solution-phone{right:0;width:111px;height:258px}.phone-home-visual{height:111px}.phone-home-visual span{font-size:12px}.phone-product{height:50px}.solution-secondary{grid-template-columns:1fr;padding:23px;gap:22px}.solution-secondary-copy h3{font-size:25px}.catalog-mockup{max-width:360px;width:100%;margin-inline:auto}.redesign-comparison{max-width:370px;width:100%;margin-inline:auto}.solutions-help{align-items:flex-start;flex-direction:column;padding-inline:0}.solutions-help .button{width:100%;justify-content:space-between}.solutions-help small{line-height:1.5}.mini-brand-bars i{width:20px}}

/* Enfoque comercial: tienda digital activa */
.commerce-intro{padding-block:72px;background:linear-gradient(135deg,#07182e 0,#0b2b51 58%,#0b4786 100%);color:#fff}
.commerce-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center}
.commerce-intro .eyebrow{color:#94c5ff}
.commerce-intro h1{font-size:clamp(40px,4.7vw,64px);line-height:1.02;max-width:780px;margin-top:15px}
.commerce-intro h1 span{display:block;color:#53a6ff}
.commerce-lead{font-size:21px!important;line-height:1.48!important;color:#fff!important;font-weight:650;margin-top:25px!important;max-width:720px!important}
.commerce-intro-copy>p:not(.eyebrow){color:#c9d9eb;font-size:16px;line-height:1.65;max-width:680px;margin-top:12px}
.commerce-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}
.commerce-actions .button{min-height:51px}
.button-outline{border:1px solid #78b7ff;color:#fff;background:#ffffff0b}
.button-outline:hover{background:#ffffff18;color:#fff}
.physical-store-card{padding:31px;border:1px solid #ffffff20;border-radius:20px;background:#ffffff0d;box-shadow:0 22px 50px #00152c44;backdrop-filter:blur(8px)}
.physical-store-card>p{color:#9ecaff;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;margin-top:20px}
.physical-store-card>strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.035em;margin-top:7px}
.physical-store-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:24px}
.physical-store-card li{display:flex;align-items:center;gap:10px;color:#dbe9f8;font-size:14px}
.physical-store-card li .icon{width:19px;height:19px;padding:4px;border-radius:50%;background:#1481f1;color:#fff;stroke-width:3}
.service-includes{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:center;padding:24px 28px;margin-bottom:36px;border:1px solid #dce8f7;border-radius:18px;background:#fff;box-shadow:0 12px 32px #173f700d}
.service-includes>div{display:flex;align-items:center;gap:16px}
.service-includes .plan-icon{margin:0;flex-shrink:0}
.service-includes>div>span:last-child{display:flex;flex-direction:column}
.service-includes strong{font-size:17px}
.service-includes small{color:#607491;line-height:1.5;margin-top:3px}
.service-includes ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.service-includes li{display:flex;align-items:center;gap:9px;color:#354d70;font-size:13px}
.service-includes li .icon{width:18px;height:18px;padding:4px;background:#0d7af1;color:#fff;border-radius:50%;stroke-width:3}
.merchant-plans .plan-description{min-height:100px}
.merchant-plans .plan-features{gap:10px}
.domain-strip{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:26px;padding:18px 23px;border:1px solid #dbe7f5;border-radius:14px;background:#fff}
.domain-strip>span{display:flex;align-items:center;gap:9px;color:#17375e}.domain-strip>span .icon{color:#0873ed;width:22px;height:22px}.domain-strip p{font-size:13px;color:#617490}.domain-strip>div{display:flex;gap:7px}.domain-strip b{padding:6px 10px;border-radius:999px;background:#e9f3ff;color:#0767d8;font-size:11px}
.demo-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.commerce-intro-grid{grid-template-columns:1fr;gap:35px}.physical-store-card{max-width:650px}.service-includes{grid-template-columns:1fr}.merchant-plans .plan-description{min-height:0}.demo-grid{grid-template-columns:1fr 1fr}.domain-strip{grid-template-columns:1fr}.domain-strip>div{flex-wrap:wrap}}
@media(max-width:700px){.commerce-intro{padding-block:48px}.commerce-intro h1{font-size:38px}.commerce-lead{font-size:18px!important}.commerce-actions{align-items:stretch;flex-direction:column}.commerce-actions .button{width:100%}.physical-store-card{padding:24px}.physical-store-card>strong{font-size:23px}.service-includes{padding:21px}.service-includes ul{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr}.domain-strip{padding:17px}.merchant-plans .plan-card{padding-inline:21px}}

/* Sección 2: del local físico a la vitrina digital */
.commerce-intro{position:relative;overflow:hidden;padding-block:78px;background:radial-gradient(circle at 80% 35%,#0c68bd88 0,transparent 39%),radial-gradient(circle at 47% 48%,#07569b45 0,transparent 32%),linear-gradient(120deg,#06162b 0,#082849 54%,#075da7 100%)}
.commerce-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03102340,transparent 45%,#1688e414);pointer-events:none}
.commerce-intro-grid{position:relative;z-index:1;grid-template-columns:.94fr 1.06fr;gap:38px;align-items:center}
.commerce-intro .eyebrow{color:#77b9f4;letter-spacing:.17em;font-size:12px}
.commerce-intro h1{font-size:clamp(47px,4.5vw,65px);line-height:1.04;max-width:610px;margin-top:24px}
.commerce-intro h1 span{color:#62b1ff}
.commerce-lead{font-size:20px!important;line-height:1.45!important;margin-top:34px!important;max-width:620px!important}
.commerce-intro-copy>p:not(.eyebrow):not(.commerce-lead){font-size:16px;line-height:1.65;max-width:590px;margin-top:15px;color:#c8d9eb}
.commerce-actions{margin-top:30px;gap:15px}
.commerce-actions .button{min-height:55px;padding-inline:25px;font-size:15px;font-weight:750}
.commerce-actions .button>span{font-size:23px;line-height:1;margin-left:7px}
.commerce-actions .button>.icon{width:25px;height:25px;margin-right:7px}
.commerce-visual{position:relative;height:700px;min-width:0}
.physical-shop-mockup{position:absolute;left:0;top:82px;width:67%;height:430px;overflow:hidden;border:1px solid #61a7e672;border-radius:17px;background:#0b2a49;box-shadow:0 24px 60px #00142d8c,0 0 45px #1489ec24}
.physical-shop-label{height:56px;display:flex;align-items:center;gap:13px;padding:0 18px;color:#fff;background:linear-gradient(90deg,#0b2b4ae8,#0d3f6ce8);font-size:16px}
.physical-shop-label>span,.digital-badge>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#0b4d88,#087ad8);box-shadow:0 5px 15px #001d3d66}
.physical-shop-label .icon,.digital-badge .icon{width:23px;height:23px;color:#91caff}
.physical-shop-mockup>img{width:100%;height:calc(100% - 56px);object-fit:cover;object-position:center}
.digital-badge{position:absolute;right:1%;top:16px;z-index:5;display:flex;align-items:center;gap:12px;padding:9px 18px 9px 10px;border:1px solid #78c1ff;border-radius:15px;background:linear-gradient(110deg,#0868c9,#1687f4);color:#fff;font-size:16px;font-weight:750;box-shadow:0 12px 35px #001b3a77,0 0 24px #23a4ff4a}
.digital-badge>span{width:34px;height:34px;background:#075bbb}.digital-badge .icon{width:20px;height:20px;color:#fff}
.commerce-arrow{position:absolute;z-index:4;left:49%;top:44px;width:105px;height:49px;overflow:visible;filter:drop-shadow(0 3px 5px #001a38)}
.commerce-arrow-line,.commerce-arrow-head{fill:none;stroke:#63b3fb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.commerce-phone-mockup{position:absolute;z-index:3;right:0;top:76px;width:47%;height:495px;padding:8px;border:2px solid #8ba1b9;border-radius:39px;background:linear-gradient(145deg,#1c2530,#05090e 62%,#253142);box-shadow:0 28px 65px #001229b3,0 0 42px #168ce642;transform:rotate(1.3deg)}
.commerce-phone-mockup::before{content:"";position:absolute;z-index:3;left:50%;top:8px;width:45%;height:22px;transform:translateX(-50%);border-radius:0 0 14px 14px;background:#0b1118}
.commerce-phone-screen{height:100%;overflow:hidden;border-radius:30px;background:#fff;color:#0b1728}
.commerce-phone-nav{height:61px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 17px 12px;background:#fff}.commerce-phone-nav strong{font-size:17px}.commerce-phone-nav .icon{width:20px;height:20px}
.commerce-phone-hero{position:relative;height:176px;overflow:hidden}.commerce-phone-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 67%}.commerce-phone-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172230b5,transparent 67%)}
.commerce-phone-hero>div{position:absolute;z-index:1;left:15px;top:54px;color:#fff}.commerce-phone-hero strong{font-size:22px;line-height:1.05}.commerce-phone-hero small{display:block;font-size:10px;line-height:1.3;margin-top:8px}.commerce-phone-hero>span{position:absolute;z-index:1;right:12px;top:72px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#14243b;font-size:29px;line-height:1}
.commerce-phone-products{padding:14px 13px 10px}.commerce-phone-products>div:first-child{display:flex;justify-content:space-between;align-items:center}.commerce-phone-products>div:first-child strong{font-size:11px}.commerce-phone-products>div:first-child small{font-size:8px;color:#2581dd}
.commerce-product-row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.commerce-product-row>span{min-width:0}.commerce-product-row img{width:100%;height:69px;object-fit:cover;border-radius:6px;background:#edf1f5}.commerce-product-row span:nth-child(1) img{object-position:20% 69%}.commerce-product-row span:nth-child(2) img{object-position:52% 68%}.commerce-product-row span:nth-child(3) img{object-position:84% 67%}.commerce-product-row b{display:block;overflow:hidden;margin-top:4px;font-size:7px;white-space:nowrap;text-overflow:ellipsis}
.commerce-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;margin:3px 13px 0;height:46px;border-radius:9px;background:linear-gradient(100deg,#1ca661,#25b76f);color:#fff;font-size:18px}.commerce-whatsapp span{font-size:11px;font-weight:750}
.commerce-benefits{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);min-height:67px;margin:0;padding:11px 8px;list-style:none;border:1px solid #4a8bc47a;border-radius:15px;background:#071c36c9;box-shadow:0 15px 35px #00152e55;backdrop-filter:blur(8px)}
.commerce-benefits li{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;color:#e5f2ff;font-size:12px;white-space:nowrap}.commerce-benefits li+li{border-left:1px solid #477dac}.commerce-benefits .icon{width:29px;height:29px;padding:8px;border-radius:50%;background:#0c80ef;color:#fff;stroke-width:3}
@media(max-width:1100px){.commerce-intro-grid{grid-template-columns:.9fr 1.1fr;gap:20px}.commerce-intro h1{font-size:49px}.commerce-lead{font-size:18px!important}.commerce-visual{height:645px}.physical-shop-mockup{top:76px;height:385px}.commerce-phone-mockup{top:70px;height:450px}.commerce-phone-hero{height:157px}.commerce-product-row img{height:57px}.commerce-benefits li{font-size:10px;gap:6px}.commerce-benefits .icon{width:25px;height:25px;padding:7px}}
@media(max-width:900px){.commerce-intro-grid{grid-template-columns:1fr;gap:34px}.commerce-intro-copy{max-width:720px}.commerce-intro h1{max-width:720px;font-size:54px}.commerce-visual{width:min(100%,680px);height:690px;margin-inline:auto}}
@media(max-width:700px){.commerce-intro{padding-block:52px}.commerce-intro h1{font-size:42px}.commerce-lead{font-size:18px!important;margin-top:25px!important}.commerce-actions{flex-direction:column}.commerce-actions .button{justify-content:center}.commerce-visual{height:575px;margin-top:3px}.physical-shop-mockup{top:68px;width:69%;height:340px;border-radius:13px}.physical-shop-label{height:47px;padding-inline:11px;font-size:12px;gap:8px}.physical-shop-label>span{width:31px;height:31px;border-radius:8px}.physical-shop-label .icon{width:18px;height:18px}.physical-shop-mockup>img{height:calc(100% - 47px)}.digital-badge{top:11px;right:0;font-size:12px;padding:7px 12px 7px 7px;border-radius:11px}.digital-badge>span{width:28px;height:28px;border-radius:7px}.digital-badge .icon{width:17px;height:17px}.commerce-arrow{left:45%;top:39px;width:76px;height:40px}.commerce-phone-mockup{top:65px;width:48%;height:385px;padding:6px;border-radius:30px}.commerce-phone-mockup::before{top:6px;height:17px}.commerce-phone-screen{border-radius:23px}.commerce-phone-nav{height:48px;padding:0 11px 8px}.commerce-phone-nav strong{font-size:13px}.commerce-phone-nav .icon{width:16px;height:16px}.commerce-phone-hero{height:137px}.commerce-phone-hero>div{left:10px;top:40px}.commerce-phone-hero strong{font-size:17px}.commerce-phone-hero small{font-size:8px}.commerce-phone-hero>span{right:8px;top:54px;width:24px;height:24px;font-size:22px}.commerce-phone-products{padding:10px 8px 6px}.commerce-phone-products>div:first-child strong{font-size:8px}.commerce-phone-products>div:first-child small{font-size:6px}.commerce-product-row{gap:4px;margin-top:6px}.commerce-product-row img{height:48px}.commerce-product-row b{font-size:5px}.commerce-whatsapp{height:35px;margin:2px 8px 0;font-size:14px}.commerce-whatsapp span{font-size:8px}.commerce-benefits{min-height:56px;padding:8px 3px;border-radius:11px}.commerce-benefits li{font-size:8px;gap:4px;padding:0 4px}.commerce-benefits .icon{width:21px;height:21px;padding:6px}}
@media(max-width:420px){.commerce-intro h1{font-size:38px}.commerce-visual{height:520px}.physical-shop-mockup{top:62px;height:295px}.commerce-phone-mockup{top:61px;height:337px}.commerce-phone-hero{height:117px}.commerce-product-row img{height:38px}.commerce-phone-products{padding-top:8px}.commerce-whatsapp{height:31px}.commerce-benefits{min-height:51px}.commerce-benefits li{font-size:7px}.commerce-benefits .icon{width:19px;height:19px;padding:5px}}

/* Sección 3: su comercio también en línea */
.commerce-online{padding-block:76px 52px;background:radial-gradient(circle at 52% 15%,#fff 0,#f8fbff 48%,#f1f6fd 100%);border-bottom:1px solid #dfe8f3}
.commerce-online-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center;margin-bottom:38px}
.commerce-online-heading h2{max-width:690px;margin-top:16px;font-size:clamp(42px,4.6vw,62px);line-height:1.04}
.commerce-online-heading h2 span{display:block;color:#086df0}
.commerce-online-heading>p{max-width:450px;color:#5e7193;font-size:20px;line-height:1.48}
.commerce-online-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.commerce-online-card{min-width:0}
.commerce-online-image{overflow:hidden;aspect-ratio:1.08/1;border:1px solid #e3e9f1;border-radius:15px;background:#ede8df;box-shadow:0 10px 28px #173f700d}
.commerce-online-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.commerce-online-card:hover .commerce-online-image img{transform:scale(1.018)}
.commerce-online-card h3{margin:15px 5px 0;font-size:25px;letter-spacing:-.04em}
.commerce-online-card>p{max-width:360px;margin:7px 5px 0;color:#5f7395;font-size:17px;line-height:1.48}
.commerce-online-note{margin:18px 5px 0;color:#8191ab;font-size:11px}
.commerce-online-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:22px 0 0 5px;border-top:1px solid #ccd9e8}
.commerce-online-cta strong{font-size:19px;letter-spacing:-.025em}
.commerce-online-cta .button{min-height:52px;padding-inline:27px;font-size:15px;box-shadow:0 10px 25px #0863e82b}
.commerce-online-cta .button span{font-size:24px;line-height:1;margin-left:10px}
@media(max-width:900px){.commerce-online-heading{grid-template-columns:1fr;gap:18px}.commerce-online-heading>p{max-width:690px}.commerce-online-grid{grid-template-columns:1fr 1fr}.commerce-online-card:last-child{grid-column:1/3;max-width:calc(50% - 10px);width:100%;margin-inline:auto}}
@media(max-width:700px){.commerce-online{padding-block:52px 44px}.commerce-online-heading{margin-bottom:28px}.commerce-online-heading h2{font-size:39px}.commerce-online-heading>p{font-size:16px}.commerce-online-grid{grid-template-columns:1fr;gap:30px;max-width:500px;margin-inline:auto}.commerce-online-card:last-child{grid-column:auto;max-width:none}.commerce-online-card h3{font-size:23px}.commerce-online-card>p{font-size:16px}.commerce-online-note{max-width:500px;margin-inline:auto;margin-top:17px}.commerce-online-cta{align-items:stretch;flex-direction:column;max-width:500px;margin-inline:auto;margin-top:20px}.commerce-online-cta .button{width:100%;justify-content:space-between}}

/* Sección 4: activación y planes mensuales */
.pricing{position:relative;overflow:hidden;padding-block:68px 54px;border:0;background:radial-gradient(circle at 78% 24%,#0872cf 0,transparent 39%),radial-gradient(circle at 47% 58%,#07529080 0,transparent 36%),linear-gradient(115deg,#06172d 0,#082b50 55%,#0864ae 100%);color:#fff}
.pricing::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03112442,transparent 44%,#188ee723);pointer-events:none}
.pricing>.container{position:relative;z-index:1}
.pricing-heading{display:grid;grid-template-columns:1.22fr .78fr;gap:70px;align-items:center;margin-bottom:38px;text-align:left}
.pricing-heading .eyebrow{color:#8fd0ff;font-size:12px;letter-spacing:.18em}
.pricing-heading h2{max-width:660px;margin-top:10px;color:#fff;font-size:clamp(43px,4.5vw,62px);line-height:1.03;letter-spacing:-.05em}
.pricing-heading h2 span{display:block;color:#61b4ff}
.pricing-heading>p{max-width:430px;margin:31px 0 0!important;color:#d2e1f1!important;font-size:19px!important;line-height:1.42}
.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.pricing-grid.merchant-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin-inline:auto}
.merchant-plans .plan-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.pricing .plan-card{min-height:435px;padding:35px 33px 25px;border:1px solid #4b8abc;border-radius:19px;background:linear-gradient(155deg,#0b3157d9,#08233fe8);box-shadow:0 22px 50px #00152f3b;color:#fff}
.pricing .plan-card.plan-featured{border-color:#63b8f3;background:linear-gradient(150deg,#104c80e8,#0c477fe0 55%,#0a3158e8);box-shadow:0 24px 55px #00152f70,0 0 38px #158ae533}
.pricing .plan-badge{top:0;padding:7px 27px;background:linear-gradient(100deg,#0877ee,#168aff);box-shadow:0 9px 24px #001c426b;font-size:13px}
.pricing .plan-name{margin:0 0 5px;color:#91d2ff;font-size:12px;letter-spacing:.18em}
.pricing .plan-card h3{color:#fff;font-size:28px;line-height:1.12}
.pricing .plan-price{display:block;margin-top:26px;padding:0;border:0;color:#fff;line-height:1.1}
.pricing .plan-price strong{display:inline;color:#fff;font-size:49px;line-height:1;letter-spacing:-.055em}
.pricing .plan-price>span{margin-left:7px;color:#fff;font-size:20px;white-space:nowrap}
.pricing .plan-price>em{display:block;margin-bottom:6px;color:#fff;font-size:16px;font-style:normal;line-height:1.2}
.pricing .plan-price small{display:block;margin-top:9px;color:#e1ebf6;font-size:14px;line-height:1.35}
.plan-annual{margin-top:22px;padding:18px;border:1px solid #4b99cc;border-radius:12px;background:linear-gradient(120deg,#188ce51f,#1689ff0a)}
.plan-annual-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;color:#d2e9fc;font-size:13px;line-height:1.4}
.annual-discount{display:inline-block;padding:5px 9px;border:1px solid #67dbab70;border-radius:6px;background:#0b513b;color:#bbffdb;font-size:12px;font-weight:750;white-space:nowrap}
.annual-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:13px;color:#fff;line-height:1.15}
.annual-price strong{font-size:34px;letter-spacing:-.04em;white-space:nowrap}
.annual-price>span{font-size:16px;white-space:nowrap;color:#d2e9fc}
.annual-detail{margin-top:7px;color:#c4ddf1;font-size:13px;line-height:1.4}
.plan-payment-note{margin-top:12px;color:#c4ddf1;font-size:12px;line-height:1.5}
@media(max-width:700px){.plan-annual{padding:15px}.annual-price strong{font-size:28px}}
.pricing .plan-features{gap:14px;margin:37px 0 25px}
.pricing .plan-features li{align-items:center;gap:13px;color:#edf6ff;font-size:15px;line-height:1.35}
.pricing .plan-features .plan-feature-highlight{align-items:flex-start;color:#fff}
.pricing .plan-features .plan-feature-highlight strong{font-weight:750}
.pricing .plan-features .icon{width:28px;height:28px;flex:0 0 28px;padding:7px;background:#087cf1;box-shadow:0 5px 14px #00193566}
.pricing .plan-button{min-height:53px;border:1px solid #73bded;border-radius:11px;background:#ffffff03;color:#fff;font-size:16px;box-shadow:none}
.pricing .plan-button:hover{border-color:#a8dcff;background:#ffffff10;color:#fff}
.pricing .plan-featured .plan-button{border:0;background:linear-gradient(100deg,#0876ed,#087eff);box-shadow:0 9px 23px #001d4266}
.pricing .plan-featured .plan-button:hover{background:linear-gradient(100deg,#1689ff,#0870e2)}
.custom-plan-note{margin:25px auto 0;text-align:center;color:#d7e5f3;font-size:13px;line-height:1.5}
.custom-plan-note strong{font-weight:650}
.pricing-summary{max-width:640px;margin:34px auto 0;padding:20px 28px;border:1px solid #ffd569;border-radius:14px;background:linear-gradient(115deg,#ff9d0a,#ffd247);box-shadow:0 14px 32px #001b3d80;text-align:center;color:#09284a}
.pricing-summary strong{display:block;color:#09284a;font-size:20px;letter-spacing:-.02em;line-height:1.3}
.pricing-summary p{margin-top:5px;font-size:14px;line-height:1.5}
.pricing-summary small{display:block;margin-top:19px;color:#d4e0ed;font-size:12px;line-height:1.48}
@media(max-width:1050px){.pricing-heading{grid-template-columns:1.1fr .9fr;gap:38px}.pricing-heading h2{font-size:49px}.pricing .plan-card{padding-inline:24px}.pricing .plan-price strong{font-size:42px}.pricing .plan-price>span{font-size:17px}.pricing .plan-features li{font-size:13px}}
@media(max-width:900px){.pricing-heading{grid-template-columns:1fr;gap:8px}.pricing-heading h2{max-width:720px}.pricing-heading>p{max-width:650px;margin-top:12px!important}.pricing-grid,.pricing-grid.merchant-plans{grid-template-columns:1fr;max-width:620px;margin-inline:auto;gap:28px}.pricing .plan-card{min-height:0;padding:36px 32px 27px}.pricing .plan-features{margin-top:30px}.pricing-summary{max-width:620px}}
@media(max-width:700px){.pricing{padding-block:52px 44px}.pricing-heading{margin-bottom:31px}.pricing-heading h2{font-size:39px}.pricing-heading>p{font-size:16px!important}.pricing .plan-card{padding:32px 22px 23px}.pricing .plan-card h3{font-size:25px}.pricing .plan-price{margin-top:22px}.pricing .plan-price strong{font-size:43px}.pricing .plan-price>span{font-size:17px}.pricing .plan-features,.merchant-plans .plan-features{grid-template-columns:1fr;gap:12px;margin:28px 0 24px}.pricing .plan-features li{font-size:14px}.pricing-summary{margin-top:29px;padding:17px 20px}.pricing-summary strong{font-size:17px}.pricing-summary p{font-size:13px}.pricing-summary small{font-size:11px}}

/* Sección 5: tiendas virtuales publicadas */
.examples{position:relative;overflow:hidden;padding-block:72px 60px;border:0;background:radial-gradient(circle at 82% 28%,#086dc4 0,transparent 41%),radial-gradient(circle at 50% 75%,#07528d80 0,transparent 42%),linear-gradient(118deg,#06172d 0,#082b50 55%,#0860a8 100%);color:#fff}
.examples::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03112440,transparent 46%,#188ee71f);pointer-events:none}
.examples>.container{position:relative;z-index:1}
.examples-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:72px;align-items:end;margin-bottom:39px}
.examples-heading .eyebrow{color:#8ed0ff;font-size:12px;letter-spacing:.18em}
.examples-heading h2{max-width:650px;margin-top:11px;color:#fff;font-size:clamp(44px,4.65vw,64px);line-height:1.03;letter-spacing:-.05em}
.examples-heading h2 span{display:block;color:#61b4ff}
.examples-heading>p{max-width:360px;margin:0 0 6px;padding-left:29px;border-left:1px solid #3e92cc;color:#c4d8eb;font-size:19px;line-height:1.48}
.examples .example-grid{gap:14px}
.examples .example-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #3189c5;border-radius:18px;background:linear-gradient(155deg,#0a3157df,#082441ec);box-shadow:0 20px 48px #00162f3b;color:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.examples .example-card:hover{transform:translateY(-5px);border-color:#62b9f2;box-shadow:0 26px 55px #00142f70,0 0 32px #1488df2b}
.example-preview{display:block;overflow:hidden;aspect-ratio:1.42/1;margin:19px 12px 0;border-radius:12px;background:#07182c;box-shadow:0 12px 29px #00142d70}
.example-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}
.example-card:hover .example-preview img{transform:scale(1.015)}
.example-preview-full img{object-fit:contain;object-position:center}
.example-card:hover .example-preview-full img{transform:none}
.examples .example-caption{display:flex;flex:1;flex-direction:column;padding:20px 20px 22px}
.published-label{display:flex;align-items:center;gap:10px;color:#d7e8f7;font-size:13px;line-height:1.4}
.published-label i{width:13px;height:13px;border-radius:50%;background:#087eff;box-shadow:0 0 16px #168fff9c}
.examples .example-caption h3{margin-top:7px;color:#fff;font-size:24px;line-height:1.2;letter-spacing:-.035em}
.examples .example-caption p{margin-top:3px;color:#bcd2e7;font-size:16px;line-height:1.45}
.example-link{width:100%;min-height:53px;margin-top:16px;border:0;border-radius:10px;background:linear-gradient(100deg,#0875ed,#087eff);color:#fff;font-size:16px;font-weight:750;box-shadow:0 9px 23px #001d4266}
.example-link span{margin-left:11px;font-size:24px;font-weight:400;line-height:1}
.example-link:hover{background:linear-gradient(100deg,#1689ff,#0870e2);color:#fff;box-shadow:0 12px 27px #001a3e80}
.examples .concept-note{margin-top:31px;color:#bcd0e4;font-size:13px}
@media(max-width:1050px){.examples-heading{grid-template-columns:1.12fr .88fr;gap:40px}.examples-heading h2{font-size:52px}.examples .example-caption{padding-inline:17px}.examples .example-caption h3{font-size:21px}.examples .example-caption p{font-size:14px}}
@media(max-width:900px){.examples-heading{grid-template-columns:1fr;gap:18px;align-items:start}.examples-heading h2{max-width:720px}.examples-heading>p{max-width:650px;margin:0;padding:0;border:0}.examples .example-grid{grid-template-columns:1fr 1fr;gap:20px}.examples .example-card:last-child{grid-column:1/3;max-width:calc(50% - 10px);width:100%;margin-inline:auto}}
@media(max-width:700px){.examples{padding-block:52px 45px}.examples-heading{margin-bottom:29px}.examples-heading h2{font-size:39px}.examples-heading>p{font-size:16px}.examples .example-grid{grid-template-columns:1fr;max-width:500px;margin-inline:auto;gap:22px}.examples .example-card:last-child{grid-column:auto;max-width:none}.example-preview{margin:13px 10px 0;border-radius:10px}.examples .example-caption{padding:17px 17px 19px}.examples .example-caption h3{font-size:23px}.examples .example-caption p{font-size:15px}.example-link{margin-top:14px}.examples .concept-note{max-width:500px;margin-inline:auto;margin-top:25px}}

/* Sección 6: recorrido interactivo del proceso */
.process{position:relative;overflow:hidden;padding-block:67px 52px;background:radial-gradient(circle at 82% 26%,#0870c8 0,transparent 42%),radial-gradient(circle at 45% 75%,#07528d80 0,transparent 40%),linear-gradient(118deg,#06172d 0,#082b50 55%,#0860a8 100%);color:#fff}
.process::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03112440,transparent 46%,#188ee71f);pointer-events:none}
.process>.container{position:relative;z-index:1}
.process-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:31px}
.process-heading .eyebrow{color:#8ed0ff;font-size:12px;letter-spacing:.18em}
.process-heading h2{max-width:680px;margin-top:10px;color:#fff;font-size:clamp(44px,4.65vw,64px);line-height:1.03;letter-spacing:-.05em}
.process-heading h2 span{display:block;color:#61b4ff}
.process-heading>p{max-width:430px;margin-bottom:7px;color:#c5d9ec;font-size:19px;line-height:1.48}
.process-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 16px 14px}
.process-tab{min-height:60px;padding:12px 30px;border:1px solid #2c82be;border-radius:13px;background:#092c4e9c;color:#a8c7e6;text-align:left;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.process-tab:hover{border-color:#66baf1;color:#fff;transform:translateY(-2px)}
.process-tab strong{margin-right:27px;color:#63b2f2;font-size:22px}.process-tab span{font-size:17px;font-weight:650}
.process-tab.is-active{border-color:#55b9ff;background:linear-gradient(100deg,#0875ed,#087eff);color:#fff;box-shadow:0 10px 27px #00193670,0 0 25px #1488e238}
.process-tab.is-active strong{color:#fff}
.process-panels{border:1px solid #3189c5;border-radius:20px;background:linear-gradient(155deg,#0a3157d9,#082441eb);box-shadow:0 25px 65px #00142f55;overflow:hidden}
.process-panel{display:grid;grid-template-columns:1.42fr .58fr;min-height:472px;animation:process-enter .3s ease both}
.process-panel[hidden]{display:none}
@keyframes process-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
.process-device-stage{position:relative;min-width:0;min-height:472px;background:radial-gradient(ellipse at 52% 100%,#1598f148 0,transparent 55%)}
.process-desktop-frame{position:absolute;left:6%;top:33px;width:78%;height:387px;overflow:hidden;border:2px solid #8398ae;border-radius:15px;background:#f4f6fa;box-shadow:0 25px 50px #001329a3;transform:perspective(900px) rotateY(2deg) rotateZ(1.3deg);transform-origin:center}
.process-desktop-frame>img{width:100%;height:100%;object-fit:cover;object-position:top center}
.process-phone-frame{position:absolute;z-index:2;right:6%;bottom:31px;width:22%;height:319px;padding:7px;overflow:hidden;border:2px solid #879aad;border-radius:30px;background:#09101a;box-shadow:0 24px 45px #001126b3;transform:rotate(1.5deg)}
.process-phone-notch{position:absolute;z-index:3;left:50%;top:7px;width:48%;height:18px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#0a111b}
.process-phone-frame img{width:100%;height:100%;border-radius:22px;object-fit:cover;object-position:45% top}
.process-panel-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 35px 40px 13px}
.process-step-label{color:#67baff;font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.process-panel-copy h3{max-width:390px;margin-top:8px;color:#fff;font-size:35px;line-height:1.08;letter-spacing:-.045em}
.process-panel-copy>p:not(.process-step-label){max-width:370px;margin-top:22px;color:#c7daeb;font-size:17px;line-height:1.48}
.process-panel-copy>p.process-detail{margin-top:14px;color:#b9d0e5;font-size:15px}
.process-cta{width:100%;max-width:305px;min-height:56px;margin-top:22px;border:0;background:linear-gradient(100deg,#0875ed,#087eff);color:#fff;font-size:16px;font-weight:750;box-shadow:0 9px 23px #001d4266}
.process-cta span{margin-left:13px;font-size:24px;line-height:1}.process-cta:hover{background:linear-gradient(100deg,#1689ff,#0870e2);color:#fff}
.process-next{align-self:flex-start;margin-top:18px;padding:0;border:0;background:transparent;color:#63b7f5;font-size:14px}.process-next span{margin-left:12px;font-size:21px}.process-next:hover{color:#a6dcff}.process-back span{margin:0 12px 0 0}
.process-instruction{text-align:center;margin-top:20px;color:#bcd1e5;font-size:13px}
.process-dashboard-frame{color:#0b1b32;background:#f7f9fc}
.setup-dashboard,.support-dashboard{height:100%;background:#f7f9fc;color:#0b1b32;font-size:9px}
.setup-dashboard header,.support-dashboard header{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #dbe3ec;background:#fff}.setup-dashboard header>strong,.support-dashboard header>strong{font-family:Georgia,serif;font-size:18px;letter-spacing:.35em}.setup-dashboard header>b{font-size:14px}.setup-dashboard header>span,.support-dashboard header>small{color:#42536b;font-size:8px}
.dashboard-body{display:grid;grid-template-columns:118px 1fr;height:calc(100% - 51px)}.dashboard-body aside{display:flex;flex-direction:column;gap:8px;padding:18px 10px;border-right:1px solid #dce4ec;background:#f3f6fa}.dashboard-body aside>*{padding:10px;border-radius:6px}.dashboard-body aside b{background:#e0edff;color:#076de3}.dashboard-body main{padding:18px 23px}.dashboard-brand{display:flex;align-items:center;gap:11px}.dashboard-brand>i{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d6dee8;border-radius:6px;background:#fff;font-family:Georgia,serif;font-style:normal;font-size:17px}.dashboard-brand span{display:flex;flex-direction:column}.dashboard-brand strong{font-size:12px}.dashboard-brand small{color:#687993}.dashboard-body h4{margin:14px 0 7px;font-size:9px}.dashboard-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dashboard-products i{height:74px;border-radius:6px;background:linear-gradient(135deg,#e7ddd0,#b5a18f)}.dashboard-products i:nth-child(2){background:linear-gradient(135deg,#2e323a,#080a0e)}.dashboard-products i:nth-child(3){background:linear-gradient(135deg,#4a4b4e,#16171a)}.dashboard-options{display:flex;flex-direction:column;gap:4px}.dashboard-options>span{display:flex;flex-direction:column;padding:6px 9px;border:1px solid #dbe3ec;border-radius:5px;background:#fff}.dashboard-options small{color:#657791}
.support-dashboard header nav{display:flex;gap:25px;color:#5b6e88}.support-dashboard header nav b{padding-bottom:5px;border-bottom:2px solid #0878ef;color:#0b3464}.support-dashboard main{padding:17px 25px}.support-dashboard main>h4{font-size:16px}.support-dashboard main>p{color:#6a7c93;font-size:9px}.support-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:13px}.support-columns>div:first-child{display:flex;flex-direction:column;gap:6px}.support-columns img{width:100%;height:138px;object-fit:cover;object-position:top;border-radius:6px}.support-columns>div:first-child>span{display:flex;flex-direction:column;padding:7px 11px;border:1px solid #d9e3ee;border-radius:6px;background:#fff}.support-columns small{color:#61748e}.support-chat{display:flex;flex-direction:column;gap:12px;padding:11px;border:1px solid #dce5ee;border-radius:7px;background:#fff}.support-chat>b{font-size:11px}.support-chat>span{max-width:80%;padding:11px;border-radius:7px;background:#edf1f6}.support-chat>span:last-child{align-self:flex-end;background:#dcecff;color:#07498b}
@media(max-width:1050px){.process-heading{grid-template-columns:1.05fr .95fr;gap:42px}.process-heading h2{font-size:51px}.process-tab{padding-inline:20px}.process-tab strong{margin-right:15px}.process-panel{grid-template-columns:1.32fr .68fr}.process-desktop-frame{left:4%;width:79%;height:355px}.process-phone-frame{right:3%;height:294px}.process-panel-copy{padding-right:25px}.process-panel-copy h3{font-size:31px}.process-panel-copy>p:not(.process-step-label){font-size:15px}}
@media(max-width:900px){.process-heading{grid-template-columns:1fr;gap:16px}.process-heading>p{max-width:650px}.process-tabs{margin-inline:0}.process-panel{grid-template-columns:1fr}.process-device-stage{min-height:430px}.process-desktop-frame{left:6%;width:78%;height:350px}.process-phone-frame{right:7%;height:292px}.process-panel-copy{padding:37px 36px 41px;border-top:1px solid #2b75aa}.process-panel-copy h3{max-width:600px}.process-panel-copy>p:not(.process-step-label){max-width:600px}.process-cta{max-width:350px}}
@media(max-width:700px){.process{padding-block:52px 44px}.process-heading{margin-bottom:25px}.process-heading h2{font-size:39px}.process-heading>p{font-size:16px}.process-tabs{display:flex;overflow-x:auto;gap:9px;padding-bottom:3px;scrollbar-width:none}.process-tabs::-webkit-scrollbar{display:none}.process-tab{flex:0 0 188px;min-height:54px;padding:10px 16px}.process-tab strong{margin-right:11px;font-size:18px}.process-tab span{font-size:14px}.process-panels{border-radius:15px}.process-device-stage{min-height:320px}.process-desktop-frame{left:4%;top:25px;width:84%;height:255px;border-radius:10px}.process-phone-frame{right:2%;bottom:19px;width:29%;height:214px;padding:5px;border-radius:22px}.process-phone-notch{top:5px;height:13px}.process-phone-frame img{border-radius:15px}.process-panel-copy{padding:30px 21px 32px}.process-panel-copy h3{font-size:29px}.process-panel-copy>p:not(.process-step-label){margin-top:17px;font-size:15px}.process-panel-copy>p.process-detail{margin-top:11px;font-size:14px}.process-cta{max-width:none;margin-top:20px}.process-next{margin-top:17px}.process-instruction{font-size:11px}.setup-dashboard header,.support-dashboard header{height:39px;padding-inline:13px}.setup-dashboard header>strong,.support-dashboard header>strong{font-size:12px}.setup-dashboard header>b{font-size:9px}.dashboard-body{grid-template-columns:75px 1fr;height:calc(100% - 39px)}.dashboard-body aside{padding:8px 5px;gap:3px}.dashboard-body aside>*{padding:6px;font-size:6px}.dashboard-body main{padding:9px}.dashboard-brand>i{width:30px;height:30px;font-size:10px}.dashboard-brand strong{font-size:7px}.dashboard-brand small,.dashboard-options small{font-size:5px}.dashboard-body h4{margin:7px 0 4px;font-size:6px}.dashboard-products{gap:4px}.dashboard-products i{height:42px}.dashboard-options{gap:2px}.dashboard-options>span{padding:3px 5px;font-size:5px}.support-dashboard header nav{gap:9px;font-size:6px}.support-dashboard main{padding:9px}.support-dashboard main>h4{font-size:10px}.support-dashboard main>p{font-size:6px}.support-columns{gap:5px;margin-top:6px}.support-columns img{height:84px}.support-columns>div:first-child>span{padding:4px 6px;font-size:5px}.support-chat{gap:5px;padding:6px;font-size:5px}.support-chat>b{font-size:7px}.support-chat>span{padding:6px}}

/* Sección 7: preguntas frecuentes */
.faq{position:relative;overflow:hidden;padding-block:92px;background:radial-gradient(circle at 83% 25%,#0870c8 0,transparent 43%),radial-gradient(circle at 48% 78%,#07528d80 0,transparent 40%),linear-gradient(118deg,#06172d 0,#082b50 55%,#0860a8 100%);border:0;color:#fff}
.faq::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03112442,transparent 46%,#188ee71f);pointer-events:none}
.faq-grid{position:relative;z-index:1;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:center}
.faq-heading .eyebrow{color:#8ed0ff;font-size:12px;letter-spacing:.18em}
.faq-heading h2{max-width:470px;margin-top:13px;color:#fff;font-size:clamp(44px,4.65vw,64px);line-height:1.03;letter-spacing:-.05em}
.faq-heading h2 span{display:block;color:#61b4ff}
.faq-heading>p:not(.eyebrow){max-width:450px;margin-top:27px;color:#c5d9ec;font-size:19px;line-height:1.48}
.faq-heading .faq-cta{min-width:285px;min-height:58px;margin-top:30px;border:0;background:linear-gradient(100deg,#0875ed,#087eff);color:#fff;font-size:17px;font-weight:750;box-shadow:0 10px 27px #00193670}
.faq-heading .faq-cta span{margin-left:18px;font-size:25px;line-height:1}.faq-heading .faq-cta:hover{background:linear-gradient(100deg,#1689ff,#0870e2);color:#fff}
.faq .accordion{display:flex;flex-direction:column;gap:14px;border:0}
.faq .accordion details{overflow:hidden;border:1px solid #3189c5;border-radius:15px;background:linear-gradient(150deg,#0a3157d9,#082441e8);box-shadow:0 14px 35px #00142f27;transition:border-color .2s,background .2s,box-shadow .2s}
.faq .accordion details[open]{border-color:#34a5f7;background:linear-gradient(135deg,#0b477edb,#0b5cb5dc);box-shadow:0 18px 40px #00142f58,0 0 30px #1488df27}
.faq .accordion summary{min-height:72px;padding:21px 27px;color:#fff;font-size:20px;font-weight:700;line-height:1.35}
.faq .accordion details[open] summary{color:#fff}
.faq-symbol{position:relative;width:25px;height:25px;flex:0 0 25px;color:#9ed3ff}
.faq-symbol::before,.faq-symbol::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s,opacity .2s}
.faq-symbol::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] .faq-symbol{color:#fff}.faq details[open] .faq-symbol::after{opacity:0;transform:translate(-50%,-50%) rotate(0)}
.faq .faq-answer{padding:0 65px 28px 27px;color:#cce0f2;font-size:17px;line-height:1.55}
@media(max-width:1050px){.faq{padding-block:75px}.faq-grid{grid-template-columns:.75fr 1.25fr;gap:42px}.faq-heading h2{font-size:50px}.faq-heading>p:not(.eyebrow){font-size:17px}.faq .accordion summary{font-size:17px}.faq .faq-answer{font-size:15px}}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:38px}.faq-heading h2{max-width:680px}.faq-heading>p:not(.eyebrow){max-width:620px}.faq-heading .faq-cta{min-width:270px}.faq .accordion{max-width:760px;width:100%}}
@media(max-width:700px){.faq{padding-block:52px 48px}.faq-grid{gap:31px}.faq-heading h2{font-size:39px}.faq-heading>p:not(.eyebrow){margin-top:20px;font-size:16px}.faq-heading .faq-cta{width:100%;min-width:0;min-height:54px;margin-top:24px}.faq .accordion{gap:10px}.faq .accordion details{border-radius:12px}.faq .accordion summary{min-height:64px;padding:18px 17px;font-size:16px;gap:14px}.faq-symbol{width:21px;height:21px;flex-basis:21px}.faq-symbol::before,.faq-symbol::after{width:18px}.faq .faq-answer{padding:0 48px 21px 17px;font-size:14px;line-height:1.58}}

/* Imágenes coherentes para las tres etapas del proceso */
.process-device-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:1672/941;min-height:0;background:#071d38}
.process-stage-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
@media(max-width:900px){.process-device-stage{min-height:0;aspect-ratio:1672/941}}
@media(max-width:700px){.process-device-stage{min-height:0;aspect-ratio:1672/941}.process-stage-image{object-fit:cover}}

/* Brillo azul en preguntas, contacto y cierre */
.faq .accordion details{
  position:relative;
  isolation:isolate;
  border-color:#238ed1;
  background:
    radial-gradient(circle at 96% 10%,#0d79d32e 0,transparent 38%),
    linear-gradient(145deg,#0a355edd,#071f3be8);
  box-shadow:inset 0 1px 0 #90d7ff14,inset 0 0 24px #168fe412,0 13px 34px #00142f42;
}
.faq .accordion details::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,#32a8ff12,transparent 36%,#008cff12);
  pointer-events:none;
}
.faq .accordion details:hover{
  border-color:#50b7fa;
  box-shadow:inset 0 1px 0 #b8e6ff29,inset 0 0 28px #168fe41c,0 15px 38px #00142f55,0 0 22px #168fe426;
}
.faq .accordion details[open]{
  border-color:#24a9ff;
  background:
    radial-gradient(circle at 92% 5%,#159bff59 0,transparent 42%),
    linear-gradient(135deg,#0d477de8,#0863c3e6);
  box-shadow:inset 0 1px 0 #d5f0ff47,inset 0 0 34px #159bff30,0 20px 46px #00142f75,0 0 38px #0b8ff05c;
}
.faq .accordion details[open]::before{background:linear-gradient(110deg,#5fc1ff1f,transparent 42%,#209aff1f)}

.contact{
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 28%,#0877d6 0,transparent 42%),
    radial-gradient(circle at 18% 82%,#07528f73 0,transparent 38%),
    linear-gradient(118deg,#06172d 0,#082b50 56%,#075fa8 100%);
}
.contact::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,#03112452,transparent 46%,#1a94ef1a);
  pointer-events:none;
}
.contact::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-170px;
  top:15%;
  width:510px;
  height:510px;
  border-radius:50%;
  background:#1397ff25;
  filter:blur(80px);
  pointer-events:none;
}
.contact-grid{position:relative;z-index:1}
.contact-copy .eyebrow{color:#8ed0ff;letter-spacing:.18em}
.contact-copy h2{text-shadow:0 8px 34px #00183180}
.contact-copy h2 span{color:#63b9ff;text-shadow:0 0 28px #1497ff4f}
.contact-copy>p:not(.eyebrow){color:#c9def1}
.contact-form{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  border:1px solid #35a9f2;
  background:
    radial-gradient(circle at 95% 0,#148ee24f 0,transparent 39%),
    linear-gradient(145deg,#0c3b68ee,#071f3be8);
  box-shadow:inset 0 1px 0 #d1efff33,inset 0 0 34px #128bdf1f,0 25px 62px #00142f80,0 0 38px #128de342;
  backdrop-filter:blur(13px);
}
.contact-form::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(118deg,#5dbfff14,transparent 38%,#008cff14);
  pointer-events:none;
}
.form-intro{color:#fff;font-size:17px;text-shadow:0 2px 15px #00172e}
.field label{color:#deefff;font-weight:700}
.field input,.field textarea,.field select{
  border-color:#328bc3;
  background:linear-gradient(145deg,#071d36d9,#0a3155db);
  color:#fff;
  box-shadow:inset 0 1px 0 #bde8ff0f,inset 0 0 16px #0d83d512;
}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#55b9f5}
.field input::placeholder,.field textarea::placeholder{color:#9dbbd4}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:#4ec2ff;
  box-shadow:0 0 0 3px #149cff30,0 0 23px #1398f44f,inset 0 0 18px #1498ef20;
}
.field select option{background:#092846;color:#fff}
.select-wrap .icon{color:#98d7ff}
.field-error{color:#ffb9c0}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#ff7681;box-shadow:0 0 0 3px #ff42521f,0 0 18px #ff425226}
.contact-form .submit-button{
  border:1px solid #55c4ff80;
  background:linear-gradient(100deg,#0874ec,#0789ff);
  color:#fff;
  box-shadow:inset 0 1px 0 #d6f1ff4d,0 12px 28px #001a3b7a,0 0 25px #128ef04d;
}
.contact-form .submit-button:hover:not(:disabled){background:linear-gradient(100deg,#1693ff,#0878ed);box-shadow:inset 0 1px 0 #eaf8ff73,0 15px 34px #001a3b8f,0 0 34px #179cff6b}
.contact-form .submit-button:disabled{color:#dbeeff;background:linear-gradient(100deg,#0a5eb8,#0875d7);opacity:.78;box-shadow:inset 0 1px 0 #d6f1ff30,0 10px 25px #001a3b66,0 0 20px #128ef038}
.form-note{color:#9fc5e3}
.form-status[data-state="error"]{color:#ffd5da;background:#5b1721a8;border-color:#ff7783}
.form-status[data-state="success"]{color:#d8ffe5;background:#0d5836a8;border-color:#52d88b}
.form-status[data-state="pending"]{color:#d8efff;background:#0a4879a8;border:1px solid #55b9f5}
.contact-links{color:#a8dcff}

.site-footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(110deg,#051528,#082b4e 55%,#07528d);
  border-top:1px solid #2f9bdf;
  box-shadow:inset 0 12px 32px #087bdc14,0 -8px 34px #0c8ce12b;
}
.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 0,#168fe429 0,transparent 34%);pointer-events:none}
.footer-inner{position:relative;z-index:1}
.site-footer .brand{padding:8px 12px;border:1px solid #369ddd70;border-radius:11px;background:#092947b5;box-shadow:inset 0 1px 0 #cbeeff1c,0 0 22px #1289e32e}
.footer-inner>p{color:#c9e2f6;border-left-color:#3c89b9}
.footer-signature{color:#9fc6e5}.footer-signature>span{color:#fff;text-shadow:0 0 18px #31a7ff66}

@media(max-width:700px){
  .contact-form{padding:24px 19px 21px;border-radius:14px;box-shadow:inset 0 1px 0 #d1efff33,inset 0 0 28px #128bdf1f,0 20px 45px #00142f70,0 0 26px #128de334}
  .form-intro{font-size:16px}
  .site-footer .brand{padding:7px 10px}
}

/* Paleta general: dos azules marino profundos */
:root{--deep-blue:#030d1b;--deep-blue-alt:#061a30;--deep-panel:#08243f;--deep-line:#1b4668}
body{background:var(--deep-blue);color:#edf6ff}
.site-header{background:linear-gradient(90deg,#020a15 0%,#05172b 58%,#08223d 100%);border-bottom-color:#4f9ed22b}
.hero-image{background:var(--deep-blue)}
.commerce-intro{background:radial-gradient(circle at 80% 34%,#0b3b681f 0,transparent 38%),radial-gradient(circle at 47% 48%,#0a31551c 0,transparent 31%),linear-gradient(120deg,#020a15 0%,#05172b 54%,#08223d 100%)}
.commerce-online{background:radial-gradient(circle at 55% 10%,#0b34591f 0,transparent 42%),linear-gradient(120deg,#061a30 0%,#030d1b 100%);border-bottom-color:var(--deep-line);color:#eff7ff}
.commerce-online-heading h2,.commerce-online-card h3,.commerce-online-cta strong{color:#fff}
.commerce-online-heading h2 span{color:#6dbdff}
.commerce-online-heading>p,.commerce-online-card>p{color:#b8cde0}
.commerce-online-image{border-color:#245174;box-shadow:0 12px 30px #00000052}
.commerce-online-note{color:#8eabc4}
.commerce-online-cta{border-top-color:#1c496c}
.pricing{background:radial-gradient(circle at 78% 24%,#0b39631f 0,transparent 39%),radial-gradient(circle at 47% 58%,#092d501c 0,transparent 36%),linear-gradient(115deg,#030d1b 0%,#061a30 55%,#08243f 100%)}
.examples,.process,.faq{background:radial-gradient(circle at 82% 26%,#0b39631f 0,transparent 42%),radial-gradient(circle at 45% 75%,#092d501c 0,transparent 40%),linear-gradient(118deg,#061a30 0%,#030d1b 55%,#08243f 100%)}
.contact{background:radial-gradient(circle at 82% 28%,#0b396321 0,transparent 42%),radial-gradient(circle at 18% 82%,#092d501f 0,transparent 38%),linear-gradient(118deg,#030d1b 0%,#061a30 56%,#08243f 100%)}
.site-footer{background:linear-gradient(110deg,#020a15,#05172b 55%,#08223d);border-top-color:#255a7d}

/* El logo queda limpio, sin tarjeta ni borde. */
.site-header .brand,.site-footer .brand{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header .brand{width:147px}

/* El llamado a la acción no compite con el logo en pantallas pequeñas. */
@media(max-width:700px){
  .site-header .brand{width:128px}
  .main-nav .nav-cta{min-height:38px;padding:8px 12px;font-size:12px;border-radius:8px}
}
@media(max-width:390px){.main-nav .nav-cta{padding-inline:10px;font-size:11px}}

/* El encabezado ocupa su propio espacio: nunca tapa la imagen de portada. */
.site-header{position:sticky;top:0;left:auto;width:100%}
.hero-image{overflow:visible;aspect-ratio:16/9}
.hero-image img{width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}

/* La tienda móvil presenta la nueva colección de ropa y gorras. */
.commerce-phone-hero>div{top:18px}
@media(max-width:700px){.commerce-phone-hero>div{top:13px}}

/* Accesos directos de contacto y WhatsApp */
.whatsapp-image-button{display:inline-flex;width:210px;max-width:100%;flex:0 0 auto;border-radius:999px;overflow:hidden;box-shadow:0 10px 28px #00140f70;transition:transform .2s,filter .2s,box-shadow .2s}
.whatsapp-image-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 34px #00140f8c}
.whatsapp-image-button:focus-visible{outline-color:#63e17b}
.whatsapp-image-button img{display:block;width:100%;height:auto}
.direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:27px}
.direct-contact>p{display:flex;align-items:center;gap:13px;color:#dcecff;font-size:18px}
.direct-contact>p span{color:#88caff;font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.direct-contact>p a{font-size:23px;font-weight:800;letter-spacing:.02em;text-decoration:underline;text-decoration-color:#4caeff;text-underline-offset:5px}
.direct-contact>p a:hover{color:#83ceff}
@media(max-width:700px){
  .whatsapp-image-button{width:160px}
  .commerce-actions .whatsapp-image-button{align-self:center}
  .direct-contact{margin-top:23px}
}

/* Propuesta para centros comerciales */
.mall-cover{width:100%;background:#061a30;line-height:0}
.mall-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
[hidden]{display:none!important}
.mall-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 37%,#10508e48,transparent 52%),linear-gradient(120deg,#030d1b,#061a30)}
.mall-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding-block:80px 76px}
.mall-hero-copy .eyebrow,.mall-section-heading .eyebrow{color:#8dc9fc}
.mall-audience{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:19px;padding:7px 12px;border:1px solid #29608b;border-radius:30px;color:#cce7ff;font-size:12px;line-height:1.5}
.mall-audience>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#64dbaa;box-shadow:0 0 10px #64dbaa50}
.mall-hero h1{margin-top:22px;color:#fff;font-size:clamp(42px,4.3vw,62px);line-height:1.05;letter-spacing:-.05em;text-wrap:balance}
.mall-hero h1 span{display:block;color:#79bdff}
.mall-hero-lead{margin-top:27px;font-size:20px;color:#e5f1fd;line-height:1.5}
.mall-hero-description{margin-top:15px;color:#a7bdd2;font-size:16px;line-height:1.65}
.mall-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin-top:30px}
.mall-actions .button{gap:20px;background:linear-gradient(100deg,#0863e8,#1381fc);box-shadow:0 8px 34px #0863e82b}
.mall-secondary-link{font-size:13px;color:#bfdbf5;text-underline-offset:5px}
.mall-secondary-link span{margin-left:7px}.mall-secondary-link:hover{text-decoration:underline;color:white}
.reactivation-note{display:flex;align-items:center;gap:13px;max-width:410px;margin-top:28px;padding-top:21px;border-top:1px solid #21415d;color:#a7bdd2;font-size:13px;line-height:1.5}
.reactivation-note>.icon{color:#7cbdf4}.reactivation-note strong{display:block;color:#e3f0fb;font-weight:600}
.mall-hero-visual{position:relative;min-width:0;padding-bottom:53px}
.ecosystem-preview{overflow:hidden;border:1px solid #467caf;border-radius:15px;background:#f5f8fc;box-shadow:0 30px 80px #0006,0 0 65px #0863e818;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}
.ecosystem-browser{height:38px;display:flex;align-items:center;justify-content:space-between;padding-inline:15px;background:#112b47;color:#adc7df;font-size:10px;gap:12px}
.ecosystem-browser>.icon{width:14px;height:14px}.ecosystem-browser .traffic-lights{gap:4px}.ecosystem-browser .traffic-lights i{width:6px;height:6px}
.ecosystem-screen{padding:20px;color:#142d48}
.ecosystem-brand{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.ecosystem-brand>span{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.06em}.ecosystem-brand>span>.icon{width:24px;height:24px;color:#176bc5}.ecosystem-brand>.icon{width:19px;height:19px}
.ecosystem-banner{overflow:hidden;position:relative;isolation:isolate;padding:28px 25px 24px;background:radial-gradient(ellipse at 100% 0,#2987d6,transparent 70%),#0b3764;color:white;border-radius:8px}
.ecosystem-banner::after{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-125px;top:15px;border:35px solid #b4d8fc20;border-radius:50%}
.ecosystem-banner>p{font-size:8px;letter-spacing:.15em;color:#b3dbff}.ecosystem-banner>strong{display:block;font-size:34px;letter-spacing:-.04em;line-height:1.1;margin-top:12px}.ecosystem-banner>span{display:inline-flex;gap:32px;font-size:10px;margin-top:20px;color:#d2e6fb}
.ecosystem-directory-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-block:22px 11px}.ecosystem-directory-title>strong{font-size:12px}.ecosystem-directory-title>span{font-size:9px;color:#316ba5}
.ecosystem-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ecosystem-stores>div{overflow:hidden;border:1px solid #dde6ef;border-radius:7px;background:white}.ecosystem-stores img{width:100%;height:117px;object-fit:cover}.ecosystem-stores strong{display:block;font-size:11px;padding:9px 10px 0}.ecosystem-stores>div>span{display:flex;justify-content:space-between;padding:4px 10px 11px;font-size:9px;color:#5e7691}
.ecosystem-links{display:flex;gap:8px;margin-top:14px}.ecosystem-links>span{flex:1;text-align:center;border:1px solid #d9e5f1;border-radius:4px;padding:7px 3px;font-size:9px;color:#355b80}
.ecosystem-floating{position:absolute;bottom:30px;left:-22px;display:flex;align-items:center;gap:12px;padding:17px 21px;border:1px solid #376691;border-radius:12px;background:#0c2946;box-shadow:0 15px 38px #0005;transform:rotate(-2deg)}
.ecosystem-floating-icon{display:grid;place-items:center;width:35px;height:35px;background:#155a49;border:1px solid #35816b;border-radius:50%;color:#90edc1}.ecosystem-floating-icon .icon{width:19px;height:19px}.ecosystem-floating strong,.ecosystem-floating p>span{display:block;line-height:1.5}.ecosystem-floating strong{font-size:12px;color:#eaf5ff}.ecosystem-floating p>span{font-size:10px;color:#a6c2dc}
.ecosystem-caption{text-align:right;margin-top:26px;font-size:10px;letter-spacing:.01em;color:#7c9ab5}
.mall-benefit-strip{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #28445f;padding-block:27px 30px;gap:35px}.mall-benefit-strip>div{display:flex;align-items:center;gap:16px}.mall-benefit-strip>div>.icon{width:39px;height:39px;padding:9px;color:#8bc7ff;background:#102f4e;border-radius:9px}.mall-benefit-strip p{font-size:13px}.mall-benefit-strip strong,.mall-benefit-strip p>span{display:block}.mall-benefit-strip strong{font-size:14px;color:#edf6ff}.mall-benefit-strip p>span{color:#a3bbd2;margin-top:2px}
.mall-administration{background:#071a2d;border-block:1px solid #203d56;padding-block:78px}
.mall-section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;margin-bottom:33px}
.mall-section-heading h2{font-size:clamp(33px,3.6vw,48px);line-height:1.1;margin-top:12px;color:white;letter-spacing:-.04em}.mall-section-heading h2 span{display:block;color:#79bdff}.mall-section-heading>p{font-size:17px;line-height:1.6;color:#b4cadf;max-width:380px}
.administration-heading{margin-bottom:25px}.administration-free{border-left:2px solid #62d3a6;padding-left:29px}.administration-free>p{font-size:14px;color:#c9e0ed;line-height:1.5}.administration-free>strong{display:block;color:#88e4bb;font-size:43px;letter-spacing:-.04em;line-height:1.1;margin-block:8px}.administration-free>span{display:block;font-size:11px;color:#9eb8cf;max-width:280px;line-height:1.6}
.administration-intro{max-width:660px;font-size:16px;color:#afc7dc;line-height:1.7}
.administration-features{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px}.administration-features li{display:flex;flex-direction:column;gap:18px;padding:21px 19px;border:1px solid #264b6a;border-radius:12px;background:linear-gradient(140deg,#0d2c49,#092139);color:#e1effb;font-size:13px;line-height:1.5}.administration-features .icon{color:#75bcff;width:25px;height:25px}
.administration-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding-top:27px;border-top:1px solid #29465f}.administration-bottom p{color:#a8c1d8;font-size:14px}.administration-bottom strong{color:#e7f3ff;font-weight:600}.administration-bottom .button{gap:24px;flex-shrink:0;border-color:#42739a;font-size:13px;min-height:46px}
.mall-videos{background:linear-gradient(130deg,#06182a,#040f1e);padding-block:78px}
.mall-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mall-video-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #284c6a;border-radius:14px;background:#0a2037}
.mall-video-art{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;overflow:hidden;border-bottom:1px solid #284c6a}
.video-art-label{position:absolute;top:17px;left:19px;font-size:8px;font-weight:700;letter-spacing:.19em;color:#bedcff}.video-art-number{position:absolute;bottom:12px;right:17px;color:#badcff55;font-size:36px;font-weight:750;line-height:1;letter-spacing:-.06em}
.video-art-mall{background:radial-gradient(ellipse at 50% 100%,#18589b,#0a2d54 90%)}.video-art-mall>.icon{width:48px;height:48px;stroke-width:1.3;color:#99ccff;margin-top:16px}.video-art-directory{display:flex;gap:6px}.video-art-directory span{width:29px;height:17px;border:1px solid #77b2ed80;background:#569ff42b;border-radius:3px}
.video-art-experience{background:radial-gradient(ellipse at 60% 100%,#13505b,#082934 85%)}.video-art-experience .video-art-label{color:#bbe9e8}.video-art-journey{display:flex;align-items:center;gap:11px;margin-top:25px;color:#7cbac4}.video-art-journey .icon{box-sizing:content-box;width:23px;height:23px;padding:13px;border:1px solid #5bafb257;border-radius:13px;background:#4c9a9b22;color:#b2e6e5}.video-art-experience>p{font-size:10px;color:#b2dcdf}
.video-art-decor{background:radial-gradient(ellipse at 80% 100%,#5e3223,#241e25 90%)}.video-art-decor .video-art-label{color:#f5c9af}.video-art-decor>strong{margin-top:20px;font-size:38px;letter-spacing:.15em;color:#f5e0ce;font-weight:800}.video-art-decor>strong>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;text-align:center;font-weight:400;color:#c6a694}
.mall-video-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:23px}.video-kicker{color:#85bceb;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.mall-video-copy h3{margin-top:11px;color:#f0f7fe;font-size:21px;line-height:1.2;letter-spacing:-.025em}.mall-video-copy>p:not(.video-kicker){margin-top:13px;margin-bottom:20px;color:#a8bfd5;font-size:14px;line-height:1.6}.demo-video-placeholder,.demo-video-link{margin-top:auto;font-size:12px;line-height:1.5}.demo-video-placeholder{color:#b3c7da;padding:6px 11px;background:#173049;border:1px solid #38546e;border-radius:20px}.demo-video-link{display:inline-flex;align-items:center;gap:18px;padding:7px 0;color:#8dccff;font-weight:700;text-underline-offset:5px}.demo-video-link:hover{text-decoration:underline}
.mall-video-note{margin-top:25px;text-align:center;color:#a3bbd2;font-size:13px}.mall-video-note a{color:#b7dfff;text-decoration:underline;text-underline-offset:4px}
.pricing .plan-price small{color:#b0cae1}.pricing .plan-payment-note{color:#9bbbd5}.pricing .plan-feature-highlight{grid-column:1/-1;padding:14px;border:1px solid #428bc35e;border-radius:9px;background:#0b294c;margin-top:5px}.pricing .plan-featured .plan-feature-highlight{background:#0a335b}.pricing .plan-features{margin-top:25px}.pricing-summary small{color:#a9c2d9;line-height:1.7}
.contact-copy h2{font-size:clamp(34px,3.5vw,49px)}.contact-copy>p:not(.eyebrow){max-width:440px}.contact-copy .whatsapp-image-button{width:210px}
@media(min-width:701px){.header-inner{height:83px}.main-nav{position:static;display:flex;align-items:center;gap:28px;padding:0;background:transparent;border:0;box-shadow:none}.menu-toggle{display:none}}
@media(max-width:1050px){.mall-hero-grid{gap:36px;padding-block:60px}.mall-hero h1{font-size:47px}.mall-hero-lead{font-size:18px}.ecosystem-screen{padding:15px}.ecosystem-banner{padding:23px 20px}.ecosystem-banner>strong{font-size:29px}.ecosystem-stores img{height:96px}.ecosystem-floating{left:-12px;padding:13px}.mall-section-heading{gap:40px}.administration-features li{padding:18px 14px;font-size:12px}.mall-video-grid{gap:14px}.mall-video-copy{padding:19px}.mall-video-copy h3{font-size:19px}.main-nav{gap:19px}}
@media(max-width:900px){.mall-hero-grid{grid-template-columns:1fr;gap:44px}.mall-hero-copy{max-width:690px}.mall-hero h1{max-width:650px;font-size:56px}.mall-hero-description{max-width:580px}.mall-actions{flex-direction:row;align-items:center;gap:25px;flex-wrap:wrap}.mall-hero-visual{width:100%;max-width:560px;justify-self:center}.mall-section-heading{grid-template-columns:1fr;gap:25px}.mall-section-heading>p{max-width:620px}.administration-heading{grid-template-columns:1.2fr 1fr;gap:35px}.administration-features{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.administration-features li{padding:16px 11px}.mall-video-copy{padding:16px}.mall-video-copy h3{font-size:18px}.mall-video-copy>p:not(.video-kicker){font-size:12px}.video-art-journey{gap:7px}.video-art-journey .icon{width:18px;height:18px;padding:8px}.video-art-mall>.icon{width:37px;height:37px}.video-art-directory span{width:20px;height:13px}.video-art-label{top:12px;left:13px;font-size:7px}.video-art-decor>strong{font-size:29px}.video-art-number{font-size:28px;right:10px;bottom:10px}}
@media(max-width:700px){.header-inner{height:76px}.menu-toggle{display:flex;margin-left:auto}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;align-items:stretch;gap:0;padding:14px 20px 22px;background:#06182b;border-bottom:1px solid #274c70;box-shadow:0 18px 35px #0006}.main-nav.is-open{display:flex;flex-direction:column}.main-nav .nav-cta{font-size:14px;min-height:46px;margin-top:12px}.mall-hero-grid{padding-block:43px 25px;gap:38px}.mall-hero-copy>.eyebrow{font-size:10px;letter-spacing:.12em}.mall-audience{font-size:10px;margin-top:16px;padding:6px 9px}.mall-hero h1{font-size:clamp(36px,8.9vw,53px);margin-top:20px}.mall-hero-lead{font-size:17px;margin-top:23px}.mall-hero-description{font-size:14px}.mall-actions{flex-direction:column;align-items:stretch;gap:18px;margin-top:25px}.mall-actions .button{font-size:14px;min-height:51px}.mall-secondary-link{text-align:center;font-size:12px}.reactivation-note{margin-top:23px;font-size:12px;padding-top:18px}.mall-hero-visual{padding-inline:5px;padding-bottom:47px}.ecosystem-preview{transform:none}.ecosystem-browser{font-size:8px;padding-inline:11px;height:30px}.ecosystem-screen{padding:14px}.ecosystem-brand>span{font-size:9px}.ecosystem-brand>span>.icon{width:20px;height:20px}.ecosystem-brand{margin-bottom:13px}.ecosystem-banner{padding:20px}.ecosystem-banner>strong{font-size:29px}.ecosystem-banner>p{font-size:7px}.ecosystem-banner>span{font-size:9px;margin-top:16px}.ecosystem-directory-title>strong{font-size:10px}.ecosystem-directory-title>span{font-size:8px}.ecosystem-stores{gap:8px}.ecosystem-stores img{height:100px}.ecosystem-stores strong{font-size:9px}.ecosystem-floating{left:0;bottom:28px;padding:12px;gap:9px}.ecosystem-floating strong{font-size:10px}.ecosystem-floating p>span{font-size:8px}.ecosystem-floating-icon{width:29px;height:29px}.ecosystem-caption{font-size:8px;margin-top:27px}.mall-benefit-strip{grid-template-columns:1fr;gap:20px;padding-block:24px}.mall-benefit-strip strong{font-size:13px}.mall-benefit-strip p>span{font-size:12px}.mall-benefit-strip>div{gap:12px}.mall-administration,.mall-videos{padding-block:48px}.mall-section-heading{margin-bottom:24px;gap:18px}.mall-section-heading h2{font-size:34px}.mall-section-heading .eyebrow{font-size:10px}.mall-section-heading>p{font-size:15px}.administration-heading{grid-template-columns:1fr;gap:25px}.administration-free{padding-left:19px}.administration-free>strong{font-size:39px}.administration-free>span{max-width:100%;font-size:11px}.administration-free>p{font-size:13px}.administration-intro{font-size:14px}.administration-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.administration-features li{padding:17px;gap:13px;font-size:13px}.administration-bottom{flex-direction:column;align-items:stretch;gap:21px;margin-top:24px;padding-top:23px}.administration-bottom p{font-size:13px}.mall-video-grid{grid-template-columns:1fr;gap:20px;max-width:450px;margin-inline:auto}.mall-video-copy{padding:22px}.mall-video-copy h3{font-size:23px}.mall-video-copy>p:not(.video-kicker){font-size:14px}.video-art-label{top:18px;left:21px;font-size:9px}.video-art-number{font-size:40px;right:18px;bottom:14px}.video-art-mall>.icon{width:49px;height:49px}.video-art-directory span{width:31px;height:18px}.video-art-journey{gap:13px}.video-art-journey .icon{width:26px;height:26px;padding:14px}.video-art-experience>p{font-size:11px}.video-art-decor>strong{font-size:43px}.mall-video-note{font-size:12px;line-height:1.8}.pricing .plan-feature-highlight{padding:12px}.contact-copy h2{font-size:38px}.contact-copy .whatsapp-image-button{width:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Reproductores con la proporción original 1902 × 828 de las tres demostraciones. */
.mall-video-player{position:relative;aspect-ratio:317/138;overflow:hidden;background:#020912;border-bottom:1px solid #284c6a}
.demo-video-player{display:block;width:100%;height:100%;object-fit:contain;background:#020912}
.demo-video-player[hidden]{display:none}
.mall-video-preview{position:relative;display:block;overflow:hidden;aspect-ratio:16/7;background:#07121f;border-bottom:1px solid #284c6a}
.mall-video-preview img{display:block;width:100%;height:100%;object-fit:contain}
.video-preview-play{position:absolute;inset:0;display:grid;place-items:center;background:#03132215;transition:background .2s}
.video-preview-play .icon{width:62px;height:62px;padding:9px;color:white;fill:#0870e9;stroke-width:1.3;border-radius:50%;background:#0870e9;box-shadow:0 6px 24px #0008}
.video-preview-label{position:absolute;right:13px;bottom:12px;display:flex;align-items:center;gap:15px;padding:5px 10px;border-radius:5px;background:#05172bea;color:#fff;font-size:11px;font-weight:650}
.mall-video-preview[href]:hover .video-preview-play{background:#0313223d}
.mall-video-preview:focus-visible{outline:3px solid #82baff;outline-offset:-3px}
.mall-video-preview:not([href]) .video-preview-play,.mall-video-preview:not([href]) .video-preview-label{display:none}
@media(max-width:700px){.video-preview-play .icon{width:48px;height:48px;padding:7px}.video-preview-label{font-size:10px;right:9px;bottom:9px}}
@media(max-width:1050px) and (min-width:701px){.mall-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mall-video-card:last-child{grid-column:1/-1;max-width:calc(50% - 7px);width:100%;justify-self:center}}

/* Captura del portal de Pereira Plaza proporcionada por el usuario. */
.mall-hero-visual.mall-proposal-visual{padding:0}
.mall-proposal-visual img{display:block;width:100%;height:auto;border:1px solid #467caf;border-radius:14px;box-shadow:0 25px 65px #0005}