:root{--orange:#ffb066;--cta:#ff6f20;--sky:#a3d9ff;--sky-light:#e6f4ff;--white:#fff;--cream:#fffaf3;--ink:#1e3a5f;--brown:#4a3525;--line:#d9e8f2;--shadow:0 16px 40px rgba(30,58,95,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.age-note{background:var(--ink);color:#fff;text-align:center;font-size:.78rem;padding:.4rem 1rem}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(30,58,95,.1);backdrop-filter:blur(10px)}.header-inner{width:min(1180px,calc(100% - 40px));margin:auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:118px;height:auto;object-fit:contain}.site-nav{display:flex;align-items:center;gap:clamp(9px,1.5vw,19px);font-size:.8rem;font-weight:700}.site-nav a{padding:.35rem 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cta);border-color:var(--cta)}.site-nav .nav-cta{background:var(--cta);color:#fff;border:0;border-radius:999px;padding:.48rem .88rem;box-shadow:0 6px 14px rgba(255,111,32,.2)}.menu-toggle{display:none;border:0;background:var(--sky-light);color:var(--ink);border-radius:8px;padding:.55rem .8rem;font-weight:700}.hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(50px,8vw,110px) max(20px,calc((100% - 1180px)/2));background:linear-gradient(120deg,#ffe9d1 0%,#ffb066 48%,#a3d9ff 100%);overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker{margin:0 0 10px;color:var(--cta);letter-spacing:.12em;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:1.06;margin:0;color:var(--ink);letter-spacing:.02em}.hero-subtitle{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:800;line-height:1.35;margin:1.2rem 0 .7rem}.hero-text{max-width:560px;margin:0 0 1.7rem;color:#294a6b}.button{display:inline-flex;align-items:center;gap:.7rem;border-radius:999px;padding:.85rem 1.35rem;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cta);color:#fff;box-shadow:0 12px 24px rgba(255,111,32,.3)}.button-light{background:#fff;color:var(--cta)}.hero-facts{display:flex;gap:28px;margin:2.5rem 0 0}.hero-facts div{border-left:2px solid rgba(30,58,95,.28);padding-left:12px}.hero-facts dt{font-size:.73rem;color:#4b6680}.hero-facts dd{margin:0;font-weight:800}.hero-art{border:10px solid rgba(255,255,255,.65);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:cover}.section{padding:clamp(65px,9vw,115px max(20px,calc((100% - 1180px)/2)))}.section-white{background:var(--white)}.section-blue{background:var(--sky-light)}.section-orange{background:var(--orange)}.section-heading{max-width:700px;margin:0 auto 45px;text-align:center}.section-heading h2{font-size:clamp(1.9rem,3.5vw,3.25rem);line-height:1.2;margin:.15rem 0 .55rem;color:var(--ink)}.section-heading p:last-child{margin:0;color:#54718a}.intro-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(30px,7vw,100px);align-items:start;max-width:1000px;margin:auto}.lead{font-size:1.2rem;font-weight:600;color:var(--brown)}.info-card{background:var(--sky-light);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.card-icon{font-size:2rem;color:var(--cta)}.info-card h3{margin:.2rem 0 1rem}.info-card ul{padding-left:1.1rem;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;max-width:1180px;margin:auto}.feature-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr}.feature-card img{width:100%;height:100%;object-fit:cover;min-height:230px}.feature-card>div{padding:25px}.feature-card span{color:var(--cta);font-weight:900;font-size:.85rem}.feature-card h3{margin:.3rem 0;font-size:1.35rem}.feature-card p{margin:0;color:#54718a}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1100px;margin:auto}.guide-image{border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.guide-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.guide-list article{padding:0 0 20px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.guide-list h3{display:flex;gap:12px;align-items:center;margin:0 0 7px;font-size:1.2rem}.guide-list h3 span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);font-size:.8rem}.guide-list p{margin:0;color:#54718a}.feature-points{display:grid;grid-template-columns:repeat(4,1fr);max-width:950px;margin:0 auto 45px;background:rgba(255,255,255,.45);border-radius:20px;overflow:hidden}.feature-points div{padding:25px;text-align:center;border-right:1px solid rgba(74,53,37,.15)}.feature-points div:last-child{border:0}.feature-points strong{display:block;font-size:2.5rem;color:var(--cta);line-height:1.1}.feature-points span{font-weight:700;color:var(--brown)}.highlight-copy{max-width:760px;margin:auto;text-align:center;color:var(--brown)}.highlight-copy p{font-size:1.15rem}.updates-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;max-width:1000px;margin:auto}.updates-grid ol{margin:0;padding-left:1.5rem}.updates-grid li{padding:.5rem 0;border-bottom:1px dashed var(--line)}.update-note{background:var(--sky-light);border-radius:18px;padding:28px;align-self:start}.update-note img{width:150px;margin-bottom:20px}.update-note h3{margin:0 0 .5rem}.faq-list{max-width:900px;margin:auto}.faq-list details{background:#fff;border-bottom:1px solid var(--line);padding:0 22px}.faq-list summary{cursor:pointer;list-style:none;padding:20px 28px 20px 0;font-weight:800;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:var(--cta);font-size:1.5rem;top:14px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0 0 20px;color:#54718a}.site-footer{background:var(--ink);color:#dcecff;padding:45px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:30px;font-size:.88rem}.site-footer img{width:150px;filter:brightness(0) invert(1);margin-bottom:10px}.site-footer p{max-width:450px;margin:.3rem 0}.copyright{opacity:.7}@media(max-width:900px){.site-nav{gap:12px;font-size:.8rem}.hero{grid-template-columns:1fr}.hero-art{max-width:680px;width:90%;margin:auto}.feature-card{grid-template-columns:1fr}.feature-card img{aspect-ratio:16/9;min-height:0}.feature-points{grid-template-columns:repeat(2,1fr)}.feature-points div:nth-child(2){border-right:0}.feature-points div:nth-child(-n+2){border-bottom:1px solid rgba(74,53,37,.15)}}@media(max-width:680px){.header-inner{min-height:58px}.brand img{width:106px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:58px;left:0;right:0;padding:15px 20px 22px;background:#fff;box-shadow:0 12px 25px rgba(30,58,95,.12);flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav a{padding:9px 0}.site-nav .nav-cta{text-align:center}.hero{padding-top:65px}.hero h1{font-size:clamp(2.7rem,14vw,4rem)}.hero-facts{gap:16px;flex-wrap:wrap}.intro-grid,.guide-layout,.updates-grid{grid-template-columns:1fr;gap:28px}.section{padding-top:65px;padding-bottom:65px}.feature-grid{grid-template-columns:1fr}.feature-points strong{font-size:2rem}.site-footer{flex-direction:column}}
/* Reference layout adjustments: compact header, branded lockup, narrow reading width. */
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:50;padding:8px 12px;border-radius:8px;background:var(--ink);color:#fff}
.header-inner{width:min(1180px,calc(100% - 40px));min-height:68px}
.brand{display:flex;align-items:center;gap:10px;min-width:200px}.brand img{width:48px;height:48px;border-radius:10px;object-fit:cover}.brand span{display:grid;line-height:1.15}.brand strong{font-size:15px}.brand small{margin-top:3px;color:#68819a;font-size:9px;letter-spacing:.16em}
.site-nav{gap:clamp(10px,1.6vw,22px);font-size:.79rem}.site-nav a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.site-nav .nav-cta{padding:.58rem .95rem}
.section{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}.section-blue,.section-orange{max-width:none}.section-blue>.section-heading,.section-orange>.section-heading{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.hero{min-height:calc(100vh - 102px);padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2))}.hero-art{border-radius:16px}.feature-card,.info-card,.update-note{border-radius:16px}
@media(max-width:680px){.header-inner{min-height:60px}.brand{min-width:0}.brand img{width:42px;height:42px}.brand strong{font-size:13px}.brand small{font-size:8px}.site-nav{top:60px;left:20px;right:20px}.site-nav a{padding:9px 0}}

/* Six-module presentation layer */
.module-title{text-align:center;max-width:760px;margin:0 auto 46px}.module-title h2{margin:.1rem 0 .55rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.2}.module-title>p:last-child{margin:.8rem 0 0;color:#54718a}.title-line{display:block;width:58px;height:4px;margin:0 auto;border-radius:99px;background:var(--cta)}
.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,82px);align-items:center;max-width:1100px;margin:auto}.intro-photo{margin:0;overflow:hidden;border-radius:26px;box-shadow:0 20px 45px rgba(30,58,95,.18);aspect-ratio:4/3;background:#d9e8f2}.intro-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.intro-photo:hover img{transform:scale(1.06)}.intro-copy-block>p{margin:0 0 24px;font-size:1.08rem;line-height:1.95;color:var(--brown)}.intro-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 26px}.intro-points span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.intro-points b{grid-row:span 2;color:var(--cta);font-size:1.3rem;text-align:center}.intro-points strong{font-size:.95rem}.intro-points small{color:#54718a;font-size:.76rem;line-height:1.45}.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}
.content-rows{display:grid;gap:24px;max-width:1100px;margin:auto}.content-row-v2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,72px);align-items:center;padding:26px;border:1px solid rgba(30,58,95,.1);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(30,58,95,.08)}.content-row-v2.reverse figure{order:2}.content-row-v2.reverse>div{order:1}.content-row-v2 figure{margin:0;overflow:hidden;border-radius:12px;aspect-ratio:16/10;background:#f7f2ec}.content-row-v2 figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.content-row-v2 figure:hover img{transform:scale(1.05)}.content-row-v2 h3{margin:.25rem 0 .7rem;font-size:1.7rem}.content-row-v2 p{margin:0;color:#54718a;line-height:1.85}.content-number{color:var(--cta);font-size:.75rem;font-weight:800;letter-spacing:.14em}
.guide-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-14px auto 32px}.filter-button{border:1px solid rgba(30,58,95,.18);border-radius:999px;background:#fff;color:var(--ink);padding:.55rem 1.1rem;font:inherit;font-size:.85rem;cursor:pointer;transition:.25s ease}.filter-button:hover,.filter-button.is-active{background:var(--cta);border-color:var(--cta);color:#fff;box-shadow:0 8px 18px rgba(255,111,32,.25)}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.guide-card{min-height:210px;padding:24px;border:1px solid rgba(30,58,95,.1);border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(30,58,95,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.guide-card:hover{transform:translateY(-7px);border-color:rgba(255,111,32,.5);box-shadow:0 18px 35px rgba(30,58,95,.14),0 0 20px rgba(255,111,32,.16)}.guide-card.is-hidden{display:none}.guide-tag{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:#ffe9d1;color:var(--cta);font-size:.72rem;font-weight:800}.guide-card h3{margin:1rem 0 .6rem;font-size:1.15rem}.guide-card p{margin:0;color:#54718a;font-size:.9rem;line-height:1.75}.guide-card footer{margin-top:1.2rem;color:#8b9cad;font-size:.75rem}
.feature-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.feature-v2{min-height:190px;padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(30,58,95,.78);color:#fff;box-shadow:0 12px 26px rgba(30,58,95,.13);transition:transform .3s ease,box-shadow .3s ease}.feature-v2:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(30,58,95,.3),0 0 22px rgba(255,111,32,.3)}.feature-v2 svg{width:32px;height:32px;margin-bottom:14px;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.feature-v2:hover svg{transform:translateY(-3px) rotate(-5deg);stroke:var(--cta)}.feature-v2 h3{margin:0 0 .5rem;color:#fff;font-size:1.15rem}.feature-v2 p{margin:0;color:#e4eef7;font-size:.88rem;line-height:1.7}
.update-list{display:grid;gap:14px;width:100%;max-width:1100px;margin:auto}.update-card{display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:start;padding:22px 26px;border:1px solid rgba(30,58,95,.1);border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(30,58,95,.06);transition:transform .3s ease,box-shadow .3s ease}.update-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(30,58,95,.12)}.update-card>span{color:var(--cta);font-size:.76rem;font-weight:800;letter-spacing:.12em}.update-card h3{margin:0 0 .35rem;font-size:1.15rem}.update-card p{margin:0;color:#54718a;line-height:1.75}.faq-list-wide{width:100%;max-width:1100px}.faq-list-wide details{border:1px solid rgba(30,58,95,.1);border-radius:12px;margin-bottom:12px;box-shadow:0 8px 20px rgba(30,58,95,.05);background:#fff}.faq-list-wide summary{padding:19px 24px;font-size:1rem}.faq-list-wide details p{padding:0 24px 20px;line-height:1.8}
@media(max-width:900px){.intro-layout,.content-row-v2{grid-template-columns:1fr;gap:26px}.content-row-v2.reverse figure,.content-row-v2.reverse>div{order:initial}.guide-card-grid,.feature-card-grid{grid-template-columns:repeat(2,1fr)}.update-card{grid-template-columns:100px 1fr}}
@media(max-width:600px){.module-title{margin-bottom:32px}.intro-layout{display:flex;flex-direction:column}.intro-photo{width:100%}.intro-copy-block>p{font-size:.98rem}.intro-points{gap:11px}.intro-points span{grid-template-columns:24px 1fr}.content-row-v2{padding:16px}.content-row-v2 h3{font-size:1.4rem}.guide-card-grid,.feature-card-grid{grid-template-columns:1fr}.guide-card{min-height:0}.update-card{grid-template-columns:1fr;gap:7px;padding:20px}.update-card>span{font-size:.7rem}.faq-list-wide summary{padding:17px 18px}.faq-list-wide details p{padding:0 18px 18px}}

/* Compact headings, icon controls and screenshot lightbox */
.hero h1{font-size:clamp(2.5rem,5.5vw,5.3rem)}.module-title h2,.section-heading h2{font-size:clamp(1.75rem,3.2vw,2.7rem)}
.site-nav a svg,.nav-cta svg,.button svg,.menu-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.menu-toggle{display:none;align-items:center;gap:6px}.floating-detail{position:fixed;right:22px;bottom:22px;z-index:25;display:inline-flex;align-items:center;gap:8px;padding:.72rem 1.05rem;border-radius:999px;background:var(--cta);color:#fff;font-weight:800;font-size:.86rem;box-shadow:0 12px 26px rgba(255,111,32,.35);transition:transform .25s ease,box-shadow .25s ease}.floating-detail:hover{transform:translateY(-4px);box-shadow:0 17px 32px rgba(255,111,32,.42)}.floating-detail svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle .close-icon{display:none}.menu-toggle.is-open .menu-icon{display:none}.menu-toggle.is-open .close-icon{display:block}
.screenshot-module{padding:clamp(65px,9vw,105px max(20px,calc((100% - 1180px)/2)));background:#15283f;color:#fff}.screenshot-module .module-title>p:last-child{color:#c6d9e9}.screenshot-module .kicker{color:var(--orange)}.screenshot-module .module-title h2{color:#fff}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:auto}.screenshot-item{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:12px;aspect-ratio:16/9;background:#0c1b2b;cursor:zoom-in}.screenshot-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.screenshot-item:hover img,.screenshot-item:focus-visible img{transform:scale(1.05)}.screenshot-item:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:54px minmax(0,1000px) 54px;align-items:center;justify-content:center;gap:18px;padding:25px;background:rgba(4,12,22,.92)}.lightbox figure{margin:0;min-width:0}.lightbox figure img{display:block;width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:12px;background:#06111f}.lightbox figcaption{margin-top:10px;text-align:center;color:#d7e6f3;font-size:.85rem}.lightbox-close,.lightbox-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:.2s ease}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--cta);transform:scale(1.05)}.lightbox-close{position:absolute;top:20px;right:25px;width:42px;height:42px;font-size:1.8rem}.lightbox-arrow{width:46px;height:46px;font-size:2.4rem;line-height:1}.lightbox-close:focus-visible,.lightbox-arrow:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:900px){.site-nav a svg{display:none}.screenshot-grid{grid-template-columns:repeat(2,1fr)}.lightbox{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;padding:18px}.lightbox-arrow{width:38px;height:38px;font-size:2rem}}
@media(max-width:680px){.menu-toggle{display:inline-flex}.floating-detail{right:14px;bottom:15px;padding:.65rem .9rem;font-size:.8rem}.screenshot-grid{grid-template-columns:1fr}.lightbox{grid-template-columns:32px minmax(0,1fr) 32px;padding:12px;gap:5px}.lightbox-close{top:12px;right:12px;width:36px;height:36px}.lightbox-arrow{width:32px;height:32px;font-size:1.7rem}}
/* Clear visual handoff between screenshots and update log. */
.screenshot-module{position:relative;padding-bottom:clamp(88px,10vw,132px);border-bottom:1px solid rgba(255,255,255,.16)}.screenshot-module::after{content:"";position:absolute;left:50%;bottom:0;width:min(180px,42vw);height:5px;transform:translateX(-50%);border-radius:99px 99px 0 0;background:var(--cta);box-shadow:0 -5px 20px rgba(255,111,32,.22)}.updates-module{position:relative;padding-top:clamp(86px,10vw,125px);background:linear-gradient(180deg,#fffaf3 0%,#fff 26%)}.updates-module::before{content:"";display:block;width:52px;height:4px;margin:0 auto 24px;border-radius:99px;background:rgba(30,58,95,.16)}.updates-module .module-title{margin-bottom:44px}.updates-module .module-title h2{color:var(--ink)}.updates-module .update-list{position:relative}.updates-module .update-list::before{content:"";position:absolute;left:28px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--orange),rgba(255,176,102,.12));pointer-events:none}.updates-module .update-card{position:relative;padding-left:74px}.updates-module .update-card>span{position:relative}.updates-module .update-card>span::before{content:"";position:absolute;left:-57px;top:2px;width:12px;height:12px;border:3px solid var(--cta);border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,111,32,.12)}
@media(max-width:600px){.screenshot-module{padding-bottom:78px}.updates-module{padding-top:78px}.updates-module .update-list::before{left:21px}.updates-module .update-card{padding-left:54px}.updates-module .update-card>span::before{left:-39px}}

/* Footer refresh */
.site-footer{background:#172f4e;color:#dcecff;padding:0 max(20px,calc((100% - 1180px)/2));font-size:.88rem}.footer-inner{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:clamp(28px,6vw,82px);padding:54px 0 46px}.footer-brand>a{display:inline-flex;align-items:center;gap:13px;color:#fff}.footer-brand img{width:64px;height:64px;margin:0;border-radius:14px;object-fit:contain;filter:none;background:rgba(255,255,255,.1);padding:6px}.footer-brand span{display:grid;line-height:1.2}.footer-brand strong{font-size:1.05rem}.footer-brand small{margin-top:4px;color:#9fb8d1;font-size:.64rem;letter-spacing:.16em}.footer-brand>p{margin:16px 0 0;color:#b7cbe0}.footer-nav,.footer-note{display:grid;align-content:start;gap:8px}.footer-nav strong,.footer-note strong{margin-bottom:7px;color:#fff;font-size:.95rem}.footer-nav a{width:max-content;color:#b7cbe0;font-size:.82rem;transition:color .2s ease,transform .2s ease}.footer-nav a:hover{color:var(--orange);transform:translateX(3px)}.footer-note p{margin:0;color:#b7cbe0;font-size:.82rem;line-height:1.75}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0 22px;border-top:1px solid rgba(220,236,255,.16);color:#8fa9c3;font-size:.72rem}.floating-detail{bottom:28px}.footer-nav a:focus-visible,.footer-brand>a:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}
@media(max-width:760px){.footer-inner{grid-template-columns:1fr 1fr;gap:30px;padding:42px 0 34px}.footer-brand{grid-column:1/-1}.footer-note{grid-column:1/-1}.footer-bottom{display:grid;gap:5px}.floating-detail{bottom:18px}}
@media(max-width:480px){.footer-inner{grid-template-columns:1fr}.footer-brand,.footer-note{grid-column:auto}.footer-nav a{font-size:.84rem}.footer-bottom{font-size:.68rem}.floating-detail{bottom:14px}}
.friend-links{padding:48px max(20px,calc((100% - 1180px)/2));background:var(--orange);color:var(--brown)}.friend-links-inner{text-align:center}.friend-links .kicker{margin-bottom:4px;color:var(--cta)}.friend-links h2{margin:0 0 20px;font-size:clamp(1.7rem,3vw,2.35rem);color:var(--brown)}.friend-links-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.friend-links-list a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 22px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:rgba(255,255,255,.2);color:var(--brown);font-size:.9rem;font-weight:800;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.friend-links-list a:hover{transform:translateY(-3px);background:rgba(255,255,255,.48);box-shadow:0 10px 22px rgba(74,53,37,.14)}.friend-links-list a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.friend-links{padding:40px 20px}.friend-links-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-links-list a{padding:8px 10px;min-height:46px;font-size:.82rem}}@media(max-width:380px){.friend-links-list{grid-template-columns:1fr}}

/* Final section flow reset: keep every heading in its own non-overlapping block. */
.section.intro-module,.section.content-module,.section.guide-module,.section.features-module,.section.updates-module,.section.faq-module{position:relative;display:block;overflow:visible;isolation:isolate}
.intro-module>.module-title,.content-module>.module-title,.guide-module>.module-title,.features-module>.module-title,.updates-module>.module-title,.faq-module>.module-title{position:relative;z-index:2;display:block;clear:both;width:100%;max-width:760px;margin:0 auto 46px;padding:0 10px;text-align:center;transform:none}
.module-title .kicker{display:block;margin:0 0 10px}.module-title h2{display:block;clear:both;position:relative;margin:0 0 12px;line-height:1.25}.module-title .title-line{position:relative;display:block;clear:both;margin:0 auto 12px}.module-title>p:last-child{display:block;clear:both;margin:0;line-height:1.7}
.content-module,.features-module,.faq-module{padding-top:clamp(76px,9vw,112px);padding-bottom:clamp(76px,9vw,112px)}.guide-module,.updates-module{padding-top:clamp(76px,9vw,112px);padding-bottom:clamp(76px,9vw,112px)}
.content-rows,.guide-filter,.guide-card-grid,.feature-card-grid,.update-list,.faq-list-wide{position:relative;z-index:1;clear:both}
.features-module .feature-card-grid{margin-top:0}.screenshot-module{clear:both;z-index:1}.screenshot-module .module-title{position:relative;z-index:2;margin-bottom:46px}.screenshot-grid{clear:both}
.updates-module{margin-top:0;border-top:0}.updates-module::before{position:relative;z-index:2}.faq-module{margin-top:0;border-top:0}
@media(max-width:600px){.intro-module>.module-title,.content-module>.module-title,.guide-module>.module-title,.features-module>.module-title,.updates-module>.module-title,.faq-module>.module-title{margin-bottom:32px;padding:0 6px}.module-title h2{line-height:1.3}.content-module,.features-module,.faq-module,.guide-module,.updates-module{padding-top:68px;padding-bottom:68px}}
 .content-row-v2>div p+p{margin-top:12px}.feature-v2{min-height:214px}.feature-v2 p{line-height:1.8}
/* Unified pure-CSS hover language: 0.3s motion throughout. */
.site-nav a:not(.nav-cta){position:relative;border-bottom:0;transition:color .3s ease}.site-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;border-radius:99px;background:var(--cta);transition:right .3s ease}.site-nav a:not(.nav-cta):hover,.site-nav a:not(.nav-cta):focus-visible{color:var(--cta)}.site-nav a:not(.nav-cta):hover::after,.site-nav a:not(.nav-cta):focus-visible::after,.site-nav a.active::after{right:0}
.guide-card,.feature-v2,.content-row-v2,.update-card,.faq-list-wide details,.info-card,.intro-photo,.screenshot-item{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.guide-card:hover,.feature-v2:hover,.content-row-v2:hover,.update-card:hover,.faq-list-wide details:hover,.info-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(30,58,95,.16),0 0 22px rgba(255,111,32,.18)}
.button,.nav-cta,.filter-button,.floating-detail,.friend-links-list a,.lightbox-arrow,.lightbox-close{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}.button:hover,.button:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.filter-button:hover,.floating-detail:hover,.friend-links-list a:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 25px rgba(255,111,32,.3)}
.intro-photo img,.content-row-v2 figure img,.screenshot-item img{transition:transform .3s ease}.intro-photo:hover img,.content-row-v2 figure:hover img,.screenshot-item:hover img,.screenshot-item:focus-visible img{transform:scale(1.05)}
@media (prefers-reduced-motion: reduce){.site-nav a:not(.nav-cta),.site-nav a:not(.nav-cta)::after,.guide-card,.feature-v2,.content-row-v2,.update-card,.faq-list-wide details,.info-card,.intro-photo,.screenshot-item,.button,.nav-cta,.filter-button,.floating-detail,.friend-links-list a,.lightbox-arrow,.lightbox-close,.intro-photo img,.content-row-v2 figure img,.screenshot-item img{transition-duration:.01ms}}