/* CSST SHOWROOM v3 · Diseño original — Brandbook 2026: Montserrat/Open Sans, #0B2D5B, #0F7BFF */
:root{--s3-navy:#0B2D5B;--s3-blue:#0F7BFF;--s3-gray:#6B7280;--s3-line:#E5E7EB;--s3-mist:#f4f8fd}
html{scroll-behavior:smooth}body{overflow-x:hidden}.s3-hero,.s3-section,.s3-metrics,.s3-brands,.s3-industry-short{font-family:'Open Sans',Arial,sans-serif}.s3-hero{background:#f7faff;overflow:hidden}
.s3-hero-layout{display:grid;grid-template-columns:0.98fr 1.02fr;gap:53px;min-height:650px;align-items:center;padding-top:50px;padding-bottom:58px}
.s3-hero-left{z-index:1}.s3-eyebrow{font:800 10px Montserrat,Arial,sans-serif;letter-spacing:.12em;color:#4b7099;display:flex;gap:10px;align-items:center;margin-bottom:26px}.s3-mini-line{display:block;width:26px;height:3px;background:var(--s3-blue);flex-shrink:0}
.s3-hero h1{font-size:clamp(41px,4.6vw,68px);line-height:1.13;letter-spacing:-.056em;font-weight:800;color:var(--s3-navy);max-width:690px;margin-bottom:23px}.s3-hero h1 span{color:var(--s3-blue)}
.s3-hero-left>p{font-size:15px;line-height:1.85;color:#657c96;max-width:560px;margin-bottom:29px}
.s3-hero-buttons{display:flex;flex-wrap:wrap;gap:11px}.s3-button{font:800 11px Montserrat,Arial,sans-serif;letter-spacing:0;min-height:51px;padding:15px 21px;border-radius:6px;display:inline-flex;align-items:center;gap:23px;justify-content:space-between;transition:background .2s,transform .2s;white-space:nowrap}.s3-button:hover{transform:translateY(-2px)}.s3-button span{font-size:15px}.s3-primary{background:var(--s3-blue);color:white;box-shadow:0 12px 22px #0f7bff30}.s3-primary:hover{background:#0968d7}.s3-outline{background:white;color:var(--s3-navy);border:1px solid #cfdeeb}.s3-outline:hover{background:#edf6ff}
.s3-hero-pillars{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #dce8f5;padding-top:22px;margin-top:38px}.s3-hero-pillars span{font:700 11px Montserrat,sans-serif;color:#69819b}.s3-hero-pillars b{color:var(--s3-blue);margin-right:5px}
.s3-hero-right{position:relative;min-height:526px}.s3-hero-image{position:absolute;inset:3px 3px 35px 48px;overflow:hidden;border-radius:16px;background:#083457;box-shadow:0 20px 47px #0b2d5b24}
.s3-hero-image>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.93)}.s3-hero-image:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#001a3c88)}
.s3-image-corner{position:absolute;z-index:1;color:white;left:28px;bottom:29px;max-width:340px}.s3-image-corner>span{display:block;font:800 9px Montserrat,sans-serif;letter-spacing:.13em;color:#bfdcff;margin-bottom:10px}.s3-image-corner>strong{font:800 26px/1.18 Montserrat,sans-serif;letter-spacing:-.035em;display:block}
.s3-device-inset{position:absolute;z-index:2;left:0;bottom:13px;width:42%;max-width:245px;min-height:148px;border:7px solid #fff;border-radius:14px;background:#d3e1f0;box-shadow:0 17px 38px #12365b32;overflow:hidden}.s3-device-inset img{width:100%;height:148px;object-fit:cover;display:block}.s3-device-inset span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#092746db;color:#fff;font:800 8px Montserrat,sans-serif;letter-spacing:.08em}
.s3-floating-monitor{position:absolute;right:-15px;top:55px;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:9px;box-shadow:0 15px 40px #0a31522f;background:#fff;max-width:290px}.s3-status-light{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#0f7bff;box-shadow:0 0 0 4px #cbe5ff}.s3-floating-monitor strong{font:800 10px Montserrat,sans-serif;display:block;color:var(--s3-navy);margin-bottom:5px}.s3-floating-monitor small{font:600 8px 'Open Sans',sans-serif;color:#8192a4}.s3-spark{font-size:16px;color:var(--s3-blue);letter-spacing:-.15em;margin-left:auto;white-space:nowrap}
.s3-hero-bottom{border-top:1px solid #dfebf5;padding:15px 0 19px;display:flex;gap:20px;justify-content:space-between;font:800 9px Montserrat,sans-serif;color:#8da5bd;letter-spacing:.09em;text-transform:uppercase}
.s3-capability-band{background:var(--s3-navy);color:#e0efff}.s3-capability-items{min-height:74px;display:flex;justify-content:space-between;gap:14px;align-items:center}.s3-capability-items>span{font:800 10px Montserrat,sans-serif;letter-spacing:.095em;white-space:nowrap}.s3-capability-items>i{height:5px;width:5px;background:#7bbcff;border-radius:50%;flex:0 0 5px}
.s3-section{padding:104px 0 112px}.s3-kicker{font:800 10px Montserrat,sans-serif;letter-spacing:.14em;color:var(--s3-blue);display:block;margin-bottom:20px}.s3-heading-row{display:grid;grid-template-columns:1.3fr .7fr;gap:62px;align-items:end;margin-bottom:43px}
.s3-heading-row h2,.s3-metrics h2,.s3-brands h2,.s3-industry-short h2{font:800 clamp(30px,3.4vw,49px)/1.24 Montserrat,Arial,sans-serif;letter-spacing:-.052em;color:var(--s3-navy);margin:0}.s3-heading-row h2 em,.s3-metrics h2 em,.s3-brands h2 em,.s3-industry-short h2 em{font-style:normal;color:var(--s3-blue)}
.s3-heading-row>div:last-child>p{font-size:13.5px;line-height:1.86;color:#6f8296;margin-bottom:16px}.s3-link{font:800 11px Montserrat,sans-serif;color:#0b6bd8;display:inline-flex;align-items:center;gap:16px}.s3-link:hover{text-decoration:underline}
.s3-solutions{background:white}.s3-solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.s3-solution-card{display:flex;flex-direction:column;border:1px solid #dfe8f1;border-radius:11px;overflow:hidden;background:white;transition:transform .22s,box-shadow .22s}.s3-solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px #0b2d5b1b}
.s3-card-media{position:relative;height:200px;overflow:hidden;background:#e8f0fa}.s3-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.s3-solution-card:hover .s3-card-media img{transform:scale(1.045)}.s3-card-media:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#03162e60)}.s3-card-overlay{position:absolute;z-index:1;left:16px;bottom:15px;color:#fff;font:800 9px Montserrat,sans-serif;letter-spacing:.08em}
.s3-card-media.s3-media-product{display:grid;place-items:center;background:radial-gradient(circle at 70% 35%,#d9eaff,#eef5fc 60%,#deeaf6)}.s3-card-media.s3-media-product img{object-fit:contain;height:74%;width:92%;mix-blend-mode:multiply}.s3-card-media.s3-media-product:after{background:linear-gradient(transparent,#092c4a32)}.s3-card-media.s3-media-product .s3-card-overlay{color:#fff}
.s3-card-copy{padding:25px 21px 22px;display:flex;flex-direction:column;flex:1}.s3-card-copy h3{font:800 18px/1.35 Montserrat,sans-serif;letter-spacing:-.035em;color:var(--s3-navy);margin:0 0 11px}.s3-card-copy p{font-size:12px;color:#75899f;line-height:1.75;margin:0 0 28px}.s3-card-go{font:800 10px Montserrat,sans-serif;color:var(--s3-blue);margin-top:auto}
.s3-metrics{background:#092c55;color:white;padding:84px 0 78px}.s3-metrics-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:39px}.s3-metrics .s3-kicker{color:#9ad0ff}.s3-metrics h2{color:white}.s3-metrics h2 em{color:#8bc8ff}.s3-metrics-heading>p{max-width:380px;font-size:13px;line-height:1.9;color:#b5cee8;margin-bottom:0}
.s3-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff37;border-bottom:1px solid #ffffff37}.s3-metric-grid>div{min-height:234px;padding:29px 28px 25px 0;border-right:1px solid #ffffff26}.s3-metric-grid>div+div{padding-left:28px}.s3-metric-grid>div:last-child{border-right:0}.s3-metric-symbol{display:block;color:#93c9ff;font:800 32px Montserrat,sans-serif;letter-spacing:-.07em;margin-bottom:18px}.s3-metric-grid h3{font:800 17px Montserrat,sans-serif;color:#fff;margin:0 0 12px}.s3-metric-grid p{font-size:12px;line-height:1.75;color:#b6cce3;margin:0 0 17px}.s3-metric-unit{display:block;font:800 8px Montserrat,sans-serif;color:#7eb9f0;letter-spacing:.08em}.s3-metrics-disclaimer{font-size:10.5px;color:#93b5d5;margin:17px 0 0}
.s3-platforms{background:#f3f7fc}.s3-demo-legend{font:700 10px Montserrat,sans-serif;color:#7189a4;background:#e8f0f9;border-radius:20px;padding:8px 12px;display:inline-block}
.s3-platform-feature{display:grid;grid-template-columns:.69fr 1.31fr;min-height:465px;border:1px solid #dbe6f1;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 20px 40px #0b2d5b08}.s3-platform-intro{padding:39px 34px 29px;display:flex;flex-direction:column;align-items:flex-start}.s3-small-outline{font:800 9px Montserrat,sans-serif;letter-spacing:.1em;color:#116ce3;padding:8px 11px;border:1px solid #d0e6fc;border-radius:40px;background:#edf7ff}.s3-platform-intro h3{font:800 38px Montserrat,sans-serif;letter-spacing:-.05em;color:var(--s3-navy);margin:25px 0 14px}.s3-platform-intro>p{font-size:13px;line-height:1.8;color:#6e839a}.s3-plat-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 30px}.s3-plat-tags>span{font:700 10px Montserrat,sans-serif;padding:7px 10px;background:#f1f6fb;border-radius:4px;color:#5c7691}.s3-platform-intro .s3-link{margin-top:auto}.s3-platform-intro>small{display:block;margin-top:28px;color:#98a5b6;font-size:10px;line-height:1.7}
.s3-app-window{align-self:center;max-width:100%;margin:28px 28px 28px 0;background:#f5f8fb;border:1px solid #d8e4ef;border-radius:12px;box-shadow:0 11px 24px #10355916;overflow:hidden}.s3-app-top{height:49px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 17px;border-bottom:1px solid #e2e9f1}.s3-app-brand{font:800 14px Montserrat,sans-serif;color:var(--s3-navy);display:flex;align-items:center;gap:8px}.s3-app-brand>span{display:grid;place-items:center;background:#0F7BFF;color:#fff;border-radius:6px;width:25px;height:25px}.s3-app-brand i{font-size:7px;font-style:normal;font-weight:800;color:#8aa0b5;padding-left:8px;letter-spacing:.09em}.s3-app-dots{display:flex;gap:5px}.s3-app-dots i{width:8px;height:8px;border-radius:50%;background:#d6e2ed}
.s3-app-body{display:grid;grid-template-columns:47px 1fr}.s3-app-side{background:#0b2d5b;display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:22px}.s3-app-side b{font-size:18px;color:#9fc3e7;font-weight:400}.s3-app-main{padding:19px 18px 20px;min-width:0}.s3-app-title{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:17px}.s3-app-title>div{display:flex;flex-direction:column;gap:5px}.s3-app-title small{font:800 7.5px Montserrat,sans-serif;color:#94a5b7;letter-spacing:.07em}.s3-app-title strong{font:800 14px Montserrat,sans-serif;color:var(--s3-navy)}.s3-app-title>span{font:800 7px Montserrat,sans-serif;color:#0c69c2;background:#e4f2ff;padding:7px;border-radius:4px}
.s3-app-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.s3-app-kpis>div{background:#fff;border:1px solid #e1eaf3;border-radius:6px;padding:12px 10px 11px}.s3-app-kpis small{display:block;font:800 7px Montserrat,sans-serif;color:#8097ad;white-space:nowrap;letter-spacing:0}.s3-app-kpis strong{font:800 25px Montserrat,sans-serif;display:block;margin:9px 0 2px;color:#0d3871}.s3-app-kpis span{font:600 8px 'Open Sans',sans-serif;color:#8da1b7}
.s3-app-dashboard{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.s3-app-chart,.s3-app-map{background:#fff;border:1px solid #e0e9f3;border-radius:7px;padding:13px;min-height:144px}.s3-app-charthead{display:flex;justify-content:space-between;gap:10px;align-items:center}.s3-app-charthead b,.s3-app-map>b{font:800 9px Montserrat,sans-serif;color:#234d77}.s3-app-charthead span{font:600 8px 'Open Sans',sans-serif;color:#8ea3b8}.s3-app-bars{display:flex;align-items:end;gap:9px;height:72px;margin-top:12px;border-bottom:1px solid #edf1f7}.s3-app-bars i{display:block;flex:1;background:linear-gradient(180deg,#188dff,#b4d7ff);border-radius:3px 3px 0 0;min-width:8px}.s3-app-axis{display:flex;justify-content:space-around;font:700 7px Montserrat,sans-serif;color:#9caebc;padding-top:7px}
.s3-map-area{position:relative;height:92px;margin-top:8px;border-radius:4px;background:linear-gradient(45deg,transparent 46%,#c7deed 48%,#c7deed 51%,transparent 53%),linear-gradient(-32deg,transparent 44%,#cadbe8 45%,#cadbe8 48%,transparent 50%),#edf5fb;background-size:55px 42px,70px 55px,100%;overflow:hidden}.s3-map-area span{position:absolute;color:#0f7bff;font-size:15px;text-shadow:0 0 0 4px #fff}.s3-map-area span:nth-child(1){left:19%;top:13%}.s3-map-area span:nth-child(2){left:72%;top:26%}.s3-map-area span:nth-child(3){left:41%;top:63%}.s3-map-area span:nth-child(4){left:76%;top:72%}.s3-map-area span:nth-child(5){left:13%;top:69%}.s3-app-map>small{font:600 7px 'Open Sans',sans-serif;color:#819db6}.s3-window-stamp{font:700 8px Montserrat,sans-serif;text-align:center;letter-spacing:.04em;background:#ebf2f9;color:#8798ab;padding:9px}
.s3-platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin-top:21px}.s3-platform-tile{background:#fff;padding:29px 30px 26px;border:1px solid #dce7f1;border-radius:12px;min-height:390px;display:flex;flex-direction:column}.s3-tile-label{font:800 9px Montserrat,sans-serif;color:#0d7af7;letter-spacing:.11em;margin-bottom:15px}.s3-platform-tile h3{font:800 23px Montserrat,sans-serif;letter-spacing:-.04em;color:var(--s3-navy);margin:0 0 10px}.s3-platform-tile>p{color:#74879b;font-size:12px;line-height:1.8;max-width:400px;margin-bottom:20px}.s3-platform-tile>.s3-link{margin-top:24px}.s3-mini-dashboard{background:#f8fafc;border:1px solid #dfebf6;border-radius:8px;padding:15px;max-width:100%;overflow:hidden}.s3-mini-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e1e9f3}.s3-mini-top>b{font:800 9px Montserrat,sans-serif;color:#1d436e}.s3-mini-top>span{color:#528bbb;font:700 8px Montserrat,sans-serif}.s3-linkline{display:flex;justify-content:space-between;padding:10px 1px;font:700 10px Montserrat,sans-serif;color:#4f6883;border-bottom:1px solid #e6eef5}.s3-linkline>b{color:#19649e;font-size:9px}.s3-ball{display:inline-block;width:7px;height:7px;background:#4ea1ef;border-radius:50%;margin-right:6px}.s3-mini-chart{height:49px;display:flex;align-items:end;gap:5px;margin-top:10px}.s3-mini-chart i{flex:1;display:block;height:70%;background:#9cc7ed;border-radius:2px 2px 0 0}.s3-mini-chart i:nth-child(2n){height:95%;background:#0f7bff}.s3-mini-chart i:nth-child(3n){height:52%}.s3-mini-dashboard>small{display:block;color:#90a5b8;font-size:9px;margin-top:8px}.s3-ticketline{display:flex;gap:13px;justify-content:space-between;align-items:center;border-bottom:1px solid #e5ebf3;padding:14px 2px}.s3-ticketline>span{font-size:10px;color:#58738e}.s3-ticketline>span>b{font:800 9px Montserrat,sans-serif;color:#194c80;margin-right:5px}.s3-ticketline>i{font:800 8px Montserrat,sans-serif;font-style:normal;background:#e4f2ff;border-radius:6px;padding:5px 7px;color:#3e78a6;white-space:nowrap}
.s3-brands{padding:80px 0 92px;background:#fff;border-top:1px solid #e6eef6}.s3-brands-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:37px}.s3-brands h2{font-size:clamp(28px,3vw,40px)}.s3-brands-intro>p{font-size:12px;line-height:1.85;color:#74899c;margin:0}.s3-brand-wall{border:1px solid #e1e9f1;display:grid;grid-template-columns:repeat(5,1fr);border-radius:9px;overflow:hidden;background:#fff}.s3-brand-wall>span{display:flex;align-items:center;justify-content:center;min-height:95px;border-right:1px solid #e9eff6;border-bottom:1px solid #e9eff6;color:#58708a;font:800 clamp(12px,1.25vw,18px) Montserrat,sans-serif;letter-spacing:-.045em;text-align:center;padding:15px}.s3-brand-wall>span:nth-child(5n){border-right:0}.s3-brand-wall>span:nth-child(n+6){border-bottom:0}
.s3-projects{background:#f6f9fd}.s3-project-gallery{display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:15px}.s3-project{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e0eaf3;border-radius:11px;transition:transform .25s,box-shadow .25s}.s3-project:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0b2d5b16}.s3-project-photo{height:238px;position:relative;background:#d9e7f3;overflow:hidden}.s3-project-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.s3-project:hover .s3-project-photo>img{transform:scale(1.04)}.s3-project-photo.s3-product-photo{background:radial-gradient(circle at 50% 30%,#fafdff,#dcecf9);display:grid;place-items:center}.s3-product-photo img{object-fit:contain;height:80%;width:94%;mix-blend-mode:multiply}.s3-project-content{padding:25px 23px 26px;display:flex;flex-direction:column;flex:1}.s3-project-content>span{font:800 9px Montserrat,sans-serif;color:var(--s3-blue);letter-spacing:.1em}.s3-project-content h3{font:800 22px/1.3 Montserrat,sans-serif;color:var(--s3-navy);letter-spacing:-.037em;margin:14px 0 10px}.s3-project-content p{font-size:12px;line-height:1.78;color:#72869a;margin-bottom:23px}.s3-project-content b{font:800 11px Montserrat,sans-serif;color:#0a72de;margin-top:auto}.s3-proj-large .s3-project-photo{height:238px}.s3-photo-chip{position:absolute;bottom:14px;left:14px;padding:8px 10px;background:#092b52e6;border-radius:4px;color:white;font:800 9px Montserrat,sans-serif;letter-spacing:.08em}.s3-photo-note{margin-top:21px;font-size:10.5px;line-height:1.8;color:#8497a9}.s3-photo-note a{text-decoration:underline;color:#457aa8}
.s3-industry-short{padding:83px 0;background:white}.s3-industry-short>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.s3-industry-short h2{font-size:clamp(29px,3.2vw,42px)}.s3-industries-list{display:grid;grid-template-columns:1fr 1fr;gap:0 19px}.s3-industries-list a{border-bottom:1px solid #e1e9f2;padding:17px 0;display:flex;justify-content:space-between;gap:10px;align-items:center;font:800 13px Montserrat,sans-serif;color:#274f78;transition:color .2s}.s3-industries-list a:hover{color:var(--s3-blue)}.s3-industries-list a span{color:var(--s3-blue)}.s3-credits{background:#f7fafc;border-top:1px solid #e9eef4;padding:18px 0;color:#8294a8;font:400 9px/1.8 'Open Sans',sans-serif}.s3-credits span{font-weight:700}.s3-credits a{color:#386c9f;text-decoration:underline}
@media(max-width:1170px){.s3-hero-layout{gap:30px}.s3-hero h1{font-size:clamp(39px,4.45vw,57px)}.s3-floating-monitor{right:-5px}.s3-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s3-card-media{height:225px}.s3-capability-items span{font-size:9px}.s3-app-kpis small{white-space:normal}}
@media(max-width:960px){.s3-hero-layout{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:60px}.s3-hero-left{max-width:750px}.s3-hero h1{font-size:clamp(45px,6vw,65px)}.s3-hero-right{min-height:490px;max-width:730px;width:100%;margin:auto}.s3-image-corner>strong{font-size:25px}.s3-hero-bottom{gap:10px}.s3-capability-items{gap:11px;flex-wrap:wrap;padding-top:19px;padding-bottom:19px;justify-content:center;min-height:65px}.s3-heading-row{gap:35px}.s3-metric-grid{grid-template-columns:repeat(2,1fr)}.s3-metric-grid>div:nth-child(2){border-right:none}.s3-metric-grid>div:nth-child(3){padding-left:0}.s3-metric-grid>div{min-height:210px}.s3-platform-feature{grid-template-columns:1fr}.s3-platform-intro{padding:31px 29px}.s3-app-window{margin:0 25px 30px}.s3-brands-intro{gap:25px}.s3-brand-wall{grid-template-columns:repeat(5,1fr)}.s3-project-gallery{grid-template-columns:repeat(2,1fr)}.s3-proj-large{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.s3-proj-large .s3-project-photo{height:100%;min-height:260px}.s3-industry-short>.container{gap:30px}}
@media(max-width:690px){.s3-hero-layout{padding-top:49px;padding-bottom:43px}.s3-eyebrow{font-size:8px;margin-bottom:19px}.s3-hero h1{font-size:clamp(37px,9vw,51px);line-height:1.17;margin-bottom:19px}.s3-hero-left>p{font-size:13px}.s3-hero-buttons{flex-direction:column}.s3-button{width:100%}.s3-hero-pillars{gap:13px}.s3-hero-pillars span{font-size:9px}.s3-hero-right{min-height:365px}.s3-hero-image{inset:0 0 29px 24px}.s3-device-inset{max-width:175px;min-height:98px;border-width:4px}.s3-device-inset img{height:96px}.s3-device-inset span{font-size:6px;padding:7px}.s3-floating-monitor{top:25px;right:-5px;max-width:220px;padding:8px}.s3-floating-monitor strong{font-size:8px}.s3-floating-monitor small{font-size:7px}.s3-spark{font-size:13px}.s3-image-corner{left:15px;bottom:17px;max-width:240px}.s3-image-corner>span{font-size:8px}.s3-image-corner>strong{font-size:19px}.s3-hero-bottom{padding:13px 0;display:block;text-align:center}.s3-hero-bottom span{display:block;font-size:8px}.s3-hero-bottom span+span{margin-top:6px}.s3-capability-items{padding:14px 0;gap:12px}.s3-capability-items span{font-size:8px;letter-spacing:0}.s3-capability-items i{height:4px;width:4px;flex-basis:4px}
.s3-section{padding:72px 0 80px}.s3-heading-row{grid-template-columns:1fr;gap:20px;margin-bottom:29px}.s3-heading-row h2,.s3-metrics h2{font-size:clamp(30px,7.5vw,41px)}.s3-heading-row>div:last-child>p{font-size:12.5px}.s3-solution-grid{grid-template-columns:1fr;gap:14px}.s3-card-media{height:200px}.s3-card-copy{padding:23px}.s3-card-copy h3{font-size:20px}.s3-card-copy p{margin-bottom:14px}
.s3-metrics{padding:64px 0}.s3-metrics-heading{display:block;margin-bottom:29px}.s3-metrics-heading>p{margin-top:20px;font-size:12px}.s3-metric-grid{grid-template-columns:1fr 1fr}.s3-metric-grid>div,.s3-metric-grid>div+div{padding:18px 13px;min-height:215px}.s3-metric-grid>div:nth-child(odd){padding-left:0}.s3-metric-grid>div:nth-child(even){border-right:0}.s3-metric-grid>div:nth-child(-n+2){border-bottom:1px solid #ffffff29}.s3-metric-symbol{font-size:25px;margin-bottom:16px}.s3-metric-grid h3{font-size:13px}.s3-metric-grid p{font-size:10px}.s3-metric-unit{font-size:7px}
.s3-platform-intro{padding:26px 23px}.s3-platform-intro h3{font-size:34px;margin-top:18px}.s3-platform-intro>p{font-size:12px}.s3-app-window{margin:0 9px 16px;border-radius:7px}.s3-app-body{grid-template-columns:26px 1fr}.s3-app-side{gap:16px}.s3-app-side b{font-size:13px}.s3-app-main{padding:11px 9px}.s3-app-brand{font-size:11px}.s3-app-brand i{font-size:5px}.s3-app-top{padding:0 9px}.s3-app-kpis{gap:5px}.s3-app-kpis>div{padding:7px 5px}.s3-app-kpis small{font-size:5.5px}.s3-app-kpis strong{font-size:19px}.s3-app-kpis span{font-size:6px}.s3-app-dashboard{gap:5px}.s3-app-chart,.s3-app-map{padding:8px;min-height:130px}.s3-app-charthead b,.s3-app-map>b{font-size:7px}.s3-app-charthead span{display:none}.s3-app-bars{gap:5px}.s3-app-bars i{min-width:4px}.s3-window-stamp{font-size:6px}
.s3-platform-grid{grid-template-columns:1fr}.s3-platform-tile{padding:25px 22px;min-height:0}.s3-platform-tile h3{font-size:21px}.s3-brands{padding:68px 0}.s3-brands-intro{grid-template-columns:1fr;gap:16px}.s3-brands h2{font-size:32px}.s3-brand-wall{grid-template-columns:repeat(2,1fr)}.s3-brand-wall>span{min-height:77px;font-size:14px;border-right:1px solid #e9eff6;border-bottom:1px solid #e9eff6!important}.s3-brand-wall>span:nth-child(5n){border-right:1px solid #e9eff6}.s3-brand-wall>span:nth-child(2n){border-right:0}.s3-brand-wall>span:nth-last-child(-n+2){border-bottom:0!important}
.s3-project-gallery{grid-template-columns:1fr}.s3-proj-large{grid-column:auto;display:flex}.s3-proj-large .s3-project-photo{height:210px;min-height:0}.s3-project-photo{height:210px}.s3-project-content{padding:22px}.s3-project-content h3{font-size:21px}.s3-industry-short{padding:67px 0}.s3-industry-short>.container{grid-template-columns:1fr;gap:20px}.s3-industry-short h2{font-size:33px}.s3-industries-list a{font-size:11px}.s3-credits{padding:18px 0}
}
@media(prefers-reduced-motion:reduce){.s3-button,.s3-solution-card,.s3-project,.s3-project-photo>img{transition:none!important}}

/* CSST GA4 / preferencias de privacidad - 2026-10 */
.csst-consent{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:99998;width:min(760px,calc(100% - 28px));padding:18px 22px;display:flex;align-items:center;gap:22px;border:1px solid rgba(35,55,71,.18);background:#fff;color:#233747;box-shadow:0 16px 54px rgba(12,25,38,.22);border-radius:14px;font:inherit}
.csst-consent[hidden]{display:none!important}
.csst-consent-content{flex:1;min-width:0}
.csst-consent-content strong{display:block;color:#193547;font-size:1.04rem;margin-bottom:5px}
.csst-consent-content p{margin:0;line-height:1.5;font-size:.875rem;color:#374d5c}
.csst-consent-content a{color:#176a83;text-decoration:underline;text-underline-offset:2px}
.csst-consent-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.csst-consent-actions button{min-height:42px;border-radius:8px;border:1px solid #476575;background:#fff;color:#223e50;padding:9px 14px;font:inherit;font-size:.89rem;font-weight:650;cursor:pointer}
.csst-consent-actions button.csst-consent-accept{background:#234a5c;border-color:#234a5c;color:#fff}
.csst-consent-actions button:hover{filter:brightness(.96)}
.csst-consent-actions button:focus-visible,.csst-footer-privacy:focus-visible{outline:3px solid #3c93b1;outline-offset:3px}
.csst-footer-privacy{background:transparent;border:0;padding:0;color:inherit;font:inherit;font-size:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:690px){.csst-consent{bottom:10px;padding:16px;flex-direction:column;align-items:stretch;gap:14px}.csst-consent-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.csst-consent-actions button{padding:9px 6px}}

/* FieldControl: pagina objetivo checador de personal, 2026-10 */
.fc-landing{max-width:1200px}
.fc-landing h2{max-width:860px;line-height:1.16}
.fc-landing p{line-height:1.8}
.fc-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.fc-top>.fc-preview{align-self:start}
.fc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:26px 0}
.fc-secondary{color:#205d75;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fc-preview{padding:30px;border:1px solid #d8e0e5;border-radius:18px;background:linear-gradient(160deg,#fff 0%,#f1f7f9 100%);box-shadow:0 16px 42px rgba(24,48,66,.07)}
.fc-preview h3{margin:12px 0 22px;font-size:1.5rem}
.fc-preview-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dce6e9;padding:14px 0;font-size:.92rem}
.fc-preview-row strong{color:#0c586c;font-size:.82rem}
.fc-preview small{display:block;margin-top:16px;color:#687b88;line-height:1.55}
.fc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px}
.fc-feature{border:1px solid #dce4e8;border-radius:14px;padding:24px;background:#fff}
.fc-feature h3{font-size:1.08rem;margin:0 0 10px;color:#183b4d}
.fc-feature p{font-size:.91rem;margin:0}
.fc-surface{background:#f3f7f9}
.fc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.fc-steps>div{background:#fff;border-radius:14px;padding:26px;border:1px solid #dce5eb}
.fc-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#d6e9ee;color:#155970;font-weight:800}
.fc-steps h3{margin:16px 0 9px;font-size:1.15rem}
.fc-steps p{font-size:.92rem;margin:0}
.fc-table-wrap{width:100%;overflow-x:auto;margin:20px 0}
.fc-table{width:100%;min-width:650px;border-collapse:collapse;text-align:left}
.fc-table th,.fc-table td{border:1px solid #d9e4e9;padding:14px 16px;vertical-align:top;line-height:1.5}
.fc-table thead th{background:#244b5d;color:#fff}
.fc-table tbody th{background:#f5f9fb;width:25%;color:#214254}
.fc-table tbody tr:nth-child(even) td{background:#fafcfd}
.fc-note{font-size:.91rem;color:#60727d}
.fc-list{margin:24px 0;line-height:1.8}
.fc-list li{margin:10px 0}
.fc-faq{display:grid;gap:12px;margin-top:25px}
.fc-faq details{background:#fff;padding:17px 22px;border:1px solid #d8e4e9;border-radius:12px}
.fc-faq summary{cursor:pointer;font-weight:700;color:#214858}
.fc-faq details p{margin:14px 0 0}
.fc-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#f4f8fa;border-radius:18px;padding:35px}
.fc-bottom div{flex:1}
.fc-bottom .btn{flex-shrink:0}
@media(max-width:960px){.fc-top{grid-template-columns:1fr}.fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.fc-grid,.fc-steps{grid-template-columns:1fr}.fc-top{gap:22px}.fc-bottom{padding:24px}.fc-feature{padding:21px}.fc-preview{padding:23px}}