:root{--navy:#07183f;--navy2:#082b79;--blue:#0668f9;--sky:#e8f5ff;--yellow:#ffe327;--pink:#ff178d;--ink:#07183f;--white:#fff;--border:#102a61}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.progress{height:4px;width:0;position:fixed;top:0;left:0;background:var(--yellow);z-index:110;box-shadow:0 0 16px var(--yellow)}.announcement{height:32px;background:#061439;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;font-size:10px;letter-spacing:1.3px}.announcement-end{color:var(--yellow)}.pulse{width:7px;height:7px;background:#47e5a0;border-radius:50%;box-shadow:0 0 0 5px #47e5a022;animation:pulse 2s infinite}.site-header{position:sticky;top:0;z-index:80;background:#082d7bf5;border-bottom:1px solid #ffffff25;backdrop-filter:blur(18px);color:#fff;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 30px #04132d35}.nav{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:19px;font-style:italic;font-weight:1000;line-height:1;letter-spacing:-.8px}.brand img{width:86px;height:54px;object-fit:contain}.brand strong{display:block;color:var(--yellow)}.menu{display:flex;align-items:center;gap:26px;font-weight:800;font-size:13px}.menu a:hover{color:var(--yellow)}.menu .nav-cta{background:var(--yellow);border-radius:12px;color:var(--ink);padding:13px 18px;box-shadow:3px 4px 0 #00163d}.menu-btn{display:none;border:1px solid #ffffff55;color:#fff;background:#ffffff12;padding:8px 12px;border-radius:10px;font-size:24px}.hero{position:relative;background:radial-gradient(circle at 78% 42%,#146fe7 0,transparent 42%),linear-gradient(120deg,#06143a,#073c9b 64%,#046ce7);color:#fff;overflow:hidden}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,transparent,#000)}.hero-orb{position:absolute;width:560px;height:560px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}.orb-one{right:-180px;top:-170px;animation:spin 55s linear infinite}.orb-two{right:16%;bottom:-410px;border-style:dashed;animation:spin 55s linear reverse infinite}.hero-layout{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;min-height:690px;padding-top:68px;padding-bottom:80px}.pill{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #ffffff66;background:#ffffff14;border-radius:100px;backdrop-filter:blur(8px);font-weight:900;font-size:12px;letter-spacing:1px}.hero-kicker{color:#8fd4ff;font-weight:1000;letter-spacing:2px;font-size:12px;margin:26px 0 12px}.hero h1,.section h2{font-weight:1000;letter-spacing:-2.5px;line-height:1.05}.hero h1{font-size:clamp(44px,5.9vw,79px);margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--yellow);text-shadow:4px 4px 0 #052153}.hero h1 span{color:#8edaff}.hero-sub{color:#d8eaff;line-height:1.75;max-width:590px;font-size:17px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:51px;padding:13px 22px;border:2px solid #09183c;border-radius:14px;font-weight:950;font-size:14px;box-shadow:4px 5px 0 #04143c;transition:transform .2s,box-shadow .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-4px);box-shadow:6px 9px 0 #04143c}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-outline{border-color:#ffffff80;color:#fff;background:#ffffff15}.btn-pink{background:var(--pink);color:#fff}.btn-dark{background:var(--navy);color:#fff}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.hero-chips span{border:1px solid #ffffff30;border-radius:100px;padding:8px 11px;background:#ffffff0c;font-size:12px;font-weight:750}.hero-stage{position:relative;min-height:570px;display:grid;place-items:center;transform-style:preserve-3d}.hero-poster{width:min(340px,80%);position:relative;z-index:2;transform:rotate(5deg);filter:drop-shadow(0 30px 35px #0008);animation:float 6s ease-in-out infinite}.hero-poster img{width:100%;border:5px solid #fff;border-radius:20px}.orbit{position:absolute;border:2px dashed #5fc7ff66;border-radius:50%;width:450px;height:450px;animation:spin 35s linear infinite}.orbit-b{width:340px;height:340px;animation-direction:reverse}.sticker{position:absolute;z-index:3;padding:13px 18px;border:3px solid var(--ink);border-radius:16px;font-weight:1000;box-shadow:5px 6px 0 #051439;font-size:17px}.sticker-top{top:12%;left:-1%;background:var(--yellow);color:var(--ink);transform:rotate(-12deg)}.sticker-bottom{right:-2%;bottom:14%;background:var(--pink);transform:rotate(9deg)}.spark{position:absolute;color:var(--yellow);font-size:48px;animation:twinkle 2.7s ease-in-out infinite}.s1{left:8%;bottom:24%}.s2{right:7%;top:14%;animation-delay:1s}.s3{right:15%;bottom:5%;animation-delay:.5s}.hero-bottom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 40px));display:flex;justify-content:space-between;color:#a5d6ff;font-size:10px;letter-spacing:1.8px;font-weight:900}.hero-bottom b{color:var(--yellow)}.ticker{background:var(--yellow);color:var(--ink);border-block:3px solid var(--ink);white-space:nowrap;overflow:hidden;transform:rotate(-1deg) scale(1.01);position:relative;z-index:2}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite;font-size:16px;font-weight:1000;padding:13px 0}.ticker-track span{margin:0 22px}.section{padding:105px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-title>div{flex:1}.section-title>p{max-width:365px;color:#536580;line-height:1.7;margin:0}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:1.7px;color:#0460dc;display:inline-block;margin-bottom:15px}.section h2{font-size:clamp(35px,4.5vw,62px);margin:0}.blue{color:#0768e8}.pink{color:var(--pink)}.yellow{color:var(--yellow)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter{background:#fff;border:2px solid #d6e5f7;color:var(--navy);padding:11px 18px;border-radius:100px;font-weight:900;transition:background .2s,transform .2s}.filter:hover{transform:translateY(-3px)}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.service-card{background:#fff;border:2px solid #0b2559;border-radius:22px;overflow:hidden;box-shadow:6px 7px 0 #0a2c6e;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:9px 14px 0 #0a2c6e}.service-card[hidden]{display:none!important}.card-art{position:relative;background:linear-gradient(135deg,#005be5,#80d9ff);height:255px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .65s}.service-card:hover .card-art img{transform:scale(1.07)}.card-index{position:absolute;left:14px;bottom:14px;background:var(--yellow);border:2px solid var(--navy);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:1000;box-shadow:3px 3px 0 var(--navy)}.card-content{padding:25px;flex:1;display:flex;flex-direction:column}.card-content h3{font-size:23px;letter-spacing:-.6px;margin:0 0 10px}.card-content p{line-height:1.65;color:#526480;margin:0 0 25px;flex:1}.link-btn{background:transparent;border:0;border-top:1px solid #dbe5f1;padding:15px 0 0;text-align:left;font-weight:1000;color:#065cd6;display:flex;justify-content:space-between}.link-btn span{font-size:21px}.package-section{background:radial-gradient(circle at 70% 20%,#145fc5,transparent 45%),linear-gradient(135deg,#061538,#07348d);color:#fff}.section-title.light .eyebrow{color:#8acfff}.section-title.light>p{color:#c5d9f4}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:stretch}.price-card{background:#fff;color:var(--navy);border:3px solid var(--navy);border-radius:22px;padding:30px 25px;box-shadow:7px 8px 0 #001333;position:relative;display:flex;flex-direction:column;transition:transform .25s}.price-card:hover{transform:translateY(-7px)}.price-card.featured{border-color:var(--yellow);transform:translateY(-12px)}.price-card.featured:hover{transform:translateY(-18px)}.price-top{display:flex;justify-content:space-between;align-items:center;font-weight:1000;letter-spacing:1px;font-size:12px}.price-top span:last-child{font-size:29px}.speed{font-weight:1000;font-size:clamp(60px,6vw,88px);letter-spacing:-5px;line-height:1.1;margin:18px 0 6px}.speed small{font-size:24px;letter-spacing:-1px}.price-card>p{line-height:1.6;color:#536580;min-height:52px}.price{border-top:1px dashed #bdcde1;padding:20px 0;margin-top:auto;color:#0666e8;font-size:clamp(24px,2.5vw,33px);font-weight:1000;white-space:nowrap}.price small{color:#5e6f86;font-size:13px}.price-card .btn{width:100%}.popular{position:absolute;right:15px;top:-21px;padding:10px 15px;background:var(--yellow);border:2px solid var(--navy);border-radius:12px;color:var(--navy);font-size:12px;font-weight:1000;transform:rotate(5deg)}.disclaimer{color:#bcd5f3;font-size:12px;line-height:1.6;text-align:center;margin:28px auto 0;max-width:850px}.selector{margin-top:60px;border:1px solid #ffffff45;background:#ffffff12;backdrop-filter:blur(8px);border-radius:22px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.selector .eyebrow{color:var(--yellow)}.selector h3{font-size:26px;margin:0 0 8px}.selector p{color:#c4d8f3;margin:0;font-size:13px}.selector-right{display:grid;gap:12px;justify-items:center}.counter{display:flex;align-items:center;gap:12px}.counter button{width:39px;height:39px;border:2px solid var(--navy);background:var(--yellow);border-radius:10px;font-size:25px;font-weight:1000}.counter strong{min-width:25px;text-align:center;font-size:25px}.counter span{font-size:12px}.recommendation{font-size:13px;background:#fff;color:var(--navy);border-radius:9px;padding:10px 14px}.promo-section{background:linear-gradient(140deg,#f0f9ff,#fff9c7)}.promo-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}.promo-copy>p{line-height:1.8;color:#51627b;max-width:550px}.promo-price{display:grid;gap:5px;font-size:13px;font-weight:1000;letter-spacing:2px;margin:30px 0;color:#64748b}.promo-price strong{font-size:clamp(40px,5vw,64px);color:var(--pink);letter-spacing:-2px}.promo-price span{font-size:27px}.micro{font-size:12px!important;line-height:1.65!important;color:#62718b!important;margin-top:18px}.promo-image{position:relative;max-width:370px;margin:auto;transform:rotate(3deg);filter:drop-shadow(12px 18px 0 #0c2b6d)}.promo-image img{border:5px solid #fff;border-radius:22px}.promo-sticker{position:absolute;left:-22%;bottom:10%;background:var(--yellow);padding:14px;border:3px solid var(--navy);border-radius:12px;font-weight:1000;transform:rotate(-10deg);box-shadow:4px 5px 0 var(--navy)}.identity-section{background:#06163d;color:#fff;overflow:hidden}.identity-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.identity-logo{position:relative;min-height:420px;display:grid;place-items:center}.identity-logo img{width:min(360px,90%);border-radius:20px;transform:rotate(-5deg);border:4px solid #ffffff30;box-shadow:0 30px 90px #0006;z-index:2}.identity-ring{position:absolute;border:2px dashed #32aaff8a;width:410px;height:410px;border-radius:50%;animation:spin 45s linear infinite}.identity-logo>span{position:absolute;right:0;bottom:20px;z-index:3;background:var(--yellow);border:3px solid #07183f;border-radius:14px;padding:13px 18px;transform:rotate(10deg);color:var(--navy);font-size:22px;font-weight:1000}.identity-section .eyebrow{color:#8dd2ff}.identity-lead{font-size:18px;color:#d0e3fa;line-height:1.75}.identity-points{display:grid;gap:12px;margin-top:26px}.identity-points>div{display:grid;grid-template-columns:40px 120px 1fr;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff27}.identity-points span{color:var(--yellow);font-weight:1000}.identity-points strong{font-size:14px}.identity-points small{color:#b4cce9;line-height:1.5}.contact-section{background:#f7fbff}.contact-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px}.contact-info{display:grid;align-content:start;gap:17px}.contact-tile{display:flex;gap:17px;padding:24px;background:#fff;border:2px solid #d6e3f4;border-radius:19px}.contact-tile>span{font-size:30px}.contact-tile small{font-weight:1000;color:#0869e7;letter-spacing:1px}.contact-tile h3{font-size:24px;margin:7px 0}.contact-tile p{font-size:13px;color:#526480;line-height:1.5}.contact-tile a{font-weight:1000;color:#0562df}.contact-poster{height:260px;width:100%;object-fit:cover;object-position:center 37%;border-radius:18px;border:2px solid #d6e3f4}.contact-form{background:#fff;border:2px solid var(--navy);border-radius:23px;padding:34px;box-shadow:8px 9px 0 var(--navy);display:flex;flex-direction:column}.form-badge{font-size:11px;color:#0663df;font-weight:1000;letter-spacing:1.5px}.contact-form h3{font-size:30px;margin:12px 0 23px}.contact-form label{font-size:13px;font-weight:900;margin:0 0 8px}.contact-form input,.contact-form select,.contact-form textarea{border:2px solid #d2dfed;border-radius:11px;background:#f9fcff;padding:13px 15px;margin-bottom:18px;outline-offset:2px;max-width:100%}.contact-form textarea{resize:vertical}.contact-form .btn{align-self:stretch}.footer{background:#051330;color:#fff;padding:50px 0 22px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner p{color:#aabfdf;line-height:1.7;font-size:13px}.footer-links{display:flex;align-items:start;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:850}.footer-links a:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff24;padding-top:22px;margin-top:40px;font-size:12px;color:#9bb2d2}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;border:2px solid #05352a;background:#13c56d;color:#fff;border-radius:100px;padding:14px 18px;font-weight:1000;box-shadow:0 9px 30px #0003;animation:waBounce 5s ease-in-out infinite}.back-top{position:fixed;left:20px;bottom:20px;z-index:60;width:40px;height:40px;border:0;border-radius:50%;background:var(--navy);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.show{opacity:1;pointer-events:auto}.detail-dialog{width:min(880px,calc(100% - 30px));max-height:min(88vh,850px);padding:0;border:3px solid var(--navy);border-radius:23px;box-shadow:0 35px 100px #0006;overflow:auto}.detail-dialog::backdrop{background:#03102ad9;backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:12px;float:right;z-index:3;margin:12px 12px -48px 0;width:42px;height:42px;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);font-size:20px}.dialog-body{display:grid;grid-template-columns:.8fr 1fr;gap:30px;padding:30px;align-items:center}.dialog-body img{max-height:620px;width:100%;object-fit:contain;border-radius:13px}.dialog-body h2{font-size:38px;line-height:1.05;letter-spacing:-1.4px}.dialog-body p,.dialog-body li{line-height:1.65;color:#53627b}.dialog-body ul{padding-left:20px;margin-bottom:28px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-17px) rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #47e5a000}}@keyframes waBounce{5%,12%{transform:translateY(-5px)}9%,15%,100%{transform:translateY(0)}}
@media(max-width:1050px){.menu{gap:15px}.brand{font-size:16px}.hero-layout{gap:10px}.hero-stage{min-height:500px}.sticker{font-size:13px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-layout{gap:35px}}@media(max-width:760px){.container{width:min(100% - 30px,1200px)}.announcement{font-size:8px;letter-spacing:.6px}.announcement-end{display:none}.nav{min-height:70px}.brand{font-size:16px}.brand img{width:67px;height:46px}.menu-btn{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#082b75;padding:22px 20px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 18px 25px #0003}.menu.open{display:flex}.menu a{padding:11px 13px}.hero-layout{grid-template-columns:1fr;min-height:0;padding:55px 0 65px;gap:8px}.hero h1{font-size:clamp(42px,10vw,70px)}.hero-sub{font-size:15px}.hero-stage{min-height:410px}.hero-poster{width:min(260px,65%)}.orbit{width:330px;height:330px}.orbit-b{width:260px;height:260px}.sticker-top{left:4%;top:8%}.sticker-bottom{right:2%;bottom:12%}.hero-bottom{font-size:8px}.section{padding:75px 0}.section-title{display:block}.section-title>p{margin-top:20px}.section h2{font-size:clamp(36px,8vw,52px)}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.price-card.featured:hover{transform:translateY(-7px)}.price-card>p{min-height:0}.selector{display:grid}.promo-layout,.identity-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.promo-image{max-width:280px}.promo-sticker{left:-10%;font-size:12px}.identity-logo{min-height:310px}.identity-logo img{max-width:270px}.identity-ring{width:300px;height:300px}.contact-poster{height:220px}.footer-inner{display:grid}.dialog-body{grid-template-columns:1fr}.dialog-body img{max-height:300px;object-position:top}.dialog-body h2{font-size:30px}}@media(max-width:520px){.hero h1{letter-spacing:-1.6px}.hero-chips span{font-size:10px}.hero-stage{min-height:360px}.hero-poster{width:220px}.orbit{width:270px;height:270px}.orbit-b{width:210px;height:210px}.sticker{font-size:10px;padding:10px}.service-grid{grid-template-columns:1fr}.card-art{height:260px}.filter{padding:9px 12px;font-size:12px}.price{font-size:27px}.identity-points>div{grid-template-columns:30px 1fr;gap:5px}.identity-points small{grid-column:2}.contact-form{padding:23px}.contact-tile{padding:17px}.contact-tile h3{font-size:20px}.floating-wa{right:12px;bottom:12px;padding:12px 15px}.floating-wa span{display:none}.footer-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.ticker-track{animation:none}.hero-poster{transform:rotate(5deg)}}

/* V3 — distinctive brand universe */
:root{--electric:#086bff;--sun:#ffe500;--bubble:#ff168c}
body{overflow-x:hidden}
.hero{isolation:isolate;background:radial-gradient(circle at 75% 46%,#136fff 0%,#083bb7 35%,#06174c 75%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#fff 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black)}
.hero-layout{position:relative;z-index:2}.hero-copy{position:relative;z-index:4}.hero-stage{min-height:610px;isolation:isolate;perspective:900px}.hero-mascot{position:absolute;z-index:3;width:min(90%,530px);max-height:620px;object-fit:contain;bottom:-28px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 18px 2px #02184c88) drop-shadow(0 25px 35px #00123b);animation:mascotFloat 5s ease-in-out infinite}.network-disc{position:absolute;inset:8% 4% 10%;border:2px dashed #66d9ff80;border-radius:50%;background:radial-gradient(circle,#19caff38,transparent 65%);animation:discSpin 42s linear infinite}.network-disc svg{width:100%;height:100%;fill:none;stroke:#7ae7ff80;stroke-width:2}.nd{position:absolute;width:17px;height:17px;background:#ffe500;border:4px solid white;border-radius:50%;box-shadow:0 0 18px #ffe500}.nd1{left:10%;top:27%}.nd2{right:13%;top:17%}.nd3{bottom:11%;left:32%}.nd4{right:12%;bottom:23%}.float-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #ffffff88;border-radius:17px;background:#ffffffee;box-shadow:6px 8px 0 #051e6e70;color:#062e84;animation:chipFloat 4s ease-in-out infinite}.float-chip b{display:block;font-size:12px;letter-spacing:.02em}.float-chip small{display:block;font-size:10px}.chip-icon{font-size:25px;color:#ff138a}.chip-router{top:12%;left:-5%;transform:rotate(-7deg)}.chip-ai{top:30%;right:-7%;animation-delay:-1s;transform:rotate(6deg)}.chip-sec{bottom:11%;right:-4%;animation-delay:-2s;transform:rotate(-5deg)}.hero-stamp{position:absolute;z-index:6;left:0;bottom:17%;background:#ffe500;border:4px solid #fff;outline:3px solid #0738a3;border-radius:48% 52% 43% 57%;padding:14px 20px;color:#062269;font-size:13px;font-weight:1000;text-align:center;line-height:1.05;transform:rotate(-13deg);box-shadow:5px 7px 0 #031b68}.hero-stamp strong{font-size:22px}.hero-poster,.sticker{display:none!important}
@keyframes mascotFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}@keyframes discSpin{to{transform:rotate(360deg)}}@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.device-universe{position:relative;overflow:hidden;padding:92px 0 100px;background:linear-gradient(165deg,#fff 0%,#eaf7ff 48%,#fff3b0 100%)}.device-universe::before{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(120deg,transparent 0 42px,#0985ff1b 43px 45px)}.universe-head{position:relative;text-align:center;max-width:800px;margin:0 auto 38px}.universe-head h2{font-size:clamp(30px,4.2vw,56px);line-height:1.04;margin:13px 0}.universe-head h2 em{color:#086bff;font-style:normal}.universe-head p{color:#52607b}.device-row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.device-tile{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#fff;border:2px solid #a7d7ff;border-radius:25px;box-shadow:0 10px 0 #b6ddff,0 20px 35px #053a8622;transition:transform .3s,box-shadow .3s;transition-delay:var(--delay)}.device-tile:hover{transform:translateY(-12px) rotate(-2deg);box-shadow:0 17px 0 #ffe500,0 27px 35px #053a8622}.device-tile strong{font-size:13px;color:#07296c;text-align:center}.device-tile small{font-size:11px;color:#56678d}.device-illustration{height:105px;width:145px;position:relative;display:grid;place-items:center;filter:drop-shadow(5px 8px 0 #062e9340)}.antenna{position:absolute;bottom:58px;width:8px;height:58px;background:#07378d;border:3px solid #00184c;border-radius:9px}.antenna.left{left:27px;transform:rotate(-14deg)}.antenna.right{right:27px;transform:rotate(14deg)}.router-body{position:absolute;bottom:12px;width:126px;height:55px;border:5px solid #06276a;border-radius:14px;background:linear-gradient(#f9fdff,#a4d9ff);display:flex;align-items:end;gap:9px;padding:12px}.router-body i{width:8px;height:8px;background:#16d27d;border-radius:50%;box-shadow:0 0 8px #16d27d}.wifi-signal{position:absolute;top:-16px;font-size:40px;color:#ffce00}.camera-arm{position:absolute;width:18px;height:60px;background:#94d8ff;transform:rotate(42deg);right:28px;bottom:8px;border:4px solid #07378d}.camera-body{position:absolute;top:20px;left:14px;width:111px;height:49px;background:linear-gradient(135deg,#fff,#8cd7ff);border:5px solid #07378d;border-radius:13px;transform:rotate(-12deg)}.camera-body i{display:block;width:35px;height:35px;background:radial-gradient(circle,#00c7ff 0 20%,#061d54 25% 62%,#4d94df 65%);border:3px solid #041d4d;border-radius:50%;margin:2px 0 0 5px}.camera-base{position:absolute;bottom:3px;right:10px;width:43px;height:11px;background:#083aa1;border-radius:8px}.laptop-screen{display:grid;place-items:center;width:122px;height:80px;border:7px solid #052766;border-radius:12px;background:linear-gradient(140deg,#069fff,#052f99);color:#fff;font-size:30px;font-weight:900}.laptop-base{position:absolute;bottom:7px;width:143px;height:13px;background:#c3e9ff;border:4px solid #062766;border-radius:4px}.growth .bar{position:absolute;bottom:16px;width:24px;background:linear-gradient(#ffdf00,#ff9200);border:4px solid #052a74;border-radius:6px}.growth .b1{height:34px;left:20px}.growth .b2{height:56px;left:59px}.growth .b3{height:81px;left:98px}.growth-arrow{position:absolute;top:-12px;right:4px;font-size:49px;color:#ff0b8c;font-weight:900}.ai-core{display:grid;place-items:center;width:90px;height:85px;border-radius:19px;background:linear-gradient(135deg,#00caff,#0651dd);border:7px solid #07296b;box-shadow:inset 0 0 15px #fff8;color:#fff;font-size:39px;font-weight:1000}.ai-pin{position:absolute;background:#ffe500;border:3px solid #082c76;width:12px;height:25px;border-radius:4px}.ai-pin.p1{top:0;left:27px}.ai-pin.p2{top:0;right:27px}.ai-pin.p3{bottom:0;left:27px}.ai-pin.p4{bottom:0;right:27px}
.services{background:linear-gradient(180deg,#f8fbff,#edf6ff)}.service-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.service-card:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 24px 35px #082b722b}.card-art{overflow:hidden}.card-art img{transition:transform .6s}.service-card:hover .card-art img{transform:scale(1.065)}
.experience{position:relative;overflow:hidden;background:#06194f;color:white;padding:105px 0}.experience::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 10%,#086dff77,transparent 40%),repeating-linear-gradient(0deg,transparent 0 38px,#fff1 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#fff1 39px 40px)}.experience .container{position:relative}.experience-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.experience-head h2{font-size:clamp(30px,4.3vw,58px);line-height:1.05;max-width:750px}.experience-head h2 span{color:#ffe500}.experience-head p{max-width:250px;color:#bdd6ff}.experience-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.experience-tabs{display:flex;flex-direction:column;gap:10px}.exp-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:19px 16px;background:#ffffff12;border:1px solid #ffffff33;border-radius:16px;color:#fff;cursor:pointer;font-weight:800;transition:all .25s}.exp-tab span{color:#ffe500}.exp-tab b{margin-left:auto}.exp-tab:hover,.exp-tab.active{background:#ffe500;color:#06194f;transform:translateX(6px)}.exp-tab.active span{color:#ec007c}.experience-display{padding:13px;border:1px solid #6dafff;border-radius:25px;background:#ffffff13;position:relative;min-height:405px;overflow:hidden}.exp-glow{position:absolute;inset:-40%;background:radial-gradient(circle at 70% 50%,#00cfff55,transparent 50%);pointer-events:none}.exp-screen{position:relative;height:100%;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#0947b8,#081d64 72%);border:2px solid #74bcff}.exp-screen-bar{display:flex;justify-content:space-between;gap:8px;padding:13px 18px;background:#031239;font-size:10px;letter-spacing:.12em;color:#a7dbff}.screen-dots{color:#ffde00;letter-spacing:4px}.exp-screen-body{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:345px;padding:26px;gap:12px}.exp-copy{position:relative;z-index:2}.exp-badge{font-size:11px;letter-spacing:.13em;color:#ffe500;font-weight:900}.exp-copy h3{font-size:clamp(25px,3vw,44px);line-height:1.05;margin:15px 0}.exp-copy p{color:#c7dcff;max-width:370px;margin-bottom:23px}.exp-art{height:305px;display:flex;justify-content:center;align-items:center;position:relative}.exp-art::before{content:"";position:absolute;width:220px;height:220px;background:#ffe500;border-radius:50%;filter:blur(2px);box-shadow:0 0 80px #09b5ff}.exp-art img{position:relative;height:100%;max-width:100%;object-fit:contain;border-radius:12px;transform:rotate(7deg);box-shadow:10px 14px 0 #06133e;transition:transform .4s}.exp-art img:hover{transform:rotate(0) scale(1.04)}.exp-swap .exp-copy,.exp-swap .exp-art{animation:expEnter .35s both}@keyframes expEnter{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.package-section{background:radial-gradient(circle at 95% 15%,#1276ef,#04164a 67%)}.promo-section{background:linear-gradient(135deg,#fffdf2,#fff1c1 48%,#e6f6ff)}.identity-section{background:radial-gradient(circle at 10% 40%,#155ae1,#06194f 65%)}.brand-break{background:#ffe500;overflow:hidden;position:relative}.brand-break::before{content:"";position:absolute;inset:0;opacity:.13;background:repeating-radial-gradient(circle at 95% 20%,#0854e0 0 4px,transparent 5px 34px)}.brand-break-inner{position:relative;min-height:480px;display:flex;align-items:center}.brand-break-inner>div:not(.break-bursts){position:relative;z-index:2;padding:70px 0}.brand-break-inner span{font-weight:900;color:#e80076;letter-spacing:.12em}.brand-break-inner h2{font-size:clamp(35px,5vw,75px);line-height:1.04;margin:16px 0 26px;color:#052969;max-width:800px}.brand-break-inner h2 em{font-style:normal;color:#ff0084;-webkit-text-stroke:1px #fff}.brand-break-inner img{position:absolute;right:-6%;bottom:-110px;width:370px;max-width:43%;filter:drop-shadow(10px 10px 0 #04338a);transform:rotate(6deg)}.break-bursts{position:absolute;top:10%;right:7%;font-size:50px;color:#f0008c}
@media(max-width:1100px){.hero-mascot{width:100%}.float-chip{padding:7px 9px}.device-row{gap:9px}.device-tile{min-height:200px}.device-illustration{transform:scale(.8)}.brand-break-inner img{opacity:.9}}
@media(max-width:800px){.hero-stage{min-height:520px}.hero-mascot{width:min(90%,440px)}.chip-router{left:0}.chip-ai{right:0}.chip-sec{right:0}.device-row{grid-template-columns:repeat(3,1fr)}.experience-layout{grid-template-columns:1fr}.experience-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.experience-head{display:block}.experience-head p{max-width:none;margin-top:15px}.brand-break-inner img{width:260px;right:-7%;bottom:-65px;opacity:.6}.brand-break-inner h2{max-width:85%}}
@media(max-width:540px){.hero-stage{min-height:440px;margin-top:20px}.hero-mascot{width:93%;max-height:420px;bottom:0}.network-disc{inset:4% 4% 7%}.float-chip{gap:5px;padding:6px 7px;border-radius:10px}.float-chip b{font-size:9px}.float-chip small{font-size:8px}.chip-icon{font-size:16px}.chip-router{top:8%}.chip-ai{top:34%}.chip-sec{bottom:5%}.hero-stamp{bottom:16%;left:-1%;padding:8px;font-size:9px}.hero-stamp strong{font-size:14px}.device-universe{padding:65px 0}.device-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.device-tile{min-height:180px}.device-tile:last-child{grid-column:1/-1}.experience{padding:70px 0}.experience-tabs{grid-template-columns:1fr 1fr;gap:7px}.exp-tab{padding:12px 8px;font-size:11px;gap:5px}.exp-tab b{display:none}.exp-screen-bar{font-size:8px;padding:9px}.exp-screen-body{grid-template-columns:1fr;padding:20px}.exp-art{height:190px}.exp-art::before{width:145px;height:145px}.exp-copy h3{font-size:29px}.exp-copy p{font-size:13px}.brand-break-inner{min-height:370px}.brand-break-inner h2{font-size:36px}.brand-break-inner img{width:190px;bottom:-35px;right:-8%;opacity:.38}.brand-break-inner h2{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero-mascot,.network-disc,.float-chip{animation:none!important}.device-tile,.exp-art img{transition:none!important}}
