:root{--bg:#020b18;--bg2:#061426;--panel:#08182c;--panel2:#0b2038;--line:rgba(124,174,228,.20);--line2:rgba(80,157,238,.42);--text:#f5f8fd;--muted:#a9b8ca;--blue:#4b9dff;--blue2:#2167cf;--cyan:#53c4ff;--green:#61d791;--purple:#a178ff;--shadow:0 28px 80px rgba(0,0,0,.38);--wrap:min(1440px,calc(100% - 64px));--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 55% 17%,rgba(14,89,168,.15),transparent 32%),linear-gradient(180deg,#020b18 0%,#03101f 60%,#020a16 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:white;color:#001126;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.eyebrow{margin:0 0 16px;color:var(--cyan);font-size:.88rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(2,11,24,.87);border-bottom:1px solid rgba(113,164,220,.16);backdrop-filter:blur(18px)}.nav-shell{width:var(--wrap);min-height:82px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:210px;height:auto;display:block}.site-nav{display:flex;align-items:center;gap:36px;font-size:.9rem;font-weight:650}.site-nav>a,.nav-group>button{color:#eef4fb;background:none;border:0;padding:9px 0;cursor:pointer}.site-nav>a:hover,.site-nav>a:focus-visible,.nav-group>button:hover,.nav-group>button:focus-visible{color:var(--blue)}.nav-group{position:relative}.nav-group>button:after{content:"⌄";padding-left:7px;color:#b7c6d8}.dropdown{display:none;position:absolute;right:-20px;top:42px;width:260px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#061426;box-shadow:0 20px 45px rgba(0,0,0,.4)}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:grid}.dropdown a{padding:12px;border-radius:10px;color:#dce8f5}.dropdown a:hover,.dropdown a:focus-visible{background:rgba(79,154,255,.11);color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:7px;border:1px solid transparent;font-weight:750;letter-spacing:.01em;transition:transform .2s ease,border-color .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#347bdc,#1d5fbf);box-shadow:0 12px 30px rgba(35,105,210,.25)}.button-outline{border-color:#3a84dd;background:rgba(7,27,51,.5)}.nav-demo{min-height:44px;margin-left:6px}.nav-toggle{display:none;width:46px;height:42px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);padding:10px}.nav-toggle span{display:block;height:2px;margin:5px 0;background:#e8f1fb}
.hero{position:relative;min-height:640px;padding:62px 0 24px;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% 0 26%;height:72%;background:radial-gradient(ellipse at center,rgba(22,114,208,.22),transparent 62%);pointer-events:none}.network-lines{position:absolute;inset:150px 0 auto 0;height:330px;opacity:.45;pointer-events:none;background:linear-gradient(16deg,transparent 44%,rgba(61,144,230,.13) 44.4%,transparent 45%),linear-gradient(-12deg,transparent 48%,rgba(61,144,230,.13) 48.4%,transparent 49%)}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:26px}.hero-copy{position:relative;z-index:4;padding:48px 0 70px}.hero h1{max-width:730px;margin:0 0 23px;font-size:clamp(3.45rem,5.45vw,6.15rem);line-height:.99;letter-spacing:-.052em}.hero h1 span{display:block;color:var(--blue)}.hero-copy>p:not(.eyebrow){max-width:630px;margin:0 0 28px;color:#d0d9e5;font-size:1.16rem}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.device-stage{position:relative;min-height:555px;perspective:1500px}.device{position:absolute;border:1px solid rgba(202,220,241,.52);background:#01050a;box-shadow:0 28px 55px rgba(0,0,0,.58)}.device-screen{position:absolute;inset:8px;border-radius:inherit;background:linear-gradient(145deg,#081728,#03101d);overflow:hidden;border:1px solid rgba(84,135,190,.22)}.monitor{width:48%;height:53%;left:12%;top:5%;border-radius:13px;transform:rotateX(2deg) rotateY(5deg)}.monitor:after{content:"";position:absolute;width:23%;height:80px;left:39%;top:100%;background:linear-gradient(90deg,#202a35,#6b7480 50%,#252d37);clip-path:polygon(34% 0,66% 0,76% 75%,100% 91%,100% 100%,0 100%,0 91%,24% 75%)}.laptop{width:47%;height:42%;right:2%;top:27%;border-radius:10px;transform:rotateY(-6deg) rotateZ(-1deg)}.laptop:after{content:"";position:absolute;left:-6%;right:-6%;top:100%;height:18px;background:linear-gradient(#8d98a4,#1e2630);clip-path:polygon(3% 0,97% 0,100% 70%,78% 100%,22% 100%,0 70%)}.tablet{width:25%;height:42%;right:0;bottom:0;border-radius:17px;transform:rotateY(-5deg) rotateZ(1deg);z-index:4}.phone{width:16%;height:43%;left:6%;bottom:2%;border-radius:25px;z-index:6}.phone .device-screen{inset:5px;border-radius:20px}.screen-top{height:30px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;color:#d9e8f9;font-size:.55rem;border-bottom:1px solid rgba(106,157,212,.18);background:#071322}.map{position:absolute;inset:31px 0 0;background:radial-gradient(circle at 62% 35%,rgba(22,129,220,.22),transparent 22%),linear-gradient(29deg,transparent 48%,rgba(84,153,225,.18) 49%,transparent 50%),linear-gradient(-18deg,transparent 47%,rgba(84,153,225,.16) 48%,transparent 49%),linear-gradient(90deg,transparent 49%,rgba(84,153,225,.11) 50%,transparent 51%),#061421}.map:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#4bd96b 0 3px,transparent 4px),radial-gradient(circle,#f6c148 0 3px,transparent 4px),radial-gradient(circle,#e84e55 0 3px,transparent 4px),radial-gradient(circle,#4f9cff 0 3px,transparent 4px);background-size:120px 90px,160px 120px,210px 140px,95px 150px;background-position:20px 15px,70px 30px,110px 80px,25px 105px;opacity:.95}.phone-list,.course-list{padding:9px}.alert-row,.course-row{display:grid;grid-template-columns:12px 1fr;gap:7px;align-items:center;padding:7px 4px;border-bottom:1px solid rgba(109,155,205,.13);font-size:.42rem;color:#dce9f7}.alert-dot{width:7px;height:7px;border-radius:50%;background:#ef5350}.alert-row:nth-child(2) .alert-dot{background:#f0be42}.alert-row:nth-child(3) .alert-dot{background:#4f9cff}.alert-row:nth-child(4) .alert-dot{background:#65d78e}.course-row{grid-template-columns:34px 1fr;font-size:.43rem}.course-thumb{height:25px;border-radius:4px;background:linear-gradient(135deg,#1d68a6,#5ec6dd)}.course-row:nth-child(3) .course-thumb{background:linear-gradient(135deg,#7e4ca5,#cf8bd1)}.course-row:nth-child(4) .course-thumb{background:linear-gradient(135deg,#5d7446,#d0aa64)}.progress{height:3px;margin-top:4px;background:#142942}.progress i{display:block;height:100%;background:#4e9df9}
.product-band{position:relative;z-index:10;margin-top:-24px;padding-bottom:26px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{display:grid;grid-template-columns:126px 1fr;align-items:center;min-height:210px;padding:25px;border:1px solid rgba(61,140,224,.42);border-radius:13px;background:linear-gradient(145deg,rgba(8,28,52,.96),rgba(4,17,32,.96));box-shadow:var(--shadow)}.product-card.cad{border-color:rgba(64,169,105,.38);background:linear-gradient(145deg,rgba(7,39,34,.96),rgba(4,26,25,.96))}.product-card.lms{border-color:rgba(132,98,216,.4);background:linear-gradient(145deg,rgba(25,22,57,.97),rgba(14,17,42,.97))}.product-icon img{width:112px}.product-card h2{margin:0 0 5px;font-size:1.45rem;line-height:1.12}.product-card p{margin:0 0 11px;color:#c2cedb;font-size:.96rem}.text-link{color:var(--blue);font-weight:800;font-size:.84rem;letter-spacing:.04em}.cad .text-link{color:#6bdc93}.lms .text-link{color:#aa84ff}
.why{padding:6px 0 34px}.section-title{display:flex;align-items:center;gap:30px;margin:0 0 25px;text-align:center}.section-title:before,.section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(133,172,216,.28))}.section-title:after{background:linear-gradient(90deg,rgba(133,172,216,.28),transparent)}.section-title h2{font-size:1.2rem;color:#c6d0dd}.section-title h2 span{color:var(--blue)}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr)}.feature{display:grid;grid-template-columns:47px 1fr;gap:15px;padding:10px 24px;border-right:1px solid rgba(139,174,216,.2)}.feature:last-child{border-right:0}.feature svg{width:44px;height:44px;stroke:#aab6c4;fill:none;stroke-width:1.8}.feature:first-child svg{stroke:#4d9cff}.feature h3{margin:0 0 5px;font-size:.98rem}.feature p{margin:0;color:#aebbc9;font-size:.78rem}.statement{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 auto 54px;padding:22px 31px;border:1px solid rgba(95,142,196,.2);border-radius:12px;background:linear-gradient(90deg,rgba(14,35,60,.72),rgba(6,20,37,.85))}.statement div{display:flex;align-items:center;gap:20px}.statement svg{width:35px;stroke:#4d9cff}.statement p{margin:0;color:#cbd5e1}.statement a{color:var(--blue);font-size:.83rem;font-weight:800;white-space:nowrap}
.content-section{padding:90px 0}.content-section.alt{border-block:1px solid var(--line);background:rgba(6,19,35,.65)}.section-head{max-width:760px;margin-bottom:42px}.section-head h1,.section-head h2{margin:0 0 18px;font-size:clamp(2.45rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em}.section-head p{color:var(--muted);font-size:1.08rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(12,31,53,.88),rgba(5,18,33,.9))}.info-card h3{margin:0 0 8px}.info-card p{margin:0;color:var(--muted)}.product-hero{padding:88px 0 70px}.product-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.product-hero h1{font-size:clamp(3.4rem,6vw,6rem);line-height:.97;letter-spacing:-.05em;margin:0 0 22px}.product-hero p{font-size:1.12rem;color:#c8d3df}.product-badge{display:inline-flex;padding:7px 11px;border:1px solid var(--line2);border-radius:999px;color:var(--blue);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.product-art{min-height:420px;display:grid;place-items:center;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle,rgba(52,130,220,.18),transparent 55%),rgba(5,18,34,.8)}.product-art img{width:min(280px,60%);filter:drop-shadow(0 26px 40px rgba(0,0,0,.4))}.check-list{display:grid;gap:10px;margin:24px 0 30px;padding:0;list-style:none}.check-list li{display:flex;gap:10px;color:#d2dbe6}.check-list li:before{content:"✓";color:var(--green);font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.two-col h2{font-size:2.6rem;line-height:1.07;margin-top:0}.two-col p{color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#020916;padding:48px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:40px}.footer-logo{width:230px;max-width:100%;margin-bottom:17px;display:block}.footer-grid h3{margin:0 0 12px;font-size:.95rem}.footer-grid p,.footer-grid a{color:#99aabd;font-size:.88rem}.footer-links{display:grid;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);color:#77899d;font-size:.8rem}.footer-bottom div{display:flex;gap:18px}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-panel,.contact-form{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,25,45,.72)}.contact-panel h2{font-size:2rem;margin-top:0}.contact-panel p{color:var(--muted)}.contact-details{display:grid;gap:16px;margin-top:30px}.contact-details a{color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.88rem}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(123,166,214,.26);border-radius:9px;background:#03111f;color:white;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(75,157,255,.12)}.field textarea{min-height:160px;resize:vertical}.form-message{padding:13px 15px;margin-bottom:20px;border-radius:9px}.form-message.success{background:rgba(71,190,119,.12);border:1px solid rgba(71,190,119,.35)}.form-message.error{background:rgba(225,78,88,.12);border:1px solid rgba(225,78,88,.35)}.hp{position:absolute!important;left:-9999px!important}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1150px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.device-stage{min-height:520px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:150px 1fr}.feature-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature{border:0}.product-hero-grid,.form-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){:root{--wrap:min(100% - 30px,1440px)}.nav-shell{min-height:70px}.brand img{width:172px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:15px;right:15px;top:76px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#03101f;box-shadow:0 20px 50px rgba(0,0,0,.48);align-items:stretch;flex-direction:column;gap:2px}.site-nav.open{display:flex}.nav-group>button,.site-nav>a{display:block;width:100%;padding:12px;text-align:left}.dropdown{position:static;display:grid;width:100%;margin:0;box-shadow:none;background:rgba(255,255,255,.025);border:0}.nav-group .dropdown{display:grid}.nav-demo{margin:7px 0 0}.hero{padding-top:34px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.device-stage{min-height:430px;transform:scale(.88);transform-origin:center top;margin-bottom:-50px}.monitor{width:58%;left:7%}.laptop{width:55%;right:0}.tablet{width:29%}.phone{width:19%;left:1%}.product-card{grid-template-columns:90px 1fr;padding:20px}.product-icon img{width:80px}.feature-grid{grid-template-columns:1fr}.section-title{gap:10px}.statement{align-items:flex-start;flex-direction:column}.info-grid,.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(max-width:520px){.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-actions .button{width:100%}.device-stage{min-height:320px;transform:scale(.7);width:140%;margin-left:-20%;margin-bottom:-110px}.product-card{grid-template-columns:1fr;text-align:center}.product-icon img{margin:auto}.footer-bottom div{flex-wrap:wrap}.content-section{padding:68px 0}.contact-panel,.contact-form{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:34px}.shot-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,30,52,.92),rgba(4,16,31,.92))}.shot-frame{aspect-ratio:16/10;border:1px solid rgba(118,166,219,.18);border-radius:14px;overflow:hidden;background:#03111f}.shot-card h3{margin:16px 0 6px;font-size:1.06rem}.shot-card p{margin:0;color:var(--muted);font-size:.94rem}.callout-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(7,24,44,.95),rgba(4,16,31,.95))}.callout-card h3{margin:0 0 10px;font-size:1.35rem}.callout-card p{margin:0 0 18px;color:var(--muted)}.callout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;padding:8px 12px;border:1px solid rgba(93,146,207,.22);border-radius:999px;background:rgba(255,255,255,.03);font-size:.84rem;color:#d8e4f2}.demo-banner{margin:0 0 24px;padding:14px 16px;border:1px solid rgba(89,145,214,.28);border-radius:12px;background:rgba(19,53,92,.26);color:#dbe8f6;font-size:.95rem}.demo-shell{display:grid;grid-template-columns:300px 1fr;gap:24px}.demo-sidebar,.demo-main,.demo-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(7,23,42,.84)}.demo-sidebar h2,.demo-main h2,.demo-panel h3{margin-top:0}.demo-list{display:grid;gap:10px}.demo-item{padding:12px 14px;border:1px solid rgba(124,174,228,.14);border-radius:12px;background:rgba(255,255,255,.025)}.demo-item strong{display:block}.demo-status{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:#c9d7e6}.demo-status i{width:8px;height:8px;border-radius:50%;background:#4f9cff}.demo-map{min-height:280px;border:1px solid rgba(100,156,216,.18);border-radius:16px;background:radial-gradient(circle at 65% 28%,rgba(20,131,222,.18),transparent 26%),linear-gradient(24deg,transparent 48%,rgba(84,153,225,.12) 49%,transparent 50%),linear-gradient(-18deg,transparent 46%,rgba(84,153,225,.12) 47%,transparent 48%),#061421;position:relative;overflow:hidden}.demo-map:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#50d479 0 4px,transparent 5px),radial-gradient(circle,#f6c148 0 4px,transparent 5px),radial-gradient(circle,#eb565d 0 4px,transparent 5px),radial-gradient(circle,#4f9cff 0 4px,transparent 5px);background-size:150px 110px,190px 160px,240px 180px,110px 175px;background-position:25px 20px,95px 55px,140px 120px,30px 140px;opacity:.9}.demo-table{width:100%;border-collapse:collapse;font-size:.92rem}.demo-table th,.demo-table td{padding:11px 10px;border-bottom:1px solid rgba(124,174,228,.12);text-align:left}.demo-table th{color:#b9cade;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.locked{opacity:.55;filter:saturate(.7)}.disabled-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.disabled-bar .button{pointer-events:none;opacity:.6}.demo-course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.course-card{padding:16px;border:1px solid rgba(124,174,228,.14);border-radius:14px;background:rgba(255,255,255,.025)}.course-card h3{margin:0 0 6px;font-size:1rem}.course-card p{margin:0 0 10px;color:var(--muted);font-size:.92rem}.mini-progress{height:8px;border-radius:999px;background:#12253d;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#4b9dff,#67d2ff)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.stat-card{padding:16px;border:1px solid rgba(124,174,228,.14);border-radius:14px;background:rgba(255,255,255,.025)}.stat-card strong{display:block;font-size:1.55rem}.note-box{padding:18px;border:1px dashed rgba(124,174,228,.28);border-radius:14px;background:rgba(255,255,255,.02);color:#c3d0de}.subtle-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.subtle-actions a{color:var(--blue);font-weight:700;font-size:.9rem}.product-cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1150px){.screenshot-grid,.demo-course-grid,.stat-grid,.callout-grid,.demo-shell{grid-template-columns:1fr}}
@media(max-width:800px){.screenshot-grid{grid-template-columns:1fr}}