.presentation-section{--p-accent:#b6a0ff;--p-glow:#7045ff;position:relative;isolation:isolate;overflow:clip;background:#08090c;color:#f5f5f7;padding:120px 0 70px;scroll-margin-top:0}
.presentation-inner{width:calc(100% - 2 * var(--skroll-content-gutter,40px));max-width:var(--skroll-content-max,1200px);margin:auto}
.presentation-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.presentation-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:.19em;color:#9aa2b5;margin:0 0 16px}
.presentation-eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:#b6a0ff;box-shadow:0 0 14px #8254ff}
.presentation-intro h2{font-size:clamp(36px,4.2vw,64px);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:0}.presentation-intro h2 span{color:#858894}
.presentation-intro>p{max-width:440px;color:#9195a1;font-size:13px;line-height:1.8;margin:0 0 3px}
/* The title does not slide in; it only lights up from left to right, as on the online store title (driven by presentation.js). */
.presentation-intro h2 .presentation-title-ink{color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--ink-final) 0%,var(--ink-final) 45%,#3c3e47 55%,#3c3e47 100%);background-size:230% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.presentation-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.presentation-feature{position:relative;overflow:hidden;padding:24px;border-radius:14px;border:1px solid #ffffff12;background:linear-gradient(145deg,#141319,#0d0d11);transition:border-color .25s,background .25s}.presentation-feature:hover{border-color:#b6a0ff55;background:#16131e}.presentation-feature>span{display:block;font-size:11px;color:#958ba6;margin-bottom:22px}.presentation-feature h3{font-size:16px;font-weight:400;letter-spacing:-.025em;margin:0 0 7px}.presentation-feature p{font-size:12px;line-height:1.7;color:#82808e;max-width:260px;margin:0}
.presentation-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:11px;color:#777481}.presentation-footer>a{display:flex;justify-content:space-between;gap:30px;padding:10px 0;border-bottom:1px solid #b6a0ff40;color:#d9d4e5}.presentation-footer>a:hover{color:#fff;border-color:#b6a0ff}
.presentation-section a:focus-visible,.presentation-section button:focus-visible{outline:2px solid #b6a0ff;outline-offset:5px}
@media(max-width:900px){.presentation-intro>p{max-width:250px}}
@media(max-width:700px){.presentation-section{padding:65px 0 30px}.presentation-inner{width:calc(100% - 48px)}.presentation-intro{display:block;margin-bottom:32px}.presentation-eyebrow{font-size:11px;letter-spacing:.14em}.presentation-intro h2{font-size:clamp(37px,10.2vw,56px)}.presentation-intro>p{font-size:12px;max-width:300px;margin-top:20px}.presentation-features{grid-template-columns:1fr;gap:10px}.presentation-feature{padding:20px 20px 20px 56px}.presentation-feature>span{position:absolute;left:20px;top:23px;margin:0}.presentation-feature h3{font-size:15px}.presentation-feature p{font-size:11px;max-width:none}.presentation-footer{align-items:start;flex-direction:column;gap:8px}.presentation-footer>a{width:100%;font-size:12px}}