:root { --bg:#0a0d1c; --bg2:#101427; --card:#151a2d; --stroke:#30334c; --muted:#aeb1c8; --white:#f8f8ff; --orange:#ffad54; --orange2:#ff7e3d; --purple:#9b7cf6; --blue:#6e9bff; --green:#8ae3b3; --display:'Outfit',system-ui,sans-serif; --body:'DM Sans',system-ui,sans-serif; --shadow:0 24px 80px #0006; }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:100px}
    html{overflow-x:hidden;overflow-x:clip}
    body{background:var(--bg); color:var(--white); margin:0; font-family:var(--body); width:100%; max-width:100%; min-height:100vh; min-height:100dvh; overflow-x:hidden; overflow-x:clip}
    body::before{content:""; position:fixed; inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 0%,#43215c25,transparent 32%),radial-gradient(ellipse at 8% 26%,#1c348326,transparent 38%)}
    button,input,select,textarea{font:inherit}
    button,a{ -webkit-tap-highlight-color:transparent }
    button{cursor:pointer}
    a{color:inherit;text-decoration:none}
    :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
    .container{width:min(1192px,calc(100% - 52px));margin:auto}
    .topbar{height:37px;background:linear-gradient(90deg,#38244b,#292446 45%,#172954);border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.55px;font-weight:800;text-transform:uppercase;color:#efdaff}
    .topbar .pumpkin{font-size:17px}
    .topbar span:last-child{color:var(--orange)}
    .site-header{position:sticky;top:0;z-index:50;background:#0a0d1ce8;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff12}
    .header-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-1.1px;white-space:nowrap}
    .brand-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#ffbd64,#ff7e3d);display:grid;place-items:center;box-shadow:0 5px 22px #ff7f3638;color:#26192c}
    .brand-icon svg{width:25px;height:25px}
    .brand em{color:var(--orange);font-style:normal}
    .desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto}
    .desktop-nav a{font-size:13px;color:#d0d1e1;transition:color .2s}
    .desktop-nav a:hover{color:#fff}
    .desktop-nav a,.mobile-nav a{position:relative;isolation:isolate;text-shadow:0 0 10px #a86bd10f;transition:color .22s ease,text-shadow .22s ease}
    .desktop-nav a::before,.mobile-nav a::before{content:"";position:absolute;z-index:-1;right:-11px;bottom:-8px;width:28px;height:21px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='none' stroke='%23c7a5de' stroke-width='1'%3E%3Cpath d='M1 1L31 23M1 1L1 23M1 1L31 1M1 1L25 6M1 1L19 12M1 1L12 19M6 1Q5 6 1 6M13 1Q11 10 1 12M21 1Q16 15 7 21M29 8Q16 18 1 19'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.32;pointer-events:none;transition:opacity .22s ease,filter .22s ease}
    .desktop-nav a::after,.mobile-nav a::after{content:"";position:absolute;z-index:-1;left:0;bottom:-9px;width:100%;height:12px;background:linear-gradient(180deg,#b52d45,#781329) 0 0/100% 2px no-repeat,linear-gradient(180deg,#a4213b,#781329) 14% 2px/4px 7px no-repeat,radial-gradient(ellipse at center,#aa213d 0 58%,transparent 64%) 14% 7px/6px 5px no-repeat,linear-gradient(180deg,#b52d45,#781329) 52% 2px/3px 5px no-repeat,radial-gradient(ellipse at center,#b52d45 0 58%,transparent 64%) 52% 5px/5px 5px no-repeat,linear-gradient(180deg,#9c1c37,#781329) 83% 2px/4px 8px no-repeat,radial-gradient(ellipse at center,#9c1c37 0 58%,transparent 64%) 83% 8px/6px 4px no-repeat;opacity:0;transform:scaleY(0);transform-origin:top center;filter:drop-shadow(0 2px 5px #a01835a6);pointer-events:none;transition:opacity .18s ease,transform .22s ease}
    .desktop-nav a:hover,.desktop-nav a:focus-visible,.mobile-nav a:hover,.mobile-nav a:focus-visible{color:#ffd09b;text-shadow:0 0 12px #b678e248,0 0 18px #ff9d4d20}
    .desktop-nav a:hover::before,.desktop-nav a:focus-visible::before,.mobile-nav a:hover::before,.mobile-nav a:focus-visible::before{opacity:.58;filter:drop-shadow(0 0 3px #bc83e9)}
    .desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.mobile-nav a:hover::after,.mobile-nav a:focus-visible::after{opacity:1;transform:scaleY(1)}
    .header-actions{display:flex;align-items:center;gap:10px}
    .nav-btn,.icon-btn{border:1px solid #ffffff20;color:#e1e3f4;background:#ffffff07;border-radius:12px;height:40px}
    .nav-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap;padding:0 16px;font-size:12px;font-weight:800}
    .register-btn{background:#f2f2ff;color:#16192d;border-color:#f2f2ff}.register-btn:hover{background:var(--orange);color:#fff;border-color:#ffc27c;box-shadow:0 9px 24px #ffad5433}
    .nav-btn:hover,.icon-btn:hover{border-color:#ffad5470;background:#ffffff10}
    .site-header .header-actions .nav-btn,.site-header .header-actions .icon-btn{box-shadow:0 5px 15px #0506115c,0 0 0 1px #b68bda1f,0 0 14px #8a55c415;animation:header-halloween-glow 4.4s ease-in-out infinite alternate}
    .site-header .header-actions .register-btn{box-shadow:0 5px 16px #05061166,0 0 16px #ff914426}
    .site-header .header-actions .nav-btn:hover,.site-header .header-actions .icon-btn:hover{animation:none;box-shadow:0 14px 30px #02030bcc,0 0 18px #7a3fa64a,0 0 0 1px #ffad5460}
    .site-header .header-actions .register-btn:hover{box-shadow:0 14px 30px #02030bcc,0 0 22px #ff91444d,0 0 0 1px #ffad5470}
    @keyframes header-halloween-glow{from{box-shadow:0 5px 15px #0506115c,0 0 0 1px #b68bda1f,0 0 12px #8a55c411}to{box-shadow:0 6px 17px #05061170,0 0 0 1px #b68bda38,0 0 17px #8a55c426}}
    .icon-btn{width:40px;display:grid;place-items:center;font-size:18px}
    .mobile-toggle{display:none}
    .mobile-nav{display:none}
    .primary,.secondary,.ghost-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:13px;min-height:50px;padding:0 21px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}
    .primary{background:linear-gradient(135deg,#ffc16c,#ff8f48);color:#1d1a29;box-shadow:0 11px 35px #f9873e33}
    .primary:hover{transform:translateY(-2px);box-shadow:0 15px 45px #f9873e55}
    .secondary{background:#ffffff09;border:1px solid #ffffff28;color:#fff}
    .secondary:hover{background:#ffffff14;transform:translateY(-2px)}
    .ghost-button{background:transparent;border:1px solid #ffffff2a;color:#e5e4f9}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2.1px;font-weight:800;color:var(--orange);text-transform:uppercase}
    .eyebrow::before{content:"";height:6px;width:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}
    .hero{min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff10}
    .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 42% 70% at 73% 46%,#5d2d8752,transparent 75%),radial-gradient(ellipse 35% 50% at 92% 78%,#aa4c2745,transparent 80%),radial-gradient(ellipse 45% 50% at 16% 100%,#1224557a,transparent 80%);pointer-events:none}
    .hero::after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:26px;min-height:675px;position:relative;z-index:1}
    .hero-copy{padding:43px 0 66px;position:relative;z-index:2}
    .season-pill{border:1px solid #ffad5440;background:#ff9d4613;border-radius:99px;padding:10px 15px;color:#ffc88e;font-size:11px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
    .season-pill .dot{width:7px;height:7px;background:#ffae59;border-radius:100%;box-shadow:0 0 15px #ffad55}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-family:var(--display)}
    h1{font-size:clamp(45px,5.45vw,78px);letter-spacing:-3px;line-height:1.035;font-weight:900;margin:27px 0 22px;max-width:645px}
    h1 .highlight{color:var(--orange);background:linear-gradient(105deg,#ffd69b,#ff9a4e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    .hero-description{max-width:525px;color:#b9b9d2;line-height:1.85;font-size:15px}
    .hero-ctas{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0 39px}
    .hero-trust{display:flex;align-items:center;gap:16px;color:#bcbfd2;font-size:12px}
    .avatars{display:flex;padding-left:3px}
    .avatars b{height:32px;width:32px;display:grid;place-items:center;font-size:12px;border:2px solid var(--bg);margin-left:-4px;border-radius:50%;background:#444b77}
    .avatars b:nth-child(2){background:#665174}.avatars b:nth-child(3){background:#407a76}
    .hero-trust strong{color:#fff}
    .hero-stage{height:560px;position:relative;isolation:isolate}
    .moon{height:260px;width:260px;border-radius:50%;position:absolute;top:69px;left:12%;background:radial-gradient(circle at 45% 36%,#7750a280 0%,#49236d40 44%,#48296708 70%);border:1px solid #d7a5ff17;box-shadow:0 0 40px #8b46cd20,inset -18px -22px 36px #39205140}
    .moon::before,.moon::after{position:absolute;content:"";border:2px solid #e5bfff0c;border-radius:100%}
    .moon::before{width:90px;height:90px;left:42px;top:65px}.moon::after{width:45px;height:45px;right:60px;bottom:85px}
    .star{position:absolute;background:#f5d7ff;border-radius:50%;width:3px;height:3px;box-shadow:0 0 12px #d7b6ff;animation:twinkle 3s infinite alternate}
    .s1{top:70px;left:14%}.s2{top:95px;right:2%;animation-delay:1s}.s3{top:195px;right:8%;animation-delay:.5s}.s4{top:413px;left:3%;animation-delay:2s}.s5{top:480px;right:23%;animation-delay:1.7s}
    @keyframes twinkle{from{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1.4)}}
    .bat{width:72.8px;height:44.2px;position:absolute;fill:#171126;filter:drop-shadow(0 0 7px #ec9bff3a);animation:batfloat 6s ease-in-out infinite}
    .bat.one{top:90px;right:9%;transform:rotate(12deg)}.bat.two{top:178px;left:6%;width:39px;animation-delay:-2s}
    @keyframes batfloat{0%,100%{translate:0 0}50%{translate:6px -18px}}
    .laptop{position:absolute;width:450px;max-width:96%;left:50%;top:49%;transform:translate(-49%,-40%) rotate(-4deg);filter:drop-shadow(0 40px 43px #0009);animation:float 7s ease-in-out infinite}
    @keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
    .screen-frame{height:267px;border:11px solid #29263f;border-bottom:16px solid #28263d;background:#121426;border-radius:18px 18px 9px 9px;box-shadow:inset 0 0 0 2px #65557d,0 0 30px #a34fdb33;position:relative;overflow:hidden}
    .screen-frame::after{position:absolute;content:"";inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0e,transparent 38%,#9c5bcc09)}
    .screen-top{height:30px;background:#21233a;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #ffffff12;color:#ada7c7;font-size:10px}
    .screen-top i{height:6px;width:6px;background:#ff9b64;border-radius:50%}.screen-top i:nth-child(2){background:#e8c073}.screen-top i:nth-child(3){background:#93d9ae}.screen-top span{margin-left:11px;font-weight:800}
    .screen-inner{display:grid;grid-template-columns:105px 1fr;height:calc(100% - 30px)}
    .screen-side{background:#17192c;border-right:1px solid #ffffff10;padding:16px 11px}
    .side-line{height:6px;background:#494562;border-radius:6px;width:72%;margin-bottom:15px}.side-line.long{width:100%;background:#e69f5c}.side-line.short{width:48%}
    .screen-content{padding:21px 23px;background:linear-gradient(128deg,#15172e,#19132c)}
    .screen-label{font-size:10px;color:#b6a8d0;letter-spacing:1.7px;text-transform:uppercase;font-weight:800}
    .screen-heading{font-family:var(--display);font-size:23px;letter-spacing:-.4px;margin-top:6px;font-weight:800}
    .screen-heading span{color:#ffc585}
    .status-row{display:flex;gap:9px;margin:15px 0 15px}
    .status-chip{font-size:9px;padding:7px 9px;border-radius:7px;background:#ffb35c19;border:1px solid #ffb35c3d;color:#ffd29c;font-weight:800}
    .status-chip.green{background:#65d5a116;border-color:#65d5a142;color:#8debc3}
    .diag-bar{height:8px;background:#252943;border-radius:10px;overflow:hidden;margin-bottom:11px}
    .diag-bar span{height:100%;display:block;width:86%;background:linear-gradient(90deg,#8c79ff,#ffc274);border-radius:10px;animation:progress 2.4s ease-out both}
    @keyframes progress{from{width:5%}to{width:86%}}
    .screen-foot{display:flex;justify-content:space-between;color:#aaa8c4;font-size:10px}.screen-foot b{color:#9de4bc}
    .laptop-base{height:19px;background:linear-gradient(#9990ad,#3e3b57 60%,#222238);border-radius:4px 4px 60% 60%;margin:-1px -28px 0;position:relative}
    .laptop-base:before{content:"";position:absolute;width:80px;height:6px;top:0;left:calc(50% - 40px);background:#34324c;border-radius:0 0 12px 12px}
    .ghost-float{position:absolute;right:0;top:40px;width:112px;height:145px;animation:ghosty 5s ease-in-out infinite;filter:drop-shadow(0 0 30px #eecbff80);z-index:3}
    @keyframes ghosty{0%,100%{translate:0 0;rotate:-6deg}50%{translate:0 -18px;rotate:5deg}}
    .pumpkin-illustration{position:absolute;bottom:15px;left:5%;width:113px;height:113px;z-index:4;filter:drop-shadow(0 12px 20px #f8873b6b);animation:float 6s infinite ease-in-out -2s}
    .repair-badge{position:absolute;right:-2%;bottom:45px;z-index:5;display:flex;gap:9px;align-items:center;padding:14px 17px;border:1px solid #ffffff2a;border-radius:16px;background:#211b38ec;box-shadow:var(--shadow);font-size:12px;transform:rotate(5deg)}
    .repair-badge .circle{width:30px;height:30px;background:#7de4ae22;border:1px solid #7de4ae70;border-radius:50%;display:grid;place-items:center;color:#8fffc3;font-size:18px}
    .repair-badge b{display:block;font-size:12px}.repair-badge small{display:block;color:#a7a3c1;margin-top:4px;font-size:9px}
    section{position:relative}
    .strip{border-block:1px solid #ffffff13;background:#111427}
    .strip-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}
    .strip-item{display:flex;justify-content:center;align-items:center;gap:11px;font-size:12px;color:#cacbda;border-right:1px solid #ffffff15}
    .strip-item:last-child{border:0}.strip-item svg{width:20px;height:20px;stroke:var(--orange)}
    .section-pad{padding:100px 0}
    .section-head{text-align:center;max-width:715px;margin:0 auto 48px}
    .section-head h2{font-size:clamp(35px,4vw,51px);letter-spacing:-1.8px;line-height:1.13;margin:13px 0 16px}
    .section-head h2 em{font-style:normal;color:var(--orange)}
    .section-head p{color:var(--muted);line-height:1.85;font-size:14px}
    .services{background:linear-gradient(180deg,#0a0d1c,#101323)}
    .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
    .service-card{border:1px solid #ffffff14;border-radius:20px;padding:23px;text-align:left;min-height:255px;background:linear-gradient(160deg,#1c1e36,#14172a);position:relative;overflow:hidden;color:inherit;transition:transform .2s,border-color .2s,background .2s}
    .service-card:hover,.service-card.active{border-color:#ffa95e91;transform:translateY(-5px);background:linear-gradient(160deg,#2c2440,#18182d)}
    .service-card:before{content:"";height:110px;width:110px;position:absolute;right:-40px;top:-42px;background:var(--accent,#9568db);filter:blur(65px);opacity:.28}
    .service-icon{width:61px;height:61px;border-radius:15px;background:#ffffff0a;border:1px solid #ffffff16;display:grid;place-items:center;font-size:30px;margin-bottom:30px}
    .service-card h3{font-size:20px;letter-spacing:-.5px;margin-bottom:10px}.service-card p{font-size:12px;color:#b0b2c8;line-height:1.7;margin:0 0 16px}.service-card .card-arrow{color:var(--orange);font-size:21px;position:absolute;right:23px;bottom:21px}
    .service-detail{margin-top:18px;border:1px solid #ffbb713b;border-radius:18px;background:#221e32;padding:22px 26px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:22px}
    .service-detail .detail-label{font-size:10px;color:var(--orange);letter-spacing:1.5px;font-weight:800;text-transform:uppercase}
    .service-detail h3{font-size:20px;margin:7px 0 0}
    .detail-list{display:flex;gap:9px;flex-wrap:wrap}
    .detail-list span{border-radius:8px;background:#ffffff0c;border:1px solid #ffffff14;padding:8px 10px;color:#d8d9e6;font-size:11px}
    .mini-primary{border:0;color:#1d1a29;background:var(--orange);padding:12px 17px;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}
    .flow-section{background:#0a0d1c}
    .flow-layout{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:90px}
    .flow-copy h2{font-size:clamp(35px,4vw,53px);letter-spacing:-1.8px;line-height:1.14;margin:18px 0}
    .flow-copy h2 span{color:var(--orange)}
    .flow-copy p{line-height:1.85;color:var(--muted);font-size:14px;margin-bottom:26px}
    .flow-note{padding:14px 17px;border:1px solid #ffc27c33;background:#ffb66a0d;border-radius:13px;font-size:12px;color:#ffd0a1;display:inline-flex;align-items:center;gap:9px}
    .steps{display:grid;gap:12px}
    .step{display:flex;gap:18px;background:#14182a;border:1px solid #ffffff17;border-radius:17px;padding:21px;align-items:center;position:relative}
    .step-number{height:45px;width:45px;border-radius:12px;background:#f5a45217;color:#ffb36e;font-family:var(--display);font-size:19px;font-weight:800;display:grid;place-items:center;flex:none;border:1px solid #ffb36e2f}
    .step h3{margin:0 0 5px;font-size:16px}.step p{margin:0;color:#aeb1ca;font-size:12px;line-height:1.65}
    .tracker-wrap{padding:6px 0 115px;background:radial-gradient(ellipse 65% 60% at 50% 64%,#55256a40,transparent 80%)}
    .tracker-panel{background:linear-gradient(120deg,#241e3d,#1c1b35 55%,#272035);border:1px solid #b58cff48;border-radius:26px;padding:54px 58px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;overflow:hidden;box-shadow:var(--shadow)}
    .tracker-panel h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.3px;margin:13px 0 13px;line-height:1.13}
    .tracker-panel p{font-size:13px;line-height:1.8;color:#bfb9d1;margin:0}
    .tracker-form{display:flex;gap:9px;background:#101325;border:1px solid #ffffff28;border-radius:12px;padding:6px}
    .tracker-form input{background:transparent;border:0;color:white;min-width:0;flex:1;outline:0;font-size:12px;padding:0 12px}
    .tracker-form input:focus,.tracker-form input:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}
    .tracker-form button{min-height:45px;white-space:nowrap;border-radius:9px;padding:0 15px}
    .tracker-form button .tracker-loading-label{display:none}
    .tracker-form button.is-loading>span:first-child{display:none}
    .tracker-form button.is-loading .tracker-loading-label{display:inline}
    .tracker-side p{font-size:11px;color:#938fae;margin-top:13px}
    .tracker-notice{margin-top:11px;color:#ffd0a1;font-size:12px;display:none}
    .numbers{border-block:1px solid #ffffff12;background:#111425}
    .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:44px 0}
    .number-item{text-align:center;border-right:1px solid #ffffff1b}.number-item:last-child{border:0}
    .number-item b{font-size:44px;letter-spacing:-1px;font-family:var(--display);display:block;color:#ffb56f}.number-item span{font-size:12px;color:#b8bad0;display:block;margin-top:5px}
    .faq{background:#0b0e1c}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
    .faq-left h2{font-size:46px;line-height:1.13;letter-spacing:-1.7px;margin:16px 0}.faq-left h2 em{font-style:normal;color:var(--orange)}
    .faq-left p{line-height:1.8;font-size:13px;color:var(--muted)}
    .accordion{border-top:1px solid #ffffff20}
    .faq-item{border-bottom:1px solid #ffffff20}
    .faq-question{font-size:14px;font-weight:700;border:0;color:#f2f0fa;background:transparent;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:23px 2px}
    .faq-question span:last-child{font-size:23px;color:var(--orange);transition:transform .2s}
    .faq-item.active .faq-question span:last-child{transform:rotate(45deg)}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
    .faq-answer p{color:#aeb1c8;font-size:13px;line-height:1.8;padding:0 20px 23px 2px;margin:0}
    .contact-section{padding:0 0 104px;background:linear-gradient(#0b0e1c,#101225)}
    .contact-card{position:relative;padding:60px 45px;text-align:center;border:1px solid #ffad5452;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 75% 100% at 50% 120%,#b1663b2c,transparent),linear-gradient(130deg,#281b35,#17172e);box-shadow:var(--shadow)}
    .contact-card::before,.contact-card::after{content:'✦';position:absolute;color:#ffc38d;opacity:.6;font-size:23px;top:22%;left:10%}.contact-card::after{left:auto;right:13%;top:29%;font-size:15px}
    .contact-card h2{font-size:clamp(37px,5vw,56px);max-width:680px;letter-spacing:-1.8px;margin:12px auto 16px;line-height:1.14}
    .contact-card h2 em{color:var(--orange);font-style:normal}.contact-card p{color:#c1bdd2;max-width:610px;margin:0 auto 30px;line-height:1.8;font-size:13px}
    .contact-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}
    footer{padding:45px 0 29px;background:#0a0d19;border-top:1px solid #ffffff17}
    .footer-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr;gap:45px;padding-bottom:45px}
    .footer-text{font-size:12px;line-height:1.8;color:#9296ad;max-width:315px;margin:16px 0 0}
    .footer-col h4{margin:0 0 15px;font-size:13px}.footer-col a,.footer-col p{display:block;color:#9d9fb9;font-size:12px;line-height:2.15;margin:0}
    .footer-col a:hover{color:var(--orange)}
    .footer-bottom{border-top:1px solid #ffffff12;padding-top:24px;color:#7b7e97;font-size:11px;display:flex;justify-content:space-between;gap:20px}
    .demo-label{display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff28;border-radius:30px;padding:7px 10px;color:#aaa8c4;font-size:10px}
    .modal-shell{position:fixed;inset:0;background:#060713dd;backdrop-filter:blur(10px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
    .modal-shell.open{display:flex}
    .modal{max-width:520px;width:100%;border-radius:23px;background:#1a1c30;border:1px solid #ffffff34;box-shadow:0 40px 110px #000a;padding:30px;position:relative;max-height:calc(100vh - 35px);overflow:auto}
    .modal h2{font-size:28px;letter-spacing:-.8px;margin:10px 0}.modal p{color:#aaadc5;font-size:12px;line-height:1.7}
    .modal-close{position:absolute;right:19px;top:18px;border:1px solid #ffffff24;background:#ffffff10;color:#fff;width:34px;height:34px;border-radius:10px;font-size:19px}
    .form-label{display:block;color:#e2e2f2;font-size:12px;font-weight:700;margin:17px 0 8px}
    .form-field{background:#111426;border:1px solid #353852;color:#fff;width:100%;border-radius:11px;padding:12px 14px;min-height:45px;outline:0}
    textarea.form-field{min-height:95px;resize:vertical}
    .form-field:focus{border-color:#ffa75e}
    .modal .primary{width:100%;margin-top:20px}
    .modal-note{font-size:11px!important;color:#f8c08d!important;background:#ffac4f0e;border:1px solid #ffac4f26;padding:11px;border-radius:10px;margin-top:15px}
    .result-message{display:none;margin-top:15px;padding:15px;border:1px solid #95ddb343;border-radius:12px;background:#6ddba912;color:#c4f9db;white-space:pre-wrap;line-height:1.7;font-size:12px;word-break:break-word}
    .toast{position:fixed;z-index:120;bottom:24px;left:50%;transform:translate(-50%,100px);background:#24253a;border:1px solid #ffad5468;border-radius:14px;padding:13px 18px;box-shadow:var(--shadow);color:#fff;font-size:12px;opacity:0;transition:all .28s;pointer-events:none;min-width:240px;text-align:center}
    .toast.show{opacity:1;transform:translate(-50%,0)}
    .classic .topbar{background:#19345a}
    .classic{--orange:#79a9ff;--orange2:#5a91fa;--purple:#789ced}
    .classic .primary,.classic .mini-primary{background:#79a9ff}.classic .season-pill{color:#b2ccff;background:#5997ff14;border-color:#5997ff50}
    .classic .hero::before{background:radial-gradient(ellipse 50% 70% at 75% 45%,#31589d45,transparent 75%)}
    .classic .ghost-float,.classic .pumpkin-illustration,.classic .bat{display:none}
    .classic .brand-icon{background:#79a9ff}.classic .highlight{background:linear-gradient(90deg,#83aefc,#b4caff);-webkit-background-clip:text;background-clip:text}
    .classic .moon{background:radial-gradient(circle at 42% 40%,#4265ab80,transparent 70%);box-shadow:0 0 85px #3b72ed25}
    .classic .topbar .pumpkin{display:none}
    .classic .topbar span:last-child{color:#bcd0ff}
    .classic .repair-badge{background:#193351}
    .no-motion *, .no-motion *::before, .no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    @media(max-width:1020px){.desktop-nav{gap:15px}.header-actions .nav-btn{display:none}.hero-grid{grid-template-columns:1fr 1fr}.laptop{width:370px}.screen-frame{height:235px}.hero-stage{height:495px}.moon{width:230px;height:230px}.ghost-float{right:-16px}.repair-badge{bottom:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.flow-layout{gap:45px}.faq-layout{gap:50px}}
    @media(max-width:730px){.container{width:calc(100% - 36px);max-width:520px}.topbar{font-size:9px;gap:7px;letter-spacing:.1px}.header-inner{min-height:69px}.brand{font-size:21px}.desktop-nav{display:none}.mobile-toggle{display:grid}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:6px 20px 18px;border-top:1px solid #ffffff14}.mobile-nav a{padding:13px 0;border-bottom:1px solid #ffffff0d;font-size:14px;color:#e9e7f4}.hero{min-height:auto}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:auto}.hero-copy{padding:61px 0 0}.hero-copy h1{font-size:clamp(44px,10.7vw,66px);letter-spacing:-2px}.hero-description{font-size:14px}.hero-ctas{margin-bottom:23px}.hero-stage{width:100%;height:440px;margin-top:0}.moon{left:13%;top:48px;width:200px;height:200px}.laptop{width:350px;top:46%}.ghost-float{width:88px;right:9px;top:18px}.pumpkin-illustration{width:87px;bottom:24px}.repair-badge{right:1%;bottom:30px}.strip-inner{grid-template-columns:repeat(2,1fr);gap:19px 0}.strip-item{justify-content:flex-start;padding-left:14px}.strip-item:nth-child(2){border:0}.strip-item{font-size:11px}.section-pad{padding:72px 0}.section-head{margin-bottom:33px}.section-head h2{font-size:38px}.service-grid{gap:12px}.service-card{padding:17px;min-height:235px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-icon{margin-bottom:23px}.service-detail{display:flex;flex-direction:column;align-items:stretch;padding:20px;gap:13px}.flow-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px}.flow-copy h2{font-size:40px}.tracker-wrap{padding:0 0 72px}.tracker-panel{padding:32px 22px;grid-template-columns:1fr;gap:26px}.tracker-panel h2{font-size:36px}.numbers-grid{grid-template-columns:repeat(2,1fr);gap:35px 0}.number-item:nth-child(2){border:0}.number-item b{font-size:39px}.faq-layout{grid-template-columns:1fr;gap:24px}.faq-left h2{font-size:41px}.contact-section{padding-bottom:75px}.contact-card{padding:48px 20px}.contact-card h2{font-size:37px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid > div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}
    @media(max-width:400px){.container{width:calc(100% - 28px)}.brand{font-size:19px}.header-actions{gap:6px}.header-actions .icon-btn{width:35px;height:37px}.hero-ctas{display:grid}.hero-ctas button,.hero-ctas a{width:100%}.hero-stage{height:395px}.laptop{width:310px}.screen-frame{height:212px}.screen-inner{grid-template-columns:78px 1fr}.screen-content{padding:15px 12px}.screen-heading{font-size:20px}.screen-side{padding:14px 9px}.moon{height:180px;width:180px;left:16%}.repair-badge{padding:9px;font-size:10px}.ghost-float{width:72px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:232px}.service-icon{width:50px;height:50px}.tracker-form{flex-direction:column}.tracker-form input{min-height:45px}.tracker-form button{width:100%}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

    /* Edición Halloween sutil: nueva capa de interacción sobre el diseño original */
    .primary,.secondary,.ghost-button,.nav-btn,.mini-primary,.icon-btn,.service-card,.step,.faq-question{position:relative;isolation:isolate}
    .primary,.secondary,.ghost-button,.nav-btn,.mini-primary,.icon-btn{overflow:hidden;transition:transform .25s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease,border-color .25s,background .25s}
    .primary::after,.secondary::after,.nav-btn::after,.mini-primary::after{content:"";position:absolute;inset:-45% auto -45% -60%;width:33%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff8,transparent);opacity:0;transition:opacity .25s,left .65s ease;pointer-events:none}
    .primary:hover::after,.secondary:hover::after,.nav-btn:hover::after,.mini-primary:hover::after{left:135%;opacity:.35}
    .primary:hover,.mini-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px #ff924837,0 0 0 1px #ffc38640}
    .secondary:hover,.ghost-button:hover,.nav-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #9b7cf61a;border-color:#ffb96d6a}
    .primary:active,.secondary:active,.nav-btn:active,.mini-primary:active{transform:translateY(0) scale(.985)}
    .service-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s,box-shadow .3s}
    .service-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #02051485,0 0 30px #ffad540e}
    .service-card .service-icon{transition:transform .35s ease,filter .35s ease}
    .service-card:hover .service-icon{transform:translateY(-2px) rotate(-4deg);filter:drop-shadow(0 0 9px #ffad542b)}
    .service-card .card-arrow{transition:transform .3s ease}
    .service-card:hover .card-arrow{transform:translate(3px,-3px)}
    .step{transition:border-color .3s,transform .3s,box-shadow .3s}
    .step:hover{transform:translateX(3px);border-color:#ffac5660;box-shadow:0 9px 24px #0003}
    .faq-question:hover{color:#ffdab2}
    .contact-card .primary:hover{box-shadow:0 0 28px #ffad5440,0 13px 37px #ff924830}
    .hero-stage{--parallax-x:0px;--parallax-y:0px}
    .hero-stage .moon{translate:calc(var(--parallax-x)*-.35) calc(var(--parallax-y)*-.35);transition:translate .24s ease-out}
    .hero-stage .ghost-float{margin-left:calc(var(--parallax-x)*.45);margin-top:calc(var(--parallax-y)*.25);transition:margin .22s ease-out}
    .web-corner{position:absolute;z-index:2;pointer-events:none;width:clamp(90px,10vw,156px);height:auto;opacity:.40;filter:drop-shadow(0 1px 7px #a690d322);--web-x:0px;--web-y:0px;transform:translate(var(--web-x),var(--web-y));transition:transform .36s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
    .web-corner svg{display:block;width:100%;height:auto;transform-origin:7% 6%;animation:web-sway 6.5s ease-in-out infinite alternate}
    .web-corner svg path{stroke:#b5a4d8;stroke-width:1.15;opacity:.65}
    .web-corner.web-right{right:0;top:0;transform:scaleX(-1) translate(calc(var(--web-x)*-1),var(--web-y))}
    .web-corner.web-left{left:0;top:0}
    .hero>.web-corner{top:0;width:134px;opacity:.32}
    .services>.web-corner{top:8px;opacity:.32;width:106px}
    .flow-section>.web-corner{top:0;opacity:.26;width:110px}
    .contact-section>.web-corner{top:0;opacity:.3;width:100px}
    @keyframes web-sway{0%,100%{rotate:-1.3deg}50%{rotate:1.6deg}}
    .flow-section{overflow:hidden}
    .flow-copy{position:relative;padding-bottom:180px}
    .workbench-art{position:absolute;z-index:0;left:-20px;bottom:-18px;width:min(100%,450px);height:193px;pointer-events:none;opacity:.83;filter:drop-shadow(0 13px 20px #0005)}
    .workbench-art svg{width:100%;height:100%;display:block;overflow:visible}
    .bench-flame{transform-origin:75% 59%;animation:candle-flicker 1.25s ease-in-out infinite alternate;transition:opacity .55s ease-out,transform .55s ease-out}
    .bench-glow{transition:opacity 1.25s ease}
    .bench-smoke{opacity:0;transition:opacity .2s ease;transform-origin:76% 60%}
    .workbench-art.extinguished .bench-flame{opacity:0;transform:scale(.15)}
    .workbench-art.extinguished .bench-glow{opacity:0}
    .workbench-art.extinguished .bench-smoke{opacity:.72;animation:smoke-rise 2.5s ease-out both}
    .bench-web{transform-origin:9% 8%;animation:web-sway 7s ease-in-out infinite alternate}
    .bench-micro-led{animation:led-pulse 2.2s infinite alternate}
    @keyframes candle-flicker{0%{transform:rotate(-4deg) scale(.94)}30%{transform:rotate(1deg) scale(1.06)}100%{transform:rotate(4deg) scale(.94)}}
    @keyframes smoke-rise{from{transform:translateY(7px) scale(.9);opacity:.76}to{transform:translateY(-26px) scale(1.22);opacity:0}}
    @keyframes led-pulse{from{opacity:.15}to{opacity:.85}}
    .cursor-halo{position:fixed;left:0;top:0;width:125px;height:125px;border-radius:50%;pointer-events:none;z-index:70;opacity:0;transform:translate3d(var(--cursor-x,-300px),var(--cursor-y,-300px),0) translate(-50%,-50%);background:radial-gradient(circle,#ffae6c22 0%,#8d63cd10 35%,transparent 72%);transition:opacity .3s ease;mix-blend-mode:screen}
    .cursor-halo.visible{opacity:.5525}
    .cursor-spark{position:fixed;width:4px;height:4px;left:0;top:0;background:#ffc888;border-radius:50%;box-shadow:0 0 8px #ffc8889c;pointer-events:none;z-index:71;animation:spark-fade .68s ease-out forwards}
    @keyframes spark-fade{from{opacity:.7;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.4)}}
    .classic .web-corner,.classic .workbench-art,.classic .rc-scene,.classic .cursor-halo,.classic .cursor-spark{display:none!important}
    @media(max-width:730px){.web-corner{width:80px!important;opacity:.22!important}.hero>.web-corner{width:98px!important}.flow-copy{padding-bottom:155px}.workbench-art{left:0;bottom:-3px;height:158px;width:355px;max-width:100%}}
    @media(hover:none),(pointer:coarse){.cursor-halo,.cursor-spark{display:none!important}.web-corner{--web-x:0px!important;--web-y:0px!important}.service-card:hover{box-shadow:none}}
    @media(prefers-reduced-motion:reduce){.cursor-halo,.cursor-spark{display:none!important}.workbench-art.extinguished .bench-smoke{opacity:0}.web-corner svg{animation:none}.primary::after,.secondary::after,.nav-btn::after,.mini-primary::after{display:none}}

    .halloween-page{background:var(--bg);color:var(--white);font-family:var(--body);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-x:clip}
    .halloween-page>.min-h-screen{width:100%;min-height:100vh;min-height:100dvh}
    .tracker-result{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin-top:8px;padding:20px;border:1px solid #ffffff20;border-radius:15px;background:#101325;color:#e8e7f3}
    .tracker-result h3{margin:5px 0 0;font-size:20px}
    .tracker-result p{grid-column:1/-1;margin:0;color:#b9b9d2;font-size:12px;line-height:1.8}
    .tracker-result .status-chip{align-self:center}
    .tracker-notice{color:#ffd0a1;background:#ffac4f0e;border:1px solid #ffac4f26;padding:11px;border-radius:10px;font-size:12px}
    .modal-shell.open{display:flex}
    .modal-shell .modal-close{cursor:pointer}
    .modal-shell .form-label{margin-top:16px}
    .modal-shell .primary{width:100%;margin-top:20px}
    .modal-shell .secondary{width:100%;margin-top:10px}
    .modal-shell .modal-note{margin-top:15px}
    @media(max-width:730px){.tracker-result{grid-template-columns:1fr}.tracker-result p{grid-column:1}}

    /* Ajustes responsive finales para tablet y teléfono */
    @media(max-width:1020px){
      .desktop-nav{display:none}
      .mobile-toggle{display:grid}
      .mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:6px max(20px,calc((100% - 900px)/2)) 18px;border-top:1px solid #ffffff14}
      .mobile-nav a{padding:13px 0;border-bottom:1px solid #ffffff0d;font-size:14px;color:#e9e7f4}
      .mobile-nav a::before{right:4px;bottom:11px;width:27px;height:20px;opacity:.25}
      .mobile-nav a::after{bottom:6px;transform-origin:top center}
    }
    @media(max-width:730px){
      .tracker-panel{min-width:0}
      .contact-card{padding:42px 20px}
    }
    @media(max-width:400px){
      .tracker-panel{padding:28px 18px}
      .contact-card h2{font-size:34px}
    }


/* RedComputer — escena Halloween V2. Los estilos locales no cambian los estilos del resto del sitio. */
.rc-scene {
  --rc-bg: #0b0f20; --rc-card: #171c30; --rc-white: #f7f4ff;
  --rc-muted: #b6b4c9; --rc-line: rgba(197,184,229,.16);
  --rc-orange: #ffad69; --rc-violet: #a88ef4;
  position:relative; isolation:isolate; overflow:visible; width:100%; min-height:0;
  font-family: 'Inter', 'DM Sans', system-ui, -apple-system, sans-serif;
  color:var(--rc-white); background:transparent;
}
.rc-scene, .rc-scene * { box-sizing:border-box; }
.rc-scene button {font:inherit;cursor:pointer;}
.rc-scene button:focus-visible, .rc-scene a:focus-visible {outline:3px solid var(--rc-orange);outline-offset:5px;}
.rc-scene .scene-orb {position:absolute;z-index:-1;width:400px;height:400px;right:3%;top:5%;border-radius:50%;background:radial-gradient(circle,#804e8361,#55477d18 55%,transparent 73%);filter:blur(26px);pointer-events:none;}
.rc-scene .scene-inner {margin:0 auto;max-width:1200px;padding:0;position:relative;z-index:1;}
.rc-scene .scene-content {display:grid;grid-template-columns: minmax(260px,.92fr) minmax(0,1.3fr);align-items:center;gap:0;min-height:504px;}
.rc-scene .scene-copy {padding:30px 0 16px;position:relative;z-index:5;}
.rc-scene .scene-kicker {display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--rc-orange);}
.rc-scene .scene-kicker:before {content:"";height:7px;width:7px;background:#ffc47e;border-radius:50%;box-shadow:0 0 13px #ffc47e;}
.rc-scene h2 {font-family: 'Outfit','Inter',system-ui,sans-serif;font-size:clamp(36px,4.1vw,58px);letter-spacing:-2.7px;line-height:1.07;font-weight:840;margin:19px 0 19px;max-width:510px;}
.rc-scene h2 strong {font-weight:850;color:var(--rc-orange);}
.rc-scene .scene-copy p {font-size:14px;color:var(--rc-muted);max-width:450px;line-height:1.88;margin:0 0 26px;}
.rc-scene .scene-actions {display:flex;align-items:center;flex-wrap:wrap;gap:11px;}
.rc-scene .scene-primary, .rc-scene .scene-secondary {border-radius:13px;min-height:46px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 16px;font-size:12px;font-weight:800;transition:transform .25s cubic-bezier(.2,.7,.1,1), box-shadow .25s, border-color .25s,background .25s;}
.rc-scene .scene-primary {border:0;color:#2a2233;background:linear-gradient(135deg,#ffd18f,#ff975d);box-shadow:0 12px 30px #f58e6633;}
.rc-scene .scene-secondary {color:#ece9fa;border:1px solid #cec0d93e;background:#f8f5ff09;}
.rc-scene .scene-primary:hover {transform:translateY(-3px);box-shadow:0 15px 35px #f58e6666;}
.rc-scene .scene-secondary:hover {transform:translateY(-3px);border-color:#ffb7808c;background:#ffac6930;}
.rc-scene .scene-visual {position:relative;height:min(39vw,490px);min-height:400px;margin-right:-22px;isolation:isolate;}
.rc-scene .scene-sparkle {position:absolute;pointer-events:none;border-radius:50%;background:#ffd28f;box-shadow:0 0 15px #ffaf77;opacity:.65;animation:rc-twinkle 3s ease-in-out infinite alternate;}
.rc-scene .scene-sparkle.s1 {top:14%;left:21%;width:3px;height:3px;}
.rc-scene .scene-sparkle.s2 {top:45%;right:14%;width:2px;height:2px;animation-delay:1.3s;}
.rc-scene .scene-sparkle.s3 {bottom:23%;left:15%;width:3px;height:3px;animation-delay:.8s;}
.rc-scene .scene-art {position:absolute;inset:-14% -10% -8% -9%;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);transition:transform .25s ease-out;pointer-events:none;}
.rc-scene .workshop-illustration {display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 25px #0307145c);}
.rc-scene .web-left {transform-origin:75px 66px;animation:rc-web-swing 6s ease-in-out infinite alternate;}
.rc-scene .web-right {transform-origin:775px 42px;animation:rc-web-swing 6.5s ease-in-out infinite alternate-reverse;}
.rc-scene .spider-bob {transform-box:fill-box;transform-origin:center top;animation:rc-spider-idle 2.2s ease-in-out infinite alternate;}
.rc-scene .spider-mover {transform:translateY(0);opacity:1;}
.rc-scene.escaping .spider-bob {animation:none;}
.rc-scene.escaping .spider-mover {animation:rc-spider-retreat 1.45s cubic-bezier(.4,0,.1,1) forwards;}
.rc-scene.spider-gone .spider-mover {opacity:0;transform:translateY(-195px);}
.rc-scene .console-unit {transform-origin:center;transition:filter .3s;}
.rc-scene.show-diagnostics .console-unit {filter:drop-shadow(0 0 8px #e69d7154);}
.rc-scene .status-led {animation:rc-light-pulse 1.9s ease-in-out infinite alternate;}
.rc-scene .fault-flash {animation:rc-light-pulse 2.3s ease-in-out infinite alternate;}
.rc-scene .scene-halo {width:16px;height:16px;border-radius:50%;position:absolute;z-index:3;pointer-events:none;left:0;top:0;opacity:0;transform:translate3d(var(--halo-x,-300px),var(--halo-y,-300px),0) translate(-50%,-50%);background:radial-gradient(circle,#ffb17f45, #8c6ccd18 45%,transparent 72%);transition:opacity .25s;}
.rc-scene.has-pointer .scene-halo {opacity:.9;}
.rc-scene .inspect-button {position:absolute;z-index:5;right:28%;top:51%;width:31px;height:31px;border-radius:50%;color:#171324;background:#ffbf87;border:2px solid #fff0cb;box-shadow:0 0 0 6px #ffbf8730,0 0 22px #e99873b8;font-size:19px;font-weight:800;display:grid;place-items:center;transition:transform .2s,box-shadow .2s;}
.rc-scene .inspect-button:hover {transform:scale(1.15);box-shadow:0 0 0 9px #ffbf8730,0 0 32px #e99873;}
.rc-scene .diagnostics-box {position:absolute;z-index:7;right:5%;top:13%;width:min(244px,60%);padding:15px 17px;border-radius:16px;background:#181a31f7;border:1px solid #dbad9159;box-shadow:0 18px 55px #01020ca8;backdrop-filter:blur(12px);animation:rc-rise .23s ease-out;}
.rc-scene .diagnostics-box h3 {font-size:13px;font-weight:850;color:#ffe0bc;margin:0 0 9px;}
.rc-scene .diagnostics-box ul {list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.rc-scene .diagnostics-box li {color:#dad4e8;font-size:11px;display:flex;gap:8px;align-items:start;}
.rc-scene .diagnostics-box li:before {content:'•';color:#ffb680;font-size:15px;line-height:13px;}
@keyframes rc-twinkle {from{opacity:.25;transform:scale(.8)}to{opacity:.85;transform:scale(1.25)}}
@keyframes rc-web-swing {from{rotate:-1.6deg}to{rotate:1.7deg}}
@keyframes rc-spider-idle {from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(5px) rotate(3deg)}}
@keyframes rc-spider-retreat {0%{transform:translateY(0);opacity:1}15%{transform:translateY(3px);opacity:1}82%{transform:translateY(-167px);opacity:1}100%{transform:translateY(-197px);opacity:0}}
@keyframes rc-light-pulse {from{opacity:.2}to{opacity:1}}
@keyframes rc-rise {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){
  .rc-scene .scene-content {grid-template-columns:1fr;}
  .rc-scene .scene-copy {padding:42px 0 10px;}
  .rc-scene .scene-copy p {max-width:620px;}
  .rc-scene .scene-visual {height:440px;min-height:350px;margin:-12px auto 0;width:min(100%,740px);}
  .rc-scene .scene-art {inset:-15% -10% -9% -10%;}
  .rc-scene .scene-orb {right:10%;top:28%;}
}
@media(max-width:560px){
 .rc-scene {border-radius:0;min-height:0;}
 .rc-scene .scene-inner {padding:0;}
 .rc-scene h2 {font-size:clamp(34px,9vw,46px);letter-spacing:-1.6px;margin:16px 0;}
 .rc-scene .scene-copy {padding:32px 0 4px;}
 .rc-scene .scene-copy p {font-size:13px;margin-bottom:21px;}
 .rc-scene .scene-actions {gap:9px;}
 .rc-scene .scene-primary,.rc-scene .scene-secondary {font-size:11px;padding:10px 12px;min-height:45px;}
 .rc-scene .scene-visual {width:calc(100% + 36px);height:290px;min-height:0;margin:3px -18px -3px;}
 .rc-scene .scene-art {inset:-18% -9% -13% -11%;}
 .rc-scene .inspect-button {width:25px;height:25px;font-size:14px;top:53%;right:26%;}
 .rc-scene .diagnostics-box {right:7%;top:9%;width:195px;padding:12px;}
}
@media(hover:none),(pointer:coarse){.rc-scene .scene-halo{display:none}.rc-scene .scene-art{transform:none!important}}
@media(prefers-reduced-motion:reduce){
 .rc-scene *, .rc-scene *::before, .rc-scene *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .rc-scene .scene-halo{display:none!important}
 .rc-scene.escaping .spider-mover,.rc-scene.spider-gone .spider-mover{opacity:0}
}