.app-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:70px;align-items:center;padding:68px 42px 48px}.app-intro{min-width:0}.app-identity{display:flex;align-items:center;gap:20px;margin:24px 0}.app-identity img{border-radius:20px}.app-identity span{font-size:10px;letter-spacing:1px;color:var(--accent);padding:7px 12px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}.app-intro h1{font-size:clamp(32px,3.5vw,48px);line-height:1.35;letter-spacing:-1.4px;margin:0 0 23px;overflow-wrap:anywhere}.app-lead{font-size:14px;line-height:2;color:var(--muted);max-width:480px}.app-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 17px}.app-download{min-width:195px}.app-quick{font-size:11px;color:var(--accent);line-height:1.9}.app-quick i{font-style:normal;color:var(--muted);padding:0 7px}.app-hint{color:var(--muted);font-size:11px;margin-top:7px}.app-preview{margin:0;justify-self:center;position:relative}.app-preview:before{content:'';position:absolute;inset:10% -18%;z-index:-1;background:radial-gradient(ellipse,#ff99cc1c,transparent 68%)}.app-phone{width:237px;border:7px solid #3c2d39;outline:1px solid #745267;border-radius:33px;overflow:hidden;box-shadow:0 20px 60px #0005;transform:rotate(3deg);background:var(--bg)}.app-phone img{display:block;width:100%;height:auto}.app-preview figcaption{font-size:10px;color:var(--muted);margin:20px 0 0;text-align:center}.app-preview figcaption span{display:inline-block;background:var(--pink);width:5px;height:5px;border-radius:50%;margin-right:7px}.app-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;margin:5px 0 55px}.app-ribbon a{position:relative;padding:24px 25px;min-width:0}.app-ribbon a+a{border-left:1px solid var(--line)}.app-ribbon a:hover{background:var(--soft)}.app-ribbon span{display:block;font-size:10px;color:var(--accent);margin-bottom:9px}.app-ribbon b{display:block;font-size:16px}.app-ribbon small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.app-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:start;margin:0 0 65px;scroll-margin-top:30px}.app-guide{min-width:0}.app-guide .prose{font-size:13px}.app-guide .prose h2{margin:40px 0 20px;font-size:25px}.app-guide .prose h2:first-child{margin-top:12px}.app-guide .prose h3{font-size:16px;margin-top:27px}.app-guide .prose li{margin:10px 0;color:var(--muted)}.app-guide .prose strong{color:var(--text)}.app-guide .text-link{display:inline-block;margin-top:25px;color:var(--accent)}.app-sidebar{display:grid;gap:18px}.app-scan,.app-package{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}.app-scan h2{font-size:23px;line-height:1.45;margin:12px 0 22px}.app-scan img{display:block;width:100%;height:auto;border-radius:10px;background:#fff}.app-scan p:not(.eyebrow){color:var(--accent);font-size:14px;margin:16px 0 7px}.app-scan small{color:var(--muted);font-size:10px;line-height:1.8}.app-package h2{font-size:16px;margin:0 0 19px}.app-package dl{margin:0}.app-package dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:11px;border-bottom:1px solid var(--line)}.app-package dt{color:var(--muted)}.app-package dd{margin:0;text-align:right}.app-package details{margin:18px 0;color:var(--muted);font-size:10px}.app-package summary{cursor:pointer;padding:5px 0}.app-package code{display:block;overflow-wrap:anywhere;margin-top:10px;font-size:10px}.app-package .button{width:100%;min-width:0;font-size:12px}
@media(max-width:1100px){.app-hero{padding:48px 18px 40px;gap:35px}.app-content{gap:30px;grid-template-columns:minmax(0,1fr) 275px}.app-ribbon a{padding:21px 19px}.app-ribbon small{font-size:9px}}
@media(max-width:760px){.app-hero{padding:35px 0 30px;gap:25px;grid-template-columns:minmax(0,1fr) 190px}.app-phone{width:175px;border-width:5px;border-radius:27px}.app-intro .eyebrow{font-size:8px;letter-spacing:1px}.app-identity{gap:10px}.app-identity img{width:54px;height:54px}.app-identity span{font-size:8px;padding:5px 7px}.app-intro h1{font-size:31px}.app-lead{font-size:12px}.app-actions .button{width:100%}.app-content{grid-template-columns:minmax(0,1fr) 245px;gap:23px}.app-ribbon b{font-size:14px}.app-ribbon a{padding:18px 13px}.app-preview figcaption{font-size:8px}}
@media(max-width:600px){.app-hero{grid-template-columns:1fr;gap:30px;padding-top:31px}.app-intro h1{font-size:35px}.app-intro .eyebrow{font-size:8px}.app-identity img{width:62px;height:62px}.app-identity span{font-size:9px}.app-actions{gap:10px}.app-actions .button{width:auto;flex:1;min-width:155px;font-size:12px}.app-preview{display:none}.app-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:38px}.app-ribbon a{padding:20px}.app-ribbon a:nth-child(3){border-left:0}.app-ribbon a:nth-child(n+3){border-top:1px solid var(--line)}.app-ribbon small{font-size:10px}.app-content{grid-template-columns:1fr;gap:30px}.app-guide .prose h2{font-size:23px}.app-sidebar{grid-template-columns:1fr}.app-scan{text-align:center}.app-scan .eyebrow{justify-content:center}.app-scan h2 br{display:none}.app-scan img{width:200px;margin:auto}.app-package{padding:25px}.app-package dl>div{font-size:12px}.app-quick{font-size:10px}}