
/* TIANQUIXTLI / identidad editorial, jade + tezontle + papel.
   CSS estático independiente de la app POS. */
:root{--pine:#143d35;--pine-2:#082b27;--jade:#275c4d;--sand:#f3efe5;--paper:#faf8f2;--chalk:#fffef9;--rust:#be6246;--bronze:#e1ae79;--ink:#1c312c;--slate:#52665e;--border:#d8d8ca;--display:ui-sans-serif,system-ui,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
img{display:block;max-width:100%}
.skip{position:absolute;transform:translateY(-200%);z-index:40;padding:10px 16px;background:white}
.skip:focus{transform:translateY(0)}
.site-wrap{max-width:1200px;width:calc(100% - 72px);margin-inline:auto}
.site-nav{position:relative;z-index:10;background:var(--paper);border-bottom:1px solid #d7d8cb}
.site-nav-inner{min-height:88px;display:flex;align-items:center;gap:28px}
.brand-link{display:inline-flex;gap:13px;align-items:center;flex-shrink:0;color:var(--pine)}
.brand-link img{width:42px;height:42px}
.brand-link strong{display:block;font-size:19px;letter-spacing:.075em;line-height:1.05;font-weight:900}
.brand-link small{display:block;letter-spacing:.26em;font-size:9px;font-weight:800;margin-top:7px}
.site-nav-links{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700}
.site-nav-links>a:hover{color:var(--rust)}
.site-nav-cta{margin-left:4px;border:1px solid var(--pine);padding:10px 17px;font-size:12px;font-weight:800;white-space:nowrap;transition:.2s background,.2s color}
.site-nav-cta:hover{background:var(--pine);color:white}
.strip{background:var(--pine-2);color:#dfe7dc;font-size:11px;letter-spacing:.015em}
.strip-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:37px}
.strip-inner a{color:#e4bf98;text-decoration:underline;text-underline-offset:3px}
.kicker{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.19em;font-weight:900;text-transform:uppercase;color:var(--rust)}
.kicker:before{content:"";display:block;width:25px;height:2px;background:currentColor}
.hero2{position:relative;overflow:hidden;background:var(--sand)}
.hero2:before{content:"";position:absolute;bottom:0;right:-130px;width:470px;height:470px;border:42px solid #e9e8d9;border-radius:50%;pointer-events:none}
.hero-grid{min-height:605px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:85px 0 100px;position:relative}
.hero-title,.display-h2,.page-title{font-family:var(--display);letter-spacing:-.065em;line-height:1.08;font-weight:900;color:var(--pine)}
.hero-title{font-size:clamp(45px,5.2vw,74px);max-width:750px;margin:24px 0}
.hero-title em,.display-h2 em,.page-title em{font-style:normal;color:var(--rust)}
.hero-lede{font-size:17px;color:#53665a;max-width:540px;line-height:1.8;margin:0 0 30px}
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:28px}
.primary-btn,.outline-btn,.ivory-btn{display:inline-flex;gap:23px;align-items:center;justify-content:space-between;font-size:13px;font-weight:850;padding:16px 21px;transition:background .2s,transform .2s;min-height:52px}
.primary-btn{background:var(--pine);color:white}
.primary-btn:hover{background:#235a49;transform:translateY(-2px)}
.outline-btn{border:1px solid var(--pine);color:var(--pine)}
.outline-btn:hover{background:#e9e6d9}
.ivory-btn{background:#f4ecdc;color:var(--pine)}
.ivory-btn:hover{background:#fffef8}
.hero-proof{border-top:1px solid #cfd3c6;display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:43px;padding-top:20px;color:#627367;font-size:11px;font-weight:750}
.hero-proof span:before{content:"◆";margin-right:9px;color:var(--rust);font-size:7px}
.preview-wrap{position:relative;transform:rotate(-.8deg)}
.preview-wrap:after{content:"";position:absolute;z-index:-1;top:23px;left:21px;right:-21px;bottom:-21px;background:#b6c4b3}
.pos-preview{box-shadow:0 26px 60px #183e3021;background:#f9f8f1;border:1px solid #c2caba}
.preview-top{min-height:52px;background:var(--pine);display:flex;align-items:center;gap:12px;padding:0 18px;color:#e4e9de}
.preview-mark{font-weight:900;display:inline-grid;place-items:center;border:1px solid #9daf9e;width:26px;height:26px;font-size:9px}
.preview-top small{font-size:10px;letter-spacing:.13em;font-weight:850}
.preview-top .signal{margin-left:auto;color:#cba980;font-size:11px}
.preview-body{display:grid;grid-template-columns:1.3fr .8fr;min-height:294px}
.preview-left{padding:28px 24px;border-right:1px solid #dedfd2}
.preview-label{font-size:9px;letter-spacing:.14em;color:#687b6c;font-weight:900}
.preview-amount{font-size:clamp(35px,3.3vw,48px);color:var(--pine);font-weight:900;letter-spacing:-.065em;line-height:1.4;margin:8px 0 19px}
.preview-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e0e2d6;padding:9px 0;font-size:11px}
.preview-item b{color:var(--pine)}
.preview-right{background:#ecefe5;padding:28px 18px}
.preview-bar{height:12px;background:#d2dacc;margin:20px 0 10px}
.preview-bar.short{width:65%}.preview-bar.mid{width:88%}
.preview-chip{display:block;text-align:center;background:var(--rust);color:#fff;padding:12px 4px;margin-top:25px;font-size:10px;letter-spacing:.08em;font-weight:850}
.preview-foot{display:flex;justify-content:space-between;gap:8px;background:#dfe7d9;color:#547061;padding:13px 16px;font-size:9px;letter-spacing:.07em;font-weight:850}
.preview-caption{font-size:10px;margin:30px 0 0;color:#7d8b7c;letter-spacing:.03em}
.section2{padding:98px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}
.display-h2{font-size:clamp(32px,4.1vw,55px);margin:18px 0 0}
.section-intro{max-width:360px;font-size:14px;color:#6b796f;margin:0 0 5px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.feature-tile{background:#f1eee5;border:1px solid #d7ddcf;min-height:292px;padding:32px 31px;position:relative}
.feature-glyph{height:57px;width:57px;background:#e6e9de;display:grid;place-items:center;color:var(--pine);border:1px solid #d6ddcf;margin-bottom:35px}
.feature-glyph svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.feature-tile h3{color:var(--pine);font-size:20px;letter-spacing:-.04em;margin:0 0 12px;line-height:1.25}
.feature-tile p{color:#68766c;margin:0;font-size:13px;line-height:1.75}
.feature-index{position:absolute;right:29px;top:35px;font-size:10px;font-weight:850;color:#a3aca2;letter-spacing:.12em}
.business-band{background:#e7ece3;border-top:1px solid #d8e0d4;border-bottom:1px solid #d8e0d4}
.business-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}
.business-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.business-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 0;border-bottom:1px solid #c3d0c2;color:var(--pine);font-size:14px;font-weight:800}
.business-link span:first-child{color:var(--rust);font-size:11px;font-weight:900;margin-right:8px}
.business-link:hover{color:var(--rust)}
.business-aside{font-size:13px;color:#6e7f72;margin-top:22px}
.process-section{background:#fffdf8}
.process-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:95px;align-items:center}
.process-list{margin:0;padding:0;list-style:none}
.process-list li{display:grid;grid-template-columns:42px 1fr;gap:15px;border-top:1px solid #d7ddd1;padding:19px 0}
.process-list .number{font-weight:900;color:var(--rust);font-size:13px}
.process-list b{font-size:15px;color:var(--pine)}
.process-list p{font-size:13px;color:#6d7b6f;margin:5px 0 0}
.geometric-panel{background:var(--pine);color:#d4e1d4;min-height:355px;padding:36px;position:relative;overflow:hidden}
.geometric-panel:before,.geometric-panel:after{content:"";position:absolute;width:205px;height:205px;border:38px solid #4e7768;transform:rotate(45deg);opacity:.34}
.geometric-panel:before{right:-75px;top:-90px}.geometric-panel:after{bottom:-130px;left:-65px}
.geometric-panel blockquote{position:relative;z-index:1;color:white;font-weight:900;font-size:clamp(24px,2.7vw,38px);line-height:1.24;letter-spacing:-.05em;margin:82px 0 20px}
.geometric-panel small{position:relative;z-index:1;color:#c9b9a0;font-size:11px;letter-spacing:.12em}
.faq-section{background:var(--sand)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.faq-list{border-top:1px solid #cad1c7}
.faq-list details{border-bottom:1px solid #cad1c7;padding:19px 2px}
.faq-list summary{cursor:pointer;font-weight:800;color:var(--pine);font-size:15px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";color:var(--rust);font-size:23px;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{font-size:13px;color:#586d60;margin:13px 0 2px;line-height:1.8}
.cta-band{padding:85px 0;background:var(--pine);color:white}
.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:45px}
.cta-band .display-h2{color:white;margin:10px 0 18px}
.cta-band p{max-width:600px;font-size:14px;color:#bfd0c2;margin:0}
.cta-band .kicker{color:#e7b68d}
.site-footer{background:#0b2d29;color:#e6ece5;padding:37px 0 24px}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}
.footer-nav{display:flex;flex-wrap:wrap;gap:18px 26px;font-size:12px}
.footer-base{margin-top:36px;border-top:1px solid #48655a;padding-top:18px;color:#bdc8bd;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.site-footer .brand-link{color:white}
.page-hero{background:var(--sand);padding:72px 0;border-bottom:1px solid var(--border)}
.page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}
.page-title{font-size:clamp(38px,4.8vw,66px);margin:20px 0;max-width:760px}
.page-hero p{font-size:16px;color:#5d6f62;max-width:760px;margin:0}
.breadcrumbs{font-size:11px;color:#6b7e70;margin-bottom:25px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.keyword-tag{display:inline-block;border:1px solid #b7cbbb;color:var(--pine);padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.07em;margin:5px 5px 0 0}
.prose-content{max-width:760px}
.prose-content h2{color:var(--pine);font-size:clamp(26px,3vw,40px);letter-spacing:-.05em;line-height:1.2;margin:45px 0 20px}
.prose-content h3{color:var(--pine);font-size:21px;letter-spacing:-.025em;margin:26px 0 10px}
.prose-content p,.prose-content li{color:#506458;line-height:1.9;font-size:15px}
.prose-content ul{padding-left:20px}
.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:95px}
.rail{position:relative}
.rail-card{position:sticky;top:24px;background:#e9ede3;border:1px solid #ced8cb;padding:30px}
.rail-card h2{font-size:24px;letter-spacing:-.05em;color:var(--pine);margin:0 0 12px}
.rail-card p{font-size:13px;color:#667a6d}
.rail-card .primary-btn{margin-top:10px}
.related{display:flex;flex-wrap:wrap;gap:11px;margin:30px 0 0}
.related a{border:1px solid #bfcdbb;color:var(--pine);padding:9px 13px;font-size:12px;font-weight:800}
.related a:hover{background:#e2e9db}
.download-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:43px 0}
.download-tile{background:var(--chalk);border:1px solid var(--border);padding:34px;min-height:320px}
.download-tile .platform{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--rust)}
.download-tile h2{font-size:34px;color:var(--pine);letter-spacing:-.05em;margin:20px 0 16px}
.download-tile p{font-size:13px;color:#607365}
.download-state{display:inline-block;padding:7px 11px;border:1px solid #c4cdbb;font-size:11px;font-weight:800;color:#5d7161}
.download-link{display:inline-flex;background:var(--pine);color:white;padding:12px 16px;margin-top:18px;font-weight:800;font-size:13px}
.download-link[hidden]{display:none}
.download-tile .release-meta{font-size:12px;color:#6f7c71}
.notice2{margin:32px 0;background:#ede7db;border-left:4px solid var(--rust);padding:24px;font-size:13px;color:#4e6256}
.notice2 strong{color:var(--pine)}
@media(max-width:1030px){.site-nav-links{gap:15px}.hero-grid{gap:40px}.business-grid,.process-grid,.faq-grid,.detail-grid{gap:48px}.hero-title{font-size:clamp(45px,5vw,65px)}}
@media(max-width:760px){.site-wrap{width:calc(100% - 34px)}.site-nav-inner{gap:12px;flex-wrap:wrap;padding:14px 0}.site-nav-links{order:3;width:100%;overflow-x:auto;gap:21px;white-space:nowrap;padding:3px 0}.site-nav-cta{margin-left:auto}.strip-inner{font-size:9px}.hero-grid,.business-grid,.process-grid,.faq-grid,.detail-grid,.page-hero-grid{grid-template-columns:1fr;gap:38px}.hero-grid{padding:62px 0 85px}.preview-wrap{max-width:540px;width:95%;margin:0 auto}.preview-body{min-height:260px}.hero-title{font-size:clamp(43px,9.2vw,65px)}.hero-lede{font-size:15px}.section2{padding:68px 0}.section-heading{display:block}.section-intro{max-width:600px;margin-top:19px}.feature-grid{grid-template-columns:1fr}.feature-tile{min-height:235px}.business-list{grid-template-columns:1fr}.footer-top,.footer-base,.cta-grid{flex-direction:column;align-items:flex-start}.page-hero{padding:48px 0}.download-grid2{grid-template-columns:1fr}.rail-card{position:static}}
@media(max-width:420px){.brand-link strong{font-size:16px}.brand-link img{width:38px;height:38px}.site-nav-cta{padding:9px;font-size:10px}.hero-title{font-size:43px}.preview-body{grid-template-columns:1fr}.preview-right{display:none}.preview-left{padding:18px}.preview-amount{font-size:38px}.panelbottom{font-size:9px}.hero-proof{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
