/* Tiqnora AI | approved homepage storyboard | 2026-10-10
   Only loaded on index.html. Preserves global commerce, cart, language and nav runtime. */
:root{--tq-story-blue:#0A5CFF;--tq-story-cyan:#00D2FF;--tq-story-navy:#060B1E}
html{scroll-padding-top:86px}
.hero .container,.tq-sectors .container,.tq-store-picks .container,.tq-contact-section .container,#systems .container,#method .container,#why .container{max-width:1330px}
.header-inner{max-width:1330px}
.site-header{height:var(--header-h);border-bottom:1px solid rgba(10,92,255,.08)}
.site-header.is-over-hero{background:rgba(4,10,30,.84)!important;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:none}
.site-header.is-over-hero .site-nav>a,.site-header.is-over-hero .brand{color:#f5f9ff}
.site-header:not(.is-over-hero) .brand{color:#07142e}
.brand{gap:.55rem;white-space:nowrap}.brand img{object-fit:contain;width:40px;height:40px;filter:drop-shadow(0 4px 12px rgba(0,210,255,.15))}
.brand-text{font-family:inherit;font-size:1.12rem;letter-spacing:-.035em;font-weight:800}.brand-text em{font-size:.69em;font-style:normal;color:var(--tq-story-cyan);letter-spacing:0}
.site-nav{gap:clamp(.55rem,1.18vw,1.25rem)!important}.site-nav a{font-size:.85rem;white-space:nowrap}
.header-cta{box-shadow:0 5px 20px rgba(10,92,255,.22)}
.hero{padding:calc(var(--header-h) + 4.2rem) 0 4.6rem;min-height:670px;background-image:radial-gradient(circle at 21% 18%,rgba(10,92,255,.25),transparent 34%),radial-gradient(circle at 88% 75%,rgba(0,210,255,.12),transparent 40%),linear-gradient(120deg,#05091d 0%,#081a3b 57%,#04112c 100%);background-position:center}
.hero::after{opacity:.55;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}
.hero-orbs{opacity:.55;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:clamp(1.4rem,4vw,4.4rem)}
.hero-copy{max-width:none;position:relative;z-index:2}
.hero-eyebrow{display:inline-flex;gap:.65rem;align-items:center;padding:.55rem .95rem;border-radius:999px;background:rgba(0,210,255,.09);border:1px solid rgba(0,210,255,.28);color:#d5f6ff;font-size:.8rem;letter-spacing:0;margin:0 0 1.2rem}
.tq-live-mark{width:8px;height:8px;display:inline-block;border-radius:50%;background:#00D2FF;box-shadow:0 0 0 4px rgba(0,210,255,.15)}
.hero h1{font-size:clamp(2.9rem,5.2vw,5.2rem)!important;font-weight:800;max-width:12ch;line-height:1.15;margin:.15rem 0 1.3rem;letter-spacing:-.045em}
.hero .grad{display:block;background:linear-gradient(95deg,#009fff,#00d2ff 60%,#70ebff);-webkit-background-clip:text;background-clip:text}
.hero-lead{font-size:clamp(.98rem,1.3vw,1.14rem);line-height:1.95;color:#c3d1e6;max-width:37rem}
.hero-actions{gap:.8rem}.hero-actions .btn{min-height:53px;padding:.83rem 1.45rem}
.hero-actions .btn-primary{box-shadow:0 12px 32px rgba(10,92,255,.3)}.hero-actions .btn-ghost{color:#eef7ff;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04)}
.hero-actions .btn-ghost:hover{border-color:var(--tq-story-cyan);background:rgba(0,210,255,.08)}
.tq-hero-benefits{display:flex;flex-wrap:wrap;list-style:none;gap:.75rem 1.3rem;padding:0;margin:2.25rem 0 0;color:#d4dfef;font-size:.81rem}
.tq-hero-benefits li{display:flex;align-items:center;gap:.45rem;white-space:nowrap}.tq-hero-benefits li::before{content:"✓";color:#00d2ff;font-weight:800;border:1px solid rgba(0,210,255,.35);width:22px;height:22px;display:grid;place-items:center;border-radius:50%}
.hero-visual{position:relative;min-width:0;z-index:1;filter:none!important}
.tq-hero-photo-frame{position:relative;padding:7px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(10,92,255,.2) 30%,rgba(0,210,255,.54) 90%);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.hero-visual .hero-photo{width:100%;max-height:450px;height:420px!important;aspect-ratio:auto!important;object-fit:cover;object-position:center;display:block;border-radius:20px;border:0!important;box-shadow:none!important}
.tq-visual-caption{position:absolute;bottom:21px;right:20px;color:#f7fbff;font-weight:700;padding:.52rem .78rem;font-size:.82rem;background:rgba(4,12,35,.76);border:1px solid rgba(255,255,255,.22);border-radius:12px;backdrop-filter:blur(12px);display:flex;align-items:center;gap:.5rem}
.tq-caption-dot{display:block;width:8px;height:8px;border-radius:50%;background:#00d2ff}
.tq-hero-chips{position:absolute;top:11%;right:-21px;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;z-index:2}
.tq-hero-chips span{padding:.65rem .95rem;border-radius:13px;background:rgba(13,35,79,.87);border:1px solid rgba(171,213,255,.24);color:#f0f8ff;backdrop-filter:blur(14px);font-size:.8rem;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.tq-hero-chips span:nth-child(2){margin-right:18px}.tq-hero-chips span:nth-child(3){margin-right:8px}.tq-hero-chips span:nth-child(4){margin-right:27px}
.tq-showcase-cta{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;margin:-25px 13px 0;position:relative;z-index:3;border-radius:17px;background:rgba(5,17,44,.95);border:1px solid rgba(0,210,255,.28);color:#fff;box-shadow:0 20px 48px rgba(0,0,0,.35);transition:transform .2s ease,border-color .2s}
.tq-showcase-cta:hover{transform:translateY(-3px);border-color:#00d2ff}
.tq-showcase-symbol{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#0A5CFF,#00D2FF);border-radius:50%;flex:0 0 44px;font-size:15px}
.tq-showcase-cta strong,.tq-showcase-cta small{display:block}.tq-showcase-cta strong{font-size:.95rem}.tq-showcase-cta small{color:#bdd5ec;margin-top:.25rem;font-size:.79rem}.tq-showcase-cta>span:last-child{margin-right:auto;color:#00d2ff}
#systems{background:#f5f9ff}#systems .section-header{max-width:680px}#systems .section-header h2{font-size:clamp(1.85rem,3vw,2.65rem)}
.tq-accent{color:#0A5CFF}
#systems .systems-visual-grid{gap:1.1rem}
#systems .svc-vcard{border-radius:18px;box-shadow:0 9px 30px rgba(7,27,65,.07);border-color:rgba(10,92,255,.09)}
#systems .svc-vcard-visual{height:185px}
#systems .svc-vcard-body{padding:1.12rem 1.25rem 1.2rem}
#systems .svc-vcard-body h3{font-size:1.05rem;margin-bottom:.4rem}
#systems .system-icon{width:40px;height:40px;border-radius:12px;margin-bottom:.65rem}
#systems .system-icon svg{width:22px;height:22px}
.tq-sectors{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(10,92,255,.25),transparent 33%),linear-gradient(120deg,#060b1e,#0a1b3d)}
.tq-sectors .section-label{color:#00d2ff}
.tq-section-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.7rem}
.tq-section-heading h2{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.3;margin:.25rem 0 .45rem}
.tq-section-heading p{margin:0;color:#71839e;max-width:620px;line-height:1.8}
.tq-sectors .tq-section-heading p{color:#c4d2e5}
.tq-sectors .tq-accent{color:#00d2ff}
.tq-text-link{font-size:.91rem;font-weight:700;color:#0A5CFF;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 0}
.tq-sectors .tq-text-link{color:#85eaff}
.tq-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tq-sector-card{position:relative;display:block;height:325px;overflow:hidden;border-radius:19px;border:1px solid rgba(255,255,255,.20);background:#112951;isolation:isolate}
.tq-sector-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.tq-sector-card:hover img{transform:scale(1.06)}
.tq-sector-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,10,26,.94),rgba(4,10,26,.15) 70%);z-index:0}
.tq-sector-shade{position:absolute;bottom:0;right:0;left:0;z-index:1;display:block;padding:1.1rem 1.1rem 1.25rem;color:#fff}
.tq-sector-shade strong{display:block;font-size:1.06rem}.tq-sector-shade small{display:block;color:#e0ebfa;font-size:.79rem;margin-top:.4rem}
.tq-image-note{color:#a8b9d2;margin:1rem 0 0;font-size:.72rem}
.tq-store-picks{background:#f3f7fe}
.tq-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tq-store-card{display:flex;flex-direction:column;align-items:stretch;padding:.7rem .7rem 1.05rem;border-radius:18px;background:#fff;color:#091b3b;border:1px solid #e2eaf6;box-shadow:0 10px 26px rgba(6,11,30,.045);transition:transform .2s ease,box-shadow .2s ease}
.tq-store-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(6,11,30,.11)}
.tq-store-photo{display:grid;place-items:center;aspect-ratio:1.25;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#f8fbff,#e7f1ff)}
.tq-store-photo img{max-height:175px;max-width:92%;height:90%;width:90%;object-fit:contain;mix-blend-mode:multiply}
.tq-store-card strong{font-size:.94rem;padding:.9rem .4rem .1rem}.tq-store-card>span:last-child{font-size:.79rem;color:#0A5CFF;font-weight:700;padding:.3rem .4rem}
#method{background:#fff}
#why{background:radial-gradient(circle at 15% 5%,rgba(0,210,255,.09),transparent 40%),linear-gradient(130deg,#060b1e,#0c1f42)}
#why .section-label{color:#00d2ff}#why .section-header h2{color:#fff}#why .section-header p{color:#b9cce5}
#why .why-item{background:rgba(255,255,255,.045);border:1px solid rgba(157,199,255,.19);border-radius:17px;box-shadow:none;color:#fff}
#why .why-item h3{color:#fff}#why .why-item p{color:#c5d1e7}#why .why-icon{color:#00d2ff}
.tq-contact-section{padding:5rem 0;background:linear-gradient(135deg,#f4f8ff,#e8f3ff)}
.tq-contact-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.76fr);gap:1.3rem}
.tq-contact-form-card,.tq-contact-aside{border-radius:23px;padding:clamp(1.3rem,3vw,2.5rem)}
.tq-contact-form-card{background:#fff;box-shadow:0 15px 50px rgba(4,22,59,.085);border:1px solid #dfe9f8}
.tq-contact-form-card h2{font-size:clamp(1.75rem,3vw,2.4rem);color:#081936;line-height:1.35;margin:.3rem 0 .65rem}
.tq-contact-form-card>p{color:#556987;line-height:1.8;max-width:610px;font-size:.9rem;margin-bottom:1.35rem}
.tq-contact-form{display:grid;gap:1rem}
.tq-contact-form label{color:#13284a;font-size:.86rem;font-weight:700;display:grid;gap:.45rem}
.tq-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.tq-contact-form input,.tq-contact-form select,.tq-contact-form textarea{width:100%;background:#f8fbff;color:#0b2145;border:1px solid #d8e3f2;border-radius:11px;padding:.85rem .95rem;font-family:inherit;font-size:.92rem;min-height:47px;transition:border-color .2s,box-shadow .2s}
.tq-contact-form textarea{resize:vertical;min-height:100px}
.tq-contact-form input:focus,.tq-contact-form select:focus,.tq-contact-form textarea:focus{outline:none;border-color:#0A5CFF;box-shadow:0 0 0 3px rgba(10,92,255,.11)}
.tq-form-submit{justify-self:start;border:0;cursor:pointer;margin-top:.15rem}
.tq-form-note{display:block;color:#687e9f;font-weight:400}
.tq-contact-aside{display:flex;flex-direction:column;align-items:flex-start;color:#fff;background:radial-gradient(circle at 100% 100%,rgba(0,210,255,.28),transparent 42%),linear-gradient(145deg,#092c69,#061127);box-shadow:0 15px 45px rgba(4,22,59,.14)}
.tq-aside-label{color:#00d2ff;font-size:.83rem;font-weight:800;letter-spacing:.1em}
.tq-contact-aside h3{font-size:clamp(2rem,3vw,2.7rem);line-height:1.35;margin:1.25rem 0 .65rem}.tq-contact-aside h3 span{color:#00d2ff}
.tq-contact-aside p{color:#cadaed;line-height:1.9;font-size:.94rem}
.tq-contact-aside ul{padding:0;list-style:none;display:grid;gap:.9rem;margin:1.5rem 0}
.tq-contact-aside li{display:flex;gap:.6rem;align-items:flex-start;color:#f5faff;font-size:.9rem}.tq-contact-aside li::before{content:"✓";color:#00d2ff;font-weight:900}
.tq-contact-whatsapp{background:#13b978;color:#fff!important;margin-top:auto;text-align:center;min-height:48px}
.tq-contact-whatsapp:hover{background:#0ba869}
@media(min-width:1100px){#systems .systems-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){
 .hero{min-height:0;padding-top:calc(var(--header-h) + 3rem)}
 .hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important}
 .hero h1{font-size:clamp(2.2rem,5vw,3.6rem)!important}
 .tq-hero-chips{right:0;top:8%}.tq-hero-chips span{padding:.5rem .6rem;font-size:.71rem}
 .tq-sector-grid,.tq-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tq-sector-card{height:270px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr!important;gap:2.25rem}
 .hero h1{max-width:none!important;font-size:clamp(2.35rem,6vw,4rem)!important}
 .hero-copy{max-width:760px}
 .hero-visual{width:min(100%,720px);margin-inline:auto}
 .tq-hero-benefits{margin-top:1.5rem}
 .tq-contact-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
 html{scroll-padding-top:70px}
 .brand img{width:35px;height:35px}
 .hero{padding-top:calc(var(--header-h) + 2.25rem);padding-bottom:3.3rem}
 .hero-eyebrow{font-size:.74rem}
 .hero h1{font-size:clamp(2.3rem,10vw,3.25rem)!important;line-height:1.15}
 .hero-actions{display:grid;grid-template-columns:1fr}
 .tq-hero-benefits{gap:.6rem .9rem;font-size:.75rem}
 .hero-visual .hero-photo{height:310px!important}
 .tq-hero-chips{top:14px;right:12px;gap:.3rem}
 .tq-hero-chips span{padding:.35rem .5rem;font-size:.65rem}.tq-hero-chips span:nth-child(n){margin-right:0}
 .tq-showcase-cta{margin:-16px 12px 0;padding:.8rem}.tq-showcase-symbol{width:38px;height:38px;flex-basis:38px}
 .tq-showcase-cta strong{font-size:.82rem}.tq-showcase-cta small{font-size:.72rem}
 .tq-section-heading{align-items:start;flex-direction:column;gap:.3rem}
 .tq-sector-grid,.tq-store-grid{gap:.7rem}
 .tq-sector-card{height:245px}
 .tq-sector-shade{padding:.85rem}.tq-sector-shade strong{font-size:.91rem}.tq-sector-shade small{font-size:.71rem}
 .tq-store-card strong{font-size:.82rem}
 .tq-contact-section{padding:2.5rem 0}
 .tq-form-row{grid-template-columns:1fr;gap:1rem}
 .tq-form-submit{width:100%}
}
@media(max-width:460px){
 .hero-visual .hero-photo{height:265px!important}
 .tq-hero-chips span:nth-child(4){display:none}
 .tq-visual-caption{font-size:.69rem;right:12px;bottom:13px;padding:.4rem .5rem}
 .tq-sector-grid{grid-template-columns:1fr 1fr}
 .tq-sector-card{height:200px}
 .tq-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tq-store-photo{aspect-ratio:1.05}
 .tq-store-photo img{max-height:125px}
}
@media(prefers-reduced-motion:reduce){.tq-sector-card img,.tq-store-card,.tq-showcase-cta{transition:none!important}.tq-sector-card:hover img,.tq-store-card:hover,.tq-showcase-cta:hover{transform:none!important}}

/* Final QA: the supplied 722x229 Tiqnora wordmark is a horizontal asset, not a square icon. */
.site-header .brand img,.site-footer .brand img{display:block;width:145px;height:auto;max-height:48px;object-fit:contain;flex-shrink:0}
.site-header .brand{min-width:145px}
.site-header:not(.is-over-hero){background:rgba(5,12,33,.97)!important;border-color:rgba(255,255,255,.12);color:#f4f9ff}
.site-header:not(.is-over-hero) .site-nav>a{color:#f4f9ff}
.site-header:not(.is-over-hero) .cart-button,.site-header:not(.is-over-hero) .language-toggle{color:#f4f9ff;border-color:rgba(255,255,255,.3)}
.site-header:not(.is-over-hero) .site-nav.open a{color:#101e39}
.site-header:not(.is-over-hero) .menu-toggle{color:#f4f9ff}
.site-footer .brand{display:inline-flex}
@media(max-width:1120px){
 .site-header .brand img{width:122px;height:auto;max-height:43px}
 .site-header .brand{min-width:122px}
}
@media(max-width:390px){
 .site-header .brand img{width:108px;max-height:37px}
 .site-header .brand{min-width:108px}
}