/* DecoyStar approved visual system. Keep these tokens fixed during integration. */
@font-face{font-family:Inter;src:url(assets/fonts/inter-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-500.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-600.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-700.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--navy:#031b2d;--navy-deep:#021725;--navy-card:#062c3e;--aqua:#17e5dd;--mint:#0bbfaf;--blue:#2588ff;--pearl:#f3fafe;--paper:#fff;--ink:#082139;--muted:#55708a;--line:#dcecf3;--dark-muted:#b8d2e2;--radius:14px;--container:1400px;--ease:cubic-bezier(.2,.75,.2,1);--shadow:0 12px 38px #1448620b;--header-h:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--ink);background:var(--pearl);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img,svg{vertical-align:middle}img{max-width:100%;object-fit:contain}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.04em;line-height:1.18}h2{font-size:clamp(26px,2.2vw,34px);font-weight:700}h3{font-size:19px}p{color:var(--muted)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#22e3d8;color:var(--navy)}.container{width:min(var(--container),calc(100% - 120px));margin-inline:auto}.icon{width:24px;height:24px;flex:none}.dark{color:#f8fcff;background:var(--navy)}.dark p{color:var(--dark-muted)}.pearl{background:linear-gradient(105deg,#f5fbfd,#eef8fc 65%,#f7fbfd)}.white{background:#fbfdff}.section{padding:68px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading p:not(.eyebrow){margin-top:9px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.2em;color:#008f9e;margin-bottom:13px;text-transform:uppercase}.eyebrow .icon{width:21px;height:21px}.dark .eyebrow{color:#b0d4e6}.dark .eyebrow .icon{color:var(--aqua)}.text-link{color:#087ea7;font-size:14px;font-weight:500;display:inline-flex;gap:12px;align-items:center;padding:0}.text-link .icon{width:18px;height:18px;transition:transform .3s}.text-link:hover .icon{transform:translateX(4px)}.dark .text-link{color:#47eee7}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 25px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.3;border:1px solid transparent;white-space:nowrap;transition:box-shadow .3s,transform .3s,background .3s}.button .icon{width:19px;height:19px}.button.primary{background:linear-gradient(105deg,#06dfd6,#3beee2);color:#032638;box-shadow:0 5px 26px #1ce1d322}.button.primary:hover{box-shadow:0 7px 30px #1ce1d34d;transform:translateY(-2px)}.button.secondary{border-color:#14a5b4;background:#01203077;color:white}.button.secondary:hover{background:#0d596b66;box-shadow:0 0 25px #18dcd326;transform:translateY(-2px)}.button.small{font-size:11px;min-height:34px;border-radius:6px;padding:8px 14px}.text-button{font-size:13px;padding:12px 8px;color:#d4e6f3}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px}.icon-button:hover{background:#17cbbf18}.skip-link{position:fixed;left:20px;top:-70px;padding:12px;z-index:200;background:#fff;color:#082139}.skip-link:focus{top:12px}
/* Header */
.site-header{height:var(--header-h);position:relative;z-index:30;background:#031b2d;border-bottom:1px solid #27576b80;color:white}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:3px;flex:none}.brand>img{width:58px;height:58px;filter:drop-shadow(0 0 9px #22d9e222)}.brand>span{font-size:30px;letter-spacing:-1.4px;font-weight:700;line-height:1}.brand small{font-size:9px;font-weight:400;letter-spacing:0;display:block;text-align:right;margin-top:5px}.desktop-nav{display:flex;gap:34px;align-items:center}.desktop-nav a{display:flex;align-items:center;gap:7px;font-size:14px;color:#e6f3fa;transition:color .2s}.desktop-nav a:hover{color:var(--aqua)}.desktop-nav .icon{width:12px;height:12px}.header-actions{display:flex;gap:18px;align-items:center}.languages{display:flex;gap:5px;align-items:center}.lang{display:flex;align-items:center;gap:6px;border-radius:7px;padding:8px;color:#bcdae8;font-size:10px;line-height:1;border:1px solid transparent}.lang img{width:20px;height:14px;object-fit:cover;border-radius:1px}.lang.active{background:#063f52;border-color:#135d6e;color:#30ece5}.lang:hover{color:white;background:#0a3e51}.header-divider{height:23px;width:1px;background:#275061}.site-header .button{min-height:40px;padding:10px 22px;font-size:12px}.site-header .button .icon{display:none}#menu-toggle,#mobile-menu{display:none}
/* Hero: typography matches approved restrained 2-line headline. */
.terrain{position:relative;background-color:var(--navy);background-position:center bottom;background-size:cover;isolation:isolate}.hero{overflow:hidden;min-height:620px;padding:58px 0 0}.hero-grid{display:grid;grid-template-columns:42% 58%;align-items:center;gap:16px;min-height:500px}.hero-copy{position:relative;z-index:3;padding:0 12px 28px 0}.hero-copy .eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(25px,2.2vw,37px);font-weight:700;line-height:1.24;letter-spacing:-1.3px;white-space:nowrap}.aqua-text{color:#41e8e1}.hero-description{font-size:clamp(15px,1.35vw,21px);max-width:510px;line-height:1.5;margin:20px 0 31px}.hero-buttons{display:flex;gap:16px}.hero-buttons .secondary{flex-direction:row-reverse}.hero-buttons .secondary .icon{width:25px;height:25px}.hero-deployment{display:flex;gap:26px;align-items:center;margin-top:34px;font-size:14px}.hero-deployment a{display:flex;gap:14px;align-items:center}.hero-deployment .icon{width:34px;height:34px}.hero-deployment>i{height:30px;width:1px;background:#4d7c89}.deployment-hint{display:block;color:#9dbece;font-size:12px;margin-top:13px}.hero-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-bottom:12px;font-size:9px;color:#93b2c2;position:relative;z-index:4}.motion-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#b3d3de;padding:7px 0}.motion-control .icon{width:13px;height:13px}.ambient-light{position:absolute;right:2%;top:6%;width:50%;height:90%;background:radial-gradient(ellipse,#16d8cf1c,transparent 67%);pointer-events:none;animation:ambient 9s ease-in-out infinite alternate}.monitor-stage{position:relative;perspective:1600px;padding:25px 3px 38px 4px;min-width:0;z-index:2}.hero-star{position:absolute;width:190px;height:190px;right:-56px;top:-56px;filter:drop-shadow(0 0 30px #1de5de44);animation:starFloat 11s ease-in-out infinite}.monitor-orbit{position:absolute;border:1px solid #12dbd51c;width:105%;height:72%;top:15%;left:-2%;transform:rotate(-16deg);border-radius:50%;box-shadow:0 0 24px #1ed2d008}.monitor-entry{animation:monitorEnter 1.35s var(--ease) both;transform-origin:70% 50%}.monitor-float{animation:monitorFloat 8s ease-in-out 1.4s infinite}.monitor-tilt{transform:rotateY(var(--tilt-y,-2deg)) rotateX(var(--tilt-x,1.5deg));transition:transform .55s var(--ease);transform-style:preserve-3d}.dashboard-frame{background:linear-gradient(145deg,#09384d,#031a29);padding:11px;border:1px solid #598eac;border-radius:23px;box-shadow:inset 0 0 0 5px #051d2a,0 25px 30px #0005,0 0 40px #13c8d016}.dashboard{display:grid;grid-template-columns:21% 79%;border-radius:14px;overflow:hidden;background:#edf6fb;min-height:448px;color:var(--ink)}.dashboard-sidebar{background:linear-gradient(150deg,#042c3c,#031c29);color:white;padding:15px 8px;position:relative}.dash-brand{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:700;letter-spacing:-.5px;margin-bottom:26px;white-space:nowrap}.dash-brand img{width:29px;height:29px}.dash-nav{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:12px 9px;margin-bottom:9px;border-radius:6px;font-size:10px;color:#c0d8e2;position:relative}.dash-nav .icon{width:17px;height:17px}.dash-nav.active{background:linear-gradient(90deg,#08718a,#044256);color:#e6ffff}.dash-nav.active:before{content:"";position:absolute;left:-8px;top:2px;bottom:2px;width:3px;background:#27e5da;border-radius:3px}.dash-nav.active .icon{color:#29eee4}.dash-bottom{position:absolute;bottom:18px;left:17px;display:flex;gap:7px;align-items:center;color:#5f9daf;font-size:8px}.dash-bottom .icon{width:13px;height:13px}.dashboard-main{padding:18px 14px 13px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:8px}.dashboard-heading h3{font-size:19px;margin-bottom:4px}.dashboard-heading small{color:#688498;font-size:8px}.period{display:flex;align-items:center;gap:7px;font-size:9px;border:1px solid #d9e9f3;background:#fff;padding:7px 9px;border-radius:6px;white-space:nowrap}.period .icon{width:12px;height:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.metric{background:#fff;border:1px solid #e6eff6;border-radius:10px;padding:13px 8px;display:flex;gap:8px;align-items:flex-start;min-width:0}.metric-icon{display:grid;place-items:center;padding:6px;background:#e2fcf8;color:#05b5b7;border-radius:6px}.metric-icon .icon{width:20px;height:20px}.metric small{display:block;font-size:7px;white-space:nowrap;margin:2px 0 7px;letter-spacing:-.1px}.metric strong{display:block;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.9px;font-variant-numeric:tabular-nums}.positive{font-size:8px;color:#00a76b;display:block;margin-top:8px}.chart-card,.department,.campaign{background:#fff;border:1px solid #e5f0f5;border-radius:10px;padding:13px}.panel-head{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-bottom:11px;font-size:13px}.panel-head>.icon{color:#059bae;width:20px;height:20px}.panel-head>.icon+strong{margin-right:auto}.chart-legend{font-size:6px;display:flex;gap:5px;align-items:center;color:#63819d}.chart-legend i,.chart-foot i{height:6px;width:6px;border-radius:50%;display:inline-block;background:var(--mint);margin-left:5px}.chart-legend i.blue,.chart-foot i.blue{background:var(--blue)}.trend-chart{width:100%;height:auto;display:block;overflow:visible}.gridlines path{stroke:#eaf2f7;stroke-width:1;fill:none}.axis text{font-size:9px;fill:#6685a1;font-family:Inter,sans-serif}.trend-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:650;stroke-dashoffset:0;animation:lineDraw 2s var(--ease) both}.teal-line{stroke:#11bdaf}.blue-line{stroke:#2b88fb}.chart-dot{filter:drop-shadow(0 0 3px #0cbeaf88)}.dash-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:11px}.department,.campaign{padding:11px}.department>strong,.campaign>strong{font-size:10px;display:block;margin-bottom:10px}.bar-row{display:flex;gap:9px;align-items:center;font-size:7px;margin:9px 0}.bar-row>span{flex:1;white-space:nowrap}.bar-row .bar-track{width:39%}.bar-row b{width:24px;font-weight:400;text-align:right}.bar-track{height:6px;background:#e6f1f8;border-radius:4px;overflow:hidden;display:block;position:relative}.bar-track i{display:block;height:100%;width:var(--progress,75%);background:linear-gradient(90deg,#0cbcae,#30d7d0);border-radius:inherit;transform-origin:left;animation:barFill 1.5s var(--ease) var(--delay,0s) both;position:relative}.bar-row:nth-child(3) .bar-track i,.bar-row:nth-child(4) .bar-track i{background:linear-gradient(90deg,#3d9dfb,#72b7fb)}.bar-track i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff70,transparent);transform:translateX(-110%);animation:progressSheen 5s ease-in-out infinite}.campaign>div{display:flex;align-items:center;gap:7px}.campaign>div>.icon{color:#178efe;background:#e9f4ff;width:26px;height:26px;padding:5px;border-radius:5px}.campaign b{display:block;font-size:8px;white-space:nowrap}.campaign small{font-size:6px;display:block;margin-top:4px;color:#5e7c94;white-space:nowrap}.campaign .pill{font-size:6px;margin-left:auto}.live-label{display:flex;gap:5px;align-items:center;margin-top:12px;font-size:7px;color:#6a8b99}.live-label>i{background:#0bb78f;width:5px;height:5px;border-radius:50%;animation:livePulse 3s ease-in-out infinite}.floating-notice{display:flex;align-items:center;gap:13px;position:absolute;bottom:7px;left:-49px;width:302px;padding:16px 18px;background:linear-gradient(115deg,#fff,#e4f6fc);color:var(--ink);border:1px solid #c1e7ee;border-radius:12px;box-shadow:0 12px 28px #0002;transform:rotate(3deg);animation:noticeFloat 8s ease-in-out 1s infinite;z-index:4;transition:opacity .3s}.notice-icon{position:relative;background:#dcf5fa;border-radius:7px;padding:8px;color:#0c5a79}.notice-icon .icon{width:23px;height:23px}.notice-icon>i{position:absolute;right:-3px;top:-7px;width:17px;height:17px;background:#08c5a2;color:white;border:2px solid #e8f8fb;border-radius:50%;font-size:10px;text-align:center;font-style:normal}.floating-notice strong{font-size:11px;display:block;line-height:1.3}.floating-notice span:not(.notice-icon){font-size:9px;line-height:1.5;color:#5e7d94;display:block;margin-top:3px}.status-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:#0bc5aa;flex:none;animation:livePulse 3s ease-in-out infinite}.floating-notice>.status-dot{margin-left:auto;align-self:flex-start}
/* Cards and UI illustrations */
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module-card{display:block;text-align:left;width:100%;border:1px solid #d9edf4;border-radius:var(--radius);padding:21px;background:#ffffffdf;box-shadow:var(--shadow);min-width:0;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.module-card:hover{transform:translateY(-5px);border-color:#79d7de;box-shadow:0 14px 35px #099aa918}.card-top{display:flex;gap:15px;align-items:center}.icon-tile{display:grid;place-items:center;width:49px;height:49px;border-radius:9px;background:linear-gradient(135deg,#dffbfc,#e9f8fc);color:#047d99;flex:none}.icon-tile .icon{width:28px;height:28px;transition:transform .4s var(--ease)}.module-card:hover .icon-tile .icon{transform:rotate(-7deg) scale(1.07)}.card-top h3{font-size:15px;letter-spacing:-.35px;line-height:1.25}.card-top p{font-size:11px;margin-top:7px;line-height:1.4}.round-arrow{display:grid;place-items:center;background:#f1faff;border:1px solid #d5eaf5;border-radius:50%;width:28px;height:28px;flex:none;margin-left:auto;color:#087eaa}.round-arrow .icon{width:13px;height:13px}.miniature{display:block;min-height:95px;margin-top:17px;padding:13px;border:1px solid #e2f0f8;border-radius:9px;background:linear-gradient(110deg,#f6fafc,#fff);overflow:hidden}.mini-mail{display:flex;align-items:center;gap:11px;min-height:66px}.mini-mail>.icon{color:#8ba9bf;background:#eaf3f9;width:31px;height:31px;padding:6px;border-radius:7px}.mini-mail small{display:block;font-size:8px;color:#6b91b0;margin-bottom:5px}.mini-mail b{display:block;font-size:10px}.skeleton{display:block;width:80%;height:6px;background:#e6f0f7;border-radius:4px;margin-top:10px}.danger-dot{display:grid;place-items:center;width:26px;height:26px;border:5px solid #fff0f0;background:#ff6177;border-radius:50%;color:#fff;margin-left:auto;font-size:12px}.mini-training{display:flex;gap:10px;align-items:center;min-height:66px}.mini-training .course-art{width:62px;height:44px;flex:none;border-radius:5px}.mini-training b{font-size:9px;display:block;margin-bottom:9px}.mini-training>div:nth-child(2){flex:1}.progress-ring{--value:75;background:conic-gradient(#13c7ad calc(var(--value)*1%),#e9f4f7 0);width:52px;height:52px;border-radius:50%;padding:6px;flex:none}.progress-ring>span{display:grid;place-items:center;background:#fff;width:100%;height:100%;border-radius:50%;font-size:12px;font-weight:700}.mini-queue{display:grid;gap:8px}.mini-queue>span,.mini-policies>span{display:flex;align-items:center;gap:7px;font-size:9px}.mini-queue .icon{width:15px;height:15px;color:#1983ad}.mini-queue i{margin-left:auto;font-size:8px;font-style:normal}.mini-coach{display:flex;align-items:center;gap:10px;min-height:65px}.mini-coach .icon{color:#f0788a;background:#ffedef;border-radius:50%;padding:6px;width:31px;height:31px}.mini-coach b{font-size:10px;display:block}.mini-coach small{font-size:9px;display:block;max-width:220px;color:#68879a;margin-top:5px}.mini-coach .pulse-dot{margin-left:auto}.mini-bars{height:67px;display:flex;gap:8px;align-items:flex-end;padding:5px 18px 0;background:repeating-linear-gradient(0deg,#e9f1f880 0,#e9f1f880 1px,transparent 1px,transparent 20px)}.mini-bars i{display:block;flex:1;max-width:15px;height:var(--height);background:linear-gradient(#42d4d7,#1489de);border-radius:3px 3px 0 0;transform-origin:bottom;animation:barFill 1.5s var(--ease) var(--delay) both}.mini-bars i:nth-child(even){background:linear-gradient(#b2ecf2,#54a6ea)}.mini-policies{display:grid;gap:16px;min-height:65px;align-content:center}.mini-policies .icon{width:17px;height:17px;color:#21b4cf}.mini-policies .icon:last-child{margin-left:auto;background:#dff9ef;color:#08a77c;border-radius:50%;padding:3px}.pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:9px;font-style:normal;color:#537b96;background:#edf5fa;line-height:1.2;white-space:nowrap}.pill.green{background:#e1fbef;color:#009870}.pill.blue{background:#e6f3ff;color:#1684cd}.pill.red{background:#ffeaec;color:#df6474}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.section-copy h2{max-width:600px}.section-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;margin-top:13px;max-width:510px}.outline-label{display:inline-block;border:1px solid #05b2c2;color:#31e0e3;border-radius:20px;letter-spacing:.19em;font-size:10px;padding:6px 15px;margin-bottom:17px}.check-list,.feature-list{padding:0;margin:24px 0;list-style:none;display:grid;gap:16px;font-size:14px}.check-list li,.feature-list li{display:flex;align-items:center;gap:14px}.check-list .icon{width:19px;height:19px;padding:3px;background:#15d3cb;color:#052c3e;border-radius:50%;box-shadow:0 0 10px #12d0cf22}.feature-list .icon{width:21px;height:21px;color:#008cad}.ai-assurance{display:flex;align-items:center;gap:8px;font-size:12px!important;color:#50d9d4!important;margin:14px 0 20px!important}.ai-assurance .icon{width:17px;height:17px}.ai-section{padding:64px 0}.ai-section .section-copy h2{font-size:31px}.product-surface{border:1px solid #d9edf5;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);overflow:hidden}.ai-composer{padding:21px;box-shadow:0 16px 35px #0002,0 0 0 7px #e5faff14;border-color:#87c5d4}.composer-top{display:flex;align-items:center;gap:9px;font-size:15px}.composer-top>.icon{color:#1197ac;width:23px;height:23px}.composer-top>.pill{margin-left:auto}.composer-selects{display:flex;gap:14px;align-items:center;margin:16px 0;font-size:10px;color:#617f96}.composer-selects label{display:flex;align-items:center;gap:5px}.composer-selects select{border:1px solid #dcecf4;border-radius:5px;background:#f8fbfd;padding:5px;color:#2c5b79;font-size:10px;max-width:130px}.composer-prompt{border:1px solid #b8dceb;background:#f4fafc;border-radius:6px;padding:6px 6px 6px 10px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.composer-prompt button{background:#069ddd;color:#fff;border-radius:4px;width:28px;height:28px}.composer-prompt .icon{width:15px;height:15px}.email-draft{padding:14px;border:1px solid #e2f0f7;border-radius:7px;margin-top:12px;min-height:168px}.draft-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.demo-dot{font-size:8px;color:#7690a4}.email-meta{font-size:9px;color:#487297;margin-bottom:9px}.email-meta small{margin-right:15px;color:#7d9ab0}.email-draft>strong{display:block;font-size:11px}.email-draft>p{color:#54718a;font-size:11px;line-height:1.7;margin-top:10px;min-height:38px}.draft-skeleton i{display:block;background:#edf5f9;width:80%;height:5px;border-radius:3px;margin-top:8px}.draft-skeleton i:last-child{width:65%}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:8px}.composer-footer>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#4e908a}.composer-footer>span>.icon{width:13px;height:13px}.ai-composer.working .email-draft{animation:gentleGlow 1.3s ease-in-out infinite}
/* Learning / SOC */
.learning-portal{padding:22px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course{text-align:left;padding:0 0 8px;border:1px solid #e4eef3;background:#fff;border-radius:7px;overflow:hidden;transition:transform .3s,box-shadow .3s}.course:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0a8eaa18}.course-art{height:105px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#16485a,#051f30 65%);isolation:isolate}.course-art:before{content:"";position:absolute;width:80%;height:80%;border:1px solid #68f1e53d;transform:rotate(-25deg) translate(35px,15px);border-radius:11px;box-shadow:0 0 35px #10dccc1a;z-index:-1}.course-art:after{content:"";position:absolute;inset:0;background:radial-gradient(at 10% 20%,#6ae0db60,transparent 65%);z-index:-1}.course-art.art-2{background:linear-gradient(150deg,#254f6a,#17283e)}.course-art.art-3{background:linear-gradient(135deg,#28546a,#061b2c)}.course-art>.icon{width:28px;height:28px;background:#1acdd8;border-radius:50%;padding:5px;color:#073046;filter:drop-shadow(0 0 12px #33ded777)}.course>b{font-size:10px;display:block;margin:11px 9px 6px;line-height:1.4}.course>small{font-size:8px;display:block;color:#728ca1;margin:0 9px 9px}.course>.bar-track{margin:0 9px}.learning-success{display:flex;align-items:center;gap:9px;background:#ddfcf6;color:#178b82;border-radius:6px;font-size:10px;padding:10px;margin-top:17px}.learning-success>.icon{width:17px;height:17px;padding:3px;background:#08cba6;color:#fff;border-radius:50%}.learning-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:23px}.learning-features>span{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#fff9;border:1px solid #dceef5;border-radius:8px;padding:13px 6px;color:#496c88;font-size:9px;line-height:1.4}.learning-features .icon{width:23px;height:23px;color:#0398ba}.journey{display:flex;gap:14px;align-items:center;margin:20px 0;color:#52798f;font-size:12px}.journey .icon{width:15px;height:15px;color:#0aabc0}.soc-console{padding:21px}.soc-layout{display:grid;grid-template-columns:46% 54%;min-height:215px}.soc-queue{border-right:1px solid #e1eef5;padding-right:14px}.soc-filters{display:flex;gap:8px;margin-bottom:11px;font-size:8px;color:#6e8ea4}.soc-filters>span{padding:5px 9px;border-radius:5px}.soc-filters .selected{background:#e4f6fe;color:#0698d2}.report-row{display:block;text-align:left;width:100%;padding:11px 8px;border:1px solid transparent;border-radius:5px;transition:background .25s}.report-row.selected{background:#eef8ff;border-color:#d3e8f8}.report-row>b{display:block;font-size:9px;white-space:nowrap}.report-row>span{font-size:6px;color:#66879f;display:flex;align-items:center;gap:4px;margin-top:5px}.report-row .pill{font-size:6px;margin-left:auto}.soc-detail{padding-left:15px}.soc-detail>strong{display:block;font-size:10px;margin:3px 0 7px}.soc-detail>small{display:block;font-size:8px;color:#7494aa}.soc-tabs{display:flex;gap:10px;margin:14px 0 10px;border-bottom:1px solid #e9f2f7}.soc-tabs>button{font-size:8px;padding:0 0 7px;color:#5f819b;border-bottom:2px solid transparent}.soc-tabs>button[aria-selected=true]{color:#0787c7;border-bottom-color:#09a4d4}.soc-detail p{font-size:10px;color:#426782;min-height:60px;line-height:1.6}.soc-detail>.button{width:100%;margin:8px 0}.soc-status{font-size:7px!important;color:#849ead!important}
/* Reporting, integrations, deployment and footer */
.analytics-section{padding-top:20px;padding-bottom:28px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analytics-card,.policy-card{padding:24px}.analytics-card>p,.policy-card>p{font-size:12px;margin-top:8px}.comparison-chart{display:flex;gap:28px;height:170px;padding:18px 17px 0;background:repeating-linear-gradient(0deg,transparent 0,transparent 35px,#eaf2f8 36px);border-bottom:1px solid #dcebf5;margin-bottom:17px}.comparison-chart>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.comparison-pair{height:125px;display:flex;align-items:flex-end;gap:5px;width:100%;justify-content:center}.comparison-pair i{width:18px;height:var(--height);background:linear-gradient(#27d4c5,#0ca8bf);border-radius:3px 3px 0 0;transform-origin:bottom;animation:barFill 1.8s var(--ease) both}.comparison-pair i+i{background:linear-gradient(#65c4f8,#2287e0)}.comparison-chart>div>span{font-size:8px;margin:7px;color:#6388a2}.chart-foot{display:flex;gap:13px;align-items:center;font-size:8px;color:#66849a}.chart-foot small{margin-left:auto;font-size:7px}.policy-card h3{font-size:16px}.table-scroll{overflow:auto;margin-top:25px}table{border-collapse:collapse;width:100%;font-size:9px;white-space:nowrap;text-align:left}th{font-size:8px;font-weight:500;color:#547791;padding:8px 7px;border-bottom:1px solid #e7f0f5}td{padding:13px 7px;border-bottom:1px solid #eef4f8;color:#4d6f8b}.table-check{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#03c79d;color:white;font-size:9px}.policy-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:8px;margin-top:19px;color:#446d8b}.policy-chips .icon{width:12px;height:12px;color:#119bb9;margin-left:7px}.integrations{padding-top:26px;padding-bottom:44px;text-align:center}.integrations h2{font-size:27px}.integrations p{font-size:13px;margin-top:10px}.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:23px}.integration{border:1px solid #d9ebf4;background:#fff9;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 9px;border-radius:9px;font-size:11px;min-width:0;transition:transform .3s,border-color .3s}.integration .icon{width:23px;height:23px;color:#078cdc}.integration:hover{transform:translateY(-3px);border-color:#20c4d2}.deployment-section{padding:43px 0 30px}.deployment-section h2{font-size:29px}.deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.deployment-card{display:flex;align-items:center;gap:27px;text-align:left;padding:15px 27px;background:linear-gradient(110deg,#06445b99,#052d4080);border:1px solid #11506a;border-radius:10px;color:#fff;transition:transform .35s,border-color .35s}.deployment-card>img{width:145px;height:135px;filter:drop-shadow(0 0 19px #16c5df17);transition:transform .7s var(--ease)}.deployment-card:hover{transform:translateY(-4px);border-color:#16b7c6}.deployment-card:hover img{transform:translateY(-5px) rotateY(-8deg)}.deployment-card h3{font-size:19px}.deployment-card p{font-size:12px;margin:11px 0 15px;max-width:310px}.deployment-card .text-link{font-size:11px;text-decoration:underline;text-underline-offset:5px}.security-strip{display:flex;justify-content:space-around;gap:18px;margin-top:24px;font-size:11px;color:#afcbd9}.security-strip>span{display:flex;gap:10px;align-items:center}.security-strip .icon{width:17px;height:17px;color:#98bacc}.sectors{padding:36px 0 18px}.sectors h2{font-size:25px}.sectors .section-heading{margin-bottom:18px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sector-card{display:flex;gap:14px;align-items:center;border:1px solid #dcecf4;border-radius:10px;background:#fff;padding:17px;text-align:left;transition:transform .3s}.sector-card:hover{transform:translateY(-3px)}.sector-card>.icon{color:#0ca6c7;width:26px;height:26px;flex:none}.sector-card b{font-size:12px;display:block}.sector-card small{display:block;font-size:9px;color:#688ca3;margin-top:5px;line-height:1.5}.faq-section{padding:35px 0 46px}.faq-grid{display:grid;grid-template-columns:35% 65%;gap:0}.faq-section h2{font-size:29px}.faq-section .section-copy p{font-size:13px;max-width:300px;margin-bottom:16px}.faq-list{display:grid;gap:7px}.faq-list details{border:1px solid #dfedf5;background:#fff9;border-radius:7px}.faq-list summary{padding:14px 16px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#38617d}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:14px;height:14px;transition:transform .3s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details[open] summary{color:#058c9c}.faq-list details>p{padding:0 17px 17px;font-size:12px;max-width:90%;line-height:1.65}.final-cta{padding:55px 0;text-align:center;border-bottom:1px solid #144050;overflow:hidden}.final-cta .container{position:relative}.final-cta h2{font-size:32px;position:relative;z-index:2}.final-cta p{font-size:16px;margin:12px 0 22px}.final-cta .container>div{display:flex;gap:15px;justify-content:center;position:relative;z-index:2}.final-cta .container>img{position:absolute;right:8px;top:-8px;animation:starFloat 10s ease-in-out infinite;width:130px;height:130px;opacity:.92;pointer-events:none}.site-footer{background:#021823;padding:49px 0 24px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:46px}.footer-brand .brand>img{width:45px;height:45px}.footer-brand .brand>span{font-size:23px}.footer-brand .brand small{font-size:7px}.footer-brand>p{font-size:12px;max-width:230px;line-height:1.6;margin:18px 0 11px}.domain{font-size:12px;color:#25cdc9;text-decoration:underline;text-underline-offset:3px}.footer-col h4{font-size:13px;font-weight:600;letter-spacing:0;margin:8px 0 16px}.footer-col>a{display:block;font-size:11px;line-height:1.7;color:#a4c1d2;margin:7px 0}.footer-col>a:hover{color:#36e5df}.footer-bottom{border-top:1px solid #1b485b;margin-top:45px;padding-top:21px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#82a8bd}.footer-bottom>small{font-size:9px}.legal-links{display:flex;gap:15px}.legal-links button{font-size:9px;padding:5px 0;color:#91b6c8}.footer-bottom .lang{padding:6px;font-size:8px}.footer-bottom .lang img{width:16px;height:11px}
/* Non-intrusive interactive surfaces */
.spotlight{position:relative;isolation:isolate}.spotlight:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(340px circle at var(--px,50%) var(--py,0%),#1bdccc18,transparent 75%);opacity:0;transition:opacity .4s;z-index:1}.spotlight:hover:before,.spotlight:focus-visible:before{opacity:1}.dark .spotlight:before{background:radial-gradient(320px circle at var(--px,50%) var(--py,0%),#2cf0e025,transparent 75%)}.spotlight>*{position:relative;z-index:2}.reveal{opacity:1;transform:none}.js-ready .reveal.awaiting{opacity:0;transform:translateY(18px)}.js-ready .reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}.detail-dialog{width:min(610px,calc(100% - 32px));border:1px solid #a5d7e2;border-radius:18px;padding:35px;background:#f6fbfd;color:var(--ink);box-shadow:0 20px 100px #00162766;max-height:85vh;overflow:auto}.detail-dialog::backdrop{background:#021725b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:12px}.dialog-eyebrow{font-size:10px;letter-spacing:.2em;color:#078b9d;text-transform:uppercase;margin-bottom:12px}.detail-dialog h2{font-size:25px;margin-bottom:20px}.detail-dialog p{margin:12px 0;font-size:14px}.detail-dialog ul{padding-left:21px;color:#4c728a;font-size:14px;line-height:1.9}.dialog-note{font-size:11px!important;color:#7596a9!important}.detail-dialog form{display:grid;gap:14px;margin-top:20px}.detail-dialog form label{display:grid;gap:6px;font-size:12px;color:#4e7389}.detail-dialog input,.detail-dialog textarea{width:100%;padding:11px;border-radius:7px;border:1px solid #cbdfe9;background:#fff;color:var(--ink);font-size:13px}.detail-dialog textarea{min-height:90px;resize:vertical}.demo-form-status{min-height:20px;font-size:12px;color:#087b87}.dialog-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.dialog-actions .secondary{color:#16768c;background:#edf8fb;border-color:#afdbe4}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:#07334a;color:#eefcfc;border:1px solid #1b8d9a;border-radius:10px;padding:13px 22px;max-width:min(90vw,550px);font-size:13px;box-shadow:0 8px 35px #002b4430;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes monitorEnter{from{opacity:0;transform:translateX(38px) rotateY(-13deg) rotateX(4deg) scale(.97)}to{opacity:1;transform:translateX(0) rotateY(0) rotateX(0) scale(1)}}
@keyframes monitorFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes noticeFloat{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes starFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(7deg)}}
@keyframes ambient{from{opacity:.55;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #12c5b120}50%{opacity:.6;box-shadow:0 0 0 4px #12c5b105}}
@keyframes lineDraw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
@keyframes barFill{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes progressSheen{0%,30%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}
@keyframes gentleGlow{0%,100%{box-shadow:0 0 0 0 #1de0d020}50%{box-shadow:0 0 15px #1de0d030}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after,html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after{animation-play-state:paused!important}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .monitor-entry{animation:none;opacity:1;transform:none}html[data-motion=off] .trend-line{stroke-dashoffset:0;animation:none}html[data-motion=off] .bar-track i,html[data-motion=off] .mini-bars i,html[data-motion=off] .comparison-pair i{animation:none}html[data-motion=off] .reveal{opacity:1!important;transform:none!important;transition:none!important}html[data-motion=off] .monitor-tilt{transform:none;transition:none}
@media(min-width:1750px){:root{--container:1580px}.hero{min-height:705px;padding-top:75px}.hero-grid{min-height:540px}.dashboard{min-height:490px}.dashboard-main{padding:22px 18px}.metric{padding:16px 11px}.metric small{font-size:8px}.hero-description{max-width:550px}.hero h1{font-size:47px}.section{padding-block:76px}}
@media(max-width:1250px){.container{width:calc(100% - 70px)}.header-row{gap:20px}.desktop-nav{gap:22px}.header-actions{gap:10px}.lang{padding:6px;font-size:9px;gap:4px}.brand>span{font-size:25px}.brand>img{width:48px;height:48px}.hero{padding-top:42px;min-height:580px}.hero-grid{grid-template-columns:42% 58%;gap:0;min-height:460px}.hero h1{font-size:31px;letter-spacing:-1.15px}.hero-description{font-size:17px}.hero-buttons{gap:11px}.hero-buttons .button{padding:12px 17px;font-size:12px;gap:10px}.dashboard{min-height:411px}.dashboard-main{padding:15px 11px}.dashboard-heading h3{font-size:17px}.dash-brand{font-size:11px}.dash-nav{font-size:8px;gap:7px;padding:10px 6px}.metric{gap:5px;padding:11px 6px}.metric-icon{padding:4px}.metric-icon .icon{width:16px;height:16px}.metric small{font-size:6px}.metric strong{font-size:24px}.chart-card{padding:10px}.panel-head{font-size:11px}.dash-lower{gap:7px}.department,.campaign{padding:9px}.bar-row{gap:6px;font-size:6px}.campaign b{font-size:7px}.campaign small{font-size:5px}.floating-notice{width:263px;padding:13px 14px;left:-35px}.floating-notice strong{font-size:10px}.floating-notice span:not(.notice-icon){font-size:8px}.hero-star{width:163px;height:163px;right:-35px}.module-card{padding:16px}.card-top{gap:11px}.card-top h3{font-size:13px}.card-top p{font-size:10px}.icon-tile{width:39px;height:39px}.round-arrow{width:24px;height:24px}.split{gap:44px}.section-copy h2,.ai-section .section-copy h2{font-size:27px}.section{padding:55px 0}.analytics-section{padding-top:10px;padding-bottom:24px}.integrations{padding-top:20px;padding-bottom:40px}.deployment-section{padding-block:35px}.sectors{padding-top:33px;padding-bottom:14px}.faq-section{padding-top:30px;padding-bottom:38px}.footer-grid{gap:30px}.footer-bottom{gap:10px}.hero .button.primary{gap:15px}.policy-card,.analytics-card{padding:20px}.comparison-chart{gap:18px}.security-strip{font-size:10px}}
@media(max-width:1050px){.header-actions .login,.header-divider{display:none}.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-actions .languages .lang span{display:none}.header-actions .languages .lang{padding:6px}.hero-grid{grid-template-columns:40% 60%}.hero h1{font-size:27px;letter-spacing:-1px}.hero-description{font-size:16px;max-width:350px}.hero-buttons{flex-wrap:wrap;gap:10px}.hero-buttons .button{min-height:44px;font-size:11px;padding:10px 16px}.hero-deployment{margin-top:26px;gap:19px;font-size:12px}.dashboard{min-height:386px}.dashboard-sidebar{padding-inline:6px}.dash-brand{font-size:10px}.dash-brand img{width:23px;height:23px}.dash-nav{font-size:7px;gap:6px}.dash-nav .icon{width:14px;height:14px}.metrics{gap:6px}.metric-icon{display:none}.metric{padding:10px}.metric small{font-size:7px}.dashboard-heading .period>.icon:first-child{display:none}.panel-head{font-size:10px}.dash-lower{grid-template-columns:1fr}.campaign{display:none}.hero-star{top:-39px}.module-grid{gap:15px}.round-arrow{display:none}.miniature{padding:10px}.card-top{align-items:flex-start}.card-top .icon-tile{width:34px;height:34px}.card-top .icon-tile .icon{width:22px;height:22px}.section-copy>p:not(.eyebrow){font-size:14px}.split{gap:32px}.section-copy h2,.ai-section .section-copy h2{font-size:25px}.check-list,.feature-list{font-size:12px;gap:12px}.composer-selects{gap:7px}.composer-selects>span{display:none}.soc-layout{grid-template-columns:43% 57%}.report-row>b{font-size:8px}.report-row>span{font-size:5px}.integration-grid{gap:9px}.integration{font-size:9px;gap:5px;padding:11px 5px}.integration .icon{width:18px;height:18px}.deployment-card{gap:17px;padding:14px 18px}.deployment-card>img{width:110px;height:110px}.deployment-card h3{font-size:16px}.deployment-card p{font-size:11px}.sector-grid{gap:12px}.sector-card{padding:13px;gap:10px}.sector-card b{font-size:11px}.sector-card small{font-size:8px}.footer-grid{gap:25px}.footer-bottom{flex-wrap:wrap}.footer-bottom>small{flex:1}.footer-bottom .languages{margin-left:auto}.hero{min-height:530px}.hero-grid{min-height:420px}}
@media(max-width:800px){:root{--header-h:72px}.container{width:calc(100% - 40px)}.site-header{height:auto;min-height:72px}.header-row{height:72px;gap:10px}.desktop-nav,.header-actions>.languages{display:none}.site-header .button{font-size:11px;padding:10px 15px;min-height:36px}.brand>span{font-size:23px}.brand>img{width:43px;height:43px}.brand small{font-size:7px}.header-actions{gap:6px}#menu-toggle{display:grid}#mobile-menu:not([hidden]){display:flex;position:absolute;top:72px;inset-inline:0;background:#062739;border-bottom:1px solid #235469;box-shadow:0 15px 30px #001b2940;padding:22px;gap:20px;flex-direction:column}#mobile-menu>a{font-size:14px}#mobile-menu .languages{display:flex;gap:15px}#mobile-menu .lang{padding:8px 10px}.hero{padding:35px 0 0;min-height:0;background-size:auto 100%;background-position:60% bottom}.hero-grid{grid-template-columns:1fr;gap:22px;min-height:0}.hero-copy{padding:0;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px;margin-bottom:18px}.hero h1{font-size:clamp(29px,5.3vw,41px);letter-spacing:-1.2px;white-space:normal}.hero-description{font-size:16px;max-width:520px;margin:16px auto 23px}.hero-buttons{justify-content:center;flex-wrap:nowrap}.hero-buttons .button{font-size:12px;padding:13px 18px;min-height:47px}.hero-deployment{justify-content:center;margin-top:24px}.deployment-hint{font-size:10px}.monitor-stage{width:min(670px,97%);margin:7px auto 0;padding:18px 0 29px}.dashboard{grid-template-columns:21% 79%;min-height:400px}.dashboard-main{padding:17px 13px}.dashboard-heading h3{font-size:18px}.dash-brand{font-size:12px}.dash-nav{font-size:9px}.dash-nav .icon{width:17px;height:17px}.metrics{gap:8px}.metric small{font-size:7px}.metric strong{font-size:26px}.metric-icon{display:grid}.metric{padding:12px 8px;gap:7px}.metric-icon .icon{width:17px;height:17px}.dash-lower{grid-template-columns:1fr 1fr}.campaign{display:block}.department>strong,.campaign>strong{font-size:9px}.bar-row{font-size:6px}.campaign b{font-size:7px}.campaign small{font-size:5px}.dashboard .panel-head{font-size:12px}.hero-star{width:140px;height:140px;top:-13px;right:-14px}.floating-notice{left:0;bottom:2px;width:251px;padding:11px 13px}.hero-controls{margin-top:13px}.section{padding:45px 0}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card{padding:17px}.card-top h3{font-size:13px}.card-top p{font-size:10px}.split{grid-template-columns:1fr;gap:30px}.section-copy>p:not(.eyebrow){max-width:600px}.section-copy h2,.ai-section .section-copy h2{font-size:28px}.section-copy .check-list{font-size:14px}.ai-composer{max-width:620px;width:100%;margin:auto}.composer-selects>span{display:block}.ai-section{background-size:auto 100%}.learning-portal{order:2}.course-art{height:120px}.course>b{font-size:12px}.course>small{font-size:10px}.learning-features>span{font-size:11px}.learning-features .icon{width:25px;height:25px}.feature-list{font-size:14px}.soc-layout{grid-template-columns:46% 54%;min-height:220px}.report-row>b{font-size:11px}.report-row>span{font-size:8px}.soc-detail>strong{font-size:12px}.soc-detail>small{font-size:9px}.soc-tabs>button{font-size:10px}.soc-detail p{font-size:12px}.soc-filters{font-size:10px}.soc-console{width:100%;max-width:620px;margin:auto}.two-cards{grid-template-columns:1fr;gap:18px}.analytics-card,.policy-card{padding:22px}.analytics-card .panel-head{font-size:15px}table{font-size:11px}th{font-size:10px}.policy-chips{font-size:10px}.comparison-chart{height:195px}.comparison-pair{height:155px}.comparison-chart>div>span{font-size:10px}.chart-foot{font-size:10px}.integration-grid{grid-template-columns:repeat(3,1fr);gap:12px}.integration{font-size:12px;padding:14px 8px;gap:9px}.integration .icon{width:23px;height:23px}.integrations h2{font-size:25px}.deployment-grid{grid-template-columns:1fr;gap:16px}.deployment-card>img{width:140px;height:125px}.deployment-card h3{font-size:20px}.deployment-card p{font-size:13px}.deployment-card .text-link{font-size:12px}.security-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:470px;margin:26px auto 0;font-size:11px}.sector-grid{grid-template-columns:repeat(2,1fr);gap:14px}.sector-card{padding:17px}.sector-card b{font-size:13px}.sector-card small{font-size:10px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-section .section-copy p{max-width:none}.faq-list summary{font-size:13px;padding:15px}.final-cta{padding:43px 0}.final-cta h2{font-size:28px;max-width:520px;margin-inline:auto}.final-cta p{font-size:14px;max-width:400px;margin-inline:auto}.final-cta .container>img{right:-5px;top:35px;width:88px;height:88px;opacity:.38;z-index:-1}.footer-grid{grid-template-columns:repeat(4,1fr);gap:20px}.footer-brand{grid-column:1/-1;margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.footer-brand .brand{justify-self:start}.footer-brand p{margin:0;max-width:250px;font-size:12px}.footer-brand .domain{margin-top:12px}.footer-col h4{font-size:12px}.footer-col>a{font-size:10px}.footer-bottom{gap:18px}.footer-bottom>small{flex-basis:100%}.footer-bottom .languages{margin-left:auto}.footer-bottom .lang{padding:5px}.section-heading{gap:18px}.section-heading>.text-link{font-size:11px;white-space:nowrap}.hero-description{color:#c8e1ed!important}}
@media(max-width:480px){.container{width:calc(100% - 30px)}.hero h1{font-size:28px;letter-spacing:-1px}.hero-description{font-size:14px;max-width:350px}.hero-buttons{gap:9px}.hero-buttons .button{font-size:11px;padding:12px 14px;gap:8px}.hero-buttons .secondary .icon{width:20px;height:20px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.18em}.hero-deployment{font-size:12px;gap:23px}.hero-deployment .icon{width:29px;height:29px}.monitor-stage{width:100%;padding-top:13px;padding-bottom:25px}.dashboard-frame{padding:6px;border-radius:14px}.dashboard{border-radius:9px;min-height:286px;grid-template-columns:19% 81%}.dashboard-sidebar{padding:12px 5px}.dash-brand{font-size:6px;margin-bottom:18px;gap:0}.dash-brand img{width:18px;height:18px}.dash-nav{font-size:5px;padding:8px 2px;gap:4px;margin-bottom:6px}.dash-nav .icon{width:11px;height:11px}.dash-nav.active:before{left:-5px}.dash-bottom{font-size:5px;bottom:13px;left:8px;gap:3px}.dash-bottom .icon{width:8px;height:8px}.dashboard-main{padding:12px 8px}.dashboard-heading{margin-bottom:11px}.dashboard-heading h3{font-size:12px}.dashboard-heading small{font-size:6px}.dashboard-heading .period{font-size:6px;padding:5px;gap:3px}.period .icon{width:8px;height:8px}.metrics{gap:5px;margin-bottom:8px}.metric{padding:9px 5px;display:block;border-radius:6px}.metric-icon{display:none}.metric small{font-size:4.5px;margin-bottom:6px}.metric strong{font-size:19px;letter-spacing:-.6px}.positive{font-size:5px;margin-top:6px}.chart-card{padding:8px;border-radius:7px}.dashboard .panel-head{font-size:7px;margin-bottom:7px}.chart-legend{font-size:4px;gap:2px}.chart-legend i{width:3px;height:3px;margin-left:3px}.axis text{font-size:11px}.dash-lower{gap:5px;margin-top:7px;grid-template-columns:1.1fr 1fr}.department,.campaign{padding:7px;border-radius:6px}.department>strong,.campaign>strong{font-size:5.5px;margin-bottom:6px}.bar-row{font-size:4px;margin:6px 0;gap:4px}.bar-row b{width:17px}.bar-track{height:4px}.campaign>div{gap:4px}.campaign>div>.icon{width:15px;height:15px;padding:3px}.campaign b{font-size:4.5px}.campaign small{font-size:3.8px;margin-top:4px}.campaign .pill{font-size:3px;padding:2px;display:none}.live-label{font-size:4px;margin-top:7px;gap:3px}.live-label>i{width:3px;height:3px}.floating-notice{width:194px;padding:9px 10px;border-radius:8px;gap:8px;left:-1px;bottom:0}.notice-icon{padding:5px}.notice-icon .icon{width:18px;height:18px}.notice-icon>i{width:13px;height:13px;font-size:7px}.floating-notice strong{font-size:8px}.floating-notice span:not(.notice-icon){font-size:6px}.hero-star{width:110px;height:110px;top:-13px;right:-5px}.hero-controls{font-size:7px}.motion-control{font-size:8px}.module-grid{grid-template-columns:1fr;gap:14px}.module-card{padding:18px}.card-top h3{font-size:15px}.card-top p{font-size:12px}.card-top .icon-tile{width:44px;height:44px}.card-top .icon-tile .icon{width:26px;height:26px}.round-arrow{display:grid}.miniature{min-height:93px;padding:13px}.mini-mail small{font-size:9px}.mini-mail b{font-size:11px}.mini-training b{font-size:11px}.mini-queue>span,.mini-policies>span{font-size:10px}.mini-coach b{font-size:11px}.mini-coach small{font-size:10px}.section-heading{display:block;margin-bottom:23px}.section-heading>.text-link{margin-top:15px}.section h2{font-size:26px}.section-heading p:not(.eyebrow){font-size:13px}.eyebrow{font-size:9px}.section{padding:38px 0}.check-list,.feature-list{font-size:12px}.ai-section .section-copy h2{font-size:26px}.ai-composer{padding:16px}.composer-top{font-size:13px}.composer-selects{font-size:9px;gap:9px}.composer-selects>span{display:none}.composer-selects select{font-size:9px}.composer-prompt{font-size:9px}.composer-footer>span{font-size:7px}.learning-portal{padding:15px}.course-grid{gap:7px}.course-art{height:80px}.course>b{font-size:8px;margin:9px 6px 5px}.course>small{font-size:7px;margin:0 6px 9px}.course>.bar-track{margin:0 6px}.learning-success{font-size:8px}.learning-features{gap:7px}.learning-features>span{font-size:8px;padding:12px 4px}.journey{gap:10px;font-size:10px}.soc-console{padding:14px}.soc-queue{padding-right:9px}.soc-detail{padding-left:10px}.soc-filters{font-size:7px;gap:5px}.report-row{padding:11px 6px}.report-row>b{font-size:8px}.report-row>span{font-size:5px}.soc-detail>strong{font-size:9px}.soc-detail>small{font-size:7px}.soc-tabs{gap:7px}.soc-tabs>button{font-size:7px}.soc-detail p{font-size:9px;min-height:69px}.soc-detail .button{font-size:8px}.soc-layout{min-height:209px}.analytics-card,.policy-card{padding:18px}.analytics-card>p,.policy-card>p{font-size:11px}.comparison-chart{gap:11px;padding-inline:5px}.comparison-pair{gap:3px}.comparison-pair i{width:14px}.chart-foot{font-size:7px;gap:7px}.chart-foot small{font-size:6px}.policy-chips{font-size:7px;gap:3px}.policy-chips .icon{width:10px;height:10px}.table-scroll{margin-top:15px}table{font-size:8px}th{font-size:7px;padding:7px 4px}td{padding:11px 4px}.integration-grid{grid-template-columns:repeat(2,1fr);gap:10px}.integration{font-size:11px}.integrations p{font-size:12px}.deployment-card{gap:15px;padding:14px 12px}.deployment-card>img{width:90px;height:100px}.deployment-card h3{font-size:16px}.deployment-card p{font-size:11px}.deployment-card .text-link{font-size:10px}.security-strip{gap:16px 11px;font-size:10px}.sector-grid{gap:10px}.sector-card{padding:13px 10px;gap:9px}.sector-card>.icon{width:21px;height:21px}.sector-card b{font-size:10px}.sector-card small{font-size:8px}.faq-list summary{font-size:11px;padding:14px 12px}.faq-list details>p{font-size:11px}.final-cta h2{font-size:25px;max-width:340px}.final-cta p{font-size:12px;max-width:280px}.final-cta .button{font-size:11px;padding:12px 17px;min-height:44px;gap:10px}.final-cta .container>div{gap:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-template-columns:1fr;gap:8px;margin:0}.footer-brand p{max-width:290px}.footer-brand .domain{margin-top:0}.footer-col h4{font-size:13px}.footer-col>a{font-size:11px}.footer-bottom{margin-top:29px;padding-top:18px;gap:16px}.footer-bottom>small{font-size:8px;line-height:1.6}.legal-links{gap:17px}.legal-links button{font-size:9px}.footer-bottom .languages{margin-left:0}.detail-dialog{padding:26px 22px}.detail-dialog h2{font-size:23px}.detail-dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.monitor-entry{opacity:1;transform:none}.trend-line{stroke-dashoffset:0}.reveal{opacity:1!important;transform:none!important}.monitor-tilt{transform:none!important}}
/* V2: approved composition + motion refinement, 2026-10-09.
   The monitor uses its own container units: browser zoom cannot stretch it tall. */
:root{--aqua:#22eef0;--mint:#04c9bf;--muted:#496984;--container:1760px}
.container{width:min(var(--container),90.5%)}
.button.primary{background:linear-gradient(110deg,#05e1e8,#43f6f4);box-shadow:inset 0 1px 0 #b5ffff99,0 0 24px #08e4ee35,0 6px 20px #011d3515}
.button.primary:hover{box-shadow:inset 0 1px 0 #d5ffff,0 0 35px #0af1f078,0 10px 30px #00263222}
.aqua-text{color:#48eff0;text-shadow:0 0 24px #09dfea16}







.hero{padding:34px 0 0;min-height:0;overflow:hidden}
.hero-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:22px;min-height:0}
.hero-copy{padding:0 0 20px;min-width:0}
.hero h1{font-size:clamp(29px,3vw,54px);letter-spacing:-.042em;line-height:1.15}
.hero-description{font-size:clamp(16px,1.4vw,23px);max-width:540px;margin:19px 0 29px;line-height:1.5}
.hero-copy .eyebrow{margin-bottom:24px;font-size:clamp(8px,.72vw,12px)}
.hero-deployment{gap:17px;margin-top:30px;font-size:13px;flex-wrap:wrap}
.hero-deployment a{gap:9px}.hero-deployment .icon{width:29px;height:29px}.hero-deployment>i{height:24px}
.hero-controls{margin-top:0;padding-bottom:9px;gap:22px;justify-content:flex-start;line-height:1.2}
.hero-controls>span:last-child{margin-left:auto}.motion-control{color:#b7dbe7;font-size:9px}.motion-control:hover{color:#47f6f3}
.monitor-stage{container-type:inline-size;perspective:1800px;perspective-origin:50% 45%;padding:18px 0 27px;width:100%;margin:0;min-width:0}
.monitor-entry,.monitor-float{transform-style:preserve-3d;animation:none}
.monitor-entry{transform-origin:70% 55%;opacity:1}
.monitor-entry.is-entering{animation:monitorArrival 2.25s cubic-bezier(.18,.72,.14,1) both}
.monitor-tilt{transform:rotateY(var(--tilt-y,-3.5deg)) rotateX(var(--tilt-x,1.2deg)) rotateZ(1.3deg);transform-style:preserve-3d;transition:transform .7s var(--ease)}
.hero-star{width:23cqw;height:23cqw;top:-4cqw;right:-6cqw;filter:drop-shadow(0 0 25px #24edf55c);animation:starFloat 11s ease-in-out infinite}
.monitor-orbit{border-color:#1de7f329;box-shadow:0 0 45px #1de7f312}
#monitor-stage .dashboard-frame{padding:1.4cqw;border-radius:3cqw;border:1px solid #87c5df;box-shadow:inset 0 0 0 .45cqw #061d2d,0 20px 35px #0005,0 0 38px #18e3eb30;position:relative}
#monitor-stage .dashboard-frame:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;border:1px solid #43eaf77a;box-shadow:0 0 18px #23e5ed45;animation:frameBreathe 5.5s ease-in-out infinite}
#monitor-stage .dashboard{grid-template-columns:21% 79%;height:59.7cqw;min-height:0;border-radius:1.7cqw}
#monitor-stage .dashboard-sidebar{padding:1.8cqw 1cqw;background:linear-gradient(135deg,#073749,#011a29 75%)}
#monitor-stage .dash-brand{font-size:1.9cqw;gap:.25cqw;margin-bottom:3.2cqw;letter-spacing:-.05em}
#monitor-stage .dash-brand img{width:4.3cqw;height:4.3cqw}
#monitor-stage .dash-nav{font-size:1.35cqw;padding:1.5cqw 1.1cqw;gap:1.2cqw;margin-bottom:1cqw;border-radius:.7cqw;line-height:1.5}
#monitor-stage .dash-nav .icon{width:2.25cqw;height:2.25cqw}
#monitor-stage .dash-nav.active:before{left:-1cqw;width:.45cqw;box-shadow:0 0 12px #30eff0}
#monitor-stage .dash-bottom{left:2.1cqw;bottom:2cqw;font-size:.85cqw;gap:.8cqw}
#monitor-stage .dash-bottom .icon{width:1.4cqw;height:1.4cqw}
#monitor-stage .dashboard-main{min-width:0;min-height:0;padding:1.6cqw;display:grid;grid-template-rows:5.6cqw 11.3cqw minmax(0,1fr) 12.4cqw;gap:1cqw}
#monitor-stage .dashboard-heading{margin:0;gap:1cqw;align-items:center}
#monitor-stage .dashboard-heading h3{font-size:2.55cqw;margin-bottom:.45cqw;line-height:1.1}
#monitor-stage .dashboard-heading small{font-size:1cqw;line-height:1.3;display:block}
#monitor-stage .period{font-size:1.05cqw;padding:.8cqw 1cqw;gap:.8cqw;border-radius:.7cqw}
#monitor-stage .period .icon{width:1.45cqw;height:1.45cqw;display:inline-block}
#monitor-stage .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9cqw;margin:0}
#monitor-stage .metric{position:relative;padding:1.45cqw .8cqw;display:flex;gap:.7cqw;border-radius:1.1cqw;overflow:hidden}
#monitor-stage .metric-icon{display:grid;padding:.6cqw;border-radius:.6cqw;background:#e1fbfb}
#monitor-stage .metric-icon .icon{width:2.35cqw;height:2.35cqw}
#monitor-stage .metric small{font-size:.94cqw;margin:.2cqw 0 .7cqw;letter-spacing:-.025em}
#monitor-stage .metric strong{font-size:3.5cqw;line-height:1;letter-spacing:-.04em}
#monitor-stage .positive{font-size:.9cqw;margin-top:.7cqw;position:relative;z-index:1}
.metric-spark{position:absolute;right:.8cqw;bottom:.65cqw;width:6.2cqw;height:2.5cqw;fill:none;stroke:#00c9b6;stroke-width:2;filter:drop-shadow(0 2px 3px #00c9b61f)}
.metric-spark path{stroke-dasharray:90;stroke-dashoffset:0;animation:sparkDraw 5s ease-in-out infinite}
.metric-mini-bars{position:absolute;right:1cqw;bottom:.9cqw;height:2.4cqw;display:flex;gap:.5cqw;align-items:flex-end}
.metric-mini-bars i{width:.55cqw;height:28%;background:#0acbc8;animation:miniMeter 2.8s ease-in-out infinite alternate;transform-origin:bottom}
.metric-mini-bars i:nth-child(2){height:40%;animation-delay:-.9s}.metric-mini-bars i:nth-child(3){height:63%;animation-delay:-1.4s}.metric-mini-bars i:nth-child(4){height:80%;animation-delay:-.6s}.metric-mini-bars i:nth-child(5){height:100%;animation-delay:-1.8s}
#monitor-stage .chart-card{min-height:0;padding:1.2cqw 1.4cqw .7cqw;border-radius:1.2cqw;display:flex;flex-direction:column}
#monitor-stage .panel-head{font-size:1.55cqw;margin-bottom:.6cqw;gap:1cqw;flex:none;line-height:1.25}
#monitor-stage .chart-legend{font-size:.8cqw;gap:.45cqw}
#monitor-stage .chart-legend i{height:.7cqw;width:.7cqw;margin-left:.6cqw}
#monitor-stage .trend-chart{width:100%;height:0;flex:1;min-height:0;overflow:visible}
#monitor-stage .trend-line{animation:none;stroke-dasharray:none;stroke-width:2.6}
#monitor-stage .chart-area{opacity:1}
#monitor-stage .dash-lower{grid-template-columns:1.1fr 1fr;gap:1cqw;margin:0;min-height:0}
#monitor-stage .department,#monitor-stage .campaign{padding:1.2cqw;border-radius:1.1cqw;display:block;min-width:0;overflow:hidden}
#monitor-stage .department>strong,#monitor-stage .campaign>strong{font-size:1.2cqw;margin-bottom:1cqw;white-space:nowrap}
#monitor-stage .bar-row{font-size:.9cqw;gap:.8cqw;margin:.8cqw 0;line-height:1.35}
#monitor-stage .bar-row b{width:3cqw;font-variant-numeric:tabular-nums}
#monitor-stage .bar-track{height:.75cqw}
#monitor-stage .bar-track i{animation:none;transition:width 1.5s var(--ease)}
#monitor-stage .campaign>div{gap:.7cqw}
#monitor-stage .campaign>div>.icon{width:3.3cqw;height:3.3cqw;padding:.5cqw}
#monitor-stage .campaign b{font-size:.97cqw;line-height:1.4}
#monitor-stage .campaign small{font-size:.75cqw;margin-top:.4cqw}
#monitor-stage .campaign .pill{font-size:.65cqw;padding:.4cqw;display:inline-block}
#monitor-stage .live-label{font-size:.85cqw;margin-top:1.25cqw;gap:.6cqw}
#monitor-stage .live-label>i{width:.6cqw;height:.6cqw}
.floating-notice{left:-8cqw;bottom:1.2cqw;width:35cqw;min-height:10cqw;padding:1.8cqw 2cqw;gap:1.6cqw;border-radius:1.4cqw;background:linear-gradient(115deg,#fff,#e7faff);border:1px solid #b3f0f5;box-shadow:0 10px 28px #00192736,0 0 25px #00e6de40;animation:noticeAlive 4.8s ease-in-out infinite}
.floating-notice strong{font-size:1.35cqw;line-height:1.3}
.floating-notice span:not(.notice-icon){font-size:1.1cqw;line-height:1.4;margin-top:.4cqw;color:#365c78}
.notice-icon{padding:1cqw;box-shadow:0 0 15px #22ddea22}.notice-icon .icon{width:3cqw;height:3cqw}
.notice-icon>i{width:2.2cqw;height:2.2cqw;font-size:1.35cqw;right:-.3cqw;top:-.8cqw;line-height:1.25;box-shadow:0 0 11px #00d7b76b}
.floating-notice>.status-dot{width:.9cqw;height:.9cqw;animation:noticeSignal 2.5s ease-in-out infinite}
.floating-notice:after{content:"";position:absolute;inset:-1px;border:1px solid #16e4d977;border-radius:inherit;pointer-events:none;animation:noticeHalo 3.2s ease-out infinite}
.floating-notice.is-new .notice-icon{animation:mailArrive .85s var(--ease)}
/* Premium surface contrast; preserve the approved light and dark section order. */
.module-card{border-color:#cce7f0;background:linear-gradient(130deg,#fff,#fafdff);box-shadow:0 12px 32px #0c516a0a,inset 0 1px 0 #fff}
.module-card:hover{border-color:#41cbd4;box-shadow:0 16px 42px #069bab20,0 0 20px #10dde511}
.spotlight:before{background:radial-gradient(300px circle at var(--px,50%) var(--py,0%),#0fd6da21,transparent 74%)}
.miniature{position:relative;isolation:isolate;background:linear-gradient(115deg,#f5fbff,#fff);border-color:#d9edf5}
.miniature>*:not(.mini-wave){position:relative;z-index:1}
.mini-wave{position:absolute;left:0;bottom:0;width:100%;height:55%;fill:none;stroke:#12cdd8;stroke-width:1.25;opacity:.23;pointer-events:none;z-index:0;overflow:hidden}
.mini-wave path{animation:waveTravel 8s linear infinite}.mini-wave path:nth-child(2){stroke:#2285ec;opacity:.5;animation-duration:11s;animation-direction:reverse}
.module-card:nth-child(2n) .mini-wave path{animation-delay:-3s}
.mini-mail>.icon{animation:envelopeDrift 5s ease-in-out infinite}
.danger-dot{animation:warningBreathe 3.7s ease-in-out infinite}
.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#13cce651,transparent);animation:progressSheen 3.5s ease-in-out infinite}
.mini-bars i{animation:barWave 3.4s ease-in-out var(--delay,0s) infinite alternate;transform-origin:bottom}
.mini-coach>.icon{animation:bellNudge 5s ease-in-out infinite}
.mini-queue>span{border-radius:4px;animation:queueHighlight 6s ease-in-out infinite;padding:2px 3px;margin:-2px -3px}
.mini-queue>span:nth-child(2){animation-delay:2s}.mini-queue>span:nth-child(3){animation-delay:4s}
.mini-policies .icon:last-child{animation:checkBreathe 4s ease-in-out infinite}.mini-policies>span:nth-child(2) .icon:last-child{animation-delay:2s}
.ai-section{padding:62px 0;background-size:100% 120%}

.ai-section .section-copy h2{font-size:clamp(27px,2.15vw,38px);text-shadow:0 0 26px #44e0eb15}
.outline-label{color:#aaffff;border-color:#45eef0;background:#083e4d66;box-shadow:inset 0 0 9px #2aeeee28,0 0 15px #28e9ef4d;text-shadow:0 0 8px #22e3ef80;animation:labelBreathe 6s ease-in-out infinite}
.check-list .icon{background:radial-gradient(circle at 30% 25%,#b6ffff,#27e4e4 52%,#04aac7);color:#fff;stroke-width:2.5;border:1px solid #c7ffff99;box-shadow:0 0 8px #51ffff94,0 0 22px #13dfe845}
.check-list li{color:#eafbff}.ai-assurance{color:#81eff1!important}
.ai-composer{border-color:#a2e3ed;box-shadow:0 18px 45px #00121c66,0 0 0 7px #3fa3bd1c,0 0 36px #24e4ed3b;background:linear-gradient(135deg,#fff,#f8fdff);position:relative}
.composer-top>.icon{filter:drop-shadow(0 0 6px #18d8e457);color:#009db7}
.composer-prompt{background:linear-gradient(95deg,#f0fcff,#fbffff);border-color:#9bdeea}
.composer-prompt button{background:linear-gradient(135deg,#0be0d9,#0088c7);box-shadow:0 0 12px #11cdda33}
.email-draft{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#fbfeff);border-color:#d0eaf4;min-height:182px}
.email-draft>p{color:#345c79!important;min-height:55px;line-height:1.65}
.email-draft .typing-caret:after{content:"";display:inline-block;width:2px;height:1em;vertical-align:-.15em;background:#00a9c8;margin-left:3px;animation:caretBreathe 1.15s ease-in-out infinite}
.ai-flow-status{font-size:9px;color:#188b9e;margin-top:9px;min-height:15px}
.ai-process{height:18px;display:flex;gap:4px;align-items:center;position:relative;margin-top:5px}
.ai-process>span{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,#1ed7d667,transparent)}
.ai-process>i{display:block;width:3px;height:5px;border-radius:2px;background:#06bcc4;animation:aiWave 1.8s ease-in-out infinite alternate}
.ai-process>i:nth-of-type(2n){height:11px;animation-delay:-.45s}.ai-process>i:nth-of-type(3n){height:16px;animation-delay:-1.15s}
.ai-process>i:nth-of-type(5n){animation-delay:-.8s}
.ai-composer.working .email-draft{animation:gentleGlow 2.4s ease-in-out infinite}
.ai-composer.working #ai-generate .icon{animation:aiStarTurn 4s ease-in-out infinite}
/* The learning detail in the third screenshot: darker text, luminous icon tiles. */
#learning .section-copy{position:relative;isolation:isolate}
#learning .section-copy:before{content:"";position:absolute;inset:0 -4% -9%;z-index:-1;background:radial-gradient(ellipse at 65% 58%,#08cdd91a,transparent 65%);pointer-events:none}
#learning .section-copy>p:not(.eyebrow){color:#41617d}
.learning-features{gap:12px;margin-top:24px}
.learning-features>span{position:relative;overflow:hidden;min-height:94px;background:linear-gradient(145deg,#fff,#eafaff);border:1px solid #b5dfe9;border-top-color:#d9f9fb;box-shadow:0 8px 21px #1a90ae10,inset 0 1px 0 #fff;color:#164f6a;font-size:11px;font-weight:500;padding:16px 7px;gap:13px;transition:transform .35s,box-shadow .35s,border-color .35s}
.learning-features>span:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#27d9e521 50%,transparent 70%);transform:translateX(-110%);animation:tileSweep 7s ease-in-out infinite}
.learning-features>span:nth-child(2):after{animation-delay:1.3s}.learning-features>span:nth-child(3):after{animation-delay:2.6s}.learning-features>span:nth-child(4):after{animation-delay:3.9s}
.learning-features .icon{color:#009abe;width:27px;height:27px;filter:drop-shadow(0 0 5px #12b9e04d)}
.learning-features>span:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0caabe24;border-color:#40bdcf}
.journey{color:#245573;font-weight:500;gap:15px}.journey .icon{color:#00b7c8;filter:drop-shadow(0 0 4px #13bfcd55);animation:journeyFlow 3s ease-in-out infinite}.journey .icon:nth-of-type(2){animation-delay:1.1s}
.learning-portal{box-shadow:0 14px 35px #0f607112,0 0 0 5px #fff7;border-color:#c5e5ee}
.course-art:after{animation:courseLight 6s ease-in-out infinite alternate}.course:nth-child(2) .course-art:after{animation-delay:-2s}.course:nth-child(3) .course-art:after{animation-delay:-4s}
.course-art>.icon{box-shadow:0 0 0 6px #1dcbdc13;animation:playBreathe 4.8s ease-in-out infinite}
.learning-success{color:#057d7c;border:1px solid #b6eee5;background:linear-gradient(100deg,#defff7,#eafbff)}
/* Three deployment models are peers; hybrid reuses the approved glass assets. */
.deployment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.deployment-card{padding:24px 20px;gap:8px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:linear-gradient(125deg,#0a415899,#042a40);border:1px solid #22617a;border-radius:14px;box-shadow:inset 0 1px 0 #39819433}
.deployment-card>img{width:146px;height:115px;align-self:center;filter:drop-shadow(0 0 20px #17d1f544)}
.deployment-card>span:not(.hybrid-art){display:flex;flex-direction:column;flex:1;width:100%}
.deployment-card h3{font-size:21px;letter-spacing:-.025em}.deployment-card p{font-size:13px;max-width:none;margin:12px 0 20px;color:#bfdeec}.deployment-card .text-link{margin-top:auto;font-size:12px;line-height:1.4}
.hybrid-art{position:relative;display:block;width:170px;height:115px;align-self:center;flex:none}
.hybrid-art img{position:absolute;filter:drop-shadow(0 0 15px #1adbea40)}
.hybrid-cloud{width:124px;height:108px;left:0;top:-10px}.hybrid-server{width:88px;height:98px;right:0;bottom:-7px}
.hybrid-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#4bebf2;stroke-width:1.2;stroke-dasharray:4 12;opacity:.75;animation:hybridLink 12s linear infinite}
.deployment-card:hover{border-color:#45dde8;box-shadow:0 0 28px #14c6dd1c,inset 0 1px 0 #6effff33}
@keyframes monitorArrival{0%{opacity:0;transform:translate3d(65px,12px,-110px) rotateY(-34deg) rotateX(5deg)}18%{opacity:1}74%{transform:translate3d(-3px,-2px,0) rotateY(1.2deg) rotateX(0)}100%{opacity:1;transform:translate3d(0,0,0) rotateY(0) rotateX(0)}}
@keyframes noticeAlive{0%,100%{transform:translate3d(0,0,0) rotate(3deg);box-shadow:0 10px 28px #00192736,0 0 20px #00e6de35}45%{transform:translate3d(4px,-12px,0) rotate(1.5deg);box-shadow:0 17px 34px #00192745,0 0 32px #00e6de6b}}
@keyframes noticeSignal{0%,100%{opacity:1;box-shadow:0 0 0 0 #02ddae42,0 0 8px #03dcaf}55%{opacity:.55;box-shadow:0 0 0 7px #02ddae05,0 0 13px #03dcaf55}}
@keyframes noticeHalo{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.045,1.15)}}
@keyframes mailArrive{0%{transform:translateX(-10px) scale(.85)}60%{transform:translateX(2px) scale(1.08)}100%{transform:none}}
@keyframes mountainBreathe{0%,100%{opacity:.1}50%{opacity:.36}}
@keyframes mountainSweep{0%{opacity:.25;transform:translateX(-4%) rotate(-3deg)}100%{opacity:.85;transform:translateX(4%) rotate(4deg)}}
@keyframes frameBreathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes sparkDraw{0%,15%{stroke-dashoffset:90;opacity:.45}60%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes miniMeter{from{transform:scaleY(.5)}to{transform:scaleY(1)}}
@keyframes waveTravel{to{transform:translateX(-220px)}}
@keyframes envelopeDrift{0%,45%,100%{transform:translateY(0)}60%,75%{transform:translateY(-4px) rotate(-4deg)}}
@keyframes warningBreathe{0%,100%{box-shadow:0 0 0 0 #ff577826}50%{box-shadow:0 0 0 5px #ff577805}}
@keyframes barWave{0%{transform:scaleY(.68)}55%{transform:scaleY(1)}100%{transform:scaleY(.86)}}
@keyframes bellNudge{0%,65%,100%{transform:rotate(0)}72%{transform:rotate(-12deg)}78%{transform:rotate(10deg)}84%{transform:rotate(-5deg)}}
@keyframes queueHighlight{0%,22%,100%{background:transparent;transform:none}35%,50%{background:#0bc6d712;transform:translateX(3px)}}
@keyframes checkBreathe{0%,100%{box-shadow:0 0 0 0 #04b8a02b}50%{box-shadow:0 0 0 4px #04b8a005}}
@keyframes labelBreathe{0%,100%{box-shadow:inset 0 0 9px #2aeeee28,0 0 15px #28e9ef30}50%{box-shadow:inset 0 0 12px #2aeeee40,0 0 22px #28e9ef66}}
@keyframes aiWave{from{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes caretBreathe{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes aiStarTurn{0%,100%{transform:rotate(0)}50%{transform:rotate(90deg)}}
@keyframes tileSweep{0%,18%{transform:translateX(-110%)}52%,100%{transform:translateX(110%)}}
@keyframes journeyFlow{0%,100%{transform:translateX(0);opacity:.5}50%{transform:translateX(5px);opacity:1}}
@keyframes courseLight{from{opacity:.6;transform:translateX(-5%)}to{opacity:1;transform:translateX(8%)}}
@keyframes playBreathe{0%,100%{box-shadow:0 0 0 5px #1dcbdc13}50%{box-shadow:0 0 0 10px #1dcbdc05}}
@keyframes hybridLink{to{stroke-dashoffset:-160}}
/* No offscreen work, no motion when the user requests a still page. */
[data-flow-visible=false] *,[data-flow-visible=false] *:before,[data-flow-visible=false] *:after,[data-flow-visible=false]:after{animation-play-state:paused!important}
html[data-motion=off] .monitor-entry{animation:none!important;transform:none!important;opacity:1}
html[data-motion=off] .monitor-tilt{transform:rotateY(-3.5deg) rotateX(1.2deg) rotateZ(1.3deg);transition:none}
html[data-motion=off] .metric-spark path{stroke-dashoffset:0;animation:none}
html[data-motion=off] .bar-track i{transition:none}
@media(min-width:1750px){.hero{padding-top:43px}.hero-description{max-width:620px}.hero-buttons .button{min-height:55px;font-size:16px;padding-inline:29px}.hero-deployment{font-size:15px;margin-top:34px;gap:22px}.hero-deployment .icon{width:34px;height:34px}.hero-copy .eyebrow{font-size:11px}.deployment-hint{font-size:13px}.hero-copy{padding-bottom:28px}}
@media(min-width:801px) and (max-width:1250px){.hero{padding-top:28px}.hero-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:14px}.hero h1{font-size:2.9vw}.hero-copy .eyebrow{font-size:8px;margin-bottom:17px}.hero-description{font-size:15px;margin:17px 0 22px}.hero-buttons{gap:10px;flex-wrap:nowrap}.hero-buttons .button{padding:12px;font-size:11px;gap:8px}.hero-deployment{gap:10px;font-size:10px;margin-top:23px}.hero-deployment a{gap:6px}.hero-deployment .icon{width:23px;height:23px}.deployment-hint{font-size:10px}.deployment-card h3{font-size:18px}.deployment-card p{font-size:12px}.deployment-card{padding:20px 16px}.learning-features>span{font-size:9px;min-height:90px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.hero{padding-top:32px;background-size:auto 135%;background-position:58% bottom}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{padding:0}.hero h1{font-size:clamp(28px,5.3vw,42px);white-space:normal}.hero-description{font-size:16px;margin:16px auto 23px;max-width:520px}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px}.hero-deployment{font-size:12px;gap:18px;justify-content:center;margin-top:24px}.hero-deployment .icon{width:25px;height:25px}.monitor-stage{width:min(100%,660px);margin:6px auto 0;padding:10px 0 27px}.floating-notice{left:1cqw;bottom:1cqw;width:40cqw}.floating-notice strong{font-size:1.55cqw}.floating-notice span:not(.notice-icon){font-size:1.25cqw}.hero-star{right:-2cqw;top:-5cqw}.hero-controls{gap:15px;font-size:8px}.motion-control{font-size:8px}.ai-section{background-size:auto 115%}.ai-composer{box-shadow:0 15px 32px #00121c45,0 0 0 5px #3fa3bd1c,0 0 24px #24e4ed26}.deployment-grid{grid-template-columns:1fr}.deployment-card{flex-direction:row;align-items:center;padding:20px;gap:22px}.deployment-card>img,.hybrid-art{width:130px;height:120px;flex:none}.deployment-card h3{font-size:21px}.deployment-card p{font-size:13px}.learning-features>span{font-size:11px}.hybrid-cloud{width:104px;height:100px}.hybrid-server{width:75px;height:90px}.section-copy h2,.ai-section .section-copy h2{font-size:29px}}
@media(max-width:480px){.container{width:calc(100% - 30px)}.hero h1{font-size:28px}.hero-description{font-size:14px}.hero-copy .eyebrow{font-size:7px}.hero-deployment{font-size:10px;gap:10px}.hero-deployment a{gap:6px}.hero-deployment .icon{width:23px;height:23px}.hero-deployment>i{height:19px}.hero-buttons .button{font-size:11px;padding:12px 14px}.hero-controls{font-size:6px;gap:10px}.motion-control{font-size:7px;gap:4px}.motion-control .icon{width:11px;height:11px}.section-copy h2,.ai-section .section-copy h2{font-size:26px}.learning-features{gap:7px}.learning-features>span{font-size:8px;padding:13px 4px;min-height:84px}.learning-features .icon{width:25px;height:25px}.journey{font-size:10px;gap:10px}.deployment-card{padding:17px 12px;gap:12px}.deployment-card>img,.hybrid-art{width:96px;height:105px}.deployment-card h3{font-size:17px}.deployment-card p{font-size:11px;margin:9px 0 14px}.deployment-card .text-link{font-size:10px}.hybrid-cloud{width:83px;height:90px}.hybrid-server{width:60px;height:80px}.ai-flow-status{font-size:8px}.email-draft>p{min-height:76px}}
@media(prefers-reduced-motion:reduce){.monitor-entry{animation:none!important;transform:none!important;opacity:1}.monitor-tilt{transform:rotateZ(1deg)!important}.metric-spark path{stroke-dashoffset:0}.floating-notice{transform:rotate(3deg)}}
/* V3 — real terrain image planes and organic light mist.
   Never move large data URLs into custom properties when packaging offline. */
.terrain{position:relative;isolation:isolate;background-color:#031b2d;background-image:none;overflow:hidden}
.terrain-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

.terrain>.container{position:relative;z-index:2}
.hero>.ambient-light{z-index:1;opacity:.6}
.mountain-rim-light{position:absolute;inset:12% -7% -8%;background:radial-gradient(ellipse at 76% 74%,#0ef0ff40,transparent 35%),radial-gradient(ellipse at 18% 91%,#03bcd52b,transparent 30%);mix-blend-mode:screen;animation:ridgeLight 8.5s ease-in-out infinite}
.terrain-smoke{position:absolute;left:-4%;bottom:0;width:108%;height:100%;max-width:none;overflow:visible;mix-blend-mode:screen;opacity:.94;pointer-events:none}
.mist-drift{transform-box:fill-box;transform-origin:50% 80%;will-change:transform,opacity}
.mist-drift-back{animation:mistRise 14s ease-in-out infinite alternate;opacity:.82}
.mist-drift-front{animation:mistValley 19s ease-in-out -6s infinite alternate;opacity:.78}
.mist-filaments{stroke-width:1.3;opacity:.16;filter:blur(3px);animation:filamentFlow 11s ease-in-out infinite alternate}

.ai-section .terrain-smoke{height:94%;opacity:.7}
.ai-section .mist-drift-back{animation-delay:-5s}

.final-cta .terrain-smoke{height:115%;opacity:.65}
.final-cta .mist-drift-back{animation-delay:-8s}
.enterprise-proof{margin-top:30px;padding:24px 25px 25px;border:1px solid #cee7ef;border-radius:14px;background:linear-gradient(110deg,#fff9,#eaf9fc);box-shadow:inset 0 1px 0 #fff}
.proof-heading{display:flex;align-items:center;gap:10px;margin-bottom:21px;color:#123b53}
.proof-heading>.icon{width:21px;height:21px;color:#009caf;filter:drop-shadow(0 0 7px #10c4da21)}
.proof-heading h3{font-size:16px;letter-spacing:-.02em}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.proof-item{display:flex;align-items:flex-start;gap:11px;min-width:0}
.proof-item>.icon{width:23px;height:23px;color:#0aa4b3;flex:none;margin-top:2px}
.proof-item strong{display:block;font-size:13px;font-weight:600;color:#133f58;line-height:1.4}
.proof-item p{font-size:11px;line-height:1.65;color:#4a6b82;margin-top:6px;max-width:245px}
.module-card:nth-child(-n+3) .card-top h3{font-size:17px;letter-spacing:-.02em}
.airgap-tag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;color:#6fecf2;background:#06d5dc0b;border:1px solid #2c899b73;border-radius:5px;padding:4px 7px;margin-top:10px;font-size:9px;line-height:1.3}
.airgap-tag .icon{width:11px;height:11px}
.hero-description{max-width:550px;font-size:clamp(15px,1.32vw,22px);line-height:1.5}
html[lang=ru] .hero h1{font-size:clamp(27px,2.65vw,48px)}
@keyframes mistRise{0%{transform:translate(-20px,17px) scale(.96);opacity:.62}45%{opacity:.96}100%{transform:translate(32px,-15px) scale(1.045);opacity:.78}}
@keyframes mistValley{0%{transform:translate(-38px,8px) scale(1.03);opacity:.55}55%{opacity:.92}100%{transform:translate(44px,-9px) scale(1.09);opacity:.68}}
@keyframes ridgeLight{0%,100%{opacity:.35;transform:translateX(-1%)}50%{opacity:.92;transform:translateX(1.8%)}}
@keyframes filamentFlow{0%{opacity:.06;transform:translate(-10px,6px)}100%{opacity:.23;transform:translate(15px,-8px)}}
@media(min-width:1750px){.hero-description{max-width:625px}.proof-item p{font-size:12px}.proof-item strong{font-size:14px}.proof-heading h3{font-size:18px}}
@media(max-width:1100px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.proof-item p{max-width:none}.module-card:nth-child(-n+3) .card-top h3{font-size:15px}}
@media(max-width:800px){.hero .terrain-smoke{left:-30%;width:160%;height:78%}.hero-description{font-size:16px;max-width:540px}.enterprise-proof{padding:21px 19px;margin-top:23px}.ai-section .terrain-smoke{width:145%;left:-25%;height:70%;opacity:.66}.proof-item strong{font-size:13px}.proof-item p{font-size:11px}html[lang=ru] .hero h1{font-size:clamp(27px,4.6vw,39px)}}
@media(max-width:480px){.hero-description{font-size:14px}.hero .terrain-smoke{height:75%;width:190%;left:-55%}.proof-grid{grid-template-columns:1fr;gap:18px}.proof-heading{align-items:flex-start;margin-bottom:20px}.proof-heading h3{font-size:16px;line-height:1.35}.proof-item p{font-size:12px;margin-top:4px}.proof-item strong{font-size:13px}.enterprise-proof{padding:20px 18px}.airgap-tag{font-size:8px;padding:4px 5px;margin-top:7px}.airgap-tag .icon{width:10px;height:10px}.deployment-card p{line-height:1.5}html[lang=ru] .hero h1{font-size:26px}}
html[data-motion=off] .mist-drift,html[data-page-hidden=true] .mist-drift{will-change:auto}
@media(prefers-reduced-motion:reduce){.mist-drift{will-change:auto;animation:none!important;transform:none;opacity:.72}.mountain-rim-light{animation:none!important;opacity:.6}.mist-filaments{animation:none!important;opacity:.12}}


/* V4 — reference-led assets. Each native image is cropped to one atlas row.
   The mountain plane stays visible with JavaScript and SVG filters disabled. */
.terrain-window{position:absolute;inset:0;overflow:hidden;z-index:0}
.terrain .terrain-art .terrain-mountains{position:absolute;left:0;top:0;bottom:auto;width:100%;height:300%;max-width:none;object-fit:fill;opacity:1;display:block}
.terrain-art[data-scene="ai"] .terrain-window .terrain-mountains{top:-100%}
.terrain-art[data-scene="cta"] .terrain-window .terrain-mountains{top:-200%}
.terrain-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#031b2d66,transparent 22%,transparent 90%,#031b2d33);pointer-events:none}
.hero .terrain-window{top:0}
.hero .terrain-art:after{background:linear-gradient(90deg,#01182a42,transparent 56%),linear-gradient(180deg,#031b2d4d,transparent 20%)}
.terrain-smoke{z-index:1;opacity:.88}
.mountain-rim-light{z-index:1;background:radial-gradient(ellipse at 76% 65%,#0ef0ff5c,transparent 35%),radial-gradient(ellipse at 18% 87%,#03bcd540,transparent 34%)}
.ai-section .terrain-window{left:-7%;width:112%}
.ai-section .terrain-smoke{height:100%;opacity:.8}
.final-cta .terrain-smoke{opacity:.86}
.final-cta .mountain-rim-light{background:radial-gradient(ellipse at 8% 43%,#13eaff70,transparent 37%),radial-gradient(ellipse at 83% 69%,#0ddbef52,transparent 31%)}
/* Photos, rather than abstract placeholders, in every course thumbnail. */
.course-art{background:#0a2f46}
.course-art:before{display:none}
.course-art:after{z-index:1;background:linear-gradient(180deg,#031b2d00 30%,#031b2d42),linear-gradient(110deg,transparent 15%,#5bdffa21 49%,transparent 78%);pointer-events:none}
.course-photo{position:absolute;left:0;top:0;width:100%;height:300%;max-width:none;object-fit:fill;display:block;z-index:0}
.course-art[data-photo="1"] .course-photo{top:-100%}
.course-art[data-photo="2"] .course-photo{top:-200%}
.course-art>.icon{z-index:2;position:relative;background:linear-gradient(135deg,#55fff7,#02cfda);border:1px solid #b5fff5;box-shadow:0 0 0 5px #02d9e522,0 0 18px #00dff75e;color:#033046}
.course-grid .course-art{height:auto;aspect-ratio:16/9}
.mini-training .course-art{width:62px;height:44px}
.course{border-color:#c3e3ee;transition:transform .35s,box-shadow .35s}
.course:hover{transform:translateY(-3px);box-shadow:0 7px 20px #097d9f20}
/* Two-tone vector icons remain sharp at every scale. */
.icon-tile{position:relative;border:1px solid #aee9ef;border-top-color:#d8ffff;background:linear-gradient(145deg,#f3ffff 4%,#c9f8fa 50%,#e2f8ff);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 7px #039bbc0d,0 4px 12px #109bbc0d}
.icon-tile:before{content:"";position:absolute;inset:4px;border-radius:6px;border:1px solid #ffffffad;pointer-events:none}
.icon-tile .icon{color:#057fba;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 5px #00c4e542)}
.learning-features .icon{width:32px;height:32px;color:#028cbb;filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 0 6px #24d7e33b)}
.learning-features>span{background:linear-gradient(155deg,#fff 20%,#edfcff 65%,#dff7fc);border-color:#c0e8f2;box-shadow:0 5px 17px #0c85a60b,inset 0 1px 0 white}
.feature-list>.icon,.feature-list li>.icon,.proof-item>.icon{filter:drop-shadow(0 0 6px #10c4df24)}
/* The reference's star and small floating checklist complete the AI scene. */
.ai-scene{position:relative;min-width:0;isolation:isolate}
.ai-scene-star{position:absolute;width:clamp(110px,13vw,220px);height:auto;right:-6.5%;top:-20%;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 16px #0deaff70);animation:aiCrystalBreathe 9s ease-in-out infinite}
.ai-scene-orbit{position:absolute;inset:-8% -5% -3%;border:1px solid #27d7ee40;border-radius:18px 44% 27px 13%;z-index:-1;pointer-events:none;box-shadow:0 0 30px #20d5e71c;animation:aiOrbitBreathe 8s ease-in-out infinite}
.ai-composer{overflow:visible;isolation:isolate}
.ai-composer:before{border-radius:inherit}
.ai-validation{position:absolute;right:-3.5%;top:53%;width:37%;padding:13px 11px;border:1px solid #c5f6ef;border-radius:9px;background:linear-gradient(125deg,#fffffffa,#f4fffeF5);box-shadow:0 9px 30px #05344a22,0 0 20px #2edfc81c;z-index:5;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .6s}
.ai-composer[data-phase="ready"] .ai-validation{opacity:1;transform:translateY(0)}
.ai-validation>span{display:flex;align-items:center;gap:7px;color:#245773;font-size:clamp(7px,.65vw,11px);line-height:1.45;margin-top:8px}
.ai-validation>span:first-child{margin-top:0}
.ai-validation .icon{width:14px;height:14px;flex:none;padding:2px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#29e4cc,#03bda3);box-shadow:0 0 0 3px #1dcdbb0c;animation:validationGlow 4.5s ease-in-out infinite}
.ai-validation>span:nth-child(2) .icon{animation-delay:1.2s}.ai-validation>span:nth-child(3) .icon{animation-delay:2.4s}
@media(min-width:801px){.ai-composer .email-draft{padding-right:35%}}
.deployment-card>img{width:150px;height:128px;object-fit:contain;filter:drop-shadow(0 0 17px #18d8f552);transition:filter .4s,transform .5s}
.deployment-card:hover>img{transform:translateY(-4px);filter:drop-shadow(0 0 22px #18d8f57a)}
.hybrid-art img{object-fit:contain}
@keyframes aiCrystalBreathe{0%,100%{transform:translate(0,0) rotate(-3deg);filter:drop-shadow(0 0 12px #0deaff55)}50%{transform:translate(3px,-5px) rotate(2deg);filter:drop-shadow(0 0 21px #0deaff8c)}}
@keyframes aiOrbitBreathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes validationGlow{0%,100%{box-shadow:0 0 0 3px #1dcdbb0c}50%{box-shadow:0 0 0 5px #1dcdbb15,0 0 8px #0cc7ad33}}
@media(max-width:1100px){.ai-validation{padding:10px 8px;width:39%}.ai-validation>span{font-size:7px;gap:5px}.ai-validation .icon{width:12px;height:12px}.learning-features .icon{width:29px;height:29px}}
@media(max-width:800px){.hero .terrain-window{top:28%;left:-43%;width:178%}.hero .terrain-art:after{background:linear-gradient(180deg,#031b2d 13%,#031b2d20 49%,transparent 65%)}.ai-section .terrain-window{top:22%;left:-38%;width:173%}.ai-scene{margin-top:12px}.ai-scene-star{width:145px;right:-4%;top:-15%}.ai-validation{position:relative;top:auto;right:auto;width:100%;margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px;opacity:1;transform:none}.ai-validation>span{margin:0;font-size:9px}.ai-composer:not([data-phase="ready"]) .ai-validation{visibility:hidden}.deployment-card>img{width:130px;height:126px;flex:none}}
@media(max-width:480px){.hero .terrain-window{top:33%;left:-67%;width:210%}.ai-section .terrain-window{left:-62%;width:208%}.final-cta .terrain-window{left:-38%;width:172%}.ai-scene-star{width:114px;top:-12%}.learning-features .icon{width:28px;height:28px}.ai-validation>span{font-size:8px}.deployment-card>img{width:100px;height:113px}.mini-training .course-art{width:52px;height:42px}}
html[data-motion="off"] .ai-scene-star,html[data-motion="off"] .ai-scene-orbit,html[data-motion="off"] .ai-validation .icon{animation:none!important}
@media(prefers-reduced-motion:reduce){.ai-scene-star,.ai-scene-orbit,.ai-validation .icon{animation:none!important}.ai-validation{transition:none}.course{transition:none}}

/* Attention pulse on the "Demo istə" CTAs — glow breathes on/off. Respects the
   motion toggle and reduced-motion. */
@keyframes demoPulse{
  0%,100%{box-shadow:inset 0 1px 0 #b5ffff99,0 0 18px #0adfe840,0 6px 20px #011d3518}
  50%{box-shadow:inset 0 1px 0 #d8ffffcc,0 0 11px #38f3ec,0 0 34px #19ece699,0 6px 22px #011d3522}
}
.button.primary[data-action="demo"]{animation:demoPulse 2.2s ease-in-out infinite;will-change:box-shadow}
html[data-motion="off"] .button.primary[data-action="demo"]{animation:none}
@media(prefers-reduced-motion:reduce){.button.primary[data-action="demo"]{animation:none}}