@font-face{font-family:Commerce Display;src:url('fonts/commerce-display.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Commerce Sans;src:url('fonts/commerce-sans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commerce Mono;src:url('fonts/commerce-mono.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--night:#070f19;--panel:#101f2a;--mint:#b7ffd2;--aqua:#67ddd4;--ink:#eff7f2;--green:#a6f5c4;--muted:#9aaeb2;--line:#233b43;--display:'Commerce Display',Arial,sans-serif;--sans:'Commerce Sans',Arial,sans-serif;--mono:'Commerce Mono',monospace;font-family:var(--sans);background:var(--night);color:var(--ink)}body{background:var(--night);overflow-x:hidden}.wrap{max-width:1280px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.12em;font-weight:400}.reading-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:30;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--mint);transform-origin:left;transform:scaleX(0)}.site-header{height:91px;min-height:91px;border-color:#203139;position:relative;z-index:5;gap:22px}.wordmark{color:#edf7f2;font-family:var(--display);font-weight:700;letter-spacing:.06em;font-size:10px}.brand-mark{background:var(--mint);border-radius:9px}.brand-mark i{background:#102d2c}.site-header nav{margin-left:auto;gap:29px}.site-header nav a{font-family:var(--sans);color:#b4c5c8;font-size:11px}.site-header nav a:hover{color:white}.header-contact{border:1px solid #58736f;border-radius:24px;padding:10px 16px;color:#edf7f2;font-size:11px;gap:14px}.header-contact:hover{background:#18332f}.motion-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;color:#93aeac;font-family:var(--mono);font-size:9px;padding:10px 3px;white-space:nowrap}.motion-toggle:hover{color:var(--mint)}.motion-symbol{font-size:13px;font-weight:700}.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#060e18}.hero-art{position:absolute;inset:0;z-index:-3;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.1s ease-out}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block;transform:scale(1.025)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070f19f7 0%,#070f19d9 23%,#070f1955 52%,#070f1900 78%),linear-gradient(0deg,#070f19 0%,#070f1900 30%,#070f191a 82%,#070f1955 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.045;pointer-events:none;background-image:linear-gradient(#a3dacf 1px,transparent 1px),linear-gradient(90deg,#a3dacf 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000,transparent 55%)}.particle-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.7}.hero{display:block;position:relative;min-height:655px;padding-top:75px;padding-bottom:60px}.hero-copy{position:relative;z-index:2;max-width:655px}.hero-copy>.eyebrow{font-size:10px;color:var(--mint);margin-bottom:23px;gap:10px}.tiny-dot{background:var(--mint);box-shadow:0 0 16px #8affe655}h1{font-family:var(--display);font-weight:700;font-size:clamp(3rem,5vw,4.35rem);line-height:1.12;letter-spacing:-.062em;max-width:680px}h1>span{display:block}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint);letter-spacing:-.055em;font-size:1.19em;line-height:.9}h1 .outline-type{color:transparent;-webkit-text-stroke:1px #acc5c1;font-size:.82em;line-height:1.26;letter-spacing:-.045em;margin-top:4px}.hero-description{font-size:14px;line-height:1.9;color:#b7c6cd;max-width:455px;margin:25px 0 28px}.hero-actions{gap:25px}.button,.primary-button{position:relative;overflow:hidden;border-radius:8px;background:var(--mint);border-color:var(--mint);color:#09251c;min-height:54px;font-family:var(--display);font-size:12px;letter-spacing:-.02em;gap:10px;transition:background .2s,box-shadow .2s,transform .2s}.button:hover,.primary-button:hover{background:#d4ffe4;border-color:#d4ffe4;box-shadow:0 9px 30px #70ffc124;transform:translateY(-2px)}.button:after{content:'';position:absolute;inset:-100% auto -100% -80%;width:35%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(25deg);pointer-events:none}.button-arrow{font-family:var(--sans);font-size:19px;font-weight:400;padding-left:5px;line-height:1}.hero .button{font-size:12px;padding:15px 19px}.text-link{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--mint)}.hero .text-link{color:#d8e5e5}.hero .text-link:hover{color:var(--mint)}.hero .button-note{color:#7e9aa2;font-size:10px;margin-top:14px}.independent-note{font-size:9px;color:#8ba5ac;margin-top:26px}.note-line{background:#547e77;width:24px}.scene-labels{position:absolute;inset:0 48px 0 53%;pointer-events:none}.scene-label{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#10292ddb,#081a23cc);backdrop-filter:blur(15px);border:1px solid #70dfc43b;border-radius:10px;box-shadow:0 14px 42px #0003;position:absolute;padding:15px 18px;color:#d7f2eb}.scene-label small{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.11em;color:#7bacac;margin-bottom:5px}.scene-label strong{font-size:13px;font-weight:400}.scene-origin{top:24%;right:9%;min-width:200px}.scene-dot{width:7px;height:7px;border-radius:50%;background:#aafad3;box-shadow:0 0 0 7px #84f3c512,0 0 22px #65dabb7d;margin:0 7px 0 2px}.scene-coordinates{font-family:var(--mono);font-size:10px;color:#73b2a7;padding-left:18px;margin-left:auto}.scene-product{right:-2%;bottom:25%}.scene-product .icon{width:28px;height:28px;stroke:var(--mint);stroke-width:1.1}.scene-caption{position:absolute;bottom:9%;right:0;font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:#7c9b9b}.hero-bottom{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.15fr;gap:26px;align-items:center;padding-top:26px;padding-bottom:31px;border-top:1px solid #8cadad24}.hero-bottom-label{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#6c8c91}.hero-bottom>a{display:flex;align-items:center;gap:13px;color:#cbdcdd;text-decoration:none;font-size:11px}.hero-bottom>a>span{font-family:var(--mono);font-size:9px;color:#5c9384}.hero-bottom>a>b{margin-left:auto;color:#70be9e;font-size:18px;font-weight:400}.hero-bottom>a:hover{color:var(--mint)}
.topic-ribbon{border:0;background:var(--mint);color:#0d2c22;overflow:hidden;padding:19px 0}.ribbon-track{display:flex;width:max-content}.ribbon-set{display:flex;align-items:center;justify-content:space-around;gap:55px;padding:0 36px;min-width:100vw}.topic-ribbon .ribbon-set span{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.04em;line-height:1.2;color:#143d2e;display:block;margin:0}.topic-ribbon .ribbon-set i{font-style:normal;font-size:29px;width:auto;height:auto;color:#3a7253;background:none;font-family:Georgia,serif}.ribbon-set[aria-hidden=true]{pointer-events:none}
.light-section{background:#f1f5f2;color:#122d30;--muted:#64777b;--line:#d6e0dc}.section{padding-top:86px;padding-bottom:90px}.section-heading{margin-bottom:36px;gap:50px}.section h2,.route-section h2,.faq-section h2,.closing-section h2{font-family:var(--display);font-weight:700;letter-spacing:-.055em;font-size:42px;line-height:1.15}.section h2 em{font-family:Georgia,serif;font-weight:400;color:#428270;font-size:1.14em}.section .eyebrow{color:#53877a}.section-heading>p{font-size:12px;line-height:1.9;max-width:340px}.topic-grid{gap:22px;perspective:1600px}.topic-card{border:1px solid #d5e0d9;border-radius:14px;background:#fff;box-shadow:0 10px 32px #0c453407;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out,box-shadow .3s,border-color .3s;overflow:hidden}.topic-card:hover{box-shadow:0 18px 45px #0c453416;border-color:#9cc4b2}.topic-card>summary{padding:0 0 24px}.topic-label{margin:22px 23px 0;color:#568475;font-family:var(--mono);font-size:8px;letter-spacing:.06em}.topic-label b{font-family:var(--mono);font-size:10px;color:#75a08d}.topic-card h3{margin:17px 23px 11px;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.055em;color:#173f3b}.topic-card summary>p{margin:0 23px;font-size:11px;line-height:1.9;min-height:43px}.detail-action{margin:20px 23px 0;padding-top:16px;font-size:10px;color:#285a4a}.topic-card[open]{background:#fafdF9;border-color:#8ab7a1}.topic-content{padding:0 23px 23px;color:#385b51}.topic-content h4{font-family:var(--display);font-size:11px;line-height:1.8;color:#244e41}.topic-content ul{font-size:12px;line-height:1.9;color:#5a746c}.topic-takeaway{font-size:11px;color:#5c776b;border-color:#8bb69c}.topic-content .text-link{color:#216449;font-size:11px}.topic-art{position:relative;height:223px;overflow:hidden;background:#0b1b26;isolation:isolate}.topic-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03161988,transparent 34%);pointer-events:none;z-index:4}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#81d8c509 1px,transparent 1px),linear-gradient(90deg,#81d8c509 1px,transparent 1px);background-size:26px 26px;transform:perspective(450px) rotateX(35deg) scale(1.4);opacity:.8}.art-store{background:radial-gradient(ellipse at 50% 60%,#235e5380,transparent 70%),#0b1c25}.mini-store{width:180px;position:absolute;left:50%;top:27px;transform:translateX(-50%) perspective(650px) rotateY(-13deg) rotateX(8deg);border:1px solid #7ce7c456;border-radius:10px;background:linear-gradient(135deg,#20423d,#102729);box-shadow:13px 19px 22px #0005;overflow:hidden;padding-bottom:16px;z-index:2}.mini-browser{display:flex;align-items:center;gap:4px;background:#122825;border-bottom:1px solid #74cda427;padding:9px 11px}.mini-browser i{width:3px;height:3px;border-radius:50%;background:#66897d}.mini-browser span{font-family:var(--mono);font-size:5px;letter-spacing:.1em;color:#8faeaa;margin-left:auto}.store-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 13px 14px;margin:9px 10px 12px;border-radius:4px;background:linear-gradient(125deg,#a5edc5,#507e72);color:#112d22}.store-banner .icon{width:36px;height:36px;stroke-width:1.2}.store-banner>span{font-family:var(--display);font-size:11px;letter-spacing:-.04em;line-height:1.25}.store-products{display:flex;gap:8px;margin:0 11px}.store-products span{height:30px;flex:1;border-radius:3px;background:linear-gradient(140deg,#386556,#102b27);border:1px solid #acd4b130;position:relative}.store-products span:after{content:'';position:absolute;width:12px;height:15px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);border-radius:4px;background:#bfd9ae;box-shadow:2px 4px 7px #0004}.store-products span:nth-child(2):after{border-radius:50%;background:#719aba}.store-products span:nth-child(3):after{background:#e3bf83;border-radius:2px}.store-lines{display:flex;gap:14px;margin:9px 11px 0}.store-lines i{height:2px;width:33px;background:#668578;border-radius:3px}.art-badge{position:absolute;bottom:15px;left:17px;z-index:5;display:flex;align-items:center;gap:7px;color:#b3decd;font-family:var(--mono);font-size:7px;letter-spacing:.12em}.art-badge .icon{width:13px;height:13px;stroke-width:1.2}.art-orbit{position:absolute;border:1px solid #75c5a42b;border-radius:50%;height:190px;width:285px;left:50%;top:29px;transform:translateX(-50%) rotate(-20deg);z-index:1}.art-products{background:radial-gradient(ellipse at 40% 30%,#33729a60,transparent 65%),#0a1b2a}.product-platform{position:absolute;width:215px;height:75px;border:1px solid #599caa4d;border-radius:50%;left:50%;top:150px;transform:translateX(-50%);background:radial-gradient(ellipse,#1a77743f,transparent 70%)}.product-cube{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border-radius:14px;border:1px solid #a2dfc787;background:linear-gradient(135deg,#467f7988,#122f39);box-shadow:15px 15px 24px #0004;color:#b8ead9}.product-cube>.icon{height:70px;width:70px;stroke-width:.7}.product-cube>span{font-family:var(--mono);font-size:6px;letter-spacing:.13em;color:#96c7b8}.cube-front{height:126px;width:123px;left:34%;top:58px;transform:rotate(-11deg);z-index:3}.cube-back{height:91px;width:93px;left:18%;top:26px;transform:rotate(15deg);color:#729fb0;opacity:.6}.cube-back .icon{height:54px;width:54px}.product-chip{position:absolute;font-family:var(--mono);font-size:6px;letter-spacing:.1em;color:#abdccf;z-index:4;border:1px solid #729e9661;background:#163237cc;backdrop-filter:blur(5px);padding:7px 9px;border-radius:5px}.chip-quality{right:17px;top:42px}.chip-delivery{left:20px;top:123px}.art-orders{background:radial-gradient(ellipse at 60% 25%,#31306b99,transparent 75%),#101b30}.order-window{position:absolute;top:32px;left:50%;width:207px;transform:translateX(-50%) perspective(500px) rotateY(10deg) rotateX(4deg);border:1px solid #8ca2b64f;background:linear-gradient(130deg,#223c45,#152337);border-radius:8px;padding-bottom:13px;box-shadow:-12px 18px 30px #0005}.order-window .mini-browser{background:#162937;border-color:#7e91b22a}.order-row{display:flex;align-items:center;gap:10px;padding:9px 13px 3px}.order-row b{font-weight:400;font-size:8px;color:#bed4d9;display:block;margin-bottom:5px}.order-row div{flex:1}.order-row div>i{height:2px;width:65%;background:#46606d;display:block}.order-check,.order-pulse{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#a0e9cf22;color:#8aefc6;font-family:Arial,sans-serif;font-size:9px;border:1px solid #a0e9cf39}.order-pulse{background:#aeecc9;width:7px;height:7px;margin:5px;box-shadow:0 0 0 4px #a0e9cf20}.delivery-orbit{position:absolute;right:17px;bottom:44px;width:42px;height:42px;border:1px solid #7bbca849;background:linear-gradient(135deg,#274d47,#11282b);border-radius:10px;display:grid;place-items:center;z-index:3;transform:rotate(12deg);box-shadow:4px 9px 20px #0005}.delivery-orbit .icon{stroke:#b8efd2;stroke-width:1.1;width:24px;height:24px}
.route-section{background:radial-gradient(ellipse at 80% 20%,#11453d55,transparent 58%),#08141d;overflow:hidden;border-top:1px solid #234238;border-bottom:1px solid #213934;padding-top:88px;padding-bottom:88px}.route-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#558b750a 1px,transparent 1px),linear-gradient(90deg,#558b750a 1px,transparent 1px);background-size:66px 66px;pointer-events:none}.route-grid{position:relative;gap:87px}.route-section .eyebrow{color:#72bca1}.route-section h2{font-size:43px;color:#edf7f3}.route-section h2 em{font-family:Georgia,serif;font-weight:400;font-size:1.2em;color:#b8f4cc}.route-intro{font-size:12px;line-height:1.9;color:#9cb7b2;margin:25px 0 30px}.route-inputs legend{font-family:var(--sans);font-size:12px;color:#cee1dc;font-weight:400}.route-inputs legend>span{border-color:#43635d;color:#79ae9b;font-family:var(--mono);font-size:8px}.select-option>span{border-color:#34514e;font-size:11px;background:#192d2e40;color:#adc6be;min-height:50px}.select-option:hover>span{border-color:#75ba99;background:#24483f50}.select-option:has(input:checked)>span{background:#b7ffd2;border-color:#b7ffd2;color:#153d27}.select-option input:checked+span:before{background:#254a37;border-color:#254a37;box-shadow:inset 0 0 0 3px #b7ffd2}.field-hint{font-size:10px;color:#7e9f93}.reset-button{color:#8baea0;font-size:10px}.route-privacy{color:#6f958c;font-size:9px}.route-result{background:linear-gradient(140deg,#1c3436d9,#112228e0);border:1px solid #456c6266;box-shadow:0 25px 65px #0002;border-radius:16px;padding:26px 30px;color:#e2efe9;overflow:hidden;position:relative}.result-top-art{display:flex;align-items:center;gap:8px;height:45px;position:relative;margin-bottom:22px;border-bottom:1px solid #52726a38;padding-bottom:17px}.result-top-art>span{width:22px;height:8px;border-radius:10px;background:#6eba9a55}.result-top-art>span:nth-child(2){width:45px;background:#9adbb866}.result-top-art>span:nth-child(3){width:75px;background:linear-gradient(90deg,#a4e6bf88,#b7ffd2)}.result-top-art .icon{margin-left:auto;color:#acd8c7;width:26px;height:26px;stroke-width:1.2}.result-kicker{font-family:var(--mono);font-size:8px;letter-spacing:.11em;color:#8fbca8}.route-result h3{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-.05em;color:#f2f8f1}.route-result #route-result-description{font-size:11px;color:#95b6ab;line-height:1.8}.route-result li{border-color:#52726733;padding:16px 0}.route-result li>span{background:#779f851f;border:1px solid #568a6c37;color:#a3d3b4;font-family:var(--mono);font-size:8px}.route-result h4{font-family:var(--sans);font-size:12px;font-weight:400;color:#d8eee3}.route-result li p{font-size:11px;color:#86ab9c}.route-result .button{font-size:11px;background:var(--mint);border-color:var(--mint);color:#0e3520}.route-result .button:hover{background:#d2ffe0;border-color:#d2ffe0}.result-note{color:#8aaa9b;font-size:9px}.message-preview{border-color:#52726733}.message-preview summary{color:#b1d7c2;font-size:10px}.message-preview>p{color:#82a392;font-size:10px}.message-preview .message-text{background:#071b1870;border:1px solid #5f8b6f33;color:#afd5bd;font-size:11px}.copy-button{border-color:#60896e66;color:#b9e2c5;font-size:10px}.copy-status{color:#a6d6b6;font-size:10px}
.model-shell{background:linear-gradient(180deg,#080f19,#0c1a23);color:#edf6f1}.model-section{gap:69px;align-items:center}.model-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#8ea8b0}.model-copy>p.small-note{font-size:10px;color:#6d8a91}.model-copy .eyebrow{color:#66a99b}.model-section h2{font-size:40px}.flow-demo{margin:25px 0 20px;background:#12293288;border:1px solid #31586370;border-radius:13px;overflow:hidden}.flow-tabs{display:flex;border-bottom:1px solid #31586360;padding:8px;gap:3px}.flow-tabs button{flex:1;min-width:0;font-family:var(--mono);font-size:8px;letter-spacing:-.03em;line-height:1.5;background:none;color:#81a2a9;border:1px solid transparent;border-radius:5px;padding:10px 5px;white-space:nowrap}.flow-tabs button[aria-pressed=true]{background:#90ddc017;border-color:#87cbae50;color:#b8edd6}.flow-tabs button:hover{color:white}.flow-map{position:relative;height:145px;margin:0 9px}.flow-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:1.6}.flow-base{stroke:#365459;stroke-dasharray:3 6;opacity:.65}.flow-path{stroke:#a6efc9;stroke-dasharray:6 10;opacity:0;transition:opacity .3s;stroke-width:2}.flow-map[data-step=order] .flow-order,.flow-map[data-step=shipping] .flow-shipping,.flow-map[data-step=support] .flow-support{opacity:1}.flow-node{position:absolute;top:47%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #4a777280;border-radius:12px;background:#132b34;box-shadow:0 6px 16px #0004;color:#8cc5b1}.flow-node>.icon{width:22px;height:22px;stroke-width:1.15}.flow-node>span{position:absolute;top:51px;color:#8ba6ad;font-family:var(--mono);font-size:8px;white-space:nowrap}.flow-supplier{left:16.666%}.flow-store{left:50%}.flow-customer{left:83.333%}.flow-map[data-step=order] .flow-store,.flow-map[data-step=order] .flow-customer,.flow-map[data-step=shipping] .flow-supplier,.flow-map[data-step=shipping] .flow-customer,.flow-map[data-step=support] .flow-store,.flow-map[data-step=support] .flow-customer{border-color:#a2e6c396;background:#25473d;box-shadow:0 0 25px #67dcad12;color:#b3ffd1}#flow-description{font-size:10px;line-height:1.8;color:#a3bec0;margin:0;padding:0 17px 18px;min-height:54px}.carousel{background:#112531;border-color:#43636b70;border-radius:13px;box-shadow:0 18px 60px #0004}.slides{background:#dce7ee;aspect-ratio:1.45/1}.carousel-controls{background:#102530;border-color:#35566070;padding:14px 16px}.carousel-text{color:#a1cac7}.carousel-text:hover{background:#254536}.carousel-dots button:before{background:#436773}.carousel-dots button[aria-pressed=true]:before{background:var(--mint)}.slide-count{font-family:var(--mono);color:#7da49f;font-size:8px}.pause-control{font-family:var(--mono);font-size:9px}.image-note{color:#6b8b92;font-size:9px}.carousel-column{position:relative}.carousel-column:before{content:'';position:absolute;inset:-35px;background:radial-gradient(ellipse,#1d767b25,transparent 70%);z-index:0;pointer-events:none}.carousel-column>*{position:relative}
.faq-section{background:#eef3f0;color:#173c38;--muted:#617875;--line:#d0ded6;border-color:#d4e0d8;padding:78px 0}.faq-grid{gap:90px}.faq-section h2{font-size:39px}.faq-intro .eyebrow{color:#5f9481}.faq-intro>p:not(.eyebrow){color:#6d837d;font-size:12px;line-height:1.9}.faq-intro .text-link{color:#285c46}.faq-list details{border-color:#c7d8d0}.faq-list details:first-child{border-color:#c7d8d0}.faq-list summary{font-size:12px;font-family:var(--sans);font-weight:400;padding:22px 0}.faq-list summary>span{color:#628d75}.faq-list details[open]{background:#e6eee750;margin:0 -14px;padding:0 14px}.faq-list details>p{font-size:11px;line-height:1.95;color:#57766b}.closing-shell{position:relative;isolation:isolate;background:#08141d;overflow:hidden}.closing-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08141def 18%,#08141dcc 65%,#08141d99),url('images/mexico-commerce-hero.webp') 75% 57%/cover no-repeat;z-index:-1;opacity:.85}.closing-section{padding-top:80px;padding-bottom:82px;gap:55px}.closing-section .eyebrow{color:#7ba997}.closing-section h2{font-size:42px;color:#dceddf}.closing-copy>p:last-child{color:#8ca9a1;font-size:12px;line-height:1.85}.closing-action>p{color:#749387;font-size:9px}.site-footer{background:#070f19;border-color:#22383b;padding-top:31px;padding-bottom:35px}.site-footer p{color:#688990;font-size:9px}.legal-links button{color:#8eaaa6;font-family:var(--sans);font-size:9px}.legal-links button:hover{color:var(--mint)}.mobile-contact{background:#09171ff2;border-color:#38594f;box-shadow:0 -7px 35px #0002}.mobile-contact .button{background:var(--mint);border-color:var(--mint);color:#143b25}dialog{background:#f6faf7;color:#22443a;border-color:#c3d5c9}.dialog-top h2{font-family:var(--display);font-size:26px;font-weight:700;color:#244b3b}.close-button{background:#e6f0e8}.close-button svg{stroke:#244b3b}#legal-copy p{font-family:var(--sans);font-size:12px;color:#5c776b}.legal-dialog .primary-button{color:#193d25;background:#b7ecca;border-color:#b7ecca}.noscript{color:#a5c0b4}
/* Progressive motion: everything remains visible and usable without this layer. */
.reveal-pending:not(:focus-within){opacity:0;transform:translateY(28px)}.reveal-ready{transition:opacity .75s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.effects-on .hero-art img{animation:hero-breathe 16s ease-in-out infinite alternate}.effects-on .scene-origin{animation:float-slow 7s ease-in-out infinite}.effects-on .scene-product{animation:float-slow 8s ease-in-out -3s infinite}.effects-on .ribbon-track{animation:ribbon-travel 40s linear infinite}.topic-ribbon:hover .ribbon-track{animation-play-state:paused}.effects-on .button:hover:after{animation:button-shine .8s ease-out}.effects-on .topic-card:hover .mini-store{animation:store-float 3s ease-in-out infinite}.effects-on .topic-card:hover .cube-front{animation:cube-float 3s ease-in-out infinite}.effects-on .topic-card:hover .delivery-orbit{animation:delivery-float 3s ease-in-out infinite}.effects-on .order-pulse{animation:soft-pulse 3s ease-in-out infinite}.effects-on .flow-path{animation:route-travel 2.2s linear infinite}.effects-on #route-steps>li{animation:step-arrive .45s ease both}.effects-on #route-steps>li:nth-child(2){animation-delay:.07s}.effects-on #route-steps>li:nth-child(3){animation-delay:.14s}.motion-suspended *,.motion-suspended *:after,.hero-stage.is-inactive .hero-art img,.hero-stage.is-inactive .scene-label{animation-play-state:paused!important}
@keyframes hero-breathe{from{transform:scale(1.025)}to{transform:scale(1.065)}}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes ribbon-travel{to{transform:translateX(-50%)}}@keyframes button-shine{to{left:150%}}@keyframes route-travel{to{stroke-dashoffset:-64}}@keyframes soft-pulse{50%{box-shadow:0 0 0 7px #a0e9cf08}}@keyframes step-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes store-float{50%{transform:translateX(-50%) perspective(650px) rotateY(-8deg) rotateX(4deg) translateY(-7px)}}@keyframes cube-float{50%{transform:rotate(-7deg) translateY(-7px)}}@keyframes delivery-float{50%{transform:rotate(3deg) translateY(-5px)}}
@media(min-width:1550px){.hero-stage{background:#060e18}.hero-art img{object-position:center;object-fit:cover}.hero{min-height:710px;padding-top:93px}.hero-copy{max-width:655px}.scene-origin{right:3%;top:28%}.scene-product{bottom:24%;right:-4%}.hero-shade{background:linear-gradient(90deg,#070f19ee 0%,#070f19b8 28%,#070f1930 60%,transparent 90%),linear-gradient(0deg,#070f19,transparent 38%)}}
@media(max-width:1100px){.site-header{gap:15px}.site-header nav{gap:18px}.site-header nav a{font-size:10px}.motion-toggle{font-size:8px}.hero{padding-top:67px;min-height:625px}.hero-copy{max-width:590px}h1{font-size:55px}.hero-description{font-size:13px;max-width:420px}.hero .button{font-size:11px}.scene-labels{left:56%;right:32px}.scene-origin{right:0;top:17%;min-width:172px;padding:12px}.scene-label strong{font-size:11px}.scene-label small{font-size:6px}.scene-product{right:0;bottom:22%;padding:12px}.scene-caption{font-size:6px}.hero-bottom{gap:19px;grid-template-columns:.85fr 1fr 1fr 1fr}.hero-bottom-label{font-size:7px}.hero-bottom>a{font-size:9px;gap:9px}.hero-bottom>a>b{font-size:16px}.topic-grid{gap:16px}.topic-art{height:208px}.mini-store{width:166px;top:24px}.product-cube.cube-front{left:31%;width:113px;height:115px}.product-chip{font-size:5px;padding:6px}.chip-quality{right:8px;top:35px}.chip-delivery{left:10px}.order-window{width:181px;top:32px}.delivery-orbit{right:11px;width:36px;height:36px}.topic-label,.topic-card h3,.topic-card summary>p,.detail-action{margin-left:19px;margin-right:19px}.topic-card h3{font-size:18px}.topic-label{font-size:7px}.topic-content{padding-left:19px;padding-right:19px}.section h2,.route-section h2,.closing-section h2{font-size:37px}.route-grid{gap:46px}.model-section{gap:42px}.model-section h2{font-size:36px}.route-result{padding:25px}.faq-grid{gap:55px}.flow-tabs button{font-size:7px;padding-left:3px;padding-right:3px}.closing-action .button{font-size:11px}}
@media(max-width:760px){.site-header{height:75px;min-height:75px;gap:15px}.site-header nav{display:none}.motion-toggle{margin-left:auto;font-size:8px;padding:10px 0;color:#8eb4a9}.wordmark{font-size:9px}.header-contact{display:none}.hero{min-height:620px;padding-top:43px;padding-bottom:28px;display:block}.hero-copy{max-width:490px}h1{font-size:clamp(1.8rem,9.3vw,3.2rem);line-height:1.13;letter-spacing:-.067em;max-width:490px}h1 .outline-type{font-size:.84em;letter-spacing:-.04em;margin-top:6px}.hero-copy>.eyebrow{font-size:8px;margin-bottom:21px;letter-spacing:.08em}.hero-description{font-size:12px;line-height:1.9;max-width:355px;margin:22px 0}.hero-actions{gap:10px 19px;align-items:center;flex-wrap:wrap}.hero .button{font-size:10px;min-height:51px;padding:13px 14px;gap:7px}.hero .button .icon{width:18px;height:18px}.hero .button-arrow{font-size:16px;padding-left:2px}.hero .text-link{font-size:10px;gap:8px;padding:8px 0}.hero .text-link>span{font-size:17px}.hero .button-note{font-size:9px;margin-top:10px}.independent-note{font-size:8px;margin-top:20px;max-width:320px}.hero-art{inset:0 -20% 0 -85%;opacity:.9}.hero-art img{object-position:74% 75%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#070f19d9 0%,#070f19ca 39%,#070f195e 64%,#070f19ba 88%,#070f19 100%),linear-gradient(90deg,#070f19a8,transparent 90%)}.hero-grid{opacity:.025}.scene-labels{inset:0 24px;z-index:1}.scene-origin{top:auto;bottom:59px;left:auto;right:0;min-width:157px;padding:11px 13px}.scene-label strong{font-size:11px}.scene-label small{font-size:5px}.scene-coordinates{font-size:8px;padding-left:10px}.scene-dot{width:5px;height:5px;margin-right:4px;box-shadow:0 0 0 5px #84f3c512}.scene-product{display:none}.scene-caption{bottom:29px;font-size:5px;right:0;letter-spacing:.02em}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:18px;padding-bottom:24px}.hero-bottom-label{display:none}.hero-bottom>a{font-size:8px;line-height:1.6;display:block}.hero-bottom>a>span{display:block;margin-bottom:5px;font-size:7px}.hero-bottom>a>b{display:none}.topic-ribbon{padding:16px 0}.ribbon-set{gap:28px;padding:0 23px;min-width:730px}.topic-ribbon .ribbon-set span{font-size:19px;letter-spacing:-.045em}.topic-ribbon .ribbon-set i{font-size:23px}.section{padding-top:54px;padding-bottom:56px}.section h2,.route-section h2,.faq-section h2,.closing-section h2{font-size:32px}.section .eyebrow{font-size:8px}.section-heading{margin-bottom:28px}.section-heading>p{font-size:11px;line-height:1.9;max-width:430px;margin-top:18px}.topic-grid{grid-template-columns:1fr;gap:22px}.topic-card{max-width:540px;width:100%;margin:auto;border-radius:13px}.topic-art{height:242px}.mini-store{width:188px;top:33px}.store-banner{padding:17px 16px;margin-bottom:14px}.store-products span{height:33px}.art-badge{bottom:17px;left:21px;font-size:7px}.product-cube.cube-front{left:41%;top:59px;width:126px;height:129px}.cube-back{left:25%;top:28px;width:96px;height:94px}.product-platform{top:168px;width:250px}.product-chip{font-size:6px;padding:7px 9px}.chip-quality{right:22px;top:36px}.chip-delivery{left:24px;top:134px}.order-window{width:215px;top:37px}.order-row{padding-top:10px;padding-bottom:5px}.order-row b{font-size:8px}.delivery-orbit{right:16%;bottom:48px;width:43px;height:43px}.topic-label{font-size:8px;margin-top:25px}.topic-label b{font-size:10px}.topic-card h3{font-size:22px;margin-top:17px}.topic-label,.topic-card h3,.topic-card summary>p,.detail-action{margin-left:24px;margin-right:24px}.topic-card summary>p{font-size:11px;min-height:0}.detail-action{font-size:10px;margin-top:21px;padding-top:18px}.topic-content{padding-left:24px;padding-right:24px}.topic-content h4{font-size:11px}.topic-content ul{font-size:11px}.topic-takeaway{font-size:10px}.route-section{padding:54px 0}.route-grid{grid-template-columns:1fr;gap:34px}.route-intro{font-size:11px;margin:21px 0 28px}.route-inputs legend{font-size:11px}.select-option>span{font-size:10px;min-height:49px}.route-privacy{font-size:8px;line-height:1.8}.route-result{padding:24px 22px}.route-result h3{font-size:25px}.route-result #route-result-description{font-size:10px}.route-result h4{font-size:11px}.route-result li p{font-size:10px}.route-result .button{font-size:10px}.result-note{font-size:8px}.result-kicker{font-size:7px}.message-preview summary{font-size:9px}.message-preview .message-text{font-size:10px}.model-section{grid-template-columns:1fr;gap:32px}.model-copy>p:not(.eyebrow){font-size:11px;line-height:1.95}.model-copy>p.small-note{font-size:9px}.flow-demo{margin-top:23px}.flow-tabs button{font-size:7px;padding:10px 3px}.flow-map{height:151px}.flow-node span{font-size:7px}.flow-node{width:42px;height:42px}.flow-node span{top:51px}#flow-description{font-size:10px;min-height:66px;padding:0 15px 17px}.slides{aspect-ratio:1.5/1}.carousel-controls{padding:12px 13px}.image-note{font-size:8px}.faq-section{padding:53px 0}.faq-grid{grid-template-columns:1fr;gap:29px}.faq-intro .eyebrow{font-size:8px}.faq-intro>p:not(.eyebrow){font-size:11px;line-height:1.9}.faq-intro .text-link{font-size:11px}.faq-list summary{font-size:11px;padding:20px 0;line-height:1.9;gap:20px}.faq-list details>p{font-size:10px;line-height:1.95}.closing-section{padding-top:58px;padding-bottom:55px;display:block}.closing-section .eyebrow{font-size:8px}.closing-copy>p:last-child{font-size:11px;line-height:1.9;max-width:370px}.closing-action{margin-top:25px}.closing-action .button{font-size:11px;max-width:400px;width:100%}.closing-action>p{font-size:8px;color:#83a597}.closing-shell:before{background:linear-gradient(90deg,#08141ddc,#08141db0),url('images/mexico-commerce-hero.webp') 70% 45%/cover no-repeat}.site-footer{padding-top:28px;padding-bottom:29px}.site-footer p{font-size:8px}.legal-links button{font-size:8px}.mobile-contact .button{font-size:11px;min-height:49px;padding:12px 15px}.mobile-contact{padding:10px 18px calc(10px + env(safe-area-inset-bottom))}.dialog-top h2{font-size:23px}#legal-copy p{font-size:11px}.reveal-pending:not(:focus-within){transform:translateY(19px)}}
@media(max-width:370px){h1{font-size:clamp(1.8rem,9.3vw,2.125rem)}.hero{padding-top:36px;min-height:627px}.hero .hero-actions{display:flex;gap:8px 18px}.hero-actions .button{width:auto;font-size:10px;padding:13px 12px}.hero .text-link{justify-self:initial;padding:9px 0}.hero .button-note{text-align:left;font-size:8px}.hero-description{max-width:290px;font-size:11px}.hero-copy>.eyebrow{font-size:7px}.independent-note{font-size:7px}.scene-origin{bottom:52px}.scene-caption{bottom:27px}.hero-bottom>a{font-size:7px}.product-cube.cube-front{left:37%}.cube-back{left:19%}.delivery-orbit{right:10%}.section h2,.route-section h2,.faq-section h2,.closing-section h2{font-size:29px}.stage-options{grid-template-columns:1fr}.route-result{padding:23px 18px}.route-result h3{font-size:23px}.topic-label,.topic-card h3,.topic-card summary>p,.detail-action{margin-left:20px;margin-right:20px}.topic-content{padding-left:20px;padding-right:20px}.flow-tabs button{font-size:6px}.legal-links{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{transition:none!important}}
/* Keep the reading and contact areas comfortable at real phone sizes. */
.hero-description{font-size:14px}.button,.primary-button,.hero .button{font-size:13px}.hero .text-link{font-size:12px}.section-heading>p{font-size:14px}.topic-card summary>p{font-size:13px;line-height:1.8}.topic-content ul{font-size:13px}.topic-content h4,.topic-takeaway{font-size:12px}.topic-content .text-link{font-size:12px}.detail-action{font-size:11px}.route-intro{font-size:14px}.route-inputs legend{font-size:13px}.select-option>span{font-size:12px}.route-result #route-result-description,.route-result li p{font-size:12px}.route-result h4{font-size:13px}.route-result .button{font-size:12px}.message-preview summary{font-size:11px}.message-preview .message-text{font-size:12px}.model-copy>p:not(.eyebrow){font-size:14px}.model-copy>p.small-note{font-size:11px}#flow-description{font-size:12px}.faq-intro>p:not(.eyebrow){font-size:13px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:13px}.closing-copy>p:last-child{font-size:14px}.closing-action .button{font-size:13px}#legal-copy p{font-size:14px}.route-privacy{font-size:10px}.result-note{font-size:10px}.site-footer p,.legal-links button{font-size:10px}
@media(max-width:760px){.hero-description{font-size:13px;line-height:1.85}.hero .button,.button,.primary-button{font-size:12px}.hero .text-link{font-size:11px}.section-heading>p{font-size:13px}.topic-card summary>p{font-size:13px}.topic-content ul{font-size:12px}.topic-takeaway,.topic-content h4{font-size:11px}.route-intro{font-size:13px}.route-inputs legend{font-size:12px}.select-option>span{font-size:11px}.route-result #route-result-description,.route-result li p{font-size:12px}.route-result h4{font-size:13px}.route-result .button{font-size:11px}.route-privacy,.result-note{font-size:9px}.message-preview summary{font-size:10px}.message-preview .message-text{font-size:11px}.model-copy>p:not(.eyebrow){font-size:13px}.model-copy>p.small-note{font-size:10px}#flow-description{font-size:11px}.faq-intro>p:not(.eyebrow){font-size:13px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:12px}.closing-copy>p:last-child{font-size:13px}.closing-action .button{font-size:12px}.mobile-contact .button{font-size:12px}#legal-copy p{font-size:13px}.site-footer p,.legal-links button{font-size:9px}.hero{min-height:680px}.scene-origin{bottom:58px}.scene-caption{bottom:28px}}
@media(max-width:370px){.hero{min-height:690px}.hero .button{font-size:11px}.hero-description{font-size:12px}.select-option>span{font-size:11px}.hero-actions .button{width:100%}.hero .text-link{padding:8px 0}.hero .hero-actions{gap:7px}.hero .button-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
.effects-outside *,.effects-outside *:after{animation-play-state:paused!important}
.skip-link{background:var(--mint);color:#09251c}