*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:#fbfaf8;color:#20242b;line-height:1.72}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7ea}.header-grid{max-width:1200px;height:72px;margin:auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px}.brand-block{background:#1f3151;color:#fff;border-radius:8px;padding:7px 10px;font-weight:900;letter-spacing:.05em}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#7a8290}.desktop-nav{justify-self:center;display:flex;gap:25px;font-size:14px;color:#515b6d}.header-cta{background:#1f3151;color:#fff;border-radius:9px;padding:9px 15px;font-weight:800}.menu-btn,.mobile-nav{display:none}.hero{max-width:1200px;margin:auto;padding:72px 24px 62px;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.eyebrow,.section-label,.download-header>p,.faq-title>p,.final-cta p{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#4d6aa5}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 20px}.hero-lead{font-size:18px;color:#606979}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;font-weight:900}.primary{background:#1f3151;color:#fff}.soft{background:#edf1f7;color:#1f3151}.hero-visual{position:relative;min-height:500px}.tablet-frame{position:absolute;inset:20px 10px 25px 0;background:#11151a;border-radius:30px;padding:15px;box-shadow:0 35px 70px rgba(43,51,66,.18)}.tablet-frame:after{content:"";position:absolute;inset:7px;border:1px solid #333a42;border-radius:24px;pointer-events:none}.tablet-frame img{width:100%;height:100%;object-fit:contain;border-radius:18px;background:#0b0e12}.tablet-camera{position:absolute;top:7px;left:50%;width:7px;height:7px;border-radius:50%;background:#464b52;z-index:3}.side-note{position:absolute;right:-8px;bottom:5px;background:#d9e1ef;color:#1e2e4a;border-radius:15px;padding:14px 17px;box-shadow:0 14px 30px rgba(43,51,66,.12)}.side-note span,.side-note strong,.side-note small{display:block}.side-note span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#4d6aa5}.side-note strong{font-size:18px;margin:3px 0}.side-note small{color:#5d6777}.gallery-section{background:#eef2f7;padding:68px max(24px,calc((100vw - 1200px)/2))}.gallery-head{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:end}.gallery-head h2,.device-title h2,.download-header h2,.usage-copy h2,.difference-head h2,.problem-copy h2,.faq-title h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.025em;margin:8px 0 12px}.gallery-head>p{color:#687384}.gallery-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:16px;margin-top:30px}.gallery-grid figure{margin:0;background:#fff;border:1px solid #dce2ea;border-radius:18px;overflow:hidden}.image-wrap{height:255px;background:#e1e7ee;display:grid;place-items:center}.image-wrap img{width:100%;height:100%;object-fit:cover}.image-wrap.portrait img{object-fit:contain;padding:10px}.gallery-grid figcaption{padding:16px}.gallery-grid strong,.gallery-grid span{display:block}.gallery-grid span{font-size:13px;color:#6f7888;margin-top:4px}.device-check{padding:72px 24px}.device-check-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.device-title>p:last-child{color:#687384}.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-cards article{border:1px solid #dfe3e8;border-radius:16px;padding:20px;background:#fff}.device-cards article.active{background:#1f3151;color:#fff}.device-cards span{font-size:11px;letter-spacing:.08em;font-weight:900;color:#4d6aa5}.device-cards .active span{color:#b8c8e9}.device-cards h3{margin:6px 0 7px;font-size:18px}.device-cards p{margin:0;color:#6c7584;font-size:13px}.device-cards .active p{color:#d7deec}.download-section{background:#1e2a3e;color:#fff;padding:72px max(24px,calc((100vw - 1200px)/2))}.download-header{max-width:790px}.download-header>p{color:#9fb6e6}.download-header>span{color:#bac4d7}.timeline{margin-top:36px;display:grid;gap:0}.timeline article{display:grid;grid-template-columns:85px 1fr;gap:20px;position:relative;padding:0 0 34px}.timeline article:before{content:"";position:absolute;left:25px;top:34px;bottom:0;width:1px;background:#48556a}.timeline article:last-child:before{display:none}.time-no{width:52px;height:52px;border-radius:50%;background:#dce6f7;color:#1f3151;display:grid;place-items:center;font-weight:900;z-index:2}.time-copy{padding-top:5px}.time-copy h3{font-size:21px;margin:0 0 7px}.time-copy p{margin:0;color:#c0c9d8}.timeline .image-step{grid-template-columns:85px 1fr 230px}.image-step figure{margin:0;height:150px;border-radius:14px;overflow:hidden;background:#121b2a}.image-step figure img{width:100%;height:100%;object-fit:contain}.usage-section{max-width:1200px;margin:auto;padding:78px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.usage-image{background:#eef2f7;border-radius:24px;padding:22px;display:grid;place-items:center;min-height:390px}.usage-image img{max-height:350px;object-fit:contain}.usage-copy>p{color:#687384}.usage-copy ul{padding-left:20px;color:#576172}.usage-copy li{margin-bottom:8px}.difference-section{background:#f0ebe4;padding:70px max(24px,calc((100vw - 1200px)/2))}.difference-head{max-width:760px}.difference-table{margin-top:26px;border:1px solid #dbd4cb;border-radius:16px;overflow:hidden;background:#fff}.table-row{display:grid;grid-template-columns:.7fr 1.1fr 1.2fr;border-top:1px solid #e5e0da}.table-row:first-child{border-top:0}.table-row>*{padding:15px 17px}.table-head{background:#e3ddd5;font-size:12px;font-weight:900;color:#575046}.table-row span{color:#66615b}.problem-section{max-width:1200px;margin:auto;padding:74px 24px}.problem-copy{max-width:750px}.problem-copy>p:last-child{color:#687384}.problem-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.problem-steps article{border:1px solid #e0e4e9;border-radius:15px;padding:19px;background:#fff}.problem-steps span{width:30px;height:30px;background:#edf1f7;color:#1f3151;border-radius:8px;display:grid;place-items:center;font-weight:900}.problem-steps strong{display:block;font-size:18px;margin:10px 0 6px}.problem-steps p{font-size:13px;color:#687384;margin:0}.faq-section{background:#eef2f7;padding:72px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:55px}.faq-title span{color:#6e7888}.faq-list details{background:#fff;border:1px solid #dce2ea;border-radius:13px;padding:18px 20px;margin-bottom:10px}.faq-list summary{font-weight:900;cursor:pointer}.faq-list p{margin-bottom:0;color:#667183}.final-cta{max-width:1200px;margin:56px auto 88px;border-radius:24px;padding:34px 38px;background:#d9e1ef;color:#1f3151;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta p{margin:0}.final-cta h2{font-size:30px;margin:4px 0 6px}.final-cta span{color:#52627e}.final-btn{background:#1f3151;color:#fff}.site-footer{max-width:1200px;margin:auto;padding:0 24px 34px;display:flex;justify-content:space-between;color:#677180}.site-footer p{margin:4px 0 0;font-size:13px}.mobile-download-bar{display:none}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.header-grid{grid-template-columns:auto 1fr auto}.menu-btn{display:block;background:#fff;border:1px solid #d1d6dd;border-radius:8px;padding:8px 10px}.mobile-nav.open{display:flex}.mobile-nav{padding:8px 24px 15px;gap:16px;flex-wrap:wrap;border-top:1px solid #e2e5e9}.hero{grid-template-columns:1fr}.hero-visual{min-height:420px}.gallery-head,.device-check-inner{grid-template-columns:1fr}.device-cards{grid-template-columns:1fr 1fr}.device-cards article:last-child{grid-column:1/-1}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure:last-child{grid-column:1/-1}.timeline .image-step{grid-template-columns:85px 1fr}.timeline .image-step figure{grid-column:2}.usage-section{grid-template-columns:1fr}.problem-steps{grid-template-columns:1fr 1fr}.faq-section{grid-template-columns:1fr}}
@media(max-width:600px){body{padding-bottom:72px}.header-grid{height:64px;padding:0 16px}.brand small{display:none}.hero{padding:48px 16px 36px;gap:24px}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-visual{min-height:330px}.tablet-frame{inset:10px 0 25px}.side-note{right:0}.gallery-section,.device-check,.download-section,.usage-section,.difference-section,.problem-section{padding-left:16px;padding-right:16px}.gallery-grid,.device-cards,.problem-steps{grid-template-columns:1fr}.gallery-grid figure:last-child,.device-cards article:last-child{grid-column:auto}.timeline article,.timeline .image-step{grid-template-columns:54px 1fr;gap:12px}.timeline article:before{left:25px}.time-no{width:48px;height:48px}.timeline .image-step figure{grid-column:2}.difference-table{overflow-x:auto}.table-row{min-width:620px}.faq-section{padding:52px 16px}.final-cta{margin:34px 16px 24px;padding:24px;display:block}.final-btn{width:100%;margin-top:18px}.site-footer{display:block;padding:0 16px 26px}.site-footer>a{display:inline-block;margin-top:12px}.mobile-download-bar{position:fixed;left:0;right:0;bottom:0;height:60px;background:#1e2a3e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;z-index:80}.mobile-download-bar span strong,.mobile-download-bar span small{display:block}.mobile-download-bar span small{font-size:10px;color:#aab5c7}.mobile-download-bar a{background:#d9e1ef;color:#1f3151;padding:8px 12px;border-radius:8px;font-weight:900}}

.ipad-schematic{width:100%;max-width:360px;text-align:center}.ipad-schematic>span{display:block;font-size:10px;letter-spacing:.13em;color:#4d6aa5;font-weight:900;margin-bottom:14px}.schematic-screen{background:#1f3151;color:#fff;border-radius:18px;padding:24px}.schematic-screen b,.schematic-screen small{display:block}.schematic-screen b{font-size:30px}.schematic-screen small{color:#c5d2e9}.ipad-schematic i{display:block;font-style:normal;color:#4d6aa5;font-weight:900;margin:8px}.schematic-action{background:#fff;border:1px solid #d7dfea;border-radius:10px;padding:11px 14px;font-weight:800;color:#1f3151}

/* WPT official brand icon */
.brand-logo{
    display:block;
    width:38px;
    height:38px;
    min-width:38px;
    object-fit:contain;
    flex:0 0 auto;
}

@media(max-width:600px){
    .brand-logo{
        width:34px;
        height:34px;
        min-width:34px;
    }
}
/* WPT-IPAD-TABLE-MOBILE-FIX */
@media (max-width: 767px) {
    .table-row {
        min-width: 0 !important;
        width: 100%;
        grid-template-columns: 1fr !important;
    }
}