:root{--red:#c70812;--deep:#8f0008;--ink:#111114;--muted:#69696e;--line:#e7e7e9;--cream:#f7f5f2;--white:#fff;--display:var(--font-display),sans-serif;--body:var(--font-body),sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}::selection{background:var(--red);color:#fff}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:10px 10px 10px 3px;display:grid;place-items:center;background:var(--red);color:#fff;font-family:var(--display);font-weight:800;font-size:23px;box-shadow:0 8px 24px rgba(199,8,18,.25)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-family:var(--display);font-size:21px;line-height:20px;letter-spacing:-1px}.brand strong span{color:var(--red)}.brand small{font-size:6.8px;letter-spacing:1.8px;margin-top:3px;font-weight:700}
nav{display:flex;align-items:center;gap:28px}nav button{border:0;background:none;color:inherit;font-size:13px;font-weight:700;padding:10px 0;transition:.2s}nav>button:not(.nav-cta):hover{color:#ff4550}.nav-cta{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:12px 18px!important}.nav-cta span{margin-left:12px}.nav-cta:hover{background:#fff;color:#111}.menu-button{display:none;background:none;border:0;width:38px}.menu-button i{display:block;height:2px;background:#fff;margin:6px 0}.login-menu{position:relative}.login-dropdown{position:absolute;right:0;top:calc(100% + 13px);width:300px;background:#fff;color:#151518;padding:9px;border-radius:18px;box-shadow:0 24px 70px #0008;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.login-dropdown:before{content:"";position:absolute;right:26px;top:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}.login-menu:hover .login-dropdown,.login-menu:focus-within .login-dropdown{opacity:1;visibility:visible;transform:none}.login-dropdown a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px;border-radius:12px;color:inherit;text-decoration:none;transition:.2s}.login-dropdown a:hover{background:#f7ecec}.login-dropdown i{width:34px;height:34px;border-radius:10px;background:#f8e4e5;color:var(--red);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.login-dropdown span{display:flex;flex-direction:column}.login-dropdown b{font-size:11px}.login-dropdown small{font-size:8px;color:#888;margin-top:3px}.login-dropdown em{font-style:normal;color:var(--red)}
.hero{min-height:760px;height:100vh;max-height:980px;background:radial-gradient(circle at 70% 46%,#2a191c 0,#111115 35%,#070709 76%);position:relative;color:#fff;display:grid;grid-template-columns:48% 52%;align-items:center;padding:112px clamp(24px,7vw,110px) 70px;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.6px;font-weight:800;color:var(--red)}.eyebrow b{font-size:7px}.hero h1{font-family:var(--display);font-size:clamp(58px,6.4vw,100px);line-height:.94;letter-spacing:-5px;margin:25px 0 25px;font-weight:650}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:16px;line-height:1.75;color:#bdbdc3;max-width:570px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.primary-btn,.white-btn,.outline-btn{border:0;border-radius:999px;padding:16px 22px;font-weight:800;font-size:12px;display:inline-flex;gap:22px;align-items:center;justify-content:center;transition:.25s}.primary-btn{background:var(--red);color:#fff;box-shadow:0 13px 36px rgba(199,8,18,.25)}.primary-btn:hover{transform:translateY(-2px);background:#e00814}.text-btn{border:0;background:none;color:#fff;font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.text-btn i{width:34px;height:34px;border-radius:50%;border:1px solid #57575d;display:grid;place-items:center;font-style:normal}.trust-row{display:flex;gap:34px;margin-top:55px}.trust-row div{display:flex;flex-direction:column;padding-right:34px;border-right:1px solid #333338}.trust-row div:last-child{border:0}.trust-row strong{font-family:var(--display);font-size:20px}.trust-row span{font-size:9px;color:#88888e;margin-top:4px}.hero-visual{height:80%;position:relative;display:grid;place-items:center;z-index:1}.hero-visual img{width:min(710px,58vw);height:auto;position:relative;z-index:2;filter:drop-shadow(0 35px 50px #000);animation:float 5s ease-in-out infinite}.visual-ring{position:absolute;width:min(33vw,490px);aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 150px rgba(255,255,255,.01)}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28}.glow-one{background:var(--red);width:320px;height:320px;right:20%;top:25%}.glow-two{background:#ff3a12;width:180px;height:180px;right:-5%;bottom:-5%}.floating-chip{position:absolute;z-index:3;background:rgba(20,20,23,.74);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);padding:12px 16px;border-radius:14px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 50px #0007}.floating-chip>span{width:28px;height:28px;border-radius:9px;background:var(--red);display:grid;place-items:center}.floating-chip div{display:flex;flex-direction:column}.floating-chip b{font-size:10px}.floating-chip small{font-size:8px;color:#aaa;margin-top:3px}.chip-one{left:1%;bottom:28%}.chip-two{right:0;top:25%}.scroll-cue{position:absolute;bottom:25px;left:50%;display:flex;align-items:center;gap:13px;color:#707076;font-size:8px;letter-spacing:2px}.scroll-cue i{font-style:normal;color:#fff}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-12px)}}
.brand-strip{height:90px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,75px);border-bottom:1px solid var(--line);color:#a6a6aa;padding:0 24px;white-space:nowrap}.brand-strip span{font-size:9px;letter-spacing:2px;text-transform:uppercase}.brand-strip b{font-family:var(--display);font-size:17px;color:#76767b}
.section{padding:115px clamp(24px,8vw,128px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.about-copy h2,.contact-section h2,.experience h2{font-family:var(--display);font-size:clamp(38px,4.3vw,64px);line-height:1.02;letter-spacing:-3px;margin:18px 0 0}.section-heading>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{height:390px;border-radius:20px;padding:24px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.3s;cursor:pointer}.product-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #1112}.product-card.red{background:var(--red);color:#fff}.product-card.dark{background:#161619;color:#fff}.product-card.light{background:#ebe9e5}.product-card.grey{background:#d9d9db}.card-number{position:absolute;top:22px;left:22px;font-size:9px;letter-spacing:2px;opacity:.6}.product-icon{font-family:var(--display);font-size:100px;position:absolute;top:68px;left:50%;transform:translateX(-50%);opacity:.85;text-shadow:0 15px 30px #0002}.product-card h3{font-family:var(--display);font-size:22px;margin:0 0 6px}.product-card p{font-size:10px;margin:0;opacity:.65}.product-card button{position:absolute;right:20px;bottom:25px;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;transition:.2s}.product-card:hover button{background:#fff;color:#111;border-color:#fff;transform:rotate(45deg)}
.experience{margin:0 clamp(15px,3vw,44px);min-height:680px;border-radius:30px;display:grid;grid-template-columns:48% 52%;overflow:hidden;background:#121214;color:#fff}.experience-card{background:var(--red);padding:clamp(45px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.kicker.light{color:#fff9;}.experience h2{font-size:clamp(39px,4.2vw,63px);margin-bottom:42px}.feature-list{display:grid;gap:23px}.feature-list>div{display:flex;gap:18px}.feature-list i{font-style:normal;font-size:9px;border:1px solid #fff5;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex:none}.feature-list span{display:flex;flex-direction:column}.feature-list b{font-size:13px}.feature-list small{font-size:10px;color:#fff9;margin-top:4px;line-height:1.5}.white-btn{background:#fff;color:#111;margin-top:40px;align-self:flex-start}.experience-photo{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#433336,#171719 60%);overflow:hidden}.phone-mock{height:460px;width:228px;border-radius:40px;background:linear-gradient(145deg,#29292e,#09090b);border:5px solid #333339;box-shadow:0 40px 80px #000;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(8deg);position:relative}.phone-mock:before{content:"";position:absolute;top:10px;width:70px;height:19px;border-radius:20px;background:#050506}.phone-mock>span{width:85px;height:85px;border-radius:28px 28px 28px 8px;background:var(--red);position:absolute;top:120px}.phone-mock b{font-family:var(--display);font-size:22px;margin-top:120px}.phone-mock b em{color:var(--red);font-style:normal}.phone-mock small{color:#888;margin-top:4px}.mini-card{position:absolute;bottom:60px;right:60px;padding:16px 20px;border-radius:13px;background:#fff;color:#111;font-size:11px;font-weight:700;transform:rotate(-3deg)}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-visual{min-height:560px;background:#f0eeeb;border-radius:26px;display:grid;place-items:center;position:relative;overflow:hidden}.about-visual>span{font-family:var(--display);font-size:300px;font-weight:800;color:var(--red);transform:rotate(-8deg);text-shadow:25px 25px 0 #d8d5d1}.about-badge{position:absolute;bottom:28px;left:28px;right:28px;background:#fff;padding:19px 22px;border-radius:15px;display:flex;flex-direction:column}.about-badge b{font-size:12px}.about-badge small{font-size:9px;color:#888;margin-top:3px}.about-copy>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:540px}.about-copy h2{margin-bottom:30px}.outline-btn{background:transparent;border:1px solid #bbb;margin-top:20px}.outline-btn:hover{background:#111;color:#fff;border-color:#111}
.testimonials{background:#121214;color:#fff;text-align:center;padding:100px 25px;min-height:500px}.quote-mark{font-family:Georgia;font-size:70px;color:var(--red);height:72px;margin-top:25px}.testimonials blockquote{font-family:var(--display);font-size:clamp(25px,3.4vw,47px);line-height:1.25;letter-spacing:-1.7px;max-width:950px;margin:0 auto 35px}.customer{display:flex;flex-direction:column}.customer b{font-size:11px}.customer span{font-size:9px;color:#777;margin-top:5px}.dots{display:flex;gap:8px;justify-content:center;margin-top:30px}.dots button{border:0;width:6px;height:6px;border-radius:10px;background:#555;padding:0;transition:.2s}.dots button.active{background:var(--red);width:24px}
.contact-section{background:var(--cream);padding:110px clamp(24px,9vw,145px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.contact-section>div:first-child>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:500px}.contact-card{background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 70px #1717170d}.contact-card>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-card i{width:42px;height:42px;background:#f8e8e9;color:var(--red);display:grid;place-items:center;border-radius:12px;font-style:normal;flex:none}.contact-card span{display:flex;flex-direction:column}.contact-card small{font-size:8px;letter-spacing:2px;color:#999}.contact-card b{font-size:12px;margin-top:5px}.contact-card p{font-size:10px;color:#777;margin:3px 0 0}.contact-card button{width:100%;background:var(--red);color:#fff;border:0;border-radius:12px;padding:16px;margin-top:24px;font-size:11px;font-weight:800;display:flex;justify-content:center;gap:20px}
footer{background:#09090b;color:#fff;padding:70px clamp(24px,8vw,128px) 28px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:50px;padding-bottom:60px}.footer-top>p{font-size:11px;color:#777;line-height:1.7;max-width:360px}.socials{display:flex;gap:9px}.socials button{width:38px;height:38px;border:1px solid #333;border-radius:50%;background:transparent;color:#fff}.socials button:hover{background:var(--red);border-color:var(--red)}.footer-bottom{border-top:1px solid #222;padding-top:25px;display:flex;justify-content:space-between;color:#555;font-size:8px;letter-spacing:1px}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;z-index:50;border-radius:14px;padding:14px 18px;box-shadow:0 20px 60px #0005;font-size:11px;display:flex;gap:10px;align-items:center;animation:rise .3s}.toast span{width:22px;height:22px;background:var(--red);border-radius:50%;display:grid;place-items:center}
@media(max-width:1050px){.hero{grid-template-columns:55% 45%;padding-left:45px;padding-right:35px}.hero h1{font-size:67px}.hero-visual img{width:55vw}.product-grid{grid-template-columns:1fr 1fr}.product-card{height:330px}.section-heading{align-items:start}.brand-strip{overflow:hidden}.experience-card{padding:55px 45px}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px;position:absolute}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:70px;left:14px;right:14px;background:#fff;color:#111;border-radius:17px;padding:18px;box-shadow:0 20px 60px #0007;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 84px);overflow-y:auto}.site-header nav.open{display:flex}.site-header nav button{text-align:left;padding:12px}.nav-cta{width:100%;background:var(--red)!important;color:#fff!important;text-align:center!important;margin-top:6px}.login-dropdown{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:8px 0 0}.login-dropdown:before{display:none}.login-dropdown a{background:#f8f8f8;margin-top:6px}.hero{height:auto;min-height:900px;display:flex;flex-direction:column;padding:130px 22px 70px;align-items:stretch}.hero h1{font-size:clamp(48px,15vw,67px);letter-spacing:-3.5px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;gap:14px;flex-direction:column}.trust-row{gap:12px;margin-top:35px}.trust-row div{padding-right:12px}.trust-row strong{font-size:16px}.trust-row span{font-size:7px}.hero-visual{height:330px;margin-top:10px}.hero-visual img{width:112%;max-width:560px}.floating-chip{padding:9px 10px}.chip-one{left:0;bottom:15%}.chip-two{right:0;top:18%}.scroll-cue{display:none}.brand-strip{height:70px;justify-content:flex-start;overflow-x:auto;gap:34px}.brand-strip span{display:none}.section{padding:80px 20px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px}.section-heading h2,.about-copy h2,.contact-section h2,.experience h2{letter-spacing:-2px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card{height:260px;padding:17px}.product-icon{font-size:64px}.product-card h3{font-size:17px}.product-card p{font-size:8px;padding-right:20px}.product-card button{width:32px;height:32px;right:13px;bottom:16px}.experience{margin:0 10px;grid-template-columns:1fr;border-radius:22px}.experience-card{padding:60px 25px}.experience-photo{min-height:500px}.about-section{grid-template-columns:1fr;gap:60px}.about-visual{min-height:420px}.about-visual>span{font-size:230px}.testimonials{padding:80px 22px;min-height:450px}.contact-section{padding:80px 20px;grid-template-columns:1fr;gap:45px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-bottom{gap:16px;flex-direction:column}.toast{left:18px;right:18px;bottom:18px}.mini-card{right:20px;bottom:35px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-card{height:280px}.hero{min-height:940px}.hero h1{font-size:46px}.trust-row span{max-width:75px}.phone-mock{transform:scale(.9) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}