*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0c0c12;color:#f6f5fa;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;background-image:radial-gradient(ellipse 600px 500px at 100% 4%,#271b443b,transparent),radial-gradient(ellipse 500px 650px at 0 32%,#24174722,transparent)}a{color:inherit;text-decoration:none}a:hover{color:#b7a3ff}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid #bba7ff;outline-offset:5px}img{max-width:100%;display:block}.wrap,.header-inner{width:min(1152px,100%);margin:auto;padding-left:24px;padding-right:24px}.site-header{border-bottom:1px solid #25242d;background:#0b0a10ed}.header-inner{min-height:64px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.4px}.header-inner nav{display:flex;gap:24px;align-items:center;color:#aaa7b4;font-size:14px;font-weight:600}.video-project-nav{line-height:1.2}.video-project-menu{line-height:1.5}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:12px 24px;border-radius:22px;font-size:15px;font-weight:750;line-height:1.4;text-align:center;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.12);color:white;transform:translateY(-1px)}.primary{background:linear-gradient(120deg,#9167ff,#6d48ff);box-shadow:0 8px 26px #7340ff44;color:#fff}.secondary{background:#211f2a;border:1px solid #33303e;color:#fff}.header-cta{font-size:14px;min-height:44px;padding:10px 20px}.breadcrumb{padding-top:24px}.breadcrumb ol{display:inline-flex;gap:12px;list-style:none;margin:0;padding:5px 14px;border:1px solid #24232d;border-radius:30px;background:#111117;font-size:12px;color:#aaa6b6}.breadcrumb li+li:before{content:'›';margin-right:12px;color:#66616f}.breadcrumb li:last-child{font-weight:700;color:#eee}.hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:center;padding-top:56px;padding-bottom:24px}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-1.9px;max-width:650px;margin:22px 0;font-weight:850;text-wrap:balance}.lead{font-size:18px;line-height:1.8;color:#aaa6b5;margin:22px 0 18px;max-width:650px}.spec{font-size:14px;color:#b3aebe;font-weight:650}.badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.badges>*{border:1px solid #292632;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700;line-height:1.5;color:#b1acbe}.badges .accent{background:#24202e;color:#b59bff;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.fine{font-size:12px;color:#8f899c;line-height:1.6;margin-top:12px}.video-card{margin:0;background:#15131c;border:1px solid #302b39;border-radius:23px;padding:12px;box-shadow:0 20px 50px #0005}.video-frame{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:9/16;background:#211f29}.video-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-badge{pointer-events:none;position:absolute;left:12px;top:12px;background:#15131dbb;border-radius:30px;padding:4px 12px;font-size:11px;font-weight:700;backdrop-filter:blur(8px)}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 16px;font-weight:800}h3{font-size:18px;line-height:1.4;margin:20px 0 8px;font-weight:750}p{margin:0 0 16px}.section{padding-top:40px;padding-bottom:40px}.section p,.glance p{color:#aca7b7;max-width:780px}.glance{padding-top:32px;padding-bottom:32px}.glance summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}.glance summary::-webkit-details-marker{display:none}.glance summary h2{margin:0}.glance summary span{font-size:27px;color:#9c94ac;transition:transform .2s}.glance[open] summary{margin-bottom:20px}.glance[open] summary span{transform:rotate(180deg)}.table-wrap{overflow:auto;margin-top:24px;border:1px solid #302a3c;border-radius:18px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #302a3c;padding:14px 20px;vertical-align:top}th{width:32%}td{color:#ada5ba}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.7px;font-weight:800;color:#a28be0!important}.intro{font-size:14px;line-height:1.8}.before-after{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:16px;max-width:900px;margin-top:24px}.before-after figure{margin:0;min-width:0}.before-after img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#15131c;border:1px solid #332d3e;border-radius:14px}.before-after .math{text-align:center;padding-bottom:27px}.before-after figcaption{text-align:center;color:#a9a2b5;font-size:12px;margin-top:7px}.math{font-size:24px;color:#8d7ca7}.needs{border:1px solid #302b39;border-radius:20px;padding:4px 24px;background:#15121d;margin-top:24px}.needs>div{display:grid;grid-template-columns:180px 1fr;gap:24px;border-bottom:1px solid #302b39;padding:22px 0}.needs>div:last-child{border:0}.needs dt{text-transform:uppercase;color:#9f96b0;font-size:12px;font-weight:800;letter-spacing:1px}.needs dd{margin:0;color:#b4acbf;font-size:14px}.needs ul{padding-left:18px;margin:0 0 12px}.needs li{margin-bottom:8px}.needs p{margin:0}.needs a,.faq a{color:#b196ff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:24px 0 0}.steps li{padding:24px;border:1px solid #302a3c;border-radius:20px;background:#15121d}.steps h3{margin:10px 0;font-size:17px}.steps p{font-size:14px;line-height:1.8;margin:0}.faq article{max-width:800px;margin-top:28px}.faq p{font-size:15px;line-height:1.9;margin-bottom:0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.related>a{overflow:hidden;background:#17131f;border:1px solid #302a3c;border-radius:18px;font-size:14px;font-weight:700}.related img{width:100%;height:190px;object-fit:cover}.related span{display:flex;justify-content:space-between;gap:12px;padding:18px}.browse-title{margin-top:30px}.closing{text-align:center;padding-top:56px;padding-bottom:64px}.closing p{color:#aaa2b8;font-size:15px;margin:16px 0 24px}.closing .button{margin:auto}.footer{border-top:1px solid #292330;padding-top:44px;padding-bottom:28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:13px;color:#a99fb7}.footer p{max-width:390px;margin-top:18px}.footer nav{display:flex;flex-direction:column;gap:10px}.footer strong{color:#e4ddee;text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-bottom:5px}.copyright{grid-column:1/-1;border-top:1px solid #292330;padding-top:20px;margin:0!important;font-size:12px}.skip,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:12px;clip:auto;background:#6d48ff;z-index:100}@media(min-width:1500px){.hero{padding-top:56px}.hero h1{max-width:530px}}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.hero h1{font-size:40px}.header-inner{gap:14px}.header-inner nav{gap:16px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap,.header-inner{padding-left:20px;padding-right:20px}.header-inner{min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:14px}.brand{font-size:15px}.header-inner nav{order:3;width:100%;justify-content:center;gap:24px}.header-cta{font-size:12px;padding:10px 14px;min-height:38px}.hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.hero h1{font-size:39px;line-height:1.06;letter-spacing:-1.5px}.lead{font-size:17px}.actions{flex-direction:column}.video-card{width:min(380px,100%);justify-self:center}.section{padding-top:30px;padding-bottom:30px}h2{font-size:26px}.before-after{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px}.before-after .result{grid-column:1/-1;width:min(240px,100%);justify-self:center;margin-top:12px}.before-after .math:nth-of-type(2){display:none}.needs{padding:0 20px}.needs>div{grid-template-columns:1fr;gap:10px}.steps{grid-template-columns:1fr}.related{grid-template-columns:1fr}.related img{height:210px}.footer{grid-template-columns:1fr 1fr;gap:28px}.footer>div{grid-column:1/-1}.closing{padding-top:40px;padding-bottom:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
