.interactive-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:74px;padding:105px 0 35px}.interactive-copy h2{max-width:560px;margin:0;font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.045em}.interactive-copy>p:not(.public-eyebrow){max-width:600px;margin:22px 0 0;color:var(--muted);font-size:18px}.interactive-benefits{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}.interactive-benefits li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.interactive-benefits li>span:first-child{display:grid;place-items:center;width:26px;height:26px;margin-top:2px;border-radius:50%;color:#087d52;background:#dff7ec;font-weight:800}.interactive-benefits strong{display:block;margin-bottom:2px}.interactive-benefits li>span:last-child{color:var(--muted)}.kiosk-demo{position:relative;min-height:460px;display:grid;place-items:center;padding:34px;border-radius:30px;background:linear-gradient(145deg,#f3f6f6,#f7f9f9);overflow:hidden}.kiosk-demo:before{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-100px;border-radius:50%;background:rgba(68,160,185,.12)}.kiosk-browser{position:relative;width:100%;max-width:590px;overflow:hidden;border:1px solid #d2dddf;border-radius:17px;background:#fff;box-shadow:0 28px 60px rgba(23,55,64,.18);transform:rotate(1deg)}.kiosk-browser-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f3f5f5;border-bottom:1px solid #e8eeef}.kiosk-browser-bar>span{width:7px;height:7px;border-radius:50%;background:#b8d0d7}.kiosk-address{flex:1;margin-left:8px;padding:5px 12px;border-radius:7px;color:#75929a;background:#fff;font-size:10px}.kiosk-site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}.kiosk-site-header>strong{font-size:20px}.kiosk-search{display:flex;align-items:center;justify-content:space-between;width:60%;padding:9px 12px;border:1px solid #dfe6e8;border-radius:8px;color:#89a1a8;font-size:11px}.kiosk-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 24px}.kiosk-products article{display:grid;gap:7px;padding:10px;border:1px solid #e4ebed;border-radius:10px}.kiosk-products i{height:86px;border-radius:7px;background:linear-gradient(145deg,#ecf1f2,#f4f7f8)}.kiosk-products strong{font-size:11px}.kiosk-products small{color:var(--blue);font-size:9px;font-weight:700}.kiosk-controls{display:flex;justify-content:center;gap:9px;padding:12px;background:#101218;color:#fff;font-size:10px;font-weight:700}.kiosk-controls span{padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:7px}.touch-hint{position:absolute;right:8px;bottom:18px;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(23,55,64,.16);font-size:12px}.touch-hint>span{font-size:22px}.feature-icon.amber{color:#a65b00;background:#fff0d9}@media(min-width:901px){.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card{padding:26px}}@media(max-width:900px){.interactive-showcase{grid-template-columns:1fr;gap:42px;padding-top:80px}.kiosk-demo{min-height:420px}}@media(max-width:620px){.interactive-showcase{padding-top:65px}.interactive-copy>p:not(.public-eyebrow){font-size:16px}.kiosk-demo{min-height:330px;padding:18px 12px}.kiosk-products{gap:6px;padding:0 12px 16px}.kiosk-products i{height:60px}.kiosk-site-header{padding:14px 12px}.touch-hint{right:2px;bottom:8px}.interactive-benefits li{font-size:14px}}

/* Extended public sales page */
.interactive-showcase.section-block{position:relative;padding:110px 0}.interactive-showcase.section-block:before{content:"";position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(135deg,#f6f7f8,#fff)}.kiosk-demo{border:1px solid #e4ebed;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.kiosk-demo:after{content:"";position:absolute;width:210px;height:210px;left:-95px;bottom:-110px;border-radius:50%;background:rgba(91,173,195,.09)}.kiosk-browser,.touch-hint{z-index:1}.features .feature-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.interactive-showcase.section-block{padding:82px 0}.features .feature-grid{grid-template-columns:1fr}}
@media(max-width:620px){.interactive-showcase.section-block{padding:68px 0}.kiosk-browser{transform:none}}

/* Align the sales site with the modern Portal and Control design system. */
.public-page{
    background:
        radial-gradient(circle at 82% 3%,rgba(127,190,207,.1),transparent 31rem),
        linear-gradient(180deg,#f6f7f8 0,#fff 42%);
}
.public-header{height:80px}
.public-brand-mark{box-shadow:0 8px 22px rgba(71,163,187,.24)}
.public-nav-login{border-color:#d0dbde;border-radius:9px;box-shadow:0 3px 10px rgba(23,55,64,.045)}
.public-button{border-radius:10px;box-shadow:0 4px 12px rgba(23,55,64,.06)}
.public-button.primary{background:linear-gradient(135deg,#51a8bf,#439cb4);box-shadow:0 9px 22px rgba(79,167,190,.2)}
.ui-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.hero{min-height:630px;padding:72px 0 88px}
.hero h1{max-width:640px}
.hero-visual{min-height:440px}
.visual-glow{inset:3% -2%;background:radial-gradient(circle,rgba(105,180,200,.2),rgba(108,181,200,.055) 52%,transparent 72%)}
.screen-card-main{width:94%;height:326px;border-color:#d3dee1;border-radius:16px;box-shadow:0 28px 65px rgba(19,44,50,.16);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}
.screen-top{height:34px;background:#fff}
.screen-content{height:calc(100% - 34px);grid-template-columns:22% 1fr}
.screen-sidebar{gap:11px;padding:18px 13px;background:linear-gradient(180deg,#132c32,#193b44)}
.screen-mini-brand{display:grid;width:25px;height:25px;place-items:center;margin:0 0 9px;border-radius:7px;color:#fff;background:linear-gradient(145deg,#55aac0,#6cb5c8);font-size:11px;font-weight:850}
.screen-sidebar i{height:7px;background:rgba(209,220,223,.2)}
.screen-sidebar i:first-of-type{width:82%;background:rgba(226,233,234,.7)}
.screen-dashboard{padding:22px;background:#f3f5f5}
.screen-dashboard-heading{align-items:center;margin-bottom:18px}
.screen-dashboard-heading>span{display:grid;gap:1px}
.screen-dashboard-heading>span small{color:#29606f;font-size:6px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.screen-dashboard-heading>span b{padding:0;color:#101218;background:none;font-size:14px;line-height:1.1}
.screen-dashboard-heading em{padding:6px 9px;border-radius:6px;color:#fff;background:#29606f;font-size:7px;font-style:normal;font-weight:800}
.screen-metrics{gap:9px}
.screen-metrics i{position:relative;height:69px;border-color:#e0e7e9;border-radius:9px;overflow:hidden}
.screen-metrics i:after{position:absolute;width:42px;height:42px;right:-18px;bottom:-20px;border-radius:50%;background:#f3f6f6;content:""}
.screen-metrics .screen-online{border-color:#ccecdf}
.screen-metrics .screen-warning{border-color:#f2d2d7}
.screen-metrics .screen-online strong{color:#078f61}
.screen-metrics .screen-warning strong{color:#d23e52}
.screen-list{gap:7px;margin-top:12px}
.screen-list span{height:28px;border-color:#e2e9eb;border-radius:7px}
.status-card{border-color:#dbe4e6;border-radius:12px;box-shadow:0 13px 30px rgba(19,44,50,.13)}

.trust-strip{min-height:86px}
.section-block,.features.section-block,.interactive-showcase.section-block{padding:88px 0}
.section-tint:before{background:linear-gradient(135deg,#f3f5f5,#f6f7f8)}
.outcome-grid,.use-case-grid,.feature-grid{gap:16px}
.outcome-grid article,.use-case-card,.feature-card{border-color:#dee6e8;border-radius:16px;box-shadow:0 1px 2px rgba(19,44,50,.025),0 10px 30px rgba(19,44,50,.055)}
.outcome-grid article{min-height:220px;padding:30px}
.outcome-grid h3{margin-top:30px}
.use-case-card{min-height:225px;padding:28px}
.use-case-icon,.feature-icon,.workflow-icon{border:1px solid currentColor;box-shadow:inset 0 0 0 4px rgba(255,255,255,.52)}
.use-case-icon .ui-icon{width:27px;height:27px}
.workflow-icon .ui-icon,.feature-icon .ui-icon{width:23px;height:23px}
.feature-card{padding:27px}
.feature-card h3{margin-top:19px}
.workflow-step{border-width:7px;background:#101218;box-shadow:0 8px 19px rgba(19,44,50,.17)}
.product-proof-window{border-radius:16px;box-shadow:0 24px 58px rgba(19,44,50,.14);transform:none}
.kiosk-demo{border-radius:20px;background:linear-gradient(145deg,#f3f6f6,#f9fafa)}
.kiosk-browser{border-radius:14px;transform:none}
.reliability-screen{border-color:#132c32;border-radius:16px;transform:rotate(-1deg)}
.faq-list details{transition:background .15s}
.faq-list details:hover{background:#fbfcfc}
.faq-list summary{padding-inline:14px}
.faq-list details p{padding-left:14px}
.contact-panel{min-height:250px;border:1px solid #2e6d7e;border-radius:18px;background:linear-gradient(125deg,#132c32,#327688 70%,#29606f)}

.player-concepts{position:relative}
.player-concepts:before{position:absolute;z-index:-1;inset:0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(145deg,#f3f5f5,#fdfdfd);content:""}
.player-concept-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:18px}
.player-concept-card{display:flex;min-width:0;min-height:650px;flex-direction:column;padding:26px;border:1px solid #dee6e8;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 1px 2px rgba(19,44,50,.025),0 14px 36px rgba(19,44,50,.065);overflow:hidden}
.player-concept-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.concept-platform{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}
.concept-platform .ui-icon{width:18px;height:18px}
.concept-platform.blue{color:#29606f}.concept-platform.green{color:#078f61}.concept-platform.amber{color:#b56c05}
.concept-label{padding:5px 9px;border:1px solid #dfe7e9;border-radius:999px;color:#62838c;background:#f7f9fa;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.concept-copy{margin:21px 0 24px}
.concept-copy h3{margin:0 0 7px;font-size:23px;line-height:1.25;letter-spacing:-.02em}
.concept-copy p{max-width:580px;margin:0;color:var(--muted)}
.player-concept-card figure{margin:auto auto 0}
.player-screen{position:relative;overflow:hidden;background:#fff}
.windows-player{width:100%;filter:drop-shadow(0 24px 27px rgba(19,44,50,.16))}
.windows-player>.player-screen{aspect-ratio:16/9;border:8px solid #132c32;border-bottom-width:11px;border-radius:13px 13px 7px 7px}
.windows-player-foot{position:relative;width:36%;height:17px;margin:auto;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#e1e8ea,#aac0c6)}
.windows-player-foot:after{position:absolute;right:-34%;bottom:-7px;left:-34%;height:7px;border-radius:50%;background:#bdcfd4;content:""}
.windows-player-foot span{position:absolute;top:-7px;left:50%;width:6px;height:6px;border-radius:50%;background:#16aa70;transform:translateX(-50%);box-shadow:0 0 0 3px rgba(22,170,112,.18)}
.windows-player-foot small{position:absolute;top:-30px;right:-70%;width:190px;color:rgba(255,255,255,.78);font-size:7px;text-align:right}
.marin-landscape{display:grid;grid-template-rows:42px 1fr 62px;color:#fff;background:#1a3c45}
.marin-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#101218;background:rgba(255,255,255,.96)}
.marin-header img{display:block;width:96px;height:auto}.marin-header span{color:#63838b;font-size:8px;font-weight:700}
.marin-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 30px;background:linear-gradient(90deg,rgba(15,35,41,.97) 0,rgba(29,68,78,.9) 47%,rgba(79,167,190,.3) 100%),radial-gradient(circle at 83% 30%,rgba(137,196,211,.5),transparent 26%),linear-gradient(145deg,#132c32,#29606f)}
.marin-hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;content:"";mask-image:linear-gradient(90deg,transparent 42%,#000)}
.marin-hero:after{position:absolute;right:11%;bottom:20%;width:105px;height:66px;border:1px solid rgba(216,225,228,.72);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07));box-shadow:inset 0 12px 0 rgba(255,255,255,.12),-19px 17px 0 -8px rgba(156,205,218,.26);content:"";transform:rotate(-2deg)}
.marin-hero>*{position:relative;z-index:1}
.marin-hero small{color:#93c9d7;font-size:7px;font-weight:850;letter-spacing:.12em}
.marin-hero strong{margin:5px 0;font-size:29px;line-height:1.02;letter-spacing:-.04em}
.marin-hero>span{max-width:250px;color:#dde5e8;font-size:8px}
.marin-hero i{margin-top:12px;padding:7px 10px;border-radius:5px;color:#101218;background:#fff;font-size:7px;font-style:normal;font-weight:850}
.marin-info{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;color:#101218;background:#dfe6e8}
.marin-info>span{display:flex;flex-direction:column;justify-content:center;padding:10px 16px;background:#fff}
.marin-info b{font-size:8px}.marin-info small{color:#698991;font-size:7px}

.android-concept{background:linear-gradient(160deg,#fff,#f8fcfa)}
.android-player{position:relative;width:230px;padding:22px 10px 19px;border:7px solid #101218;border-radius:30px;background:#101218;box-shadow:0 27px 45px rgba(19,44,50,.2)}
.android-player>.player-screen{aspect-ratio:9/16;border-radius:16px;background:linear-gradient(170deg,#fbfcfd,#e9f5f5)}
.android-speaker{position:absolute;z-index:2;top:9px;left:50%;width:35px;height:3px;border-radius:3px;background:#494b51;transform:translateX(-50%)}
.android-home{position:absolute;bottom:6px;left:50%;width:28px;height:3px;border-radius:4px;background:#61848d;transform:translateX(-50%)}
.marin-portrait{display:flex;flex-direction:column;align-items:center;padding:21px 15px;color:#101218;text-align:center}
.marin-portrait:before{position:absolute;inset:0 0 54%;background:radial-gradient(circle at 74% 26%,rgba(153,204,217,.7),transparent 24%),linear-gradient(150deg,#132c32,#29606f 72%,#85c2d2);content:"";clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
.marin-portrait>*{position:relative;z-index:1}
.marin-mobile-brand{display:flex;align-self:flex-start;padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.94)}.marin-mobile-brand img{display:block;width:62px;height:auto}
.marin-portrait>small{margin-top:32px;color:#ecf1f2;font-size:7px;font-weight:800;text-transform:uppercase}
.marin-portrait>strong{margin-top:5px;color:#fff;font-size:20px;line-height:1.05;letter-spacing:-.04em}
.marin-touch-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7px;margin-top:34px}
.marin-touch-grid span{display:grid;min-height:65px;place-items:center;padding:8px;border:1px solid #dae3e6;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 5px 13px rgba(19,44,50,.06)}
.marin-touch-grid .ui-icon{width:18px;height:18px;color:#307183}
.marin-touch-grid b{font-size:7px}
.marin-mobile-help{display:flex;align-items:center;gap:5px;margin-top:auto;color:#678790;font-size:6px}.marin-mobile-help i{width:5px;height:5px;border-radius:50%;background:#0fa46c}
.linux-concept{display:grid;min-height:0;grid-column:1/-1;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);grid-template-rows:auto 1fr;align-items:start;gap:0 42px;background:linear-gradient(145deg,#fff,#fffaf3)}
.linux-concept>header{grid-column:1;grid-row:1}.linux-concept>.concept-copy{grid-column:1;grid-row:2;align-self:center;margin-bottom:0}.linux-concept>.linux-player{width:100%;grid-column:2;grid-row:1/3;align-self:center;margin:0}
.linux-player{filter:drop-shadow(0 24px 28px rgba(19,44,50,.16))}
.linux-device{overflow:hidden;padding:7px 7px 0;border-radius:14px 14px 7px 7px;background:#12292f}
.linux-device>.player-screen{aspect-ratio:16/8.8;border-radius:8px 8px 2px 2px}
.linux-device-status{display:flex;height:24px;align-items:center;justify-content:center;gap:6px;color:#cedadd;font-size:7px}.linux-device-status i{width:5px;height:5px;border-radius:50%;background:#10ad72;box-shadow:0 0 0 3px rgba(16,173,114,.15)}
.linux-stand{position:relative;width:29%;height:17px;margin:auto;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#dce4e6,#9cb4bb)}.linux-stand:after{position:absolute;right:-45%;bottom:-6px;left:-45%;height:6px;border-radius:50%;background:#b9ccd1;content:""}
.linux-signage{display:grid;grid-template-rows:38px 1fr 38px;color:#fff;background:#132c32}
.linux-signage-header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#fff}.linux-signage-header img{width:90px;height:auto}.linux-signage-header span{color:#688891;font-size:7px;font-weight:700}
.linux-signage-body{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;padding:20px 23px;background:radial-gradient(circle at 72% 20%,rgba(127,191,208,.35),transparent 28%),linear-gradient(135deg,#132c32,#29606f)}
.linux-signage-body>div{display:flex;flex-direction:column;justify-content:center}.linux-signage-body>div small{color:#a1d0dc;font-size:6px;font-weight:850;letter-spacing:.12em}.linux-signage-body>div strong{margin:5px 0;font-size:24px;line-height:1.02;letter-spacing:-.04em}.linux-signage-body>div p{max-width:240px;margin:0;color:#dee6e8;font-size:7px}
.linux-signage-body aside{display:grid;align-content:center;gap:8px}.linux-signage-body aside>span{display:grid;grid-template-columns:22px 1fr;gap:0 7px;padding:9px;border:1px solid rgba(214,224,227,.25);border-radius:8px;background:rgba(255,255,255,.1)}.linux-signage-body aside .ui-icon{width:18px;height:18px;grid-row:1/3;color:#70d6ac}.linux-signage-body aside b{font-size:7px}.linux-signage-body aside small{color:#d0dcdf;font-size:6px}
.linux-signage-ticker{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 14px;color:#101218;background:#fff;font-size:6px}.linux-signage-ticker b{color:#29606f;text-transform:uppercase}.linux-signage-ticker span{color:#494b51}.linux-signage-ticker i{font-style:normal;font-weight:800}
.concept-disclaimer{max-width:820px;margin:24px auto 0;color:#719199;font-size:12px;text-align:center}
.player-mode-intro{max-width:670px;margin:54px 0 24px}.player-mode-intro h3{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.03em}
.player-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.player-mode-card{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px;border:1px solid #dee6e8;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(19,44,50,.025),0 10px 28px rgba(19,44,50,.05)}
.player-mode-card>.mode-preview{position:relative;grid-column:1/-1;aspect-ratio:16/8.5;overflow:hidden;border:1px solid #dfe6e8;border-radius:11px;background:#f5f7f8}
.mode-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid currentColor;border-radius:14px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.52)}
.mode-icon.blue{color:#29606f;background:#f4f7f8}.mode-icon.green{color:#078f61;background:#e9f8f2}.mode-icon.violet{color:#6bb5c8;background:#f4f7f8}.mode-icon .ui-icon{width:22px;height:22px}
.player-mode-card .card-label{margin:0 0 5px}.player-mode-card h4{margin:0 0 7px;font-size:17px;line-height:1.25}.player-mode-card p:last-child{margin:0;color:var(--muted);font-size:13px}
.mode-slideshow .mode-preview{background:linear-gradient(145deg,#132c32,#29606f)}
.mode-slideshow .slide{position:absolute;display:flex;flex-direction:column;justify-content:center;border-radius:8px;color:#fff;box-shadow:0 10px 25px rgba(19,44,50,.22)}
.mode-slideshow .slide-one{inset:16px 28% 16px 16px;padding:18px;background:linear-gradient(135deg,rgba(19,46,53,.96),rgba(79,167,190,.75)),radial-gradient(circle at 80%,#8fc7d5,transparent 35%)}
.mode-slideshow .slide-one small{color:#add6e0;font-size:7px;font-weight:850;text-transform:uppercase}.mode-slideshow .slide-one strong{margin-top:4px;font-size:17px;line-height:1.05}
.mode-slideshow .slide-two{top:27px;right:14px;bottom:27px;width:29%;background:linear-gradient(145deg,#fff,#eaeff1);opacity:.88}
.mode-slideshow .mode-preview>i{position:absolute;right:10px;bottom:7px;color:#e9eeef;font-size:7px;font-style:normal}
.mode-webkiosk .mode-preview{display:grid;grid-template-rows:26px 1fr 24px;background:#fff}
.mode-browser-bar{display:flex;align-items:center;gap:4px;padding:0 8px;background:#f0f4f5}.mode-browser-bar>i{width:5px;height:5px;border-radius:50%;background:#b6ced4}.mode-browser-bar>span{flex:1;margin-left:4px;padding:3px 7px;border-radius:4px;color:#77939b;background:#fff;font-size:6px}
.mode-web-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fbfcfd,#f2f5f6)}.mode-web-page b{color:#29606f;font-size:7px;letter-spacing:.1em}.mode-web-page strong{margin:4px 0;font-size:16px}.mode-web-page span{color:#6d8a92;font-size:6px}
.mode-kiosk-nav{display:flex;align-items:center;justify-content:center;color:#fff;background:#132c32;font-size:6px}
.mode-schedule .mode-preview{display:grid;grid-template-columns:35% 1fr;padding:15px;background:linear-gradient(145deg,#fafbfc,#f4f7f8)}
.mode-clock{display:grid;place-items:center;color:#29606f;font-size:21px;font-weight:850}
.mode-timeline{display:grid;gap:5px}.mode-timeline span{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e2e9ea;border-radius:6px;background:#fff}.mode-timeline i{width:5px;height:5px;border-radius:50%;background:#29606f}.mode-timeline b{font-size:6px}.mode-timeline small{color:#74929a;font-size:5px}

@media(max-width:900px){
    .section-block,.features.section-block,.interactive-showcase.section-block{padding:70px 0}
    .hero{padding:50px 0 70px}
    .player-concept-grid{grid-template-columns:1fr}
    .player-mode-grid{grid-template-columns:1fr}
    .player-concept-card{min-height:0}
    .linux-concept{display:flex}
    .android-player{margin-top:10px}
}
@media(max-width:620px){
    .public-header{height:68px}
    .hero{padding:38px 0 55px}
    .hero h1{font-size:38px}
    .hero-visual{min-height:300px}
    .screen-card-main{height:226px;width:98%;transform:none}
    .screen-dashboard{padding:13px}
    .screen-dashboard-heading{margin-bottom:10px}
    .screen-dashboard-heading>span b{font-size:11px}
    .screen-dashboard-heading em{font-size:6px}
    .screen-sidebar{padding:13px 8px}
    .screen-mini-brand{width:21px;height:21px;margin-bottom:5px}
    .screen-metrics i{height:56px;padding:7px}
    .section-block,.features.section-block,.interactive-showcase.section-block{padding:56px 0}
    .outcome-grid article{padding:24px}
    .use-case-card{padding:22px 18px}
    .workflow-grid{gap:30px;margin-top:38px}
    .feature-card{padding:23px}
    .contact-panel{margin-bottom:62px;border-radius:15px}
    .player-concept-card{padding:20px 16px;border-radius:15px}
    .concept-copy h3{font-size:21px}
    .windows-player>.player-screen{border-width:5px;border-bottom-width:8px}
    .marin-landscape{grid-template-rows:29px 1fr 45px}
    .marin-header{padding-inline:10px}.marin-header span{display:none}
    .marin-hero{padding:13px 16px}.marin-hero strong{font-size:20px}.marin-hero>span{font-size:6px}.marin-hero i{margin-top:7px;padding:5px 7px}
    .marin-info>span{padding:6px 8px}.marin-info>span:nth-child(3){display:none}.marin-info{grid-template-columns:1fr 1fr}
    .android-player{width:210px}
    .linux-signage-body{gap:8px;padding:12px}.linux-signage-body>div strong{font-size:17px}.linux-signage-body aside>span{padding:6px}.linux-signage-body aside>span:nth-child(2){display:none}.linux-signage-ticker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .player-mode-intro{margin-top:42px}.player-mode-intro h3{font-size:26px}
}