.product-page{--txt:#101010;--mut:#4f5b56;--dark:#1f2224;--dtxt:#f2f4f7;--dmut:#b8c2bd;background:#fff;color:var(--txt);font:16px/1.6 Be Vietnam Pro,-apple-system,Segoe UI,sans-serif}.product-page a{color:inherit;text-decoration:none}.pp-hero{position:relative;min-height:78vh;background:var(--dark);color:var(--dtxt);display:flex;align-items:flex-end;overflow:hidden}.pp-bg{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.pp-bg,.pp-hero:after{position:absolute;inset:0}.pp-hero:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.65) 80%)}.pp-hero--art .pp-art{position:absolute;right:6vw;top:50%;transform:translateY(-50%);width:min(52vw,760px);aspect-ratio:16/9;opacity:.9}.pp-art svg{width:100%;height:100%}.pp-title{position:relative;z-index:1;padding:0 4vw 48px}.pp-kicker{margin:0 0 14px;font:400 15px JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#dfe5e2}.pp-title h1{margin:0;font-weight:400;letter-spacing:-.03em;line-height:.95;font-size:clamp(56px,10vw,168px)}.pp-body{padding:64px 4vw 96px}.pp-body h2{margin:0 0 20px;font-weight:400;font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.02em}.pp-desc{margin:0 0 48px;font-size:19px;color:var(--mut);max-width:760px}.pp-try{margin:0 0 56px;padding:40px 4vw;background:var(--dark);color:var(--dtxt);border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center}.pp-try-kicker{grid-column:1/-1;margin:0;font:500 12px JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--dmut)}.pp-try-title{margin:0;font-size:clamp(20px,2.2vw,30px);line-height:1.25;letter-spacing:-.01em;max-width:620px}.product-page .pp-try-btn{white-space:nowrap;font:500 13px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#111;border-radius:4px;padding:16px 26px}.product-page .pp-try-btn:hover{background:#dfe8e3}@media(max-width:700px){.pp-try{grid-template-columns:1fr}}.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #dfe8e3;padding-top:28px;font:500 12.5px/1.7 JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.pp-grid b{display:block;margin-bottom:10px;color:var(--txt);font-weight:500}.pp-grid em{display:block;font-style:normal;color:var(--mut)}.pp-grid em:before{content:"→ ";color:#9aa6a1}.pp-back{display:inline-block;margin-top:56px;font:500 12px JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #2a2f31;border-radius:4px;padding:12px 18px}@media(max-width:900px){.pp-hero{min-height:60vh}.pp-hero--art .pp-art{display:none}.pp-grid{grid-template-columns:1fr;gap:22px}}.pp-list{padding:120px 4vw 96px}.pp-list-kicker{margin:0 0 8px;font-size:19px;color:var(--mut)}.pp-row{position:relative;display:block;padding:40px 0 34px;border-top:1px solid #dfe8e3}.pp-row:last-child{border-bottom:1px solid #dfe8e3}.pp-row-idx{position:absolute;right:0;top:24px;font:400 14px JetBrains Mono,monospace;color:#9aa6a1}.pp-row h2{margin:0 0 14px;font-weight:400;letter-spacing:-.03em;line-height:1;font-size:clamp(44px,7vw,112px)}.pp-row p{margin:0;font-size:21px;color:var(--mut)}.pp-row:hover h2{text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:2px}