@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--p:#6418ff;--s:#ec19d5;--a:#ff7b67;--ink:#211735;--muted:#6d647a;--line:#e9e2f4;--soft:#faf8ff;--white:#fff;--shadow:0 16px 50px rgba(71,32,120,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--p);text-decoration:none}button,a{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.site-header.scrolled{box-shadow:0 8px 30px rgba(50,20,90,.08);border-color:var(--line)}.nav{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)}.brand img{width:38px;height:38px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:20px;margin-left:auto}.navlinks a{color:#443951;font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 20px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;box-shadow:0 10px 24px rgba(100,24,255,.18)}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:#fff;color:var(--p);border:1px solid var(--line);box-shadow:none}.menu-btn{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px}.hero{padding:72px 0 54px;text-align:center;background:radial-gradient(circle at 50% 10%,#f2eaff,transparent 42%)}.mark{width:76px;margin:0 auto 16px}.eyebrow{display:inline-block;padding:6px 11px;border:1px solid #e8dcff;background:#fbf8ff;border-radius:999px;color:var(--p);font-size:.78rem;font-weight:700}.hero h1{font-size:clamp(2.35rem,6vw,4.6rem);line-height:1.05;max-width:850px;margin:16px auto 18px;letter-spacing:-.04em}.gradient{background:linear-gradient(90deg,var(--p),var(--s),var(--a));-webkit-background-clip:text;color:transparent}.hero p{max-width:720px;margin:0 auto 25px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.78rem}.hero-visual{max-width:860px;margin:38px auto 0;border:1px solid var(--line);padding:10px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.hero-visual img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:12px}.section{padding:76px 0}.section.soft{background:var(--soft)}.narrow{max-width:760px;margin:auto}.section h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:0 0 14px}.lead{color:var(--muted);margin:0 0 28px}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.visual{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.icon-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.item,.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;transition:.2s ease}.item:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d7c6ff}.ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f0e8ff;color:var(--p);margin-bottom:10px}.ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.item h3,.card h3{margin:0 0 6px;font-size:1rem}.item p,.card p{margin:0;color:var(--muted);font-size:.9rem}.steps{position:relative;max-width:760px;margin:28px auto 0}.step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:0 0 28px;position:relative}.step:not(:last-child):before{content:"";position:absolute;left:25px;top:52px;bottom:0;width:1px;background:#d9c9f5}.num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #d8c6ff;color:var(--p);font-weight:800}.step h3{margin:3px 0 5px}.step p{margin:0;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download-box{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#f6f0ff,#fff3f0);border:1px solid #e7d9ff;border-radius:20px;padding:34px}.download-box img{border-radius:14px;aspect-ratio:16/10;object-fit:cover}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pc{border:1px solid var(--line);border-radius:14px;padding:24px}.pc ul{padding:0;margin:14px 0 0;list-style:none}.pc li{padding:7px 0}.faq-tabs{display:flex;gap:8px;margin-bottom:18px}.faq-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}.faq-tabs button.active{background:#f0e8ff;color:var(--p);border-color:#d8c6ff}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;background:none;border:0;padding:18px 0;font-weight:600;cursor:pointer}.faq-a{display:none;color:var(--muted);padding:0 0 18px}.faq-item.open .faq-a{display:block}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card div{padding:17px}.blog-card h3{margin:0 0 8px;font-size:1.02rem}.article{max-width:800px;margin:auto}.article .feature{border-radius:16px;width:100%;aspect-ratio:16/8;object-fit:cover;margin:24px 0}.article h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.article h2{margin-top:34px}.sidebar-note{border-left:4px solid var(--p);background:#faf8ff;padding:16px 18px;margin:22px 0}.site-footer{border-top:1px solid var(--line);padding:42px 0 24px;background:#fdfcff}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:30px}.footlinks{display:flex;flex-direction:column;gap:7px}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:.82rem;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:var(--p);color:#fff;display:none;cursor:pointer}.top.show{display:block}.legal h1{font-size:2.5rem}.legal{max-width:820px}.contact-email{font-size:1.2rem;font-weight:700;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}@media(max-width:860px){.navlinks{display:none;position:absolute;left:16px;right:16px;top:68px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.menu-btn{display:block}.two,.download-box,.footgrid{grid-template-columns:1fr}.grid3,.blog-grid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column}.hero{padding-top:52px}}@media(max-width:560px){.container{width:min(100% - 24px,1120px)}.section{padding:58px 0}.icon-list,.grid3,.blog-grid,.proscons{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.download-box{padding:22px}.hero-visual{margin-top:28px}.nav .btn{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 2026 visual refinement: larger brand mark, image-led hero and varied homepage sections */
.brand img{width:54px;height:54px}.nav{min-height:82px}.navlinks a.btn{color:#fff2cf}

.home-page .hero-bg{position:relative;isolation:isolate;min-height:640px;display:grid;place-items:center;padding:86px 0 72px;background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 48%,rgba(255,255,255,.58) 100%),url('../images/gamma-brightness.webp');background-size:cover;background-position:center}.home-page .hero-bg:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:110px;background:linear-gradient(to bottom,transparent,#fff)}.home-page .hero-bg .container{max-width:1120px;text-align:left}.home-page .hero-bg .mark{width:92px;margin:0 0 16px}.home-page .hero-bg h1{max-width:760px;margin:16px 0 18px}.home-page .hero-bg p{max-width:650px;margin:0 0 25px}.home-page .hero-bg .chips{justify-content:flex-start}.home-page .hero-bg .eyebrow{background:rgba(255,255,255,.82)}

/* About: editorial, no box */
.home-page .about-editorial .narrow{max-width:980px;display:grid;grid-template-columns:250px 1fr;gap:64px;align-items:start}.home-page .about-editorial .eyebrow{margin-top:7px;border:0;background:none;padding:0;border-radius:0;letter-spacing:.08em;text-transform:uppercase}.home-page .about-editorial h2{margin-top:0;position:relative}.home-page .about-editorial h2:before{content:"";position:absolute;left:-28px;top:2px;bottom:2px;width:4px;border-radius:4px;background:linear-gradient(var(--p),var(--s),var(--a))}.home-page .about-editorial .lead{font-size:1.05rem;margin:8px 0 0}

/* Features: open two-column rows rather than cards */
.home-page .features-flow{background:linear-gradient(180deg,#faf8ff 0,#fff 100%)}.home-page .features-flow .icon-list{gap:0 54px;margin-top:26px}.home-page .features-flow .item{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0;background:transparent}.home-page .features-flow .item:nth-last-child(-n+2){border-bottom:0}.home-page .features-flow .item:hover{transform:none;box-shadow:none;border-color:var(--a)}.home-page .features-flow .ico{grid-row:1 / span 2;margin:0;border-radius:50%;background:linear-gradient(135deg,#efe6ff,#fff0ed)}

/* How it works: horizontal milestone rail */
.home-page .how-timeline .narrow{max-width:1060px}.home-page .how-timeline .steps{max-width:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:2px solid #e3d7f7}.home-page .how-timeline .step{display:block;padding:28px 28px 0 0}.home-page .how-timeline .step:before{display:none}.home-page .how-timeline .num{margin-top:-55px;margin-bottom:24px;background:#fff}.home-page .how-timeline .step:nth-child(even){padding-top:58px}.home-page .how-timeline .step:nth-child(even) .num{margin-top:-85px}

/* Compatibility: image and flowing facts, fewer boxes */
.home-page .compatibility-split .two{grid-template-columns:1.15fr .85fr;gap:62px}.home-page .compatibility-split .grid3{display:block}.home-page .compatibility-split .card{border:0;border-left:3px solid #dccbff;border-radius:0;padding:8px 0 8px 18px;margin:18px 0;background:transparent}.home-page .compatibility-split .card:hover{transform:translateX(4px);box-shadow:none;border-color:var(--p)}.home-page .compatibility-split .visual{transform:rotate(1.5deg);border:0;border-radius:26px 8px 26px 8px}

/* Use cases: wide stripes */
.home-page .usecases-stripes h2{max-width:650px}.home-page .usecases-stripes .grid3{grid-template-columns:1fr;margin-top:30px}.home-page .usecases-stripes .card{display:grid;grid-template-columns:56px 240px 1fr;align-items:center;gap:18px;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0;background:transparent}.home-page .usecases-stripes .card:last-child{border-bottom:1px solid var(--line)}.home-page .usecases-stripes .card:hover{transform:none;box-shadow:none;padding-left:10px}.home-page .usecases-stripes .card .ico{margin:0}.home-page .usecases-stripes .card h3{margin:0}.home-page .usecases-stripes .card p{font-size:.96rem}

/* Installation: offset diagonal process */
.home-page .install-diagonal{background:linear-gradient(135deg,#fff7f5 0,#faf7ff 55%,#fff 100%)}.home-page .install-diagonal .steps{max-width:960px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.home-page .install-diagonal .step{display:block;padding:0}.home-page .install-diagonal .step:before{display:none}.home-page .install-diagonal .step:nth-child(2){transform:translateY(36px)}.home-page .install-diagonal .num{border:0;background:linear-gradient(135deg,var(--p),var(--s));color:#fff;margin-bottom:16px}.home-page .install-diagonal .step h3{font-size:1.25rem}

/* Download: full-width editorial band */
.home-page .download-band{padding:0;background:#fff}.home-page .download-band .container{width:100%;max-width:none}.home-page .download-band .download-box{border:0;border-radius:0;padding:72px max(32px,calc((100vw - 1120px)/2));grid-template-columns:.9fr 1.1fr;background:linear-gradient(112deg,#f4edff 0,#fff 48%,#fff0ec 100%)}.home-page .download-band .download-box img{border-radius:34px 6px 34px 6px;box-shadow:0 26px 60px rgba(70,28,90,.16)}

/* Safety: columns separated by rules */
.home-page .safety-columns .grid3{gap:0;margin-top:28px}.home-page .safety-columns .card{border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 30px 8px 0;margin-right:30px;background:transparent}.home-page .safety-columns .card:last-child{border-right:0;margin-right:0}.home-page .safety-columns .card:hover{transform:none;box-shadow:none}.home-page .safety-columns .ico{background:none;border:1px solid #dfd0fa}

/* Pros/cons: two editorial halves, not cards */
.home-page .pros-split .proscons{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-page .pros-split .pc{border:0;border-radius:0;padding:34px 48px 34px 0}.home-page .pros-split .pc + .pc{border-left:1px solid var(--line);padding-left:48px}.home-page .pros-split .pc:first-child h2{color:#4c268e}.home-page .pros-split .pc:last-child h2{color:#a44252}

/* Release/troubleshooting: vertical rail composition */
.home-page .release-rail .two{position:relative;gap:80px}.home-page .release-rail .two:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d8c6f4,transparent)}.home-page .release-rail .two>div:last-child{padding-top:54px}

/* Guides: keep image-led cards, but visually distinct */
.home-page .guides-showcase .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.home-page .guides-showcase .blog-card{border:0;border-radius:0;background:transparent;box-shadow:none;height:100%;display:flex;flex-direction:column}.home-page .guides-showcase .blog-card img{border-radius:22px 5px 22px 5px;width:100%;aspect-ratio:16/10;object-fit:cover}.home-page .guides-showcase .blog-card div{padding:16px 2px;display:flex;flex-direction:column;flex:1}.home-page .guides-showcase .blog-card:hover{transform:translateY(-5px);box-shadow:none}

/* FAQ: clean lines only */
.home-page .faq-clean .faq-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}.home-page .faq-clean .faq-tabs button.active{border-color:var(--p);background:transparent}.home-page .faq-clean .faq-item{border-bottom:1px solid #dfd7eb}.home-page .faq-clean .faq-q{padding:21px 0}

@media(max-width:860px){.brand img{width:48px;height:48px}.nav{min-height:74px}.home-page .hero-bg{min-height:560px;background-image:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.82)),url('../images/gamma-brightness.webp');background-position:60% center}.home-page .about-editorial .narrow{grid-template-columns:1fr;gap:20px}.home-page .about-editorial h2:before{left:0;top:-14px;width:80px;height:4px}.home-page .features-flow .icon-list{grid-template-columns:1fr}.home-page .features-flow .item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.home-page .features-flow .item:last-child{border-bottom:0}.home-page .how-timeline .steps{grid-template-columns:1fr 1fr;gap:36px 20px;border-top:0}.home-page .how-timeline .step,.home-page .how-timeline .step:nth-child(even){padding:0}.home-page .how-timeline .num,.home-page .how-timeline .step:nth-child(even) .num{margin:0 0 16px}.home-page .compatibility-split .two{grid-template-columns:1fr}.home-page .usecases-stripes .card{grid-template-columns:54px 1fr}.home-page .usecases-stripes .card p{grid-column:2}.home-page .install-diagonal .steps{grid-template-columns:1fr;gap:26px}.home-page .install-diagonal .step:nth-child(2){transform:none}.home-page .download-band .download-box{grid-template-columns:1fr;padding:58px 24px}.home-page .guides-showcase .blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand img{width:44px;height:44px}.home-page .hero-bg{min-height:530px;padding:60px 0}.home-page .hero-bg .mark{width:76px}.home-page .how-timeline .steps,.home-page .guides-showcase .blog-grid{grid-template-columns:1fr}.home-page .safety-columns .grid3{display:block}.home-page .safety-columns .card{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:20px 0}.home-page .pros-split .proscons{grid-template-columns:1fr}.home-page .pros-split .pc{padding:28px 0}.home-page .pros-split .pc + .pc{border-left:0;border-top:1px solid var(--line);padding-left:0}.home-page .usecases-stripes .card{grid-template-columns:48px 1fr}}

/* Requested homepage refinements */
.home-page .hero-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 46%,rgba(255,255,255,.48) 100%),url('../images/game-world.webp');background-position:center 52%}
.home-page .about-editorial .about-split{max-width:1120px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:64px;align-items:center}
.home-page .about-editorial .about-copy{text-align:left;max-width:580px}
.home-page .about-editorial .about-copy .eyebrow{margin:0 0 12px;border:0;background:none;padding:0;border-radius:0;letter-spacing:.08em;text-transform:uppercase}
.home-page .about-editorial .about-copy h2{margin:0 0 16px;position:relative;padding-top:18px}
.home-page .about-editorial .about-copy h2:before{content:"";position:absolute;left:0;top:0;width:78px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--p),var(--s),var(--a))}
.home-page .about-editorial .about-copy .lead{font-size:1.05rem;margin:0}
.home-page .about-editorial .about-image{position:relative;overflow:hidden;border-radius:28px 8px 28px 8px;box-shadow:0 26px 60px rgba(70,28,90,.14)}
.home-page .about-editorial .about-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.58);border-radius:inherit;pointer-events:none}
.home-page .about-editorial .about-image img{width:100%;aspect-ratio:16/10;object-fit:cover}
.home-page .features-flow .ico svg{width:23px;height:23px;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:860px){
  .home-page .hero-bg{background-image:linear-gradient(rgba(255,255,255,.91),rgba(255,255,255,.82)),url('../images/game-world.webp');background-position:center}
  .home-page .about-editorial .about-split{grid-template-columns:1fr;gap:30px}
  .home-page .about-editorial .about-copy{max-width:none}
  .home-page .about-editorial .about-image{max-width:720px}
}

/* Clear heading hierarchy: H3 remains visibly smaller than H2 on every page. */
.section h3,.article h3,.legal h3{font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.35;font-weight:700}
.article h2,.legal h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2}
.contact-intro{max-width:720px;color:var(--muted);font-size:1.02rem}
.contact-details{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.contact-details h2{margin-bottom:12px}
.contact-details h3{margin:24px 0 6px}
.contact-details p{margin:0 0 12px;color:var(--muted)}

/* V5: distinct section icons and equal guide card widths */
.home-page .usecases-stripes .ico,.home-page .safety-columns .ico{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;color:var(--p)}
.home-page .usecases-stripes .ico svg,.home-page .safety-columns .ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .guides-showcase .blog-card h3{min-height:3.4em}
@media(max-width:860px){.home-page .guides-showcase .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-page .guides-showcase .blog-grid{grid-template-columns:1fr}.home-page .guides-showcase .blog-card h3{min-height:0}}

/* v6 alignment and typography refinements */
.section h3,.article h3,.legal h3{font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.35}.legal h2{font-size:clamp(1.45rem,2.5vw,1.9rem);margin:32px 0 10px}.legal h3{margin:24px 0 8px}.legal p{color:var(--muted)}
.home-page .install-diagonal .steps{max-width:none;width:100%;margin:36px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}.home-page .install-diagonal .step,.home-page .install-diagonal .step:nth-child(2){transform:none}.home-page .install-diagonal .num{margin-bottom:14px}.home-page .install-diagonal .step h3{margin:0 0 6px}.home-page .install-diagonal .step p{max-width:300px}
@media(max-width:860px){.home-page .install-diagonal .steps{grid-template-columns:1fr;gap:28px}.home-page .install-diagonal .step p{max-width:620px}}


/* V7: pros and cons heading + icon lists */
.home-page .pros-split h2{max-width:720px}
.home-page .pros-split .lead{max-width:760px;margin-bottom:30px}
.home-page .pros-split .pc h3{margin:0;font-size:1.3rem;font-weight:700}
.home-page .pros-split .pc ul{display:grid;gap:14px}
.home-page .pros-split .pc li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:flex-start;padding:0}
.home-page .pros-split .li-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.home-page .pros-split .li-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.home-page .pros-split .li-icon.positive{background:#f0e8ff;color:#5f2bc7}
.home-page .pros-split .li-icon.negative{background:#fff0f1;color:#b14e62}
.home-page .pros-split .pc li span:last-child{display:block;line-height:1.65;color:var(--ink)}
@media(max-width:560px){.home-page .pros-split .pc li{grid-template-columns:32px 1fr;gap:10px}}


/* V10: tighter logo/keyword spacing in header and footer */
.brand{gap:5px}