:root{color-scheme:dark;--navy:#07111f;--ivory:#fffdf8;--blue:#a9c8ff;--muted:#adb8ca;--line:#ffffff25;font-family:var(--pfs-digital,ui-monospace)}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ivory)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a9c8ff;outline-offset:6px}[hidden]{display:none!important}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-weight:500}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.06em}.back,.quiet{font-size:13px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:74px 5% 60px;gap:50px}.eyebrow,.orbit-label,.visual-foot,.benefits article>span,.app-tile>p,.app-tile>span{font:11px/1.7 'IBM Plex Mono',monospace;letter-spacing:.12em}.eyebrow{color:var(--blue);margin:0 0 32px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#e44350;border-radius:50%;margin-right:10px}h1{font:500 clamp(60px,6vw,90px)/.98 var(--pfs-digital,ui-monospace);letter-spacing:-.04em;margin:0 0 28px}h1 .app-headline-accent{display:block;font:500 clamp(28px,3.2vw,46px)/1.15 var(--pfs-digital,ui-monospace);letter-spacing:-.03em;color:var(--blue);margin-top:14px}.lead{font-size:16px;line-height:1.85;color:var(--muted)}.install-box{margin:38px 0 24px;max-width:430px}.install-box>p:first-child{font-size:13px;line-height:1.6;color:var(--blue)}#installButton,#openApp{display:flex;justify-content:space-between;gap:20px;width:100%;padding:19px 23px;background:var(--ivory);color:var(--navy);border:1px solid var(--ivory);border-radius:3px;font-weight:700;transition:background .2s}#installButton:hover{background:var(--blue)}.fine{font-size:11px;line-height:1.7;color:var(--muted)}.visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:530px;border:1px solid var(--line);background:linear-gradient(#07111f35,#07111f80),url('/assets/photography/butrint-lagoon.webp?v=20260928-vrd-25.2') center/cover;border-radius:4px;padding:26px;overflow:hidden}.orbit-label{align-self:flex-start;color:var(--blue)}.app-tile{width:290px;max-width:100%;text-align:center;padding:35px 22px;background:#07111fe8;border:1px solid #a9c8ff40;box-shadow:0 24px 90px #0008;border-radius:22px;transform:rotate(-3deg)}.app-tile img{border-radius:24px;box-shadow:0 10px 40px #0005}.app-tile h2{font:500 33px/1.05 var(--pfs-digital,ui-monospace);margin:23px 0 18px}.app-tile>p{font-size:8px;color:var(--blue)}.app-tile>span{font-size:8px;color:var(--muted)}.tile-line{height:1px;background:var(--line);margin:22px 0}.visual-foot{display:flex;justify-content:space-between;width:100%;font-size:9px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5% 65px;gap:35px}.benefits article{border-top:1px solid var(--line);padding-top:25px}.benefits article>span{color:var(--blue)}.benefits h2{font:500 32px var(--pfs-digital,ui-monospace);margin:20px 0 12px}.benefits p{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px}.guide{background:#f6f2e9;color:#07111f;padding:70px 5%;display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.guide .eyebrow{color:#354c77}.guide h2{font:500 58px/1.02 var(--pfs-digital,ui-monospace);margin:0 0 25px}.guide h2 em{font-style:normal;color:#354c77}.guide>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:350px}.steps-panel{border:1px solid #07111f22;padding:28px;background:#fffdf880}.choices{display:flex;gap:6px;border-bottom:1px solid #07111f22;padding-bottom:20px;flex-wrap:wrap}.choices button{background:transparent;border:1px solid #07111f33;color:#07111f;border-radius:3px;padding:12px 13px;font-size:12px}.choices button[aria-pressed=true]{background:#07111f;color:#fffdf8}.steps-panel h3{font-size:17px;margin:25px 0}.steps-panel ol{padding-left:23px}.steps-panel li{padding:0 0 20px 8px;font-size:14px;line-height:1.7}.guide-note{font-size:12px;line-height:1.7;color:#4b5667}.copy{border:0;border-bottom:1px solid #07111f55;background:none;color:#07111f;padding:12px 0;font-size:12px}.guide button:focus-visible{outline-color:#263ee8}#copyStatus{font-size:12px;overflow-wrap:anywhere}.faq{padding:70px 5%;display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.faq h2{font:500 40px var(--pfs-digital,ui-monospace)}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;line-height:1.6}.faq details p{font-size:13px;line-height:1.9;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:30px 5%;font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:#fff;color:#07111f;padding:15px;z-index:9}@media(max-width:850px){.hero{gap:25px}.hero,.guide,.faq{grid-template-columns:1fr}.visual{min-height:460px}.hero{padding-top:45px}.benefits{gap:20px}.guide,.faq{gap:35px}.guide h2{font-size:48px}.app-tile{transform:none}.visual-foot{margin-top:25px}footer{flex-wrap:wrap}}@media(max-width:480px){header{padding:22px 6%}.brand{font-size:12px;gap:10px}.brand small{font-size:9px}.back{font-size:11px}.hero{padding:40px 6%}.hero h1{font-size:60px}.hero h1 .app-headline-accent{font-size:30px}.visual{min-height:440px}.benefits{grid-template-columns:1fr;padding:0 6% 40px;gap:16px}.benefits article{padding-top:18px}.benefits h2{margin:12px 0 8px}.benefits p{max-width:none}.guide,.faq{padding:45px 6%}.steps-panel{padding:20px}.choices button{padding:12px 9px}footer{padding:25px 6%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}