:root{--navy:#000000;--blue2:#1A0D02;--blue:#FF7A00;--cyan:#FFB347;--gold:#FF9933;--lg:#1A1108;--tx:#F5EFE8;--mu:#B9A998;--ac:var(--blue)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tx);background:#fff;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}
img,svg{max-width:100%}h1,h2,h3{line-height:1.15;margin:.2em 0 .5em}h1{font-size:clamp(2.2rem,6vw,4.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.3rem)}
a{color:inherit}.wrap{width:min(1200px,100% - 2rem);margin:auto}.sec{padding:4.5rem 0}.dark{background:linear-gradient(160deg,var(--navy),var(--blue2));color:#fff}.lead{font-size:1.15rem;max-width:62ch;color:var(--mu)}.dark .lead{color:#c9d6f0}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:.5rem;z-index:99}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff;padding:.85rem 1.4rem;border-radius:999px;border:0;font:600 1rem inherit;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #FF7A0066}.btn.sm{padding:.5rem 1rem;font-size:.9rem}.btn.ghost{background:none;border:2px solid var(--cyan)}.lnk{color:var(--blue);font-weight:600;text-decoration:none}.dark .lnk{color:var(--cyan)}
.hdr{position:sticky;top:0;z-index:50;background:#000000ee;backdrop-filter:blur(10px);color:#fff}.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px}#nav{display:flex;gap:1.4rem;align-items:center}#nav>a,.mega>a{text-decoration:none}
.mega{position:relative}.panel{display:none;position:absolute;top:100%;left:-200px;width:min(720px,90vw);grid-template-columns:repeat(3,1fr);gap:1rem;background:var(--navy);padding:1.2rem;border-radius:12px;border:1px solid #FF7A0055}.mega:hover .panel,.mega:focus-within .panel{display:grid}.panel a{display:block;padding:.25rem 0;text-decoration:none;color:#c9d6f0}.panel h3{font-size:.95rem;color:var(--gold)}
.burger{display:none;background:none;border:0;width:44px;height:44px}.burger span,.burger span:before{display:block;width:26px;height:3px;background:#fff;position:relative;margin:auto;transition:.3s}.burger span:before{content:"";top:8px}
.hero{position:relative;overflow:hidden;padding:5rem 0;min-height:88vh;display:flex;align-items:center}.hero.sm{min-height:0;padding:4rem 0}.grid{position:absolute;inset:0;background:linear-gradient(#FF7A0022 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#FF7A0022 1px,transparent 1px) 0 0/48px 48px;animation:gm 12s linear infinite}@keyframes gm{to{background-position:0 48px,48px 0}}
.hg{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.tag{color:var(--cyan);letter-spacing:.1em;font-weight:600}.rot{height:1.6em;position:relative;font-size:1.4rem;color:var(--gold)}.rot span{position:absolute;opacity:0;animation:rot 9s infinite}.rot span:nth-child(2){animation-delay:3s}.rot span:nth-child(3){animation-delay:6s}@keyframes rot{0%,4%{opacity:0;transform:translateY(10px)}8%,30%{opacity:1;transform:none}34%,100%{opacity:0}}
.mock{position:relative;height:380px;transition:transform .15s;transform-style:preserve-3d}.laptop{position:absolute;inset:20px 60px 40px 0;background:#1A0D02;border:2px solid var(--blue);border-radius:12px;padding:1rem;display:grid;gap:.4rem;align-content:start;animation:fl 6s ease-in-out infinite}.laptop i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:4px}.laptop b{display:block;background:#FF7A0033;padding:.4rem;border-radius:6px;font-size:.75rem}.laptop .h{padding:1.4rem .4rem;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.phone{position:absolute;right:0;bottom:0;width:110px;height:210px;background:var(--navy);border:3px solid var(--cyan);border-radius:20px;padding:1rem .6rem;animation:fl 5s ease-in-out infinite reverse}.phone b{display:block;height:34px;margin-bottom:.5rem;background:#FF7A0044;border-radius:6px}@keyframes fl{50%{transform:translateY(-12px)}}
.fc{position:absolute;background:#ffffff18;border:1px solid #ffffff44;backdrop-filter:blur(8px);padding:.3rem .7rem;border-radius:999px;font-size:.8rem;animation:fl 4s ease-in-out infinite}.f1{top:0;left:10%}.f2{top:30%;right:0;animation-duration:5s}.f3{bottom:10%;left:0;animation-duration:7s}.f4{top:8%;right:25%;animation-duration:6s}.f5{bottom:0;left:40%;animation-duration:4.5s}.f6{top:55%;left:-5%;animation-duration:5.5s}
.strip{background:var(--gold);color:var(--navy);overflow:hidden;white-space:nowrap;font-weight:700}.strip div{display:inline-block;padding:.8rem 13.9rem;animation:mq 25s linear infinite}.strip span{margin:0 2rem}@keyframes mq{to{transform:translateX(-50%)}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:1.5rem}.cards.sm{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.card{position:relative;display:block;background:#fff;color:var(--tx);border:1px solid var(--lg);border-radius:16px;padding:1.4rem;text-decoration:none;box-shadow:0 4px 18px #1A0D0214;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.card:focus-within{transform:translateY(-6px);border-color:var(--ac);box-shadow:0 12px 34px #FF7A0033}.card svg{width:48px;stroke:var(--blue);fill:none;stroke-width:2}.dark .card{background:#ffffff10;color:#fff;border-color:#ffffff33}
.sv .split{align-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.chips,.card ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{background:var(--lg);color:var(--navy);padding:.4rem .9rem;border-radius:999px;font-size:.92rem}.dark .chips li{background:#ffffff18;color:#fff}.card ul{display:block}.card ul li{padding:.15rem 0}.card ul li:before{content:"✓ ";color:var(--ac)}
.eco .orbit{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;padding:0;margin-top:2rem}.orbit li{text-align:center;padding:1rem;border:1px dashed var(--blue);border-radius:12px}.orbit .core{grid-column:1/-1;background:var(--navy);color:var(--gold);font-weight:800;letter-spacing:.2em;border-style:solid}
.frame{border:1px solid var(--lg);border-radius:10px;overflow:hidden;margin-bottom:1rem}.frame i{display:inline-block;width:8px;height:8px;margin:6px 0 6px 6px;border-radius:50%;background:#cbd5e1}.scr{height:120px;background:linear-gradient(135deg,var(--ac),var(--navy));transition:transform .4s}.th:hover .scr{transform:scale(1.08)}.th{border-top:4px solid var(--ac)}
.price .pr{font-size:2.2rem;font-weight:800;color:var(--blue);margin:0}.pop{border-color:var(--gold);background:linear-gradient(var(--tx),var(--tx)) padding-box}.pop{background:#fff;box-shadow:0 0 0 2px var(--gold),0 12px 34px #FF993344}.rib{position:absolute;top:-12px;right:16px;background:var(--gold);color:var(--navy);font-weight:800;font-size:.75rem;padding:.25rem .7rem;border-radius:999px;animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(1.08)}}
.tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.4rem}.tabs button{padding:.6rem 1.1rem;border-radius:999px;border:2px solid var(--blue);background:#fff;font:600 .9rem inherit;cursor:pointer;white-space:nowrap}.tabs [aria-selected=true]{background:var(--blue);color:#fff}[hidden]{display:none!important}
.flow{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0}.flow li{padding:.6rem 1rem;border-radius:10px;background:var(--lg);color:var(--navy);font-weight:600}.flow li+li:before{content:"→ ";color:var(--blue)}.flow.v{display:block}.flow.v li{margin:.3rem 0}.flow.v li+li:before{content:"↓ "}
.ba{position:relative;min-height:230px;border-radius:16px;overflow:hidden}.ba>div{position:absolute;inset:0;padding:1.4rem}.af{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.bf{background:var(--lg);clip-path:inset(0 calc(100% - var(--p)) 0 0)}.ba input{position:absolute;left:0;right:0;bottom:8px;width:100%;z-index:3}
.final{position:relative;overflow:hidden;text-align:center}.final .wrap{position:relative}.final .lead{margin:auto}.brand{margin-top:4rem}
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form label{display:grid;gap:.3rem;font-weight:600}.form .full,.form .err,.form .btn{grid-column:1/-1}.form input,.form select,.form textarea{padding:.7rem;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.form [aria-invalid=true]{border-color:#d92d20}.err{color:#d92d20}.ok{background:#e7f8ee;padding:1rem;border-radius:8px}.hp{position:absolute;left:-9999px}
.ftr{padding-top:3rem}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.ftr a{display:block;color:#c9d6f0;text-decoration:none;padding:.15rem 0}.legal{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem 0 5rem;border-top:1px solid #ffffff22;margin-top:2rem}.legal a{display:inline}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--lg);padding:.6rem}
.mbar{display:none}#intro{position:fixed;inset:0;z-index:100;background:var(--navy);display:grid;place-content:center;text-align:center;color:#fff;animation:out .6s 5s forwards}#intro .line{display:block;height:2px;width:0;margin:auto;background:var(--cyan);box-shadow:0 0 20px var(--cyan);animation:ln 1s 1s forwards}#intro b{font-size:clamp(2.5rem,10vw,6rem);letter-spacing:.2em;opacity:0;animation:in 1s 2s forwards}#intro span{opacity:0;display:inline-block;animation:in 1s 3s forwards}#intro span+span{animation-delay:4s}#intro button{position:absolute;right:1rem;bottom:1rem;background:none;color:#fff;border:1px solid #fff;padding:.5rem 1rem;border-radius:999px;cursor:pointer}@keyframes ln{to{width:min(300px,70vw)}}@keyframes in{to{opacity:1}}@keyframes out{to{opacity:0;visibility:hidden}}
.rv{opacity:0;transform:translateY(24px);transition:.7s}.rv.on{opacity:1;transform:none}
@media(max-width:992px){.hg,.split{grid-template-columns:1fr}.mock{height:320px}}
@media(max-width:768px){.burger{display:block}#nav{position:fixed;inset:64px 0 0;background:var(--navy);flex-direction:column;align-items:flex-start;padding:1.5rem;overflow:auto;transform:translateX(100%);transition:transform .3s;visibility:hidden}#nav.open{transform:none;visibility:visible}.panel{display:grid;position:static;grid-template-columns:1fr;border:0;width:auto}body.lock{overflow:hidden}.form{grid-template-columns:1fr}.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:.5rem;justify-content:space-around;align-items:center;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#000000cc;backdrop-filter:blur(12px);color:#fff}.mbar a{color:#fff;text-decoration:none}.themes,.pk{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.themes>*,.pk>*{scroll-snap-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}#intro{display:none}.rot span:first-child{opacity:1}}
/* Black + saffron theme */
html,body{max-width:100%;overflow-x:hidden}body{background:#000;color:#F5EFE8}
.dark{background:linear-gradient(160deg,#000,#1A0D02 60%,#3a1a00)}
.btn{background:linear-gradient(90deg,#FF6A00,#FF9933,#FFC266);color:#000}.btn.ghost{background:none;color:#FFB347;border-color:#FF9933}
h1,.price .pr,.brand{background:linear-gradient(90deg,#FF6A00,#FFB347);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{background:#0d0d0d;color:#F5EFE8;border-color:#2a1c0e}.dark .card{background:#ffffff0d}
.chips li,.flow li{background:#1A1108;color:#FFD7A8;border:1px solid #3a2814}.dark .chips li{background:#ffffff12;color:#FFD7A8}
.tabs button{background:#000;color:#FFB347}.tabs [aria-selected=true]{background:linear-gradient(90deg,#FF6A00,#FFB347);color:#000}
.form input,.form select,.form textarea{background:#0d0d0d;color:#fff;border-color:#3a2814}.ok{background:#1A1108}
.pop{background:#0d0d0d}.orbit .core{background:#1A0D02;color:#FFB347}.bf{background:#1A1108;color:#FFD7A8}.af{background:linear-gradient(135deg,#000,#FF7A00);color:#fff}
.frame{border-color:#3a2814}.laptop{background:#120a03}.laptop b{color:#FFD7A8}.laptop .h{color:#000}
.hdr{background:#000000ee;border-bottom:1px solid #2a1c0e}.panel{background:#0d0d0d;border-color:#3a2814}.lnk{color:#FFB347}td,th{border-color:#3a2814}.strip{color:#000;background:linear-gradient(90deg,#FF6A00,#FFB347)}
.burger span,.burger span:before{background:#FFB347}
/* Slider */
.slider{position:relative;background:#000;padding:2.5rem 0}.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem}.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;min-height:280px;border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#0d0d0d 30%,var(--s,#FF7A00))}
.slide h2{margin-top:0}.slide p{max-width:52ch}
.sctl{display:flex;align-items:center;gap:.6rem;margin-top:1rem}.sctl button{width:44px;height:44px;border-radius:50%;border:1px solid #FF9933;background:#000;color:#FFB347;font-size:1.2rem;cursor:pointer}.dots{display:flex;gap:.5rem;flex:1;justify-content:center}.dots button{width:12px;height:12px;padding:0;background:#3a2814;border-color:transparent}.dots button[aria-current=true]{background:#FF9933;width:28px;border-radius:8px}
@media(max-width:768px){
.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000}
#nav{position:fixed;top:64px;left:0;right:0;bottom:0;width:100%;max-width:100vw;transform:none;opacity:0;visibility:hidden;background:#000;transition:opacity .25s,visibility .25s}
#nav.open{opacity:1;visibility:visible}#nav>a,.mega>a{font-size:1.2rem}.panel{background:#0d0d0d}
.slide{padding:1.5rem}}