*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050816;color:#f6f7fb;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #24264d;background:rgba(3,6,18,.96);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}.crest{width:46px;height:46px;border:2px solid #d9a62b;border-radius:12px;display:grid;place-items:center;color:#f1c84f;font:700 25px Georgia}.brand>div:last-child{display:flex;flex-direction:column}.brand b{font-size:20px;letter-spacing:3px;color:#f0c65c}.brand span{font-size:10px;letter-spacing:4px}.brand small{font-size:8px;color:#8f98ae;margin-top:2px}
nav{display:flex;gap:28px}nav a{font-size:11px;color:#cbd0df}nav a:hover{color:#9f5cff}
.topActions{display:flex;gap:8px;align-items:center}.topActions button{border:1px solid #35375c;background:#0c1022;color:#fff;border-radius:8px;padding:9px 12px;font-size:10px;cursor:pointer}.topActions .accent{background:linear-gradient(135deg,#7021d7,#994df4);border-color:#7c37d6}.lockBtn{font-size:16px!important;padding:7px 11px!important}
.hero{min-height:560px;padding:70px 5vw 50px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;background:radial-gradient(circle at 75% 30%,rgba(92,30,170,.22),transparent 35%),linear-gradient(180deg,#070b19,#071026)}
.eyebrow{display:inline-block;border:1px solid #31558a;border-radius:12px;padding:6px 10px;color:#80c6ff;font-size:11px}.hero h1{font-size:52px;line-height:.98;margin:18px 0 14px}.hero h1 em{font-style:normal;color:#8d4be4}.hero p{max-width:560px;color:#b4bbcf;font-size:16px;line-height:1.55}.heroPoints{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0}.heroPoints span{font-size:12px;color:#dce3f2}.heroPoints span::first-letter{color:#9d55ee}.heroButtons{display:flex;gap:12px}.heroButtons a,.heroButtons button{padding:13px 18px;border-radius:7px;border:1px solid #6f3fc6;background:#5f27b8;color:white;font-weight:700;font-size:11px;cursor:pointer}.heroButtons button{background:#11172b;border-color:#3b4770}
.heroVisual{height:430px;position:relative}.screen{position:absolute;background:#0b1020;border:1px solid #3b4266;border-radius:14px;box-shadow:0 25px 70px #0009}.bigScreen{width:68%;height:72%;right:7%;top:8%;transform:perspective(900px) rotateY(-8deg)}.phoneScreen{width:35%;height:43%;left:1%;bottom:6%;transform:rotate(-5deg)}.screenTop{height:22px;border-bottom:1px solid #252b49;padding:7px}.screenTop i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6936b0;margin-right:4px}.dashboardMock{display:grid;grid-template-columns:28% 1fr;height:calc(100% - 22px)}.sideMock{padding:14px;display:flex;flex-direction:column;gap:14px;font-size:10px;color:#9ca8c0}.sideMock b{color:#b15cff}.graphMock{padding:16px}.graphMock strong{font-size:14px}.stats{display:flex;gap:10px;margin-top:22px}.stats span{background:#11182d;padding:12px;border-radius:8px;font-size:18px}.stats small{display:block;color:#79859d;font-size:8px}.bars{height:80px;margin-top:30px;background:linear-gradient(135deg,transparent 45%,#8c43e9 47%,#8c43e9 50%,transparent 52%),linear-gradient(#12192c,#0b1120);border-radius:8px}.neon{position:absolute;right:0;top:0;border:2px solid #f08cff;border-radius:12px;padding:18px;color:#ffb6ff;font-size:22px;text-align:center;box-shadow:0 0 22px #d849ff}.phoneCards{height:100%;background:repeating-linear-gradient(180deg,#131a30 0 34px,#0b1020 34px 50px);border-radius:14px}
.section{padding:56px 5vw}.sectionTitle{text-align:center;margin-bottom:28px}.sectionTitle small{color:#9c50e8;font-weight:700;letter-spacing:2px}.sectionTitle h2{font-size:28px;margin:7px 0}
.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.serviceGrid article,.plans article,.toolGrid article{background:linear-gradient(180deg,#0c1226,#08101d);border:1px solid #2e395d;border-radius:12px;padding:18px}.serviceGrid .icon{width:42px;height:42px;border-radius:50%;background:#6f2bc4;display:grid;place-items:center;font-size:20px}.serviceGrid h3{font-size:15px}.serviceGrid p,.plans p,.toolGrid p{color:#9fa9be;font-size:12px;line-height:1.45}.miniPanel{margin-top:18px;padding:12px;background:#060b16;border:1px solid #232b43;border-radius:8px;font-size:10px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.progress{width:100%;height:6px;background:#1e2738;border-radius:5px}.progress i{display:block;height:100%;background:#8b42e9;border-radius:5px}.miniPanel.list{flex-direction:column}.statsMini b{color:#fff;font-size:20px}
.toolsSection{background:#071023}.toolGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.toolScreen{height:120px;border:1px solid #273452;border-radius:7px;background:#060b17;position:relative;overflow:hidden}.toolScreen:after{content:"";position:absolute;left:8%;right:8%;bottom:18%;height:3px;background:#7d39d8;box-shadow:40px -25px 0 #2e87ff,85px -8px 0 #7d39d8,130px -45px 0 #22c55e}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plans article{min-height:240px}.plans h3{color:#70b9ff}.plans .popular{border-color:#7d3ee8;background:linear-gradient(180deg,#201044,#0a1120);position:relative}.popularTag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#7a2ad1;padding:5px 12px;border-radius:12px;font-size:9px}.plans ul{padding-left:18px;color:#d3d8e6;font-size:12px;line-height:1.8}footer{padding:30px 5vw;border-top:1px solid #242a46;display:flex;justify-content:space-between;align-items:center;color:#7e879d;font-size:11px}
.gateBody{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#23124c,#060816 55%)}.gateCard{width:min(92vw,420px);background:#0a1020;border:1px solid #34385e;border-radius:18px;padding:30px;box-shadow:0 30px 90px #0009}.brandMini{display:flex;gap:12px;align-items:center}.brandMini>div:last-child{display:flex;flex-direction:column}.brandMini b{color:#f1c75d;letter-spacing:3px}.brandMini small{font-size:8px;color:#7f8ba2}.gateCard h1{font-size:28px;margin:26px 0 8px}.gateCard p{color:#9aa4b7;font-size:13px}.gateCard form{display:flex;gap:8px;margin-top:22px}.gateCard input{flex:1;background:#050913;border:1px solid #343b59;border-radius:8px;padding:12px;color:#fff}.gateCard button{background:#762fd0;border:0;border-radius:8px;color:#fff;padding:0 16px;font-weight:700}.gateError{margin-top:12px;color:#ff7c8c;font-size:12px}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr}.heroVisual{height:330px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.toolGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.topbar{padding:0 12px}.brand small,.brand span{display:none}.brand b{font-size:15px}.topActions .loginBtn{padding:8px;font-size:8px}.hero{padding-top:40px}.hero h1{font-size:38px}.heroVisual{height:260px}.serviceGrid,.toolGrid,.plans{grid-template-columns:1fr}.topActions{gap:4px}.topActions button{padding:7px}.section{padding:38px 14px}footer{flex-direction:column;gap:16px;text-align:center}}

/* v3.9 Dreamer fuller website mock */
.crown{position:relative}.crown:before{content:"♛";position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:16px;color:#e7b642}
.heroVisual{min-height:455px}
.ringLight{position:absolute;left:5%;top:4%;width:130px;height:130px;border:10px solid #f2f1e8;border-radius:50%;box-shadow:0 0 25px #ffd37a,0 0 50px #ffcb6b55}
.desk{position:absolute;left:2%;right:0;bottom:10%;height:18px;background:linear-gradient(90deg,#3a2115,#1f1511);transform:skewX(-7deg)}
.monitor{position:absolute;background:#070a12;border:6px solid #191d26;border-radius:10px;box-shadow:0 18px 40px #000a}
.monitorMain{right:20%;top:14%;width:43%;height:49%;transform:perspective(900px) rotateY(-7deg)}
.monitorSide{right:1%;top:10%;width:28%;height:42%;transform:perspective(900px) rotateY(8deg)}
.mockCam{height:100%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,#34204f,#10121d 45%,#080b12);color:#e8e5f4;font-weight:700}.mockCam small{display:block;color:#af6dff;font-size:9px;margin-top:6px}
.mockStats{padding:16px;color:#ddd}.mockStats span{color:#ae63ff;font-size:11px}.mockStats b{display:block;font-size:30px;margin:18px 0}.mockStats i{display:block;height:7px;border-radius:5px;background:linear-gradient(90deg,#8b3fe8 0 65%,#182034 65%);margin:12px 0}
.laptop{position:absolute;left:15%;bottom:12%;width:41%;height:31%;padding:7px;background:#151922;border-radius:10px 10px 4px 4px;transform:rotate(-5deg);box-shadow:0 18px 40px #000b}.laptop:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-12px;height:13px;background:#20232b;border-radius:2px}.mockCam.small{font-size:13px}
.mic{position:absolute;right:4%;bottom:7%;width:32px;height:130px;border-radius:18px;background:linear-gradient(#2a2d34,#0d1015);transform:rotate(11deg);box-shadow:0 0 0 5px #171b22}
.introBand{padding-top:24px;padding-bottom:18px;background:#07122a;border-top:1px solid #2c2d59}.introBand .sectionTitle{margin:0}.introBand h2{font-size:14px;font-weight:400;color:#adb6ca}
.serviceSection{padding-top:22px}.serviceGrid{grid-template-columns:repeat(4,1fr)}.serviceGrid article{min-height:385px}.serviceVisual{height:155px;margin-top:16px;border:1px solid #27324a;border-radius:8px;background:#060a13;overflow:hidden;position:relative}.trainingVisual{background:linear-gradient(135deg,#11162d,#160d27)}.trainingVisual .avatar{position:absolute;left:12px;bottom:18px;width:70px;height:110px;border-radius:45% 45% 18px 18px;background:linear-gradient(#6c3ac1,#261748)}.trainingVisual .score{position:absolute;left:96px;right:10px;bottom:22px;font-size:9px;color:#aab3c8}.trainingVisual .score b{display:block;font-size:24px;color:#fff;margin-top:6px}
.communicationVisual{padding:10px}.miniTitle{font-size:9px;color:#d6d9e3;margin-bottom:8px}.contactRows{display:flex;flex-direction:column;gap:7px}.contactRows span{background:#111827;padding:7px;border-radius:5px;font-size:8px;color:#aeb9ce}
.dashboardVisual{padding:12px}.kpis{display:flex;justify-content:space-between}.kpis b{background:#101829;padding:8px;border-radius:5px;font-size:14px}.chartLine{height:65px;margin-top:18px;background:linear-gradient(150deg,transparent 48%,#a243e8 49%,#a243e8 52%,transparent 53%)}
.maintenanceVisual{padding:13px}.maintenanceVisual span{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:8px;margin:10px 0;font-size:9px}.maintenanceVisual i{height:5px;background:#283342;border-radius:4px;position:relative}.maintenanceVisual i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:inherit;background:#61d66d}
.profileVisual{display:flex;gap:12px;align-items:center;padding:14px}.profilePic{width:65px;height:95px;border-radius:32px;background:linear-gradient(#7635c7,#222a42)}.profileVisual div:last-child{display:flex;flex-direction:column;gap:12px;font-size:8px}
.ticketVisual{padding:10px}.ticket{font-size:9px}.ticket span{float:right;background:#164488;padding:3px 6px;border-radius:5px}.bubble{margin-top:18px;max-width:76%;padding:8px;background:#182038;border-radius:8px;font-size:8px}.bubble.right{margin-left:auto;background:#174b8e}
.securityVisual,.backupVisual{padding:11px;display:flex;flex-direction:column;gap:10px}.securityVisual span,.backupVisual span{display:flex;justify-content:space-between;font-size:8px}.securityVisual b,.backupVisual b{color:#75db75}
.plans article{position:relative;display:flex;flex-direction:column}.plans ul{flex:1}.price{margin:18px 0 10px}.price small{display:block;color:#98a2b7}.price b{font-size:30px;color:#fff}.price span{font-size:10px;color:#aab2c2}.plans button{height:42px;border:0;border-radius:7px;background:#1b548d;color:#fff;font-weight:700}.plans .popular button{background:#7a2fd0}.plans .partner{border-color:#97751b;background:linear-gradient(180deg,#2d250e,#0b101a)}.plans .partner h3{color:#e7b438}.plans .partner button{background:#9b7212}
.colombiaStrip{margin:0 5vw 24px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px;padding:16px;background:#11152b;border:1px solid #373665;border-radius:10px}.colombiaStrip>div{display:flex;flex-direction:column;justify-content:center}.colombiaStrip b{font-size:10px}.colombiaStrip small{font-size:8px;color:#9aa4ba;margin-top:3px}.flag{font-size:38px!important}
.toolGrid{grid-template-columns:repeat(5,1fr)}.toolScreen.live{background:linear-gradient(#09111e,#07101d),repeating-linear-gradient(90deg,#ff6f00 0 5px,transparent 5px 20px)}.toolScreen.chat{background:repeating-linear-gradient(180deg,#121b2c 0 18px,#090f1c 18px 31px)}.toolScreen.goal{background:linear-gradient(90deg,#0a111d 0 70%,#131d2d 70%)}.toolScreen.studio{background:linear-gradient(135deg,#101a2b,#0b1220)}.toolScreen.optimizer{background:radial-gradient(circle,#49d16a 0 10%,#184729 11% 22%,#07120b 23%)}
.ctaBanner{margin:30px 5vw 38px;min-height:110px;display:grid;grid-template-columns:220px 1fr 190px;gap:20px;align-items:center;padding:0 20px;background:linear-gradient(90deg,#181135,#1b0f45,#2d0e5d);border:1px solid #4d2c8a;border-radius:10px}.ctaImage{height:90px;background:radial-gradient(circle at 50% 50%,#7e2ee7,#151225 55%);border-radius:8px}.ctaBanner h2{font-size:20px;margin:0 0 5px}.ctaBanner p{margin:0;color:#b4bbca}.ctaBanner button{height:50px;border:0;border-radius:7px;background:#6e2fd3;color:#fff;font-weight:700}
footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:25px;padding:38px 5vw 20px;background:#040713;border-top:1px solid #283058}footer>div{display:flex;flex-direction:column;gap:7px}footer h4{font-size:10px;margin:0 0 5px;color:#d8dbe4}footer a,footer span{font-size:9px;color:#8f9aaf}.copyright{grid-column:1/-1;border-top:1px solid #1b2237;padding-top:15px;margin-top:12px;text-align:center!important;color:#69758a;font-size:9px;align-items:center}
@media(max-width:1200px){.serviceGrid{grid-template-columns:repeat(2,1fr)}.toolGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.serviceGrid,.toolGrid{grid-template-columns:1fr}.colombiaStrip{grid-template-columns:1fr 1fr}.ctaBanner{grid-template-columns:1fr}.ctaImage{display:none}footer{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}}

/* v3.10 presentation imagery */
.heroPhotoCollage{position:relative;height:455px}
.heroPhotoCollage img{object-fit:cover;border-radius:12px;border:1px solid #343860;box-shadow:0 18px 42px rgba(0,0,0,.5)}
.heroMainPhoto{position:absolute;left:0;top:7%;width:69%;height:78%}
.heroSidePhoto{position:absolute;right:0;width:29%;height:29%}
.heroSidePhoto.one{top:1%}.heroSidePhoto.two{top:34%}.heroSidePhoto.three{top:67%}
.photoVisual{padding:0!important;position:relative}
.photoVisual img{width:100%;height:100%;object-fit:cover;display:block}
.visualCaption{position:absolute;left:8px;right:8px;bottom:8px;padding:8px 9px;border-radius:7px;background:rgba(5,8,16,.82);font-size:9px;color:#dbe4f2;display:flex;justify-content:space-between}
.visualCaption b{color:#9fe15d}
.maintenancePhoto{height:155px;margin-top:16px}
.maintenancePhoto+.maintenanceVisual{display:none}
.studioGallerySection{padding:50px 2vw 28px;background:#071023}
.studioGallery{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.studioGallery img{width:100%;height:150px;object-fit:cover;border:1px solid #2e395d;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.35)}
@media(max-width:1000px){.heroPhotoCollage{height:360px}.studioGallery{grid-template-columns:repeat(2,1fr)}.studioGallery img{height:180px}}
@media(max-width:650px){.heroMainPhoto{width:100%;height:64%}.heroSidePhoto{width:31%;height:30%;top:auto!important;bottom:0}.heroSidePhoto.one{left:0}.heroSidePhoto.two{left:34.5%}.heroSidePhoto.three{right:0}.studioGallery{grid-template-columns:1fr}.studioGallery img{height:210px}}