/* Cifry: azul elétrico, superfícies escuras e acabamento metálico. */
:root{color-scheme:dark;--ink:#f1f5ff;--muted:#a2b2cc;--electric:#438bff;--line:#abcaff20}
body{background:#050a14;color:var(--ink);font-family:"Inter","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 0%,#153d8428,transparent 52%)}
.preview-note{background:#080e1a;color:#6d88b4;border-bottom:1px solid #ffffff08;letter-spacing:.8px;font-size:10px}
.nav{height:92px;position:relative;z-index:3}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#adc6ef3d,transparent)}
.brand{font-family:"Segoe UI",Arial,sans-serif;font-size:31px;letter-spacing:-1.5px;font-weight:800;color:#fff;filter:drop-shadow(0 3px 9px #5595ff22)}.brand .y{color:#438fff}.brand img{filter:drop-shadow(0 0 12px #3585ff29)}
.navlinks{color:#a6b4cb;font-size:12px;letter-spacing:.2px}.navlinks a{position:relative;transition:color .2s}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#5597ff;transition:right .2s}.navlinks a:hover{color:#e6f0ff}.navlinks a:hover:after{right:0}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;padding:15px 25px;background:linear-gradient(135deg,#3889ff 0%,#1552d1 58%,#0e369b 100%);border:1px solid #86b8ff75;box-shadow:inset 0 1px 0 #c3ddff5c,0 8px 24px #115cff28,0 1px 1px #000b;font-size:13px;letter-spacing:.2px;transition:transform .2s,box-shadow .2s,border-color .2s}
.button:after{content:"";position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 44%,#ffffff22 49%,transparent 54%);transform:translateX(-65%);pointer-events:none;transition:transform .7s}
.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #e0efff70,0 13px 32px #1f6bff45}.button:hover:after{transform:translateX(65%)}
.button.light{background:linear-gradient(125deg,#f7fbff,#c8d8ef 48%,#f3f7fc 71%,#a2b7d5);color:#132a50;border-color:#e0edffb3;box-shadow:inset 0 1px 0 #fff,0 8px 24px #0003;text-shadow:0 1px #fff8}
.button.outline{background:linear-gradient(125deg,#192945b3,#0b1528c9);border-color:#8aabd35e;box-shadow:inset 0 1px 0 #c4d7f022;color:#e3edfc}
.hero{background:radial-gradient(ellipse at 83% 35%,#1960d249,transparent 45%),radial-gradient(ellipse at 30% 104%,#163c975c,transparent 55%),linear-gradient(116deg,#050914 0%,#0a1730 53%,#0b2350 100%);border-bottom:1px solid #438fff35}
.hero:after{width:1000px;height:1000px;top:-390px;right:-390px;border-color:#9abaf11c;box-shadow:0 0 0 110px #91bcff03,0 0 0 220px #91bcff03}
.hero:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#438fff77,#bddefe66,transparent);z-index:3}
.hero-grid{min-height:725px}.hero-copy{padding-top:80px;padding-bottom:82px}.eyebrow{font-size:10px;color:#71a8ff;letter-spacing:2.7px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:18px;height:2px;background:linear-gradient(90deg,#9ad1ff,#2e75f1);box-shadow:0 0 10px #6cafff77;flex-shrink:0}
.hero .eyebrow{color:#9fbfe8}.hero h1{font-size:clamp(43px,4.5vw,65px);font-weight:760;letter-spacing:-3px;line-height:1.09;text-shadow:0 4px 22px #0005}
h1 em{background:linear-gradient(112deg,#d0e8ff 0%,#81b6ff 26%,#438aff 58%,#a3d1ff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 17px #3f84fb2b)}
.hero-sub{color:#aabdd9;font-size:16px;line-height:1.85;max-width:490px}.actions{gap:14px}.availability{color:#7f9cc4;letter-spacing:.1px;font-size:11px}.availability:before{background:#639dff;box-shadow:0 0 12px #4c8fffaa}
.hero-orbit{border-color:#96bcff23;background:radial-gradient(circle,#2471e11c,transparent 62%);box-shadow:0 0 100px #1467ee1a,0 0 0 42px #498fff04}
.phones{margin-top:70px}.phone{padding:8px;border:1px solid #b1c2d56e;background:linear-gradient(110deg,#e6edf8 0%,#5a6e8d 2%,#16243e 4%,#0a1020 92%,#9bb0cf 99%,#d0dcee 100%);box-shadow:inset 0 0 0 2px #dde7f31a,0 28px 55px #0006,0 0 50px #2469d817;transition:box-shadow .35s}
.phone img{background:#f7f9fc}.hero-main{animation:front-float 8s ease-in-out infinite}.hero-back{animation:back-float 9s ease-in-out infinite;opacity:.91}.phone:before{box-shadow:inset 0 1px 3px #ffffff15}.hero-main:hover,.hero-back:hover{animation-play-state:paused;box-shadow:0 28px 65px #0008,0 0 48px #478fff2e}
.ribbon{background:linear-gradient(90deg,#0a121f,#101e35,#0a121f);border-bottom:1px solid #99b8e71c}.ribbon .wrap{color:#839bbb;letter-spacing:.2px}.ribbon span:before{color:#6eaaff;text-shadow:0 0 10px #5995ff66}
.section{padding-top:102px;padding-bottom:102px;position:relative}.pale{background:radial-gradient(ellipse at 100% 15%,#0e23422b,transparent 56%),#080f1d}.intro .eyebrow{justify-content:center}.intro h2,.copy h2,.closing h2{font-weight:730}.intro h2{color:#f0f5ff}.intro p,.copy p{color:#8fa3c0;line-height:1.9}.intro p{font-size:14px}h2{letter-spacing:-1.5px}h3{color:#e5efff;font-weight:700}
.cards{gap:20px}.card{position:relative;overflow:hidden;padding:30px 27px;background:linear-gradient(132deg,#1a2a4355 0%,#0b1425 60%,#09121f 100%);border:1px solid #a2bcdf20;border-radius:19px;box-shadow:inset 0 1px 0 #c2d7f016,0 14px 28px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:before{content:"";position:absolute;left:25px;right:25px;top:0;height:1px;background:linear-gradient(90deg,transparent,#a8ceff50,transparent)}
.card:after{content:"";width:150px;height:150px;position:absolute;right:-90px;top:-90px;border-radius:50%;background:#3d8cfc12;filter:blur(15px);pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:#5b91ec6e;box-shadow:inset 0 1px 0 #c2d7f020,0 18px 36px #0004,0 0 24px #2c68d510}.card h3{font-size:17px;letter-spacing:-.3px}.card p{color:#8b9db9;font-size:13px}
.icon{width:49px;height:49px;color:#79b0ff;border:1px solid #75a6f138;border-radius:13px;background:linear-gradient(135deg,#284a795c,#0b1a31);box-shadow:inset 0 1px 0 #b9d7fc1d,0 5px 12px #0004}
.icon.orange{color:#e9b06b;border-color:#cfab7133;background:linear-gradient(135deg,#5d412d5e,#1a1c25)}.icon.green{color:#7ed1bd;border-color:#66b8a333;background:linear-gradient(135deg,#254f4e64,#0f2027)}.icon.purple{color:#b4a2f0;border-color:#b1a1e033;background:linear-gradient(135deg,#41376764,#161b30)}
.icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0005)}
.stage{background:radial-gradient(ellipse at 50% 45%,#1c53a273,transparent 68%),linear-gradient(135deg,#111e34,#080e1b);border:1px solid #b7cdf022;box-shadow:inset 0 1px 0 #ffffff11,0 25px 45px #0003;border-radius:24px;position:relative}
.stage:before{content:"";position:absolute;inset:22px;border:1px solid #a8ceff0c;border-radius:15px;pointer-events:none}.stage.dark{background:radial-gradient(ellipse at 85% 10%,#295fbe66,transparent 70%),linear-gradient(140deg,#0f2854,#060e1d)}.stage .phone{transform:rotate(-3deg);transition:transform .4s}.stage:hover .phone{transform:rotate(0deg) translateY(-5px)}
.checks li{color:#a2b3cb}.checks li:before{color:#77aaff;text-shadow:0 0 8px #5e98ff66}.copy .eyebrow{font-size:9px}
.lesson{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#1c59b64a,transparent 60%),linear-gradient(120deg,#0c192f,#102a55);border:1px solid #91bfff33;box-shadow:inset 0 1px 0 #ffffff1c,0 24px 40px #0004}.lesson:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#adcfff80,transparent)}
.lesson p{color:#a8bddb}.lesson-box{background:linear-gradient(140deg,#345a8b40,#09162b);border-color:#a0c3f22e;box-shadow:inset 0 1px 0 #ffffff13,0 20px 32px #0003}.lesson-box .number{font-weight:650;letter-spacing:-1.5px;font-size:42px;line-height:1.2;margin-bottom:25px;color:#e5efff}.lesson-box .line:after{background:linear-gradient(90deg,#3268e9,#9acfff);box-shadow:0 0 15px #4c98ff88}.screens{scrollbar-color:#315f9e #0b1426}.screen-item p{color:#8da6c9;font-size:11px;letter-spacing:1px}.gallery-note{color:#7893b8;font-size:11px}.screen-item .phone{transition:transform .25s,box-shadow .25s}.screen-item:hover .phone{transform:translateY(-5px);box-shadow:0 25px 45px #0008,0 0 25px #3e85ed22}
.price{position:relative;overflow:hidden;background:linear-gradient(135deg,#16243b,#0b1425 55%);border-color:#a6c0e62b;box-shadow:inset 0 1px 0 #ffffff1a,0 22px 35px #0003}.price:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#bbd9ff55,transparent)}
.price.premium{background:radial-gradient(ellipse at 100% 0%,#286bdc3d,transparent 65%),linear-gradient(135deg,#172e57,#0e1d38);border-color:#608fda70;box-shadow:inset 0 1px 0 #d9eaff39,0 22px 44px #0004,0 0 35px #2c71dd12}.price.premium .eyebrow{color:#accdfd}.price h3{color:#eef5ff}.amount{color:#e7f0ff;font-weight:650;letter-spacing:-1.7px}.amount small{color:#718aaa}.price .annual{color:#829bbb;font-size:11px}.price.premium .annual,.price.premium .checks li{color:#a9c0df}.price .checks li:before{color:#78aaff}
.faq details{border-color:#a5c5f01c;background:linear-gradient(130deg,#15233a80,#0a1323);box-shadow:inset 0 1px 0 #ffffff09;transition:border-color .2s}.faq details[open]{border-color:#6b9be34d}.faq summary{color:#c4d5ef;font-size:13px;letter-spacing:.1px}.faq details p{color:#8ea4c4;font-size:13px}.faq summary:after{color:#81b1ff}.faq details a{color:#82b5ff}
.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 10%,#1e65d55e,transparent 65%),linear-gradient(120deg,#101e38,#0b2856);border:1px solid #90bbf339;box-shadow:inset 0 1px 0 #d7e8ff23,0 30px 50px #0004}.closing .eyebrow{justify-content:center}.closing:before{content:"";width:320px;height:320px;position:absolute;right:-190px;top:-200px;border:1px solid #7aaeff2b;border-radius:50%;box-shadow:0 0 0 40px #91c0ff05,0 0 0 80px #91c0ff03}.closing p{color:#91afd5;font-size:14px}
.footer{background:radial-gradient(ellipse at 90% 5%,#183d752b,transparent 55%),#050a13;border-top:1px solid #9bb6df22;padding-top:65px;color:#7890b2}.footer-grid{grid-template-columns:1.2fr .75fr .75fr 1.45fr;gap:35px}.footer strong{color:#c1d2eb;text-transform:uppercase;font-size:10px;letter-spacing:1.8px;margin-top:15px}.footer p{color:#7289a9;line-height:1.85}.footer a:not(.brand){color:#8da2c1}.footer a:not(.brand):hover{color:#bed9ff}.copyright{border-color:#aac7ed17;color:#526b8e;letter-spacing:.3px}
.contact-panel{align-self:start;position:relative;border:1px solid #88b0e93d;border-radius:20px;overflow:hidden;padding:22px;background:radial-gradient(ellipse at 100% 0%,#1d5aac36,transparent 65%),linear-gradient(133deg,#1c2d4778,#0b1426 56%,#07101f);box-shadow:inset 0 1px 0 #d3e8ff27,0 16px 30px #0005}
.contact-panel:before{content:"";position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#adcfff90,transparent)}.contact-panel:after{content:"";position:absolute;right:-1px;top:-1px;width:31px;height:31px;background:linear-gradient(225deg,#050b16 47%,#406baf 49%,#1a3357 52%,#10213c 54%);pointer-events:none}.contact-panel strong{margin:0 0 7px;color:#e5efff;font-size:11px;letter-spacing:2px}.contact-panel>p{font-size:11px;margin:0 0 18px;line-height:1.7;max-width:none;color:#8099bf}
.footer .contact-link{display:flex!important;align-items:center;gap:12px;margin:10px 0 0!important;padding:13px 11px;border-radius:11px;background:linear-gradient(120deg,#ffffff09,#6eacff08);border:1px solid #9dc1f024;box-shadow:inset 0 1px 0 #ffffff0a;transition:background .2s,border-color .2s,transform .2s}
.footer .contact-link:hover{transform:translateX(3px);background:linear-gradient(120deg,#385f9b38,#0d1c33);border-color:#81a9e35c}.contact-symbol{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;border:1px solid #adc9ee30;background:linear-gradient(135deg,#314d7466,#0d1a2e);color:#94bcf4;box-shadow:inset 0 1px 0 #d1e5ff16,0 5px 10px #0003}.contact-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#6685b0;line-height:1.4;margin-bottom:3px}.contact-value{display:block;font-size:11px;font-weight:600;letter-spacing:0;color:#c0d5f4;line-height:1.5;overflow-wrap:anywhere}.contact-arrow{margin-left:auto;color:#6396dc;font-size:15px;flex-shrink:0}
@keyframes front-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes back-float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(9px) rotate(11deg)}}
@media(max-width:1050px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}.contact-panel{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.contact-panel strong,.contact-panel>p{grid-column:1/-1;margin-bottom:0}.footer .contact-link{margin-top:4px!important}.hero h1{font-size:54px}.hero-copy{padding-right:12px}.navlinks{font-size:11px}}
@media(max-width:760px){.nav{height:80px}.brand{font-size:28px}.hero-grid{min-height:0}.hero-copy{padding:50px 0 4px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-sub{font-size:14px}.section{padding:66px 0}.card{padding:22px 19px;border-radius:15px}.card h3{font-size:15px}.card p{font-size:12px}.icon{width:43px;height:43px}.icon svg{width:23px;height:23px}.stage{height:470px}.lesson{padding:30px}.lesson-box .number{font-size:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:1/-1}.contact-panel{display:block;padding:23px;grid-column:1/-1}.contact-panel>p{margin-bottom:19px}.footer .contact-link{margin-top:10px!important}.contact-value{font-size:13px}.contact-label{font-size:10px}.contact-symbol{width:39px;height:39px}.phones{margin-top:36px}.price .checks li{font-size:12px}.availability{font-size:10px}.ribbon .wrap{font-size:10px}}
@media(max-width:420px){.hero h1{font-size:42px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:45px 1fr;gap:0 16px}.card .icon{grid-row:1/3}.card h3{margin:1px 0 6px}.card p{grid-column:2}.nav .button{font-size:10px;padding:11px 13px}.actions .button{padding:13px 16px}.phones{height:455px}.hero-main{width:218px;left:12px}.hero-back{width:182px;right:0}.footer-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero-main,.hero-back{animation:none!important}.card:hover,.button:hover,.stage:hover .phone,.screen-item:hover .phone,.footer .contact-link:hover{transform:none!important}}