/* V2: approved composition, dimensional artwork and luminous depth. */
:root{--navy:#042534;--navy-deep:#021f2e;--ink:#092e43;--muted:#4e6a82;--paper:#f5fbff;--teal:#00e7d5;--cyan:#65fff2}
.wrap{width:min(1270px,calc(100% - 116px))}.header{background:linear-gradient(110deg,#032433,#082e40);border-bottom-color:#124151}.header-inner{height:84px;gap:47px}.brand{font-size:28px;gap:5px;letter-spacing:-.045em}.brand small{font-size:9px;margin-top:0}.star-mark{width:51px;height:51px;display:block;font-size:0;text-shadow:none}.star-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand .star-mark{filter:drop-shadow(0 0 9px #02f0e036)}.desktop-nav{gap:31px}.desktop-nav a{font-size:14px}.desktop-nav a:before{content:'';position:absolute;right:-12px;top:21px;width:4px;height:4px;border-right:1px solid #b2d5e0;border-bottom:1px solid #b2d5e0;transform:rotate(45deg)}.header-actions{gap:18px}.header .button{border-radius:6px;padding:12px 23px}.header .motion-control{width:24px;height:24px;font-size:12px;opacity:.75}.button.primary{background:linear-gradient(105deg,#00dcd2,#42f5df);box-shadow:0 0 17px #00e2d33a,0 6px 21px #00c8c321}.button.primary:hover{box-shadow:0 0 30px #00e4d474,inset 0 0 12px #b6fff753;background:#48ffe9}.button.outline{border-color:#75d9df;box-shadow:inset 0 0 14px #00d9d00e}.hero{background:radial-gradient(ellipse at 75% 48%,#07495c 0,#043042 34%,transparent 68%),linear-gradient(130deg,#021e2d,#032332 50%,#03404e);overflow:hidden}.hero-grid{min-height:590px;grid-template-columns:40% 60%;align-items:center}.hero-copy{padding:0 0 27px;z-index:6}.hero h1{font-size:clamp(29px,2.52vw,37px);line-height:1.13;letter-spacing:-.045em;max-width:520px}.hero h1 em{color:#34e7e0}.hero-copy>p{font-size:20px;line-height:1.5;margin:20px 0 28px}.eyebrow-pill{font-size:12px;padding:6px 15px;margin-bottom:22px;border-color:#25cbbb;background:#00253266}.hero .button{min-height:49px;padding:13px 22px;font-size:14px}.hero .button.primary{min-width:193px}.hero .button.outline{min-width:202px}.play-icon{width:24px;height:24px}.deployment-mini{margin-top:37px;gap:29px}.deployment-mini a{font-size:15px;gap:13px}.deployment-mini small{font-size:12px;line-height:1.35;max-width:180px}.deployment-mini svg{width:37px;height:37px}.hero-visual{height:565px;width:100%;perspective:1700px;transform:translateY(-1px);isolation:isolate}.hero-glow{background:radial-gradient(ellipse at 80% 82%,#02ebe434,transparent 42%),radial-gradient(ellipse at 69% 38%,#0adcb018,transparent 40%);animation-duration:10s}.big-star{left:-10%;top:6%;width:216px;height:250px;z-index:1;filter:drop-shadow(0 0 15px #00eade58);display:flex;align-items:center;justify-content:center}.big-star span{width:100%;height:100%;font-size:0;background:none;animation:crystalTurn 44s linear infinite}.big-star img{display:block;width:100%;height:100%;object-fit:contain}.stage-floor{position:absolute;z-index:0;left:0;right:-15%;bottom:11px;height:61px;background:radial-gradient(ellipse at center,#46fced80,#06b9c137 40%,transparent 72%);filter:blur(11px);transform:rotate(-2deg);animation:floorLight 9s ease-in-out infinite}.monitor{top:57px;left:7%;width:93%;height:465px;padding:14px 13px 13px 12px;border-radius:22px;background:linear-gradient(130deg,#19566a,#0a283a 35%,#062234);border:1px solid #1d8d9e;box-shadow:inset 0 0 0 2px #93eafa44,inset -7px -2px 10px #030e26,0 0 0 1px #47daeb77,0 16px 0 -11px #021523,0 28px 38px #0007,0 0 43px #0ae0ed21;transform:rotateY(-11deg) rotateX(2deg) rotateZ(-1deg);transform-origin:center;animation:deviceFloatV2 10s ease-in-out infinite}.monitor-top{display:none}.monitor-body{height:100%;border-radius:10px;background:#f0f7fd;box-shadow:0 0 0 1px #e5ffff6b}.mini-sidebar{background:linear-gradient(160deg,#063b47,#072c3b 50%,#082438);width:122px;padding:18px 9px;gap:19px;font-size:11px}.mini-sidebar b{font-size:13px;display:flex;align-items:center;gap:4px;white-space:nowrap;margin-bottom:0}.mini-sidebar>span{display:flex;align-items:center;gap:9px;padding:1px 3px}.mini-sidebar>span i{width:15px;height:15px;color:#d9f7ff;display:block;font-style:normal}.mini-sidebar svg{width:14px;height:14px}.mini-sidebar .selected{background:linear-gradient(90deg,#036e79,#075164);padding:8px 6px;box-shadow:0 0 13px #00c6dc1c}.mini-sidebar .selected i{color:#23eee0}.dashboard{padding:19px 16px 15px;color:#11304b}.screen-heading{font-size:15px;margin-bottom:16px;font-weight:650}.screen-heading span{font-size:8px;font-weight:400}.mini-metrics{gap:10px;margin-bottom:14px}.mini-metrics>div{border:0;border-radius:9px;padding:15px 9px 11px 40px;min-height:88px;box-shadow:0 2px 8px #66aacc05}.mini-metrics b{font-size:26px;font-weight:750;line-height:1}.mini-metrics small{font-size:8px;margin-top:7px}.mini-metrics i{font-size:7px;padding:4px 6px;background:#dffaf0;margin-top:9px;color:#249a85}.metric-icon{display:grid;place-items:center;left:9px;top:14px;background:#e2fbf6;width:24px;height:28px;border-radius:4px}.metric-icon svg{height:17px;width:17px;color:#06b8a5}.chart-card{border:0;border-radius:9px;padding:13px 13px 11px;margin-bottom:12px}.chart-title{font-size:12px}.legend{font-size:8px}.dashboard .live-chart{height:112px}.chart-axis{font-size:8px;padding-top:4px}.screen-table{border:0;padding:12px;border-radius:8px}.screen-table .screen-heading{font-size:12px;margin-bottom:8px}.table-row{font-size:9px;padding:7px 0;gap:8px}.table-label{font-size:8px;background:#e6f5fc;margin:0 -4px;padding:6px 4px}.table-row .status{font-size:8px;padding:4px 7px}.floating-note{background:linear-gradient(125deg,#fff,#ecf7fff2);border:1px solid #deffff;border-radius:10px;box-shadow:0 15px 30px #00233044,0 0 0 1px #3febd021;padding:15px 17px;gap:12px;transform:rotate(1deg)}.floating-note b{font-size:12px;color:#0a3046}.floating-note small{font-size:10px;line-height:1.5;margin-top:6px;color:#6d8ea1}.note-top{top:24px;right:-5%;max-width:275px}.note-bottom{left:-13%;bottom:62px;max-width:245px;transform:rotate(-3deg)}.note-icon{color:#062f43;background:white;padding:4px;border-radius:4px}.note-icon svg{width:27px;height:27px;stroke-width:1.8}.check-dot{background:#0fad6d;width:15px;height:15px;left:40px;font-size:9px;top:10px}.tiny-progress{width:142px;height:3px}.orbit{inset:-15px -12% -1% -18%}.orbit.rear{clip-path:polygon(0 0,100% 0,100% 58%,0 72%)}.orbit.front{clip-path:polygon(0 72%,100% 58%,100% 100%,0 100%);z-index:4}.orbit-path{stroke:#00e2d5;stroke-width:1;opacity:.56;filter:drop-shadow(0 0 4px #00dfda55)}.orbit-path.extra{opacity:.34;stroke:#06bce0;stroke-width:.8}.orbit-stream{stroke:#a4fff2;stroke-width:1.8;stroke-dasharray:13 87;filter:drop-shadow(0 0 3px #0affd7) drop-shadow(0 0 9px #00c4c5);animation-duration:30s;animation-delay:-9s}.orbit-stream.second{stroke:#42d9fd;stroke-width:1.3;stroke-dasharray:10 90;animation-duration:43s;animation-delay:-28s}.orbit-particle{stroke:#edfffc;stroke-width:3.5;stroke-dasharray:.09 99.91;filter:drop-shadow(0 0 3px #d8fff4) drop-shadow(0 0 8px #00ffd7) drop-shadow(0 0 15px #00ffde);animation-duration:30s;animation-delay:-9s}.orbit-particle.second{animation-duration:43s;animation-delay:-28s;stroke:#62fff4;stroke-width:2.7}.ambient-points{inset:0 -10% 0 -14%}.ambient-points i{width:2px;height:2px;box-shadow:0 0 7px #21ffea,0 0 15px #0fe6e966;opacity:.6}.ambient-points i:nth-child(5n){width:4px;height:4px;box-shadow:0 0 9px #00e7df,0 0 20px #00f7df}
.section{padding:45px 0}.section-head{margin-bottom:26px}.section-head h2{font-size:32px;line-height:1.15}.section-head p{font-size:16px;margin-top:8px}.eyebrow{font-size:12px;margin-bottom:8px;letter-spacing:.2em}.feature-grid{gap:21px}.feature-card{border-radius:10px;position:relative;background:linear-gradient(135deg,#fbffff,#f1faff);border-color:#d1edf4;isolation:isolate;transition:transform .4s,box-shadow .4s,border-color .4s}.feature-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,0%),#44ffef20,transparent 65%);opacity:0;transition:opacity .4s;z-index:4}.feature-card:hover:after{opacity:1}.feature-card:hover{box-shadow:0 10px 35px #04cbbb24,0 0 25px #47fff214;border-color:#71e7e0;transform:translateY(-5px)}.feature-preview{height:240px;border:0;background:radial-gradient(circle at 87% 10%,#73f2ef85,transparent 60%),linear-gradient(125deg,#bcecf7,#dcfafd 45%,#e8faff);overflow:hidden}.feature-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#f6fcff 0,transparent 24%);pointer-events:none;z-index:5}.card-crystal{position:absolute;width:110px;height:110px;left:-12px;bottom:9px;opacity:.5;filter:drop-shadow(0 0 12px #20d9bf55);animation:crystalTurn 42s linear infinite;z-index:0}.feature-body{padding:13px 25px 22px}.feature-body h3{font-size:23px;letter-spacing:-.035em;margin-bottom:6px}.feature-body p{font-size:16px;line-height:1.45;min-height:67px;max-width:360px}.feature-body .text-link{font-size:14px;min-height:26px;margin-top:8px;font-weight:400}.mini-window{left:32px;top:42px;width:78%;height:218px;border-radius:10px;padding:23px 19px;background:linear-gradient(125deg,#fff,#f5fcff);box-shadow:-11px -14px 0 #064255,-14px -16px 1px #0c79913d,0 12px 30px #109fad2e;transform:perspective(650px) rotateY(-8deg) rotateZ(-3deg);border:1px solid #d9f1f8}.window-label{font-size:13px;margin-bottom:16px}.mini-window small{font-size:10px;margin-bottom:15px}.mini-window>b{font-size:14px;margin-bottom:18px}.fake-button{font-size:10px;padding:9px 12px;margin-top:10px;box-shadow:0 4px 12px #209cec33}.skeleton-line{height:5px;margin:8px 0}.audience-card{right:16px;top:27px;width:142px;padding:20px 13px 17px;background:#edfcffee;border:1px solid #fff;border-radius:9px;box-shadow:0 15px 26px #2da5b52e;transform:rotate(1deg);z-index:3}.audience-card b{font-size:13px}.audience-row{font-size:11px;padding:9px 6px}.lesson-window{left:74px;right:23px;top:43px;bottom:-29px;padding:22px 18px;box-shadow:-10px -14px 0 #064255,-13px -16px 0 #33819626;transform:perspective(800px) rotateY(-10deg) rotateZ(-4deg);z-index:2;border-radius:9px}.lesson-line{font-size:11px;margin-bottom:23px;gap:9px}.lesson-line>div{height:4px}.lesson-line b{font-size:10px;border-radius:50%;background:#13caba;color:white;padding:2px 3px}.floating-symbol{left:18px;top:32px;width:44px;height:44px;background:#a7f0ee8a;border:1px solid #92e7e6;color:#048e8f;box-shadow:0 0 18px #74fff039}.floating-symbol:after{content:'';position:absolute;width:27px;height:27px;border:1px solid #5cd1d080;border-radius:8px;top:100px;left:9px;transform:rotate(30deg);background:#c8fff036}.queue-window{left:52px;right:9px;top:34px;bottom:-36px;box-shadow:-10px -13px 0 #04374a;transform:perspective(800px) rotateY(-9deg) rotateZ(-4deg);padding:20px 17px;z-index:2}.queue-track{height:155px}.queue-track>div{height:42px;font-size:11px}.queue-track .status{font-size:9px}.workflow{background:radial-gradient(ellipse at 79% 38%,#084254,transparent 55%),linear-gradient(120deg,#031e2c,#002434);padding-top:38px;padding-bottom:37px}.workflow .section-head{margin-bottom:25px}.section-stars{background-size:59px 71px;opacity:.28;mask-image:radial-gradient(ellipse at 88% 5%,#000,transparent 75%)}.workflow-tabs{gap:28px;margin:22px 0 34px}.workflow-tabs:before{height:2px;box-shadow:0 0 9px #17e0cc;background:linear-gradient(90deg,transparent,#50ffe2,transparent);animation-duration:5s}.step{min-height:104px;padding:18px 16px;border-radius:11px;background:linear-gradient(125deg,#004754aa,#033644dd);border-color:#08a5ac;gap:14px;box-shadow:inset 0 0 18px #00bba70a}.step>span:first-child{width:48px;height:48px;background:radial-gradient(circle,#006674bb,#03526566);box-shadow:0 0 16px #00bca41a;border:1px solid #00c6b612}.step b{font-size:15px}.step small{font-size:12px;color:#d5e9ef;line-height:1.45}.step.active{background:linear-gradient(135deg,#056170,#07424c);box-shadow:0 0 17px #00e4c32a,inset 0 0 20px #14e7c916;border-color:#30f4d7}.step.active:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;background:#37ffe2;box-shadow:0 0 12px #2bffe5;transform-origin:left;animation:stepTimer 6s linear infinite}.workflow-grid{grid-template-columns:32% 1fr;gap:33px;align-items:center}.workflow-copy h3{font-size:28px;line-height:1.13;max-width:350px}.workflow-copy>p{font-size:17px;line-height:1.45;margin-top:15px;max-width:355px;color:#d0e4ed}.workflow-copy .icon-list{gap:17px;margin-top:24px}.icon-list li>span{width:47px;height:47px;border-radius:8px;box-shadow:0 0 12px #00c6cd1a;background:linear-gradient(130deg,#055a6477,#053545);border-color:#078c99}.icon-list b{font-size:15px}.icon-list small{font-size:13px;margin-top:4px}.light-link{font-size:11px;margin-top:16px;color:#73ded5}.soc-window{padding:10px;background:linear-gradient(135deg,#bddde9,#6e9ead);border:1px solid #87c8d7;border-radius:17px;box-shadow:0 0 0 6px #4a8ba044,0 0 18px #17d7d530,0 18px 26px #0005;transform:perspective(1600px) rotateY(-1deg);min-height:363px;overflow:hidden}.soc-top{background:#fff;padding:13px 10px;font-size:13px;border-radius:8px 8px 0 0;margin-bottom:0}.soc-content{grid-template-columns:28% 45% 27%;min-height:310px;border-radius:0 0 8px 8px}.soc-inbox{font-size:11px;padding:9px 7px;background:#f1f8ff}.soc-inbox>b{font-size:12px}.soc-message{padding:14px 9px;margin-top:3px}.soc-message strong{font-size:10px}.soc-message small{font-size:8px;line-height:1.3}.soc-detail{padding:13px 12px;background:#fff}.soc-detail-head{display:block;font-size:11px;margin-bottom:14px}.soc-detail-head .status{font-size:8px;margin-top:7px}.soc-detail>small{font-size:8px}.soc-local-tabs{gap:14px;font-size:9px;margin-top:22px}.soc-stage{font-size:10px;min-height:125px;padding:17px 0}.soc-stage p{font-size:10px;line-height:1.75}.soc-stage h4{font-size:11px}.soc-foot{font-size:8px;line-height:1.5;align-items:flex-start}.soc-decision{background:#f4faff;padding:13px 9px;border-left:1px solid #e1edf3;display:flex;flex-direction:column;gap:9px;min-width:0}.soc-decision>b{font-size:10px}.soc-decision label{display:grid;gap:5px;font-size:8px;color:#6685a0}.soc-decision select,.soc-decision textarea{min-width:0;width:100%;border:1px solid #98cfdf;padding:6px 4px;border-radius:4px;background:#fff;color:#19677c;font-size:8px;font-family:inherit;resize:none}.soc-decision textarea{height:90px}.soc-decision button{background:#082d42;color:white;border:0;border-radius:5px;padding:8px 3px;font-size:8px;box-shadow:0 3px 8px #17394833}.soc-decision button:hover{background:#0c5f71}.soc-decision small{font-size:8px;line-height:1.5;color:#5f8091}.insights{padding:32px 0 22px;background:radial-gradient(ellipse at 20% 90%,#dff7fc70,transparent 65%),#f6fbff}.insights-grid{grid-template-columns:66% 1fr;gap:46px;align-items:start}.report-window{padding:20px 21px;border-radius:11px;background:linear-gradient(140deg,#fff,#f8fcff);border-color:#dcf0f5;box-shadow:0 14px 35px #40bed219}.report-heading{font-size:14px;margin-bottom:24px}.periods{background:#e7f4ff}.periods button{font-size:10px}.report-chart-grid{grid-template-columns:65% 35%;gap:9px;align-items:start}.report-window .live-chart{height:132px;margin-top:16px}.report-window .chart-title{font-size:11px}.report-window .legend{font-size:8px}.donut-label{font-size:11px;display:block;margin:0 0 6px}.donut-block{align-items:flex-start;padding-left:15px;gap:7px;display:grid;grid-template-columns:auto 1fr}.donut-label{grid-column:1/-1}.donut{width:96px;height:96px;margin-top:13px}.donut>span{display:none}.donut:before{inset:23px;background:#fcfeff}.donut-key{font-size:8px;display:flex;flex-direction:column;gap:13px;align-self:center;margin-top:10px;color:#52718b}.donut-key span{display:flex;align-items:center;gap:6px}.donut-key i{height:6px;width:6px;border-radius:50%;background:#358df4}.donut-key span:nth-child(2) i{background:#35cfc2}.donut-key span:nth-child(3) i{background:#ffcc5c}.department-head{margin-top:18px;border-top:0;padding-top:0;font-size:11px}.department-bars{height:94px;gap:22px;margin-top:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#e7f1f7 30px)}.department-bars>div{flex-direction:row;align-items:flex-end;gap:3px;padding-bottom:19px}.department-bars i{width:25%;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#047ce7,#379eff);animation-name:barBreathe}.department-bars .bar-secondary{background:linear-gradient(0deg,#06bfae,#50edcf)!important;height:calc(var(--bar) * .82);animation-delay:-2s}.department-bars>div:nth-child(even) i{background:linear-gradient(0deg,#047ce7,#379eff)}.department-bars span{font-size:8px;white-space:normal;text-align:center}.insights-copy h2{font-size:30px;line-height:1.12;margin-top:3px}.insights-copy>p{font-size:17px;line-height:1.4;margin:13px 0 0}.insights-copy .icon-list{margin-top:20px;gap:21px}.insights-copy .icon-list li>span{background:#d5f8f4;border:0;width:47px;height:47px;box-shadow:none}.insights-copy .icon-list b{font-size:14px}.insights-copy .icon-list small{font-size:14px;line-height:1.4;max-width:280px}.deployment{padding:16px 0 24px;background:#f6fbff}.deployment .section-head{margin-bottom:19px}.deployment .section-head h2{font-size:31px}.deployment .section-head p{font-size:16px;margin-top:6px}.deployment-grid{gap:23px}.deploy-card{grid-template-columns:36% 1fr;gap:20px;position:relative;min-height:251px;padding:23px 24px;background:linear-gradient(140deg,#fcffff,#f7fcff);border:1px solid #cce9f1;border-radius:10px}.deploy-card h3{font-size:21px;line-height:1.25}.deploy-card p{font-size:15px;line-height:1.35;max-width:295px;margin-top:6px}.deploy-card .check-list{font-size:14px;gap:10px;margin-top:15px;margin-bottom:0}.deploy-card .button{position:absolute;left:25px;bottom:18px;min-width:170px;font-size:12px;min-height:35px;padding:8px 11px;border-color:#23b6b0;border-radius:5px}.deploy-art{height:200px;align-self:start;display:block;position:relative}.deploy-art>span{position:absolute;inset:-20px -18px 8px -18px;filter:drop-shadow(0 0 15px #37f4dd33);animation:noteFloat 8s ease-in-out infinite}.deploy-art img{width:100%;height:100%;object-fit:contain;display:block}.deploy-ring{left:-10%;right:-10%;bottom:34px;height:55px;opacity:.6;box-shadow:0 0 18px #00d6b927;border-color:#38e3da44}.deploy-art .s1{right:12px;top:21px}.deploy-art .s2{bottom:62px;left:-5px}.deploy-art .s3{top:40px;left:4px}.integration-strip{grid-template-columns:255px 1fr 210px;gap:17px;padding:16px 21px;margin-top:17px;background:linear-gradient(115deg,#e8f2f8,#eaf5f9);border-radius:9px;min-height:73px}.integration-strip>b{font-size:13px;padding-right:8px;border-right:1px solid #d6e7ef}.integration-items{gap:9px;justify-content:space-between}.integration-items span{font-size:10px}.integration-items button{font-size:21px;padding:4px;gap:6px}.integration-strip>small{grid-column:auto;border:0;border-left:1px solid #d5e5ee;padding:0 0 0 14px;font-size:10px;line-height:1.45}.cta-section{padding:0 0 24px;background:#f6fbff}.cta-banner{padding:28px 55px;min-height:135px;border-radius:12px;background:radial-gradient(ellipse at 73% 68%,#0b6070,transparent 35%),linear-gradient(120deg,#032b3b,#011f30 75%);box-shadow:inset 0 0 1px #7fedff50}.cta-banner h2{font-size:30px}.cta-banner p{font-size:16px;margin-top:8px}.cta-banner>.button{min-width:209px}.cta-star{font-size:0;right:21%;top:0;bottom:0;width:165px;z-index:1;color:transparent;filter:drop-shadow(0 0 16px #17d4cd57);animation:crystalTurn 55s linear infinite}.cta-star img{height:100%;width:100%;object-fit:contain;display:block}.cta-orbits{position:absolute;right:-1%;left:43%;top:-39px;bottom:-57px;z-index:0;opacity:.9}.cta-orbits svg{width:100%;height:100%;overflow:visible}.footer{padding:34px 0 0;background:radial-gradient(ellipse at 77% 64%,#073645,transparent 54%),#022334}.footer-grid{grid-template-columns:1.65fr 1fr 1fr 1fr;gap:45px;padding-bottom:28px}.footer .brand{font-size:24px;gap:4px}.footer .brand .star-mark{width:48px;height:48px;font-size:0}.footer .brand small{font-size:8px}.footer p{font-size:15px;line-height:1.4;margin-top:15px}.footer h4{font-size:15px;margin:5px 0 17px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:14px;margin:10px 0}.footer-star{font-size:0;width:98px;height:98px;right:-10px;top:10px;opacity:.15;filter:drop-shadow(0 0 20px #10d7d7);animation:crystalTurn 60s linear infinite}.footer-star img{width:100%;height:100%;object-fit:contain}.footer-bottom{padding:19px 0;font-size:12px;border-color:#225569}.footer-bottom small{font-size:12px}.section-stars:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,#05accc30,transparent 40%)}.feature-grid .reveal:nth-child(2){transition-delay:110ms}.feature-grid .reveal:nth-child(3){transition-delay:220ms}
@keyframes crystalTurn{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes deviceFloatV2{0%,100%{transform:rotateY(-11deg) rotateX(2deg) rotateZ(-1deg) translateY(0)}50%{transform:rotateY(-9deg) rotateX(2deg) rotateZ(-.4deg) translateY(-6px)}}@keyframes floorLight{50%{opacity:.6;scale:.95 1.1}}@keyframes stepTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero-grid{min-height:620px}.hero h1{font-size:37px}}
@media(max-width:1200px){.wrap{width:calc(100% - 70px)}.header-inner{gap:28px}.desktop-nav{gap:24px}.desktop-nav a{font-size:13px}.header-actions{gap:10px}.hero-grid{min-height:555px}.hero h1{font-size:30px}.hero-copy>p{font-size:18px}.hero .button{min-width:0;padding:12px 18px;font-size:13px}.hero-visual{height:528px}.monitor{height:432px;top:62px}.mini-sidebar{width:102px;font-size:9px;gap:18px}.mini-sidebar b{font-size:11px}.mini-sidebar>span{gap:6px}.mini-sidebar svg{width:12px;height:12px}.dashboard{padding:15px 11px}.screen-heading{font-size:13px}.mini-metrics>div{padding:11px 7px 10px 31px;min-height:79px}.metric-icon{left:6px;width:20px;height:24px}.metric-icon svg{width:14px;height:14px}.mini-metrics b{font-size:21px}.mini-metrics small{font-size:7px}.mini-metrics i{font-size:6px}.dashboard .live-chart{height:102px}.chart-title{font-size:10px}.table-row{font-size:8px}.table-row .status{font-size:7px}.screen-table .screen-heading{font-size:10px}.note-top{top:34px;right:-5%;padding:13px}.note-bottom{left:-12%;bottom:58px;padding:12px;max-width:225px}.floating-note b{font-size:10px}.floating-note small{font-size:9px}.big-star{width:184px;height:210px;top:7%;left:-12%}.deployment-mini{gap:19px;margin-top:31px}.deployment-mini a{font-size:13px;gap:10px}.deployment-mini small{font-size:10px}.deployment-mini a+a{padding-left:18px}.feature-preview{height:210px}.feature-body{padding:14px 20px 21px}.feature-body h3{font-size:21px}.feature-body p{font-size:14px;min-height:63px}.mini-window{left:29px;padding:18px 14px}.audience-card{width:122px;padding:14px 11px}.audience-row{padding:8px 3px;font-size:10px}.lesson-window{left:64px;right:20px;padding:19px 13px}.queue-window{left:40px;padding:17px 12px}.window-label{font-size:11px}.queue-track>div{font-size:10px}.workflow-copy h3{font-size:25px}.workflow-copy>p{font-size:15px}.workflow-copy .icon-list small{font-size:12px}.step{padding:16px 12px;gap:10px;min-height:96px}.step small{font-size:11px}.step>span:first-child{width:40px;height:40px}.step b{font-size:14px}.workflow-tabs{gap:21px}.workflow-grid{gap:27px}.soc-window{min-height:356px}.soc-detail{padding:12px 9px}.soc-content{grid-template-columns:26% 47% 27%}.soc-decision{padding:12px 7px}.soc-decision select{font-size:7px}.insights-grid{gap:34px;grid-template-columns:64% 1fr}.insights-copy h2{font-size:28px}.insights-copy>p{font-size:15px}.insights-copy .icon-list small{font-size:12px}.insights-copy .icon-list{gap:19px}.donut-block{padding-left:8px;display:flex;align-items:center}.donut-key{display:none}.donut{margin-top:0;width:88px;height:88px}.donut-label{font-size:10px}.deploy-card{gap:17px;padding:21px 18px;min-height:243px}.deploy-card p{font-size:13px}.deploy-card h3{font-size:19px}.deploy-card .check-list{font-size:12px}.deploy-card .button{min-width:0;left:20px;bottom:18px;font-size:11px}.integration-strip{grid-template-columns:205px 1fr 175px;gap:12px;padding:17px}.integration-strip>b{font-size:11px}.integration-items span{font-size:9px}.integration-items{gap:5px}.integration-strip>small{font-size:9px}.cta-banner{padding:28px 39px}.cta-banner h2{font-size:28px}.cta-banner p{font-size:14px}.cta-banner>.button{min-width:180px}.footer-grid{gap:30px}.footer p{font-size:13px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:13px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{height:76px}.brand{font-size:25px}.hero-grid{grid-template-columns:1fr;padding-top:35px;min-height:0}.hero-copy{text-align:center;padding:0}.hero h1{max-width:none;font-size:34px;line-height:1.15}.hero-copy>p{font-size:18px}.hero .button{padding:13px 22px;min-width:180px}.hero-visual{height:540px;width:min(730px,100%);margin:10px auto 0}.monitor{top:65px;left:10%;width:85%;height:433px}.mini-sidebar{width:108px;font-size:10px}.big-star{left:-2%;top:3%;height:200px;width:200px}.note-top{right:0;top:33px}.note-bottom{left:0;bottom:53px}.stage-floor{left:0;right:-5%;bottom:0}.feature-grid{gap:14px}.feature-preview{height:184px}.mini-window{left:18px;top:34px;padding:16px 12px;width:85%}.mini-window small{font-size:8px}.mini-window>b{font-size:11px}.audience-card{width:94px;right:8px;top:23px;padding:13px 8px}.audience-card b{font-size:10px}.audience-row{font-size:8px}.lesson-window{left:45px;right:10px;top:36px;padding:16px 10px}.lesson-line{font-size:9px;margin-bottom:19px}.floating-symbol{left:6px;width:30px;height:30px}.queue-window{left:30px;right:8px;top:34px;padding:15px 9px}.window-label{font-size:10px}.queue-track>div{font-size:8px}.queue-track .status{font-size:7px}.feature-body{padding:13px 16px 20px}.feature-body h3{font-size:18px}.feature-body p{font-size:13px;min-height:83px}.feature-body .text-link{font-size:12px}.section{padding:35px 0}.section-head h2{font-size:29px}.workflow-grid{grid-template-columns:1fr}.workflow-copy{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.workflow-copy h3{font-size:26px;grid-column:1}.workflow-copy>p{grid-column:1;font-size:15px}.workflow-copy .icon-list{grid-column:2;grid-row:1/4;margin:0}.workflow-copy .text-link{grid-column:1;margin:0}.workflow-tabs{gap:13px;margin-bottom:28px}.step{min-height:78px;padding:13px 10px;gap:8px}.step small{display:none}.step b{font-size:12px}.step>span:first-child{width:32px;height:32px}.soc-window{min-height:348px;margin-top:5px}.soc-content{min-height:294px;grid-template-columns:28% 45% 27%}.soc-detail{padding:14px}.soc-detail-head{font-size:12px}.soc-decision{padding:15px 12px}.soc-decision>b{font-size:11px}.soc-decision label{font-size:9px}.soc-decision select,.soc-decision textarea{font-size:9px}.soc-decision button{font-size:9px}.soc-decision small{font-size:9px}.insights-grid{grid-template-columns:1fr;gap:24px}.report-window{padding:23px}.report-chart-grid{grid-template-columns:66% 34%}.report-window .live-chart{height:137px}.donut-block{display:grid;grid-template-columns:auto 1fr;align-items:center;padding-left:18px}.donut-label{font-size:11px}.donut-key{display:flex;font-size:8px}.insights-copy{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}.insights-copy h2{font-size:28px;grid-column:1}.insights-copy>p{font-size:16px;grid-column:1;margin-top:0}.insights-copy .icon-list{grid-column:2;grid-row:1/4;margin-top:0}.deployment{padding-top:8px;padding-bottom:25px}.deploy-card{grid-template-columns:36% 1fr;text-align:left;min-height:255px;gap:15px;padding:19px 16px}.deploy-art{height:185px}.deploy-art>span{inset:-4px -17px 0}.deploy-card p{font-size:12px}.deploy-card h3{font-size:17px}.deploy-card .check-list{font-size:11px;max-width:none;gap:9px;margin:13px 0 0}.deploy-card .button{font-size:10px;min-height:32px;padding:7px 8px;left:15px}.integration-strip{grid-template-columns:1fr;gap:12px}.integration-strip>b{border:0;font-size:13px}.integration-items{gap:10px;justify-content:space-between}.integration-items span{font-size:12px}.integration-strip>small{padding:10px 0 0;border:0;border-top:1px solid #d1e4ed;font-size:10px}.cta-banner{padding:28px;min-height:144px}.cta-banner h2{font-size:25px}.cta-banner p{font-size:13px;max-width:410px}.cta-banner>.button{min-width:155px;font-size:13px}.cta-star{right:21%;width:130px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px}.footer .brand{font-size:22px}.footer .brand .star-mark{width:39px;height:39px}.footer h4{font-size:13px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:12px}.footer p{font-size:12px}}
@media(max-width:600px){.wrap{width:calc(100% - 34px)}.header-inner{height:66px;gap:10px}.brand{font-size:23px;gap:2px}.star-mark{width:40px;height:40px}.header-actions{gap:7px}.header .button{padding:10px 11px;font-size:11px}.header .motion-control{width:24px;min-width:24px}.hero-grid{padding-top:28px}.eyebrow-pill{font-size:10px;margin-bottom:18px;padding:6px 11px}.hero h1{font-size:27px;line-height:1.16;letter-spacing:-.04em}.hero-copy>p{font-size:16px;margin:17px 0 23px}.hero .button{font-size:12px;min-width:0;padding:12px 17px;min-height:45px}.button-row{gap:11px}.deployment-mini{margin-top:25px;gap:20px}.deployment-mini a{font-size:12px;gap:9px}.deployment-mini a+a{padding-left:17px}.deployment-mini small{font-size:10px;max-width:130px}.deployment-mini svg{width:30px;height:30px}.hero-visual{height:365px;width:100%;margin-top:12px}.big-star{left:-3%;top:5%;width:130px;height:140px}.monitor{top:69px;left:8%;width:90%;height:268px;padding:8px;border-radius:13px;animation-name:mobileDeviceV2;box-shadow:inset 0 0 0 1px #93eafa66,inset -4px -2px 6px #030e26,0 0 0 1px #36d1e566,0 15px 27px #0006,0 0 20px #0ae0ed29}.monitor-body{border-radius:6px}.mini-sidebar{width:48px;padding:13px 5px;gap:12px;font-size:9px}.mini-sidebar b{font-size:12px;justify-content:center}.mini-sidebar>span{justify-content:center;padding:0;gap:0}.mini-sidebar>span i{width:12px;height:12px}.mini-sidebar svg{width:12px;height:12px}.mini-sidebar b span,.mini-sidebar>span>span{display:none}.mini-sidebar .selected{padding:6px 2px}.dashboard{padding:10px 7px 8px}.screen-heading{font-size:9px;margin-bottom:9px}.screen-heading span{font-size:5px}.mini-metrics{gap:5px;margin-bottom:7px}.mini-metrics>div{padding:8px 4px 7px 17px;min-height:47px;border-radius:5px}.metric-icon{left:4px;top:8px;width:11px;height:14px}.metric-icon svg{width:8px;height:8px}.mini-metrics b{font-size:13px}.mini-metrics small{font-size:4px;letter-spacing:-.02em;margin-top:4px}.mini-metrics i{display:none}.chart-card{padding:8px 6px;margin-bottom:7px;border-radius:5px}.chart-title{font-size:6px;gap:3px}.legend{font-size:4px}.dashboard .live-chart{height:61px}.chart-axis{font-size:4px;padding-top:3px}.screen-table{padding:7px;border-radius:5px}.screen-table .screen-heading{font-size:7px;margin-bottom:4px}.table-row{font-size:5px;padding:4px 0;gap:3px}.table-label{font-size:4px;padding:3px}.table-row .status{font-size:4px;padding:2px 3px}.note-top{top:44px;right:-1%;max-width:165px;padding:9px;gap:7px}.note-bottom{left:-1%;bottom:29px;max-width:166px;padding:9px;gap:7px}.floating-note b{font-size:7px}.floating-note small{font-size:6px;margin-top:3px}.note-icon{padding:3px}.note-icon svg{width:16px;height:16px}.check-dot{height:10px;width:10px;font-size:5px;top:5px;left:27px}.tiny-progress{width:78px;height:2px;margin-top:5px}.orbit{inset:0 -15% -2% -16%}.orbit-path{stroke-width:.9}.orbit-stream{stroke-width:1.6}.orbit-particle{stroke-width:3.3}.ambient-points{inset:0 -5%}.ambient-points i:nth-child(n+25){display:none}.stage-floor{bottom:0;left:-5%;right:-5%;height:35px;filter:blur(6px)}.section{padding:30px 0}.section-head{margin-bottom:21px}.section-head h2{font-size:26px;line-height:1.12}.section-head p{font-size:14px;line-height:1.5}.eyebrow{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-preview{height:214px}.mini-window{left:26px;top:35px;width:78%;height:205px;padding:20px 18px}.mini-window small{font-size:9px}.mini-window>b{font-size:13px;margin-bottom:12px}.window-label{font-size:12px}.audience-card{right:18px;top:25px;width:127px;padding:16px 11px}.audience-card b{font-size:12px}.audience-row{font-size:10px;padding:9px 5px}.lesson-window{left:65px;right:21px;top:36px;padding:21px 16px}.lesson-line{font-size:11px;margin-bottom:23px}.floating-symbol{left:16px;top:30px;width:37px;height:37px}.queue-window{left:45px;right:13px;top:31px;padding:20px 15px}.queue-track>div{font-size:10px}.queue-track .status{font-size:8px}.feature-body{padding:13px 22px 22px}.feature-body h3{font-size:22px}.feature-body p{font-size:15px;min-height:0;line-height:1.5}.feature-body .text-link{font-size:14px;min-height:36px;margin-top:8px}.card-crystal{width:100px;height:100px}.workflow{padding-top:31px;padding-bottom:33px}.workflow-tabs{gap:11px;grid-template-columns:repeat(2,1fr);margin-top:21px;margin-bottom:25px}.step{padding:14px 10px;gap:9px;min-height:77px}.step b{font-size:12px}.step small{display:block;font-size:9px;line-height:1.4}.step>span:first-child{width:34px;height:34px}.step svg{width:20px;height:20px}.workflow-copy{display:block}.workflow-copy h3{font-size:25px;max-width:none}.workflow-copy>p{font-size:15px;margin-top:13px}.workflow-copy .icon-list{margin-top:20px;gap:17px}.icon-list li>span{width:43px;height:43px}.workflow-copy .icon-list b{font-size:14px}.workflow-copy .icon-list small{font-size:12px}.workflow-copy .text-link{margin-top:15px;min-height:36px}.soc-window{padding:7px;border-radius:13px;min-height:0;box-shadow:0 0 0 3px #4a8ba044,0 0 14px #17d7d523}.soc-top{font-size:10px;padding:11px 8px;gap:7px}.soc-top .status{font-size:7px}.soc-top>span:last-child{font-size:8px}.soc-content{grid-template-columns:1fr;min-height:0}.soc-inbox{display:none}.soc-detail{padding:15px}.soc-detail-head{display:flex;align-items:center;font-size:12px;margin-bottom:12px;gap:7px}.soc-detail-head .status{margin-top:0;font-size:8px}.soc-detail>small{font-size:10px}.soc-local-tabs{font-size:11px;gap:23px;margin-top:17px}.soc-stage{min-height:127px;padding:16px 0}.soc-stage h4{font-size:13px}.soc-stage p{font-size:12px}.soc-foot{font-size:9px}.soc-decision{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px;border-top:1px solid #dfeef3;border-left:0}.soc-decision>b{grid-column:1/-1;font-size:12px}.soc-decision label{font-size:10px}.soc-decision select,.soc-decision textarea{font-size:10px;padding:7px;min-height:37px}.soc-decision textarea{height:48px}.soc-decision button{font-size:11px;min-height:37px}.soc-decision small{font-size:9px;align-self:center}.insights{padding:30px 0 23px}.insights-grid{gap:25px}.report-window{padding:18px 15px}.report-heading{font-size:12px;margin-bottom:18px}.report-chart-grid{grid-template-columns:1fr}.report-window .live-chart{height:115px}.report-window .chart-title{font-size:10px}.report-window .legend{font-size:7px}.report-window .chart-axis{font-size:7px}.donut-block{display:none}.department-head{font-size:10px;margin-top:17px}.department-bars{height:94px;gap:10px}.department-bars span{font-size:7px}.insights-copy{display:block}.insights-copy h2{font-size:27px;margin-top:0}.insights-copy>p{font-size:16px;margin-top:12px}.insights-copy .icon-list{margin-top:23px;gap:20px}.insights-copy .icon-list small{font-size:13px}.deployment{padding-top:9px;padding-bottom:24px}.deployment .section-head h2{font-size:26px}.deployment .section-head p{font-size:14px;line-height:1.5}.deployment-grid{grid-template-columns:1fr;gap:18px}.deploy-card{grid-template-columns:37% 1fr;padding:21px 15px;gap:17px;min-height:243px}.deploy-card h3{font-size:18px}.deploy-card p{font-size:13px;line-height:1.4}.deploy-card .check-list{font-size:11px;gap:10px;line-height:1.4;margin-top:12px}.deploy-art{height:169px}.deploy-art>span{inset:-6px -18px -8px}.deploy-card .button{left:15px;bottom:18px;font-size:10px;min-height:35px;padding:7px 9px;max-width:139px}.deploy-ring{bottom:13px;height:40px}.integration-strip{padding:18px 15px;gap:12px;margin-top:17px}.integration-items{flex-wrap:wrap;justify-content:flex-start;gap:10px}.integration-items span{font-size:11px}.integration-strip>b{font-size:13px}.integration-strip>small{font-size:10px;line-height:1.6}.cta-section{padding-bottom:24px}.cta-banner{padding:24px;min-height:228px}.cta-banner h2{font-size:25px;max-width:280px}.cta-banner p{font-size:14px;max-width:260px}.cta-banner>.button{font-size:13px;min-width:157px;margin-top:20px}.cta-star{width:138px;height:150px;right:-12px;top:auto;bottom:-10px;opacity:.8}.cta-orbits{left:22%;right:-20%;top:50px;bottom:-50px;opacity:.6}.footer{padding-top:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px 25px;padding-bottom:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer .brand{font-size:25px}.footer .brand .star-mark{width:44px;height:44px}.footer p{font-size:14px;margin-top:12px}.footer h4{font-size:14px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:13px;min-height:23px;margin:11px 0}.footer-star{width:110px;height:110px;right:8px;top:0}.footer-bottom{font-size:10px;padding:17px 0}.footer-bottom small{font-size:10px}.footer-bottom>span{font-size:10px}.card-crystal{pointer-events:none}}
@keyframes mobileDeviceV2{0%,100%{transform:rotateY(-8deg) rotateZ(-1deg) translateY(0)}50%{transform:rotateY(-6deg) rotateZ(-.4deg) translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.big-star span,.cta-star,.footer-star,.monitor,.orbit *, .card-crystal,.step.active:after{animation:none!important}.reveal{transform:none!important;opacity:1!important}}
/* Visual comparison corrections: complete monitor table and reference-height CTA. */
.cta-banner>.cta-orbits{position:absolute;z-index:0;pointer-events:none}
.workflow-copy h3,.workflow-copy>p{max-width:none}
@media(min-width:901px){.mini-metrics>div{min-height:76px;padding-top:12px;padding-bottom:8px}.mini-metrics{margin-bottom:11px}.dashboard .live-chart{height:90px}.chart-card{padding:11px;margin-bottom:10px}.screen-table{padding:9px}.table-row{padding:5px 0}.screen-table .screen-heading{margin-bottom:6px}.dashboard>.screen-heading{margin-bottom:13px}}
@media(min-width:901px) and (max-width:1200px){.dashboard .live-chart{height:80px}.mini-metrics>div{min-height:70px}.mini-metrics i{margin-top:6px}.screen-table{padding:8px}.table-row{padding:4px 0}}
@media(max-width:600px){.hero .button.primary,.hero .button.outline{min-width:0;padding:12px 16px}.cta-banner{height:auto;min-height:228px}.cta-banner>.cta-orbits{position:absolute}}