:root{--red:#EB0032;--red-dark:#E00030;--red-bright:#ff335e;--red-soft:#FFF0F3;--dark-pink:#800069;--muted:#6c7179;--dim:#B0B7BF;--line:#ececef;--white:#fff;--black:#000;--ink:#15171b;--reg-rgb:239,0,51;--white-rgb:255,255,255;--black-rgb:0,0,0;--dark-rgb:20,20,30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;color:var(--ink);background:#fafafa;line-height:1.4;font-size:16px}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;z-index:50;background:rgba(var(--white-rgb),.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.menu-toggle{display:none;width:40px;height:40px;padding:10px;border:1px solid rgba(var(--reg-rgb),.25);border-radius:10px;background:rgba(var(--reg-rgb),.05);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--red);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-inside{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.logo-img{width:48px;height:48px;border-radius:50%;box-shadow:0 0 4px rgba(var(--reg-rgb),.7);animation:imagePulse 3s ease-in-out infinite}@keyframes imagePulse{0%,100%{box-shadow:0 0 3px rgba(var(--reg-rgb),.5)}50%{box-shadow:0 0 8px rgba(var(--reg-rgb),.9)}}.logo{font-weight:900;font-size:19px}.logo span{color:var(--red)}.nav-links{display:flex;gap:25px;font-weight:700}.nav-btn{padding:10px 15px;border-radius:20px;background:var(--red);color:var(--white);font-weight:800;box-shadow:0 10px 20px rgba(var(--reg-rgb),.25);transition:.25s ease}.nav-btn:hover{box-shadow:0 10px 20px rgba(var(--reg-rgb),.35)}.hero{padding:50px 0;background:radial-gradient(circle at 80% 15%,rgba(var(--reg-rgb),.1),transparent 30%),linear-gradient(135deg,var(--white) 0,var(--white) 62%,rgba(var(--reg-rgb),.01) 100%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background:var(--red-soft);color:var(--red-dark);border:1px solid rgba(var(--reg-rgb),.2);border-radius:50px;font-size:14px;font-weight:800;margin-bottom:20px;letter-spacing:1px}.badge i{width:10px;height:10px;background:var(--red);border-radius:50%;display:block;box-shadow:0 0 4px rgba(var(--reg-rgb),.7);animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 3px rgba(var(--reg-rgb),.5)}50%{box-shadow:0 0 8px rgba(var(--reg-rgb),.9)}}h1{font-size:clamp(35px,4.5vw,50px);line-height:1.2;margin:0 0 20px;font-weight:900}h1 span{color:var(--red)}.lead{font-size:19px;color:var(--muted);max-width:650px;margin:0 0 20px}.desc{font-size:17px;font-style:italic;color:var(--muted);max-width:650px;margin:0 0 20px;padding-left:10px;border-left:1px solid var(--dim);border-top-left-radius:5px;border-bottom-left-radius:5px}.minor{color:var(--dark-pink);max-width:650px;margin:0 0 30px}.actions{display:flex;gap:15px;flex-wrap:wrap}.price-box{display:inline-flex;align-items:center;gap:15px;margin-top:20px;padding:10px 20px;background:var(--white);border:1px solid rgba(var(--reg-rgb),.25);border-radius:14px;box-shadow:0 10px 20px rgba(var(--reg-rgb),.08)}.price{color:var(--red);font-size:21px;font-weight:900;line-height:1}.price span{font-size:26px}.shipping{padding-left:15px;border-left:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:15px;font-weight:800;transition:.2s ease}.btn-primary{background:var(--red);color:var(--white);box-shadow:0 10px 20px rgba(var(--reg-rgb),.25)}.btn-primary:hover{background:var(--red-dark);transform:translateY(-2px)}.btn-light{background:var(--white);border:1px solid var(--line)}.btn-light:hover{border-color:rgba(var(--black-rgb),.15)}.product-visual{position:relative;min-height:430px;display:grid;place-items:center}.product-card{width:min(460px,100%);aspect-ratio:1.28/1;border-radius:30px;background:linear-gradient(145deg,var(--ink),var(--black));box-shadow:0 30px 50px rgba(var(--black-rgb),.25);position:relative;overflow:hidden;padding:25px;border:1px solid rgba(var(--white-rgb),.1)}.product-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(var(--reg-rgb),.25);filter:blur(55px);right:-100px;top:-100px}.product-card:after{content:"DSP";position:absolute;right:20px;bottom:5px;color:rgba(var(--white-rgb),.1);font-size:130px;font-weight:900;line-height:1}.board{position:absolute;inset:40px 25px 50px;border-radius:15px;border:1px solid rgba(var(--white-rgb),.15);box-shadow:inset 0 0 30px var(--dark-pink);display:flex;align-items:center;justify-content:center;gap:15px;transition:.25s ease;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.board img{height:auto;width:100%}.board-label{position:absolute;letter-spacing:1px;left:20px;bottom:15px;color:var(--white);font-weight:900;opacity:.75}section{padding:60px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 40px}.eyebrow{color:var(--red-dark);letter-spacing:1px;font-weight:900;text-transform:uppercase}h2{font-size:clamp(30px,4vw,40px);line-height:1.2;margin:10px 0 15px}.section-head p{color:var(--muted);margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 10px 20px rgba(var(--dark-rgb),.035);transition:.25s ease}.feature:hover{transform:translateY(-4px);border-color:rgba(var(--reg-rgb),.2);box-shadow:0 15px 25px rgba(var(--dark-rgb),.1)}.feature-title{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:10px}.icon{width:46px;height:46px;border-radius:15px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-size:20px;font-weight:900}.feature h3{margin:0;font-size:16px}.feature p{margin:0;color:var(--muted)}.image{margin-top:40px;text-align:center}.image img{max-width:1000px;width:100%;height:auto;border-radius:15px;border:1px solid var(--line);box-shadow:0 10px 20px rgba(var(--dark-rgb),.035)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:900px;margin:0 auto}.guide-card{position:relative;display:flex;align-items:flex-start;gap:15px;padding:15px;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 20px rgba(var(--dark-rgb),.035);transition:.25s ease}.guide-card:hover{transform:translateY(-4px);border-color:rgba(var(--reg-rgb),.2);box-shadow:0 15px 25px rgba(var(--dark-rgb),.1)}.guide-number{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--red-soft);color:var(--red);font-size:19px;font-weight:900;letter-spacing:1px}.guide-content{min-width:0}.guide-label{display:block;margin-bottom:5px;color:var(--red);font-weight:800;letter-spacing:1px}.guide-content h3{margin:0 0 5px;font-size:19px;line-height:1.2}.guide-content p{margin:0;color:var(--muted)}.dark{background:var(--ink);color:var(--white)}.dark .eyebrow{color:var(--red-bright)}.dark .section-head p{color:var(--dim)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.spec-list{display:grid;gap:10px}.spec{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--muted);transition:.3s ease}.spec:hover{border-bottom:1px solid var(--dim)}.spec b{color:var(--white)}.spec span{color:var(--dim);text-align:right}.spec-extra h3{font-size:clamp(20px,2.5vw,30px);line-height:1.2}.spec-extra p{color:var(--dim)}.gallery{max-width:950px;margin:0 auto}.gallery-main{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:var(--white);border:1px solid var(--line);box-shadow:0 20px 50px rgba(var(--dark-rgb),.1)}.gallery-main img{width:100%;height:100%;display:block;object-fit:cover}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.gallery-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:var(--white);border:2px solid transparent;transition:.2s ease}.gallery-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s ease}.gallery-thumb:hover img{transform:scale(1.05)}.gallery-thumb:hover{border-color:rgba(var(--reg-rgb),.5)}.gallery-thumb.active{border-color:var(--red)}.video-wrapper{max-width:1000px;margin:0 auto}.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--black);border:1px solid rgba(var(--reg-rgb),.25);border-radius:20px;box-shadow:0 0 0 1px rgba(var(--reg-rgb),.05),0 10px 30px rgba(var(--black-rgb),.15);transition:border-color .3s ease,box-shadow .3s ease}.video-frame::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;box-shadow:inset 0 0 50px rgba(var(--reg-rgb),.1)}.video-frame iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:0}.video-frame:hover{border-color:rgba(var(--reg-rgb),.35);box-shadow:0 0 0 1px rgba(var(--reg-rgb),.1),0 20px 40px rgba(var(--black-rgb),.2),0 0 30px rgba(var(--reg-rgb),.1)}.callout{border-radius:20px;padding:20px;background:linear-gradient(135deg,var(--red),var(--red-bright));color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 20px 40px rgba(var(--reg-rgb),.2)}.callout h2{margin:0 0 10px}.callout p{margin:0;opacity:.88}.callout .btn{background:var(--white);color:var(--red);text-wrap:nowrap}.callout .btn:hover{box-shadow:0 10px 20px var(--red-dark)}footer{padding:30px 0;color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:var(--white);text-align:center}@media (min-width:849px){.nav-links a{position:relative;color:inherit;text-decoration:none;transition:color .25s ease}.nav-links a:hover{color:var(--red)}.nav-links a::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:var(--red);border-radius:2px;transform:translateX(-50%);transition:width .25s ease}.nav-links a:hover::after{width:100%}}@media(max-width:850px){.nav-btn{display:none}.menu-toggle{display:flex}.nav-links{position:absolute;top:calc(100% + 10px);left:15px;right:15px;display:flex;flex-direction:column;gap:0;padding:10px;background:rgba(var(--white-rgb),.97);border:1px solid rgba(var(--reg-rgb),.15);border-radius:15px;box-shadow:0 10px 35px rgba(var(--black-rgb),.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;z-index:1000}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{width:100%;padding:10px 15px;border-radius:10px}.nav-links a:hover{background:rgba(var(--reg-rgb),.1)}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding-top:40px}.hero-grid,.spec-grid{grid-template-columns:1fr;gap:35px}.product-visual{min-height:340px}.features{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{padding:20px}.guide-number{flex-basis:50px;width:50px;height:50px;border-radius:15px}.guide-content h3{font-size:16px}.video-frame{border-radius:10px}.callout{display:block;text-align:center}.callout .btn{margin-top:20px}}@media(max-width:560px){section{padding:50px 0}.features{grid-template-columns:1fr}.price-box{width:100%;justify-content:center;padding:15px 10px}.price{font-size:16px}.price span{font-size:21px}.product-card{border-radius:20px}.product-visual{min-height:285px}.board{inset:30px 10px 40px}.actions .btn{width:100%}.section-head{margin:0 auto 30px}.gallery-thumbs{grid-template-columns:repeat(2,1fr);gap:10px}}