:root{color-scheme:dark;--bg:#020813;--bg2:#071121;--line:rgba(79,183,224,.16);--line2:rgba(64,209,252,.32);--text:#e9f6ff;--muted:#90a9bc;--cyan:#42dafa;--blue:#167af4;--teal:#4ff7cb;--font:Inter,'Segoe UI',Arial,sans-serif;--mono:'Cascadia Code',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{outline-offset:4px}::selection{background:#13a9e8;color:#fff}.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.ambient{position:absolute;inset:0 0 auto;min-height:2050px;z-index:-1;pointer-events:none;background:radial-gradient(900px 700px at 70% 10%,rgba(0,100,207,.115),transparent 65%),radial-gradient(750px 550px at 4% 55%,rgba(0,148,218,.045),transparent 70%),linear-gradient(180deg,rgba(19,58,90,.1),transparent 34%)}body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(59,168,203,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(59,168,203,.028) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000,transparent 1800px)}#particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.announcement{height:34px;background:rgba(6,27,43,.8);border-bottom:1px solid rgba(78,206,247,.1);display:flex;justify-content:center;align-items:center;gap:13px;font:600 9px var(--mono);letter-spacing:2.1px;color:#90b5cc}.signal,.mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46fbbd;box-shadow:0 0 12px #43f5c4}.ann-divider{color:#34617b}.nav{height:82px;position:sticky;top:0;z-index:20;background:rgba(2,9,20,.82);border-bottom:1px solid rgba(81,203,240,.11);backdrop-filter:blur(22px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:14px;letter-spacing:1.3px;white-space:nowrap}.brand b{color:var(--cyan)}.brand-icon{width:42px;height:42px;border:1px solid rgba(75,227,255,.7);background:radial-gradient(circle at 50% 50%,rgba(30,145,206,.3),rgba(7,27,44,.8));box-shadow:inset 0 0 12px rgba(40,157,207,.2),0 0 20px rgba(0,171,232,.09);display:flex;align-items:center;justify-content:center;gap:3px;border-radius:12px;transform:rotate(-6deg)}.brand-icon i{height:18px;width:3px;background:#52e6ff;transform:skewX(-35deg);border-radius:2px;box-shadow:0 0 9px #2bc4fb}.brand-icon i:first-child{height:13px}.brand-icon i:last-child{height:13px}.main-nav{display:flex;align-items:center;gap:36px}.main-nav a{font-size:12px;color:#a4bfce;transition:color .2s}.main-nav a:hover{color:#fff}.nav-cta{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(65,212,247,.53);padding:13px 18px;border-radius:8px;font-size:11px;font-weight:750;letter-spacing:.2px;color:#defaff;background:rgba(11,76,107,.22);transition:background .2s,box-shadow .2s}.nav-cta:hover{background:rgba(14,121,169,.26);box-shadow:0 0 25px #009bd41b}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.nav-cta svg{width:15px;height:15px}.mobile-menu{display:none}.mobile-nav{display:none}
.hero{padding-top:85px;position:relative}.hero-grid{display:grid;grid-template-columns:50% 50%;min-height:588px;align-items:center}.hero-copy{position:relative;z-index:2;padding:0 0 40px}.eyebrow{font:700 10px var(--mono);color:#5dcce8;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow-icon{font-size:20px;line-height:0;color:#53e4ff}.eyebrow-line{display:inline-block;width:85px;height:1px;background:linear-gradient(90deg,rgba(76,210,243,.8),transparent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7vw,105px);font-weight:760;letter-spacing:-6px;line-height:1.03;margin:32px 0 25px}h1 span{background:linear-gradient(105deg,#b1faff 0%,#4bdcff 42%,#176efa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 90px rgba(24,185,244,.2)}.hero-lead{max-width:560px;color:#a5bdcd;font-size:18px;line-height:1.78}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:38px 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:52px;padding:0 23px;border-radius:9px;cursor:pointer;font-weight:750;font-size:12px;transition:transform .2s,box-shadow .2s,border-color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{height:16px;width:16px}.button-primary{background:linear-gradient(110deg,#62eeff,#12bef5);color:#03121c;border:1px solid #80f5ff;box-shadow:0 0 0 3px rgba(26,188,243,.1),0 8px 36px rgba(5,177,229,.2)}.button-primary:hover{box-shadow:0 0 0 5px rgba(26,188,243,.14),0 15px 44px rgba(5,177,229,.36)}.button-ghost{border:1px solid rgba(102,197,235,.29);color:#d0e8f8;background:rgba(4,23,38,.45)}.button-ghost:hover{border-color:rgba(102,197,235,.6);box-shadow:0 0 24px #1e9ac41c}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font:600 9px var(--mono);letter-spacing:1px;color:#6c91a8}.hero-meta span:not(:first-child):before{content:'◆';font-size:6px;color:#2b7094;margin-right:14px}.hero-meta .mini-dot{margin-right:8px}.core-stage{min-height:620px;position:relative;display:grid;place-items:center;isolation:isolate}.core-backglow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,162,242,.24),rgba(13,83,141,.12) 43%,transparent 72%);filter:blur(40px);animation:breath 6s ease-in-out infinite alternate}.core-glow{position:relative;z-index:2;width:min(100%,660px);aspect-ratio:1;animation:float 8s ease-in-out infinite}.core-glow img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 16px rgba(3,185,255,.3))}.core-arc{position:absolute;width:95%;aspect-ratio:1;border:1px solid rgba(57,179,235,.16);border-radius:50%;z-index:1;animation:spin 60s linear infinite}.core-arc:before,.core-arc:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#54ebff;box-shadow:0 0 17px #45ddff}.core-arc:before{top:18%;left:15%}.core-arc:after{bottom:13%;right:18%}.arc-two{width:76%;border-style:dashed;border-color:rgba(52,167,221,.12);animation-direction:reverse;animation-duration:35s}.core-scan{position:absolute;z-index:3;width:42%;height:1px;background:linear-gradient(90deg,transparent,rgba(118,239,255,.7),transparent);box-shadow:0 0 14px 4px rgba(19,171,239,.16);animation:scanner 5s ease-in-out infinite;opacity:.75}.core-tag{position:absolute;z-index:4;color:#7cc5e0;font:700 9px var(--mono);letter-spacing:1.7px;display:grid;gap:6px;text-shadow:0 0 9px #126ba8}.core-tag span{color:#4cfbd1;font-size:8px}.tag-a{left:1%;top:26%}.tag-b{right:0;bottom:28%;text-align:right}.core-coordinate{position:absolute;bottom:0;color:#426c85;font:600 9px var(--mono);letter-spacing:1.3px}.core-coordinate span{margin:0 12px}.hero-bottom{height:80px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(74,184,226,.15);font:600 10px var(--mono);letter-spacing:2px;color:#7297af;position:relative}.pulse-line{width:76px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);position:absolute;top:-1px;left:0}.hero-bottom span:last-child{color:#4fc6e6}.stats-band{border-top:1px solid rgba(40,153,193,.16);border-bottom:1px solid rgba(40,153,193,.16);background:rgba(3,17,33,.72)}.stats-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-inner span{font:700 10px var(--mono);letter-spacing:1.3px;color:#7699ac;white-space:nowrap}.stats-inner i{display:inline-block;width:5px;height:5px;background:#3fe5e8;border-radius:50%;margin-right:11px;box-shadow:0 0 12px #4af1f0}.section{padding-top:132px;padding-bottom:130px}.section-head h2,.pricing h2,.final-banner h2{font-size:clamp(42px,5.2vw,73px);letter-spacing:-3.5px;font-weight:730;line-height:1.13;margin:21px 0 24px}.section-head h2 em,.pricing h2 em,.final-banner h2 em{font-style:normal;background:linear-gradient(105deg,#acf6ff 0%,#2bbee9 65%,#2d81f2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head>p,.split-head>p{font-size:15px;color:#95b0c3;line-height:1.85;max-width:450px}.split-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:45px}.preview-frame{border:1px solid rgba(70,207,240,.3);border-radius:15px;padding:13px;background:linear-gradient(150deg,rgba(6,36,61,.94),rgba(1,9,20,.93));box-shadow:0 38px 90px rgba(0,0,0,.3),0 0 80px rgba(0,149,228,.055);overflow:hidden}.preview-frame img{display:block;width:100%;height:auto;border-radius:5px}.preview-top,.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 9px var(--mono);letter-spacing:1.2px;color:#7198b4}.preview-top{padding:7px 5px 18px}.preview-bottom{padding:18px 8px 5px}.preview-dots{display:flex;gap:6px}.preview-dots i{width:7px;height:7px;border-radius:50%;border:1px solid #2a90bc}.preview-dots i:first-child{background:#55e3ff;box-shadow:0 0 10px #2be3ff}.preview-live{color:#4de1c4}.preview-live i{display:inline-block;width:5px;height:5px;background:#36f0ab;border-radius:50%;margin-right:6px}.statement{display:flex;gap:27px;align-items:center;margin-top:50px}.statement-mark{font-size:90px;color:var(--cyan);line-height:1;font-family:Georgia,serif}.statement p{font-size:clamp(21px,3vw,30px);letter-spacing:-.6px;font-weight:630;margin:0}.statement p span{color:#739bb2}.capabilities{background:linear-gradient(180deg,transparent,rgba(4,22,42,.65) 20%,rgba(4,22,42,.73) 80%,transparent);border-top:1px solid rgba(60,190,235,.09);border-bottom:1px solid rgba(60,190,235,.09)}.capabilities .section-head{margin-bottom:45px}.capabilities .section-head>p{max-width:550px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:272px;padding:28px 26px;background:linear-gradient(145deg,rgba(6,30,50,.91),rgba(3,15,28,.86));border:1px solid rgba(72,182,222,.19);position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.feature:hover{border-color:rgba(72,215,243,.52);transform:translateY(-4px);box-shadow:0 25px 60px rgba(1,11,24,.3)}.feature:after{content:'';position:absolute;width:120px;height:120px;right:-55px;bottom:-65px;border:1px solid rgba(57,178,231,.13);transform:rotate(45deg)}.feature-num{font:650 9px var(--mono);color:#658ba2;letter-spacing:1.2px}.feature-icon{width:46px;height:46px;display:grid;place-items:center;background:rgba(14,112,150,.17);border:1px solid rgba(63,207,251,.36);border-radius:10px;color:#63e5ff;box-shadow:inset 0 0 22px rgba(0,156,231,.11);margin:27px 0 21px}.feature-icon svg{width:22px;height:22px}.feature h3{margin:0 0 12px;font-size:19px;letter-spacing:-.3px}.feature p{color:#8da7ba;font-size:13px;line-height:1.65;max-width:325px;margin-bottom:20px}.feature-status{position:absolute;bottom:22px;left:27px;font:650 9px var(--mono);letter-spacing:1px}.feature-status.live{color:#54dfb8}.featured{background:radial-gradient(220px 180px at 96% 96%,rgba(0,130,219,.19),transparent),linear-gradient(140deg,rgba(6,46,68,.96),rgba(2,20,42,.94));border-color:rgba(72,211,249,.37)}.feature-graphic{position:absolute;right:25px;bottom:30px;display:flex;align-items:flex-end;gap:6px;height:50px;opacity:.55}.feature-graphic span{width:3px;height:24px;background:#36cfff;box-shadow:0 0 10px #2dbbfa;animation:bar 1.4s ease-in-out infinite alternate}.feature-graphic span:nth-child(2){height:42px;animation-delay:.35s}.feature-graphic span:nth-child(3){height:30px;animation-delay:.7s}.connections .section-head{margin-bottom:45px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.connection{min-height:228px;padding:27px 23px;border:1px solid rgba(84,186,225,.19);background:linear-gradient(145deg,rgba(6,28,47,.82),rgba(3,17,29,.84));display:flex;flex-direction:column;position:relative;gap:21px;transition:transform .2s,border-color .2s}.connection:hover{transform:translateY(-4px);border-color:rgba(78,222,249,.38)}.connection h3{font-size:17px;margin:0 0 10px}.connection p{font-size:12.5px;line-height:1.7;color:#8caabd;margin:0;max-width:290px}.connection-glyph{width:44px;height:44px;border:1px solid rgba(91,208,252,.34);border-radius:10px;background:rgba(4,64,100,.31);display:grid;place-items:center;color:#5fe5ff;font-size:24px;font-weight:800}.connection-glyph svg{width:24px;height:24px}.connection-glyph.cal{font-size:21px;color:#d3e8ff;border-top:5px solid #3386fa}.connection-glyph.gmail{background:linear-gradient(90deg,#4485fa 0%,#48a6ed 30%,#ec4c45 61%,#ffd849 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:32px;border:1px solid #2d627c}.connection-glyph.whatsapp{color:#37d7a3}.planned{position:absolute;right:21px;top:26px;color:#94b1c1;background:rgba(60,124,153,.13);border:1px solid rgba(80,151,179,.25);font:600 8px var(--mono);letter-spacing:.9px;padding:7px 9px;border-radius:4px}.connection-note{justify-content:center;background:radial-gradient(circle at 92% 85%,rgba(0,142,217,.16),transparent 65%),rgba(3,16,30,.75)}.note-spark{font-size:26px;color:#47dcf5}.sequence{background:linear-gradient(110deg,rgba(3,23,40,.95),rgba(2,14,30,.7));border-top:1px solid rgba(52,177,227,.13);border-bottom:1px solid rgba(52,177,227,.13)}.steps{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:15px;margin-top:60px}.step{min-height:250px;padding:28px 30px;border-top:1px solid rgba(62,176,220,.32);position:relative}.step-number{font:700 11px var(--mono);color:#54d6f4}.step-symbol{font:300 53px var(--font);margin:23px 0 16px;color:#45deff;text-shadow:0 0 22px rgba(32,189,238,.5)}.step h3{font-size:23px;margin-bottom:11px}.step p{color:#89a5b6;line-height:1.65;font-size:13px;max-width:280px}.step-arrow{color:#37c3f1;font-size:35px;font-weight:200}.pricing{min-height:710px;display:grid;grid-template-columns:1fr 470px;gap:90px;align-items:center;position:relative}.pricing-halo{position:absolute;width:510px;height:510px;left:0;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(10,113,194,.09),transparent 70%);pointer-events:none}.pricing-copy{position:relative}.pricing-copy>p{color:#9cb7c9;font-size:16px;line-height:1.85;max-width:450px}.pricing-trust{display:flex;flex-direction:column;gap:15px;margin-top:37px;color:#abc4d4;font-size:13px}.pricing-trust span::first-letter{color:#34ecc1}.price-card{border:1px solid rgba(82,227,250,.41);padding:35px;background:linear-gradient(150deg,#0a2d46 0%,#071a2c 40%,#030d19 100%);box-shadow:0 0 95px rgba(8,174,234,.1),0 30px 70px rgba(0,0,0,.45);position:relative;overflow:hidden}.price-card:before{content:'';position:absolute;width:160px;height:160px;border:1px solid rgba(56,185,220,.12);border-radius:50%;right:-75px;top:-75px;box-shadow:0 0 0 45px rgba(32,178,216,.025),0 0 0 93px rgba(32,178,216,.02)}.price-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 10px var(--mono);letter-spacing:1px;color:#a2cbd9}.price-pill{font-size:8px;color:#66f5d5;padding:7px 10px;border:1px solid rgba(84,247,213,.29);border-radius:20px}.price-amount{font-size:104px;font-weight:730;letter-spacing:-7px;margin:29px 0 0;line-height:1}.price-amount>span:first-child{font-size:45px;vertical-align:top;position:relative;top:10px;letter-spacing:0;color:#bffaff}.price-amount .currency{font-size:19px;color:#42d7fd;letter-spacing:-.4px;margin-left:12px}.price-card>p{font-size:13px;color:#9bbacd}.rule{height:1px;background:linear-gradient(90deg,rgba(81,218,255,.38),rgba(81,218,255,.08));margin:26px 0}.price-card ul{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:15px}.price-card li{display:flex;gap:13px;align-items:center;color:#b8d2dd;font-size:13px}.price-card li svg{width:16px;height:16px;color:#43efc9}.checkout-button{width:100%;font-size:13px}.checkout-status{margin-top:16px;color:#eecc86;font:700 9px var(--mono);letter-spacing:1px;text-align:center}.checkout-status:before{content:'● ';color:#f4b35e}.checkout-status.is-ready{color:#68f4d4}.checkout-status.is-ready:before{color:#68f4d4}.price-fine{font-size:10px!important;line-height:1.7;color:#7595a9!important;margin:17px 0 0;text-align:center}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.faq .section-head h2{font-size:clamp(38px,4.3vw,58px)}.faq-list{border-top:1px solid rgba(65,172,220,.28)}.faq details{border-bottom:1px solid rgba(65,172,220,.24);padding:22px 4px}.faq summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative;padding-right:32px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;color:#42dafa;font-size:24px;top:-4px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;color:#94aebf;margin:18px 0 0;max-width:600px}.final-banner{text-align:center;position:relative;overflow:hidden;border:1px solid rgba(69,197,239,.25);border-radius:15px;background:linear-gradient(180deg,rgba(8,45,67,.35),rgba(3,17,34,.6));padding:93px 25px;margin-bottom:115px}.final-orbit{position:absolute;width:850px;height:400px;border-radius:50%;border:1px solid rgba(35,165,229,.25);box-shadow:0 0 100px rgba(3,106,197,.1);left:50%;top:70%;transform:translateX(-50%) rotate(-12deg);pointer-events:none}.final-banner .eyebrow{justify-content:center}.final-banner h2{font-size:clamp(38px,5vw,65px);margin-bottom:30px}.final-banner .button{position:relative}.footer{background:#030a14;border-top:1px solid rgba(61,187,229,.17);padding:54px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:60px}.footer-brand{margin-bottom:17px}.footer-top p{color:#7797ab;font-size:13px}.footer-links{display:flex;gap:15px 27px;flex-wrap:wrap;max-width:565px;justify-content:flex-end}.footer-links a{font-size:11px;color:#92aebe}.footer-links a:hover{color:#5ce1f8}.footer-bottom{border-top:1px solid rgba(48,148,180,.15);padding-top:26px;display:flex;justify-content:space-between;gap:30px;font:600 10px var(--mono);line-height:1.8;color:#627e90}.footer-bottom>div{display:flex;flex-direction:column;gap:6px}.footer-bottom b{font-weight:700;color:#8caabd}.dialog[hidden]{display:none!important}.dialog{position:fixed;inset:0;display:grid;place-items:center;padding:20px;z-index:100;background:rgba(0,6,13,.83);backdrop-filter:blur(8px)}.dialog-panel{width:min(475px,100%);padding:39px;border:1px solid rgba(89,204,241,.53);background:#071b2c;box-shadow:0 0 110px rgba(0,136,207,.15);position:relative;border-radius:10px}.dialog-panel h2{font-size:27px;margin:20px 0 14px;letter-spacing:-.5px}.dialog-panel p{font-size:14px;line-height:1.75;color:#a8c2d4;margin-bottom:25px}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:none;color:#abd5e8;font-size:26px;cursor:pointer}.modal-open{overflow:hidden}.reveal{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}.motion-enabled .reveal:not(.in){opacity:0;transform:translateY(20px)}
/* legal */.legal-shell{padding-top:85px;padding-bottom:110px;min-height:75vh}.legal-shell .eyebrow{margin-bottom:26px}.legal-shell h1{font-size:clamp(40px,5.4vw,66px);letter-spacing:-2.5px;margin:0 0 22px}.legal-intro{max-width:830px;color:#a7bdcb;font-size:17px;line-height:1.75;margin-bottom:38px}.legal-card{max-width:900px;background:rgba(4,22,40,.84);border:1px solid var(--line);padding:42px 48px}.legal-card h2{font-size:22px;margin-top:40px;margin-bottom:15px}.legal-card h2:first-child{margin-top:0}.legal-card h3{font-size:16px;margin-top:25px}.legal-card p,.legal-card li{color:#a9bece;font-size:14px;line-height:1.83}.legal-card a{color:#62e5ff;text-decoration:underline;text-underline-offset:3px}.legal-card strong{color:#e6f7ff}.legal-card ul{padding-left:20px}.legal-alert{max-width:900px;padding:14px 18px;background:rgba(118,82,17,.17);border:1px solid rgba(226,173,54,.31);color:#f4cf8b;font:600 11px var(--mono);line-height:1.75;letter-spacing:.1px;margin-bottom:17px}.legal-alert[hidden]{display:none}.legal-card .legal-contact{background:rgba(7,45,66,.55);padding:17px;border-left:2px solid #44dcf1}.mini-hero{padding:120px 0;min-height:62vh;display:flex;flex-direction:column;justify-content:center;max-width:700px}.mini-hero h1{font-size:clamp(45px,6vw,80px);letter-spacing:-3px}.mini-hero p{color:#a3bbce;line-height:1.85}.mini-hero .button{align-self:flex-start}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px) scale(1.015)}}@keyframes breath{to{opacity:.66;transform:scale(1.07)}}@keyframes scanner{0%,100%{transform:translateY(-80px);opacity:0}50%{transform:translateY(90px);opacity:.4}}@keyframes bar{to{height:10px}}
@media(max-width:1060px){.wrap{width:min(100% - 56px,1240px)}h1{font-size:clamp(59px,7vw,82px);letter-spacing:-4px}.hero-grid{grid-template-columns:52% 48%}.core-stage{min-height:525px}.stats-inner span{font-size:8px}.pricing{grid-template-columns:1fr 440px;gap:40px}.main-nav{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.announcement{font-size:7px;letter-spacing:1.1px}.ann-divider:last-of-type{display:none}.announcement{gap:7px}.nav{height:67px}.brand{font-size:11px}.brand-icon{width:35px;height:35px}.main-nav,.nav-cta{display:none}.mobile-menu{display:flex;flex-direction:column;gap:5px;padding:10px;background:none;border:1px solid var(--line2);border-radius:6px;cursor:pointer}.mobile-menu span{width:20px;height:2px;background:#68e2ff}.mobile-nav.open{display:flex;flex-direction:column;padding:20px;background:#061a2d;border-bottom:1px solid rgba(65,212,247,.3);gap:23px}.mobile-nav a{font-size:14px;color:#c5dfeb}.hero{padding-top:40px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:28px 0 0;order:1}.hero h1{font-size:clamp(57px,12vw,82px);letter-spacing:-3.8px;margin:23px 0}.hero-lead{font-size:15px}.hero-actions{margin:25px 0 30px}.core-stage{order:2;width:100%;min-height:375px;margin-top:0}.core-glow{width:min(98%,480px)}.core-tag{font-size:7px}.tag-a{left:0;top:19%}.tag-b{right:0;bottom:22%}.core-coordinate{bottom:-4px}.hero-meta{font-size:8px;gap:10px}.hero-meta span:not(:first-child):before{margin-right:8px}.hero-bottom{margin-top:25px}.hero-bottom span{font-size:8px;letter-spacing:1px}.stats-inner{padding:21px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.section{padding-top:92px;padding-bottom:85px}.split-head{display:block}.section-head h2,.pricing h2{font-size:clamp(42px,9vw,58px);letter-spacing:-2.4px}.section-head>p,.split-head>p{font-size:14px}.preview-frame{padding:7px}.preview-top,.preview-bottom{font-size:7px;letter-spacing:.3px}.preview-top>span:nth-child(2){display:none}.preview-bottom span:last-child{display:none}.statement{gap:12px;margin-top:25px}.statement-mark{font-size:60px}.statement p{font-size:20px}.feature-grid,.connection-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:260px;padding:24px 20px}.feature-status{left:20px}.feature h3{font-size:17px}.feature p,.connection p{font-size:12px}.planned{position:static;align-self:flex-start}.connection{min-height:265px;padding:21px}.steps{grid-template-columns:1fr;gap:8px;margin-top:30px}.step{min-height:0;padding:24px}.step-arrow{display:none}.pricing{grid-template-columns:1fr;gap:35px;min-height:0}.price-card{padding:28px}.faq{grid-template-columns:1fr;gap:15px}.final-banner{padding:60px 25px;margin-bottom:85px}.footer-top{flex-direction:column}.footer-links{justify-content:flex-start}.footer-bottom{flex-direction:column}.legal-shell{padding-top:65px}.legal-card{padding:29px 24px}.legal-shell h1{font-size:44px;letter-spacing:-2px}}
@media(max-width:450px){.announcement{font-size:6px}.brand{font-size:10px;letter-spacing:.6px}.hero h1{font-size:57px}.hero-actions .button{width:100%}.hero-meta{line-height:1.8}.core-stage{min-height:315px}.feature-grid,.connection-grid{grid-template-columns:1fr}.feature{min-height:235px}.connection{min-height:185px}.price-amount{font-size:86px}.price-card{padding:23px}.checkout-button{white-space:normal;padding:12px}.final-banner h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.core-backglow,.core-arc,.core-glow,.core-scan,.feature-graphic span{animation:none}.button,.feature,.connection{transition:none}}

/* V2: Fixed center, independent opposite-direction concentric rings. */
.core-glow{position:relative;animation:none!important;transform:none!important;will-change:auto}
.core-disc{position:absolute;inset:0;background:url('/assets/jarvis-core.webp') center/100% 100% no-repeat;pointer-events:none;will-change:transform}
.core-center{z-index:3;-webkit-mask-image:radial-gradient(circle, #000 0 26.9%,transparent 28.6%);mask-image:radial-gradient(circle,#000 0 26.9%,transparent 28.6%);will-change:auto}
.core-ring{transform-origin:center center;animation-timing-function:linear;animation-iteration-count:infinite}
.ring-inner{z-index:2;-webkit-mask-image:radial-gradient(circle, transparent 27.0%,#000 28.5% 34.8%,transparent 35.5%);mask-image:radial-gradient(circle,transparent 27.0%,#000 28.5% 34.8%,transparent 35.5%);animation-name:spin;animation-duration:22s}
.ring-mid{z-index:2;-webkit-mask-image:radial-gradient(circle,transparent 34.3%,#000 35.2% 40.5%,transparent 41.3%);mask-image:radial-gradient(circle,transparent 34.3%,#000 35.2% 40.5%,transparent 41.3%);animation-name:spin-reverse;animation-duration:36s}
.ring-outer{z-index:2;-webkit-mask-image:radial-gradient(circle,transparent 40%,#000 41% 47.6%,transparent 48.5%);mask-image:radial-gradient(circle,transparent 40%,#000 41% 47.6%,transparent 48.5%);animation-name:spin;animation-duration:52s}
.ring-halo{z-index:2;-webkit-mask-image:radial-gradient(circle,transparent 47.6%,#000 49% 57%,transparent 61%);mask-image:radial-gradient(circle,transparent 47.6%,#000 49% 57%,transparent 61%);animation-name:spin-reverse;animation-duration:76s}
.core-stage .core-scan{display:none}
@keyframes spin-reverse{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.core-ring,.core-arc{animation:none!important}.core-glow{transform:none!important}}
.proactive-spotlight{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;border:1px solid rgba(70,207,240,.25);background:radial-gradient(circle at 80% 50%,rgba(15,111,180,.15),transparent 68%),rgba(4,22,39,.76);border-radius:16px;padding:46px;margin-top:26px;align-items:center}
.proactive-copy h3{font-size:clamp(28px,3.4vw,43px);line-height:1.17;letter-spacing:-1.7px;margin:25px 0 19px}.proactive-copy h3 em{font-style:normal;color:#55e3ff}.proactive-copy>p{font-size:14px;color:#aac5d8;line-height:1.8;max-width:530px}.proactive-footnote{border-left:2px solid #3b87a7;margin-top:22px;padding-left:12px;font-size:11px;line-height:1.7;color:#7c9bb0}.roadmap-chip{display:inline-block;margin-left:8px;border:1px solid #35779b;border-radius:4px;padding:6px 9px;color:#abd9eb;font:700 9px var(--mono);letter-spacing:1px}
.proactive-visual{border:1px solid rgba(74,180,229,.29);border-radius:12px;background:linear-gradient(146deg,#07263f,#040f20);padding:24px 23px;box-shadow:inset 0 1px 30px rgba(14,139,208,.13),0 18px 44px rgba(0,0,0,.2)}
.task-beam{font:700 9px var(--mono);color:#73aeca;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.task-beam>span:last-child{margin-left:auto;color:#8da7b4}.task-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#4de9d0;box-shadow:0 0 15px #42eeda}
.task-complete{display:flex;align-items:center;gap:18px;background:rgba(25,147,183,.09);border:1px solid rgba(50,200,216,.17);padding:20px 17px;border-radius:9px;margin:20px 0 13px}.task-complete svg{width:33px;height:33px;stroke:#42e6c6;fill:none;stroke-width:2;flex-shrink:0}.task-complete div{display:flex;flex-direction:column;gap:4px}.task-complete small{font:700 9px var(--mono);color:#6f9cad;letter-spacing:1px}.task-complete strong{font-size:17px}.task-complete span{font-size:12px;color:#8facbf}
.task-route{display:flex;align-items:center;gap:10px;justify-content:center;font:700 10px var(--mono);letter-spacing:2px;color:#75cde7;padding:6px 0 19px}.task-dashes{color:#358cac;white-space:nowrap;letter-spacing:4px}.task-dashes b{color:#52dffe;font-size:16px}.notify-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notify-grid>div{border:1px solid #1c5274;padding:12px;border-radius:8px;display:grid;gap:5px;justify-items:start;background:rgba(4,44,69,.4)}.notify-grid svg{height:23px;width:23px;stroke:#58dcff;fill:none;stroke-width:1.8}.notify-grid span{font:700 9px var(--mono);letter-spacing:.5px;color:#c7e8f8}.notify-grid b{font-size:11px;font-weight:600;color:#75bda7}.task-disclaimer{font:600 8px var(--mono);letter-spacing:.8px;color:#6891a7;margin-top:18px;text-align:center}
.guide-callout{margin-top:55px;padding:25px 27px;display:flex;align-items:center;gap:18px;background:rgba(9,47,75,.55);border:1px solid rgba(73,193,235,.3);border-radius:13px}.guide-icon{font-size:30px;color:#5ae3ff}.guide-callout>div:nth-child(2){flex:1}.guide-callout strong{font-size:18px}.guide-callout p{font-size:12px;line-height:1.7;color:#96b7ca;margin:5px 0 0}.guide-callout .button{flex-shrink:0}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}.guide-step{padding:22px 23px;border:1px solid rgba(70,188,232,.25);background:rgba(7,32,53,.82);border-radius:10px}.guide-step>span{color:#49d6f6;font:700 11px var(--mono)}.guide-step h2{margin:12px 0;font-size:22px}.guide-step p{color:#b0c9d7;line-height:1.7;font-size:14px;margin:0}.guide-step code{font-family:var(--mono);color:#79eaff}.guide-panel{margin:25px 0;background:rgba(6,38,61,.75);border:1px solid rgba(74,190,233,.24);border-radius:10px;padding:23px}.guide-panel p{line-height:1.7;color:#aec4d3;margin:0}.guide-panel a{color:#72dfff}
@media(max-width:900px){.proactive-spotlight{grid-template-columns:1fr;padding:27px}.guide-callout{flex-wrap:wrap}}
@media(max-width:650px){.guide-steps{grid-template-columns:1fr}.proactive-spotlight{padding:20px}.proactive-visual{padding:17px}.guide-callout{padding:20px}.guide-callout .button{width:100%}.task-dashes{letter-spacing:1px}}
@media print{.nav,.ambient,#particles{display:none!important}.legal-shell{padding:20px 0}.guide-steps{display:block}.guide-step{break-inside:avoid;margin:10px 0}body{background:white;color:black}.guide-step,.guide-panel{background:white;color:black;border-color:#999}.guide-step p,.guide-panel p{color:#333}}
/* Keep decorative halos within the viewport on narrow devices. */
@media(max-width:760px){.pricing{overflow:hidden}.final-banner{overflow:hidden}}


/* ===== V3 HERO CORE UPGRADE ===== */
.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(86,220,255,.35);background:rgba(12,44,67,.68);color:#d7f4ff;font:700 11px/1 var(--mono);letter-spacing:1px;text-transform:uppercase;transition:transform .2s ease, border-color .2s ease, background .2s ease}
.button-secondary:hover{transform:translateY(-1px);border-color:rgba(116,233,255,.58);background:rgba(16,62,94,.8)}
.guide-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.core-stage{min-height:640px;position:relative;display:grid;place-items:center;isolation:isolate}
.core-stage .core-backglow{width:84%;filter:blur(46px);opacity:.95}
.core-system{position:relative;z-index:2;width:min(100%,670px);aspect-ratio:1}
.core-system > *{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-shell{border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 16px rgba(64,220,255,.2)) drop-shadow(0 0 38px rgba(10,120,220,.15))}
.ring-shell::before{content:'';position:absolute;inset:-4%;border-radius:50%;border:1px solid rgba(93,200,255,.08)}
.ring-visual{position:absolute;inset:0;border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:center center}
.ring-shell-a{width:92%;height:92%}
.ring-shell-a .ring-visual{background:
 radial-gradient(circle,transparent 56.4%,rgba(141,236,255,.94) 56.8%,rgba(45,175,255,.88) 58.2%,transparent 59.1%),
 repeating-conic-gradient(from 0deg, rgba(158,237,255,.96) 0deg 3deg, transparent 3deg 10deg, rgba(74,189,255,.45) 10deg 12deg, transparent 12deg 16deg, rgba(10,92,155,.75) 16deg 18deg, transparent 18deg 22deg),
 radial-gradient(circle,transparent 61%,rgba(77,205,255,.16) 62%,transparent 64%);
 -webkit-mask:radial-gradient(circle,transparent 54.8%,#000 55.6% 63%,transparent 63.7%);mask:radial-gradient(circle,transparent 54.8%,#000 55.6% 63%,transparent 63.7%);
 animation:spin-cw 18s linear infinite}
.ring-shell-b{width:78%;height:78%}
.ring-shell-b .ring-visual{background:
 radial-gradient(circle,transparent 52.2%,rgba(183,243,255,.9) 52.6%,rgba(95,216,255,.75) 53.8%,transparent 54.7%),
 repeating-conic-gradient(from 14deg, rgba(171,239,255,.92) 0deg 7deg, transparent 7deg 15deg, rgba(53,170,255,.38) 15deg 18deg, transparent 18deg 24deg),
 radial-gradient(circle,transparent 58%,rgba(84,204,255,.18) 58.6%,transparent 59.5%);
 -webkit-mask:radial-gradient(circle,transparent 50.8%,#000 51.8% 59.4%,transparent 60.1%);mask:radial-gradient(circle,transparent 50.8%,#000 51.8% 59.4%,transparent 60.1%);
 animation:spin-ccw 28s linear infinite}
.ring-shell-c{width:63%;height:63%}
.ring-shell-c .ring-visual{background:
 radial-gradient(circle,transparent 48.4%,rgba(196,246,255,.95) 49%,rgba(75,207,255,.72) 50.2%,transparent 50.9%),
 repeating-conic-gradient(from 37deg, rgba(172,239,255,.94) 0deg 10deg, transparent 10deg 16deg, rgba(53,160,238,.38) 16deg 21deg, transparent 21deg 26deg),
 radial-gradient(circle,transparent 53.6%,rgba(84,204,255,.22) 54.2%,transparent 55%);
 -webkit-mask:radial-gradient(circle,transparent 46.5%,#000 47.4% 55.4%,transparent 56%);mask:radial-gradient(circle,transparent 46.5%,#000 47.4% 55.4%,transparent 56%);
 animation:spin-cw 42s linear infinite}
.ring-shell-d{width:105%;height:105%;opacity:.88}
.ring-shell-d .ring-visual{background:
 radial-gradient(circle,transparent 66%,rgba(112,220,255,.7) 66.3%,transparent 67%),
 repeating-conic-gradient(from -4deg, rgba(153,231,255,.45) 0deg 2deg, transparent 2deg 11deg, rgba(12,88,150,.22) 11deg 15deg, transparent 15deg 19deg);
 -webkit-mask:radial-gradient(circle,transparent 64.8%,#000 65.4% 67.2%,transparent 67.8%);mask:radial-gradient(circle,transparent 64.8%,#000 65.4% 67.2%,transparent 67.8%);
 animation:spin-ccw 62s linear infinite}
.nucleus-wrap{width:47%;height:47%;filter:drop-shadow(0 0 28px rgba(94,225,255,.35))}
.nucleus-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(85,212,255,.35),rgba(36,130,225,.18) 42%,transparent 72%);filter:blur(18px);animation:breath 7s ease-in-out infinite alternate}
.nucleus-core{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:
 radial-gradient(circle at 50% 40%,rgba(225,250,255,.95),rgba(108,228,255,.92) 0%,rgba(39,130,230,.95) 28%,rgba(6,26,74,.96) 62%,rgba(4,10,28,.98) 100%);
 box-shadow:inset 0 0 26px rgba(180,240,255,.5), inset 0 0 65px rgba(8,72,154,.9), 0 0 42px rgba(45,187,255,.22);
 border:1px solid rgba(170,239,255,.45)}
.nucleus-core::before{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(187,245,255,.22);box-shadow:0 0 18px rgba(93,219,255,.12) inset}
.nucleus-core::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.22),transparent 35%),radial-gradient(circle at 45% 60%,rgba(54,187,255,.16),transparent 50%)}
.universe{position:absolute;inset:0;border-radius:50%;mix-blend-mode:screen;opacity:.88}
.universe-back{background:
 radial-gradient(circle at 20% 28%,rgba(255,255,255,.9) 0 1px,transparent 2px),
 radial-gradient(circle at 28% 73%,rgba(186,234,255,.9) 0 1.2px,transparent 2.2px),
 radial-gradient(circle at 75% 22%,rgba(201,242,255,.92) 0 1.3px,transparent 2.1px),
 radial-gradient(circle at 74% 67%,rgba(188,237,255,.86) 0 1px,transparent 2px),
 radial-gradient(circle at 41% 81%,rgba(137,217,255,.88) 0 1.2px,transparent 2px),
 radial-gradient(circle at 57% 54%,rgba(184,235,255,.74) 0 1px,transparent 2px),
 radial-gradient(circle at 39% 36%,rgba(163,227,255,.5),transparent 28%),
 radial-gradient(circle at 65% 58%,rgba(62,173,255,.28),transparent 24%);
 animation:universeDriftA 20s linear infinite}
.universe-mid{background:
 radial-gradient(circle at 33% 24%,rgba(255,255,255,.96) 0 1px,transparent 2px),
 radial-gradient(circle at 61% 31%,rgba(194,240,255,.86) 0 1.2px,transparent 2.2px),
 radial-gradient(circle at 68% 52%,rgba(255,255,255,.96) 0 1.1px,transparent 2.1px),
 radial-gradient(circle at 48% 63%,rgba(177,233,255,.9) 0 1.2px,transparent 2.1px),
 radial-gradient(circle at 26% 54%,rgba(150,224,255,.84) 0 1px,transparent 2px),
 radial-gradient(circle at 55% 77%,rgba(255,255,255,.82) 0 1.1px,transparent 2.1px),
 radial-gradient(circle at 42% 46%,rgba(205,245,255,.4),transparent 18%),
 radial-gradient(circle at 56% 39%,rgba(72,191,255,.25),transparent 28%);
 animation:universeDriftB 26s linear infinite reverse;opacity:.82}
.universe-front{background:
 radial-gradient(circle at 45% 52%,rgba(255,255,255,.85) 0 1.2px,transparent 2px),
 radial-gradient(circle at 53% 49%,rgba(255,255,255,.9) 0 1px,transparent 2px),
 radial-gradient(circle at 38% 58%,rgba(200,243,255,.75) 0 1px,transparent 2px),
 radial-gradient(circle at 62% 43%,rgba(178,235,255,.8) 0 1px,transparent 2px),
 radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 40%);
 animation:twinkle 6s ease-in-out infinite}
.nucleus-bloom{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(102,229,255,.56) 28%,rgba(22,145,255,.1) 62%,transparent 72%);filter:blur(3px);opacity:.92}
.nucleus-center{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff,rgba(195,247,255,.95) 25%,rgba(94,220,255,.78) 56%,rgba(0,165,255,.18) 100%);box-shadow:0 0 24px rgba(192,245,255,.9),0 0 58px rgba(87,220,255,.38)}
.orbit{position:absolute;left:50%;top:50%;width:72%;height:38%;border-radius:50%;border:2px solid rgba(181,239,255,.9);transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(126,226,255,.28), inset 0 0 14px rgba(141,233,255,.16);mix-blend-mode:screen}
.orbit-a{transform:translate(-50%,-50%) rotate(8deg);animation:orbit-spin-a 10s linear infinite}
.orbit-b{transform:translate(-50%,-50%) rotate(42deg);animation:orbit-spin-b 14s linear infinite reverse}
.orbit-c{width:68%;height:42%;transform:translate(-50%,-50%) rotate(78deg);animation:orbit-spin-c 18s linear infinite}
.orbit-d{width:76%;height:34%;transform:translate(-50%,-50%) rotate(118deg);animation:orbit-spin-d 22s linear infinite reverse}
.orbit-e{width:66%;height:46%;transform:translate(-50%,-50%) rotate(150deg);animation:orbit-spin-e 26s linear infinite}
.core-tag{z-index:5}
.tag-a{left:3%;top:27%}.tag-b{right:2%;bottom:29%}
.core-coordinate{z-index:5;bottom:2%}
@keyframes spin-cw{to{transform:rotate(360deg)}}
@keyframes spin-ccw{to{transform:rotate(-360deg)}}
@keyframes universeDriftA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(2%,-1%) scale(1.03)}100%{transform:translate(0,0) scale(1)}}
@keyframes universeDriftB{0%{transform:translate(0,0) scale(1.02)}50%{transform:translate(-2%,2%) scale(1)}100%{transform:translate(0,0) scale(1.02)}}
@keyframes twinkle{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes orbit-spin-a{from{transform:translate(-50%,-50%) rotate(8deg)}to{transform:translate(-50%,-50%) rotate(368deg)}}
@keyframes orbit-spin-b{from{transform:translate(-50%,-50%) rotate(42deg)}to{transform:translate(-50%,-50%) rotate(-318deg)}}
@keyframes orbit-spin-c{from{transform:translate(-50%,-50%) rotate(78deg)}to{transform:translate(-50%,-50%) rotate(438deg)}}
@keyframes orbit-spin-d{from{transform:translate(-50%,-50%) rotate(118deg)}to{transform:translate(-50%,-50%) rotate(-242deg)}}
@keyframes orbit-spin-e{from{transform:translate(-50%,-50%) rotate(150deg)}to{transform:translate(-50%,-50%) rotate(510deg)}}
@media(max-width:820px){.core-stage{min-height:520px}.core-system{width:min(100%,540px)}.tag-a{left:0;top:15%}.tag-b{right:0;bottom:18%}.core-coordinate{bottom:-1%}.guide-actions{width:100%}.guide-actions .button,.guide-actions .button-secondary{flex:1 1 180px;text-align:center}}
@media(max-width:580px){.core-stage{min-height:430px}.core-system{width:min(100%,410px)}.core-tag{font-size:8px;letter-spacing:1.2px}.core-coordinate{font-size:8px}.guide-actions .button,.guide-actions .button-secondary{width:100%}.tag-a{top:12%;left:2%}.tag-b{right:2%;bottom:16%}}
@media(prefers-reduced-motion:reduce){.ring-visual,.orbit,.universe,.core-arc,.core-backglow,.nucleus-glow{animation:none!important}}

/* ========================================================================== */
/* V4 · APPROVED CINEMATIC JARVIS CORE · image-derived concentric energy layers */
/* Every ring is a masked layer of the SAME calibrated 1040px source image.   */
/* This guarantees that the mechanical geometry never drifts off-axis.          */
/* ========================================================================== */
.core-stage{min-height:670px;display:grid;place-items:center;isolation:isolate;overflow:visible}
.core-stage .core-backglow{width:91%;background:radial-gradient(circle,rgba(24,154,238,.27),rgba(5,53,122,.13) 43%,transparent 71%);filter:blur(35px);pointer-events:none}
.core-engine{position:relative;z-index:2;width:min(112%,695px);aspect-ratio:1;flex-shrink:0;isolation:isolate;transform:translateZ(0);overflow:visible}
.reactor-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;transform-origin:50% 50%;-webkit-user-drag:none}
.reactor-underlay{z-index:0;opacity:.9}
.reactor-ring{animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}
.reactor-ring-four{z-index:1;animation-name:pas-ring-ccw;animation-duration:69s}
.reactor-ring-three{z-index:2;animation-name:pas-ring-cw;animation-duration:47s}
.reactor-ring-two{z-index:3;animation-name:pas-ring-ccw;animation-duration:31s}
.reactor-ring-one{z-index:4;animation-name:pas-ring-cw;animation-duration:20s}
.reactor-nucleus{z-index:5;filter:drop-shadow(0 0 18px rgba(35,162,255,.27))}
.reactor-universe{position:absolute;z-index:6;width:43.6%;height:43.6%;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 12px rgba(116,222,255,.25));stroke-width:1.25}
.reactor-orbit{transform-origin:center;transform-box:view-box;animation-timing-function:linear;animation-iteration-count:infinite;stroke:rgba(178,237,255,.64);fill:none;filter:drop-shadow(0 0 4px rgba(151,232,255,.55));mix-blend-mode:screen}
.reactor-orbit ellipse{stroke-width:1.5;stroke:rgba(186,239,255,.65)}
.reactor-orbit circle{fill:#d7fcff;stroke:#65c9ff;stroke-width:1.1;filter:drop-shadow(0 0 7px #55d5ff)}
.orbit-1{animation-name:pas-orbit-a;animation-duration:11s}
.orbit-2{animation-name:pas-orbit-b;animation-duration:14s}
.orbit-3{animation-name:pas-orbit-c;animation-duration:18s}
.orbit-4{animation-name:pas-orbit-d;animation-duration:23s}
.orbit-5{animation-name:pas-orbit-e;animation-duration:29s}
.reactor-starfield{fill:#d6f8ff;opacity:.78;animation:pas-nebula 8s ease-in-out infinite alternate;transform-origin:50% 50%;transform-box:view-box;filter:drop-shadow(0 0 3px rgba(89,219,255,.9))}
.reactor-core-spark{opacity:.8;animation:pas-spark 3.5s ease-in-out infinite alternate}
@keyframes pas-ring-cw{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pas-ring-ccw{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes pas-orbit-a{from{transform:rotate(14deg)}to{transform:rotate(374deg)}}
@keyframes pas-orbit-b{from{transform:rotate(52deg)}to{transform:rotate(-308deg)}}
@keyframes pas-orbit-c{from{transform:rotate(91deg)}to{transform:rotate(451deg)}}
@keyframes pas-orbit-d{from{transform:rotate(135deg)}to{transform:rotate(-225deg)}}
@keyframes pas-orbit-e{from{transform:rotate(163deg)}to{transform:rotate(523deg)}}
@keyframes pas-nebula{from{transform:rotate(-3deg) scale(.99);opacity:.51}to{transform:rotate(4deg) scale(1.04);opacity:.98}}
@keyframes pas-spark{from{opacity:.5;filter:brightness(.9)}to{opacity:.95;filter:brightness(1.3)}}
.core-stage .core-tag{z-index:8;text-shadow:0 0 8px rgba(0,54,105,.8)}
.core-stage .tag-a{top:23%;left:2%}
.core-stage .tag-b{bottom:24%;right:1%}
.core-stage .core-coordinate{bottom:1%;z-index:8}
@media (max-width:1050px){.core-engine{width:min(112%,610px)}.core-stage{min-height:585px}}
@media (max-width:820px){.core-engine{width:min(100%,540px)}.core-stage{min-height:525px}.core-stage .tag-a{top:18%}.core-stage .tag-b{bottom:19%}}
@media (max-width:580px){.core-engine{width:min(100%,430px)}.core-stage{min-height:430px}.core-stage .tag-a{top:11%}.core-stage .tag-b{bottom:13%}.core-stage .core-coordinate{bottom:0}}
@media (prefers-reduced-motion:reduce){.reactor-ring,.reactor-orbit,.reactor-starfield,.reactor-core-spark{animation:none!important}}


/* V5 MOBILE RELIABILITY: preserve source reactor layers and independent orbit motion.
   Buttons expose a deliberate override for users with system Reduced Motion enabled. */
.core-stage .core-engine{isolation:isolate;contain:layout style}
.core-stage .reactor-ring{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
.core-stage .reactor-orbit{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transform-box:view-box;will-change:transform}
.core-motion-toggle{position:absolute;z-index:12;bottom:18px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(91,219,255,.45);border-radius:100px;background:rgba(2,20,35,.92);color:#cdf5ff;font:700 10px var(--mono);letter-spacing:1px;padding:10px 15px;cursor:pointer;box-shadow:0 0 20px rgba(16,155,222,.1);white-space:nowrap}
.core-motion-toggle:hover,.core-motion-toggle:focus-visible{border-color:#74eeff;background:#092c45}
.core-motion-toggle .motion-indicator{display:block;width:7px;height:7px;border-radius:50%;background:#48ebba;box-shadow:0 0 9px #43fdd0}
.core-motion-toggle[aria-pressed="false"] .motion-indicator{background:#e4ac5f;box-shadow:none}
/* Explicit, user-requested motion override, including when iOS Reduced Motion is enabled. */
html.core-motion-forced .reactor-ring-one{animation:pas-ring-cw 20s linear infinite!important}
html.core-motion-forced .reactor-ring-two{animation:pas-ring-ccw 31s linear infinite!important}
html.core-motion-forced .reactor-ring-three{animation:pas-ring-cw 47s linear infinite!important}
html.core-motion-forced .reactor-ring-four{animation:pas-ring-ccw 69s linear infinite!important}
html.core-motion-forced .orbit-1{animation:pas-orbit-a 11s linear infinite!important}
html.core-motion-forced .orbit-2{animation:pas-orbit-b 14s linear infinite!important}
html.core-motion-forced .orbit-3{animation:pas-orbit-c 18s linear infinite!important}
html.core-motion-forced .orbit-4{animation:pas-orbit-d 23s linear infinite!important}
html.core-motion-forced .orbit-5{animation:pas-orbit-e 29s linear infinite!important}
html.core-motion-paused .reactor-ring,html.core-motion-paused .reactor-orbit,html.core-motion-paused .reactor-starfield,html.core-motion-paused .reactor-core-spark{animation:none!important}
@media(max-width:760px){
 .core-stage .core-engine{width:min(98%,480px);-webkit-transform:translateZ(0);transform:translateZ(0)}
 .core-motion-toggle{bottom:6px;font-size:9px;padding:9px 13px}
 .core-stage{padding-bottom:42px}
 .core-stage .core-coordinate{bottom:40px}
}
@media(min-width:761px){.core-motion-toggle{opacity:.9;bottom:10px}}
/* Keep the Windows dashboard image landscape, at its original 1500:950 proportions. */
.preview-image-container{position:relative;width:100%;aspect-ratio:1500 / 950;overflow:hidden;border-radius:6px;background:#061222}
.preview-image-container>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 8px 3px}
.preview-landscape-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(90,219,247,.55);background:rgba(10,77,108,.24);color:#bfefff;padding:12px 16px;border-radius:8px;cursor:pointer;font:700 10px var(--mono);letter-spacing:.5px}
.preview-landscape-button:hover,.preview-landscape-button:focus-visible{background:rgba(13,123,176,.34);border-color:#74eaff}
.preview-landscape-button svg{width:16px;height:16px}
.preview-mobile-hint{font:600 10px var(--mono);letter-spacing:.4px;color:#7ba6c1}
.dashboard-landscape-dialog[hidden]{display:none!important}
.dashboard-landscape-dialog{position:fixed;inset:0;z-index:110;background:rgba(1,7,17,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 15px 30px;overflow:hidden}
.dashboard-landscape-top{position:absolute;left:18px;right:18px;top:16px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#91cbdc;font:700 10px var(--mono);letter-spacing:1px}
.dashboard-landscape-close{border:1px solid #3184a8;background:rgba(7,38,61,.92);color:#e2fbff;border-radius:8px;padding:11px 15px;cursor:pointer;font:700 11px var(--mono);flex-shrink:0}
.dashboard-landscape-close:hover,.dashboard-landscape-close:focus-visible{border-color:#84efff}
.dashboard-landscape-stage{display:grid;place-items:center;width:min(1250px,95vw,calc((100dvh - 140px) * 1.578947));aspect-ratio:1500 / 950;max-height:none;border:1px solid rgba(104,209,244,.48);background:#03111e;border-radius:10px;padding:7px;box-shadow:0 0 80px rgba(4,145,232,.22)}
.dashboard-landscape-stage img{display:block;width:100%;height:100%;object-fit:contain}
.dashboard-landscape-help{position:absolute;bottom:13px;margin:0;color:#89a8bc;font:600 10px var(--mono);text-align:center}
body.dashboard-preview-open{overflow:hidden}
@media(max-width:760px){
 .preview-actions{flex-direction:column;align-items:stretch;gap:9px;padding:12px 2px 4px}
 .preview-landscape-button{min-height:46px;width:100%}
 .preview-mobile-hint{text-align:center}
 .preview-top,.preview-bottom{overflow:hidden}
 .preview-image-container{aspect-ratio:1500 / 950;min-height:0}
 .dashboard-landscape-top{top:12px;left:13px;right:13px}
 .dashboard-landscape-top>span{max-width:50%;line-height:1.4}
}
@media(max-width:760px) and (orientation:portrait){
 /* Phone held upright: present an intentionally rotated landscape view. */
 .dashboard-landscape-stage{position:absolute;left:50%;top:50%;width:min(calc(100dvh - 108px),calc((100dvw - 12px) * 1.578947));max-height:none;aspect-ratio:1500 / 950;transform:translate(-50%,-50%) rotate(90deg);transform-origin:50% 50%}
 .dashboard-landscape-help{bottom:12px;max-width:200px}
}
@media(max-width:760px) and (orientation:landscape){
 .dashboard-landscape-stage{width:min(calc(100dvw - 32px),calc((100dvh - 95px) * 1.578947));max-height:none}
 .dashboard-landscape-top{top:7px}
 .dashboard-landscape-close{padding:6px 10px}
 .dashboard-landscape-help{bottom:4px}
}
.planned.ready{color:#67ebc1;border-color:rgba(80,242,195,.4);background:rgba(15,112,91,.14)}
/* Landscape phone viewport may exceed 760 CSS pixels while held sideways. */
@media(max-width:950px) and (orientation:landscape){
 .dashboard-landscape-stage{width:min(calc(100dvw - 30px),calc((100dvh - 105px) * 1.578947));max-height:none}
 .dashboard-landscape-top{top:7px}
 .dashboard-landscape-close{padding:6px 10px}
 .dashboard-landscape-help{bottom:4px}
}
/* More perceptible independent rotation on compact mobile screens. */
@media(max-width:760px){
 .reactor-ring-one{animation-duration:13s}
 .reactor-ring-two{animation-duration:22s}
 .reactor-ring-three{animation-duration:31s}
 .reactor-ring-four{animation-duration:45s}
 html.core-motion-forced .reactor-ring-one{animation-duration:13s!important}
 html.core-motion-forced .reactor-ring-two{animation-duration:22s!important}
 html.core-motion-forced .reactor-ring-three{animation-duration:31s!important}
 html.core-motion-forced .reactor-ring-four{animation-duration:45s!important}
}

/* V7: JARVIS turns automatically on phone and desktop. No activation button. */
.core-motion-toggle{display:none!important}
@media (prefers-reduced-motion:reduce){
 .core-stage .reactor-ring-one{animation:pas-ring-cw 25s linear infinite!important}
 .core-stage .reactor-ring-two{animation:pas-ring-ccw 39s linear infinite!important}
 .core-stage .reactor-ring-three{animation:pas-ring-cw 59s linear infinite!important}
 .core-stage .reactor-ring-four{animation:pas-ring-ccw 89s linear infinite!important}
 .core-stage .orbit-1{animation:pas-orbit-a 22s linear infinite!important}
 .core-stage .orbit-2{animation:pas-orbit-b 28s linear infinite!important}
 .core-stage .orbit-3{animation:pas-orbit-c 36s linear infinite!important}
 .core-stage .orbit-4{animation:pas-orbit-d 46s linear infinite!important}
 .core-stage .orbit-5{animation:pas-orbit-e 58s linear infinite!important}
}
.price-fine a{color:#b6eaf5;text-decoration:underline;text-underline-offset:2px}
