/* Landing-page base. Legal documents retain styles.css independently. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;background:var(--intro-bg);color:var(--intro-text)}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0}
p{line-height:1.65}
.site-features{padding-block:clamp(56px,7vw,104px);border-top:0;background:var(--intro-bg);font-family:var(--intro-font);overflow-wrap:anywhere;scroll-margin-top:24px}
.features-heading{margin-bottom:48px;max-width:680px}
.features-heading .intro-kicker{margin-bottom:14px}
.features-heading h2{font-size:var(--section-title-size);line-height:var(--section-title-leading);letter-spacing:var(--section-title-tracking);font-weight:var(--section-title-weight);color:var(--intro-text)}
.features-heading>p:last-child{margin:18px 0 0;font-size:17px;color:var(--intro-muted)}
.features-list{display:grid;gap:32px}
.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:24px}
.feature-copy{min-width:0;max-width:470px}
.feature-tier{display:inline-block;padding:8px 12px;border-radius:8px;background:var(--intro-surface);color:var(--intro-accent);font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.5}
.feature-row:first-child .feature-tier{background:var(--intro-mint);color:var(--intro-mint-ink)}
.feature-copy h3{font-size:clamp(24px,2.5vw,32px);line-height:1.25;letter-spacing:-.03em;font-weight:800;margin:20px 0 18px}
.feature-copy p{font-size:16px;line-height:1.8;color:var(--intro-muted);margin:0;max-width:44ch}
.feature-photo{margin:0;min-width:0;width:100%;padding:32px 24px 24px;border-radius:28px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px}
.photo-lavender{background:var(--intro-surface)}
.photo-mint{background:var(--intro-mint)}
.photo-peach{background:var(--intro-peach)}
.feature-photo img{display:block;width:auto;height:auto;max-height:360px;max-width:100%;border:5px solid var(--intro-device-frame);border-radius:24px;box-shadow:0 14px 28px var(--intro-shadow)}
.feature-photo figcaption{color:var(--intro-muted);font-size:11px;font-weight:600;text-align:center;line-height:1.7;max-width:100%}
.features-notes{border-top:1px solid var(--intro-border);margin-top:48px;padding-top:24px;max-width:880px;color:var(--intro-muted);font-size:12px;line-height:1.8}
.features-notes p{margin:0 0 10px}
@media(min-width:901px){.feature-row:nth-child(even) .feature-photo{grid-column:1;grid-row:1}.feature-row:nth-child(even) .feature-copy{grid-column:2;grid-row:1}}
@media(max-width:640px){.features-heading{margin-bottom:24px}.features-heading>p:last-child{font-size:15px}.features-list{gap:32px}.feature-row{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:12px}.feature-copy p{font-size:15px}.feature-photo{padding:28px 20px 22px}.feature-photo img{max-height:340px}.features-notes{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Footer shares the existing palette, typography and accessible link sizing. */
.site-footer{background:var(--intro-surface);color:var(--intro-text);border-top:1px solid var(--intro-border);padding-block:44px 24px;font-family:var(--intro-font);overflow-wrap:anywhere}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-identity{min-width:0;max-width:100%}
.footer-identity>p{font-size:13px;color:var(--intro-muted);margin:12px 0 0}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}
.footer-links a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;color:var(--intro-accent)}
.footer-links a:hover{background:var(--intro-bg);text-decoration:underline;text-underline-offset:4px}
.site-footer a:focus-visible{outline:3px solid var(--intro-accent);outline-offset:4px}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-top:1px solid var(--intro-border);margin-top:32px;padding-top:20px}
.footer-bottom p{font-size:11px;line-height:1.8;color:var(--intro-muted);margin:0}
@media(max-width:640px){.site-footer{padding-top:32px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.footer-links{gap:4px}.footer-links a{padding-inline:12px}.footer-bottom{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}}

.features-heading::before{content:"";display:block;width:48px;height:5px;border-radius:8px;background:var(--intro-accent);margin-bottom:20px}


/* Complete screenshots and magnified details use the same actual app assets. */
.feature-photo{position:relative;isolation:isolate;overflow:hidden;padding:48px 32px 30px;gap:28px}
.feature-photo::before{content:"";position:absolute;z-index:-1;inset:28px;border:1px solid var(--intro-bg);border-radius:50%}
.feature-photo>img{position:relative;z-index:1;justify-self:start;margin-left:clamp(0px,3vw,44px);max-height:400px;max-width:calc(100% - 24px);border:3px solid var(--intro-bg);border-radius:22px;transform:rotate(-5deg);box-shadow:8px 22px 36px var(--intro-phone-shadow)}
.feature-row:nth-child(even) .feature-photo>img{transform:rotate(5deg)}
.feature-detail{position:absolute;z-index:2;right:28px;bottom:94px;width:clamp(140px,13vw,190px);max-width:calc(100% - 32px);height:150px;border:6px solid var(--intro-bg);border-radius:22px;background-color:var(--intro-bg);background-image:var(--detail-image);background-size:240% auto;background-repeat:no-repeat;background-position:var(--detail-position);box-shadow:0 16px 32px var(--intro-shadow)}
.feature-photo[data-showcase="remote"]{--detail-image:url('/assets/remote.png');--detail-position:50% 70%}
.feature-photo[data-showcase="motion"]{--detail-image:url('/assets/motion.png');--detail-position:50% 70%}
.feature-photo[data-showcase="pointer"]{--detail-image:url('/assets/pointer.png');--detail-position:50% 70%}
.feature-photo[data-showcase="voice"]{--detail-image:url('/assets/remote.png');--detail-position:73% 20%}
.feature-photo[data-showcase="keyboard"]{--detail-image:url('/assets/keyboard.png');--detail-position:50% 85%}
.feature-photo figcaption{position:relative;z-index:3}
@media(max-width:900px){.feature-photo{padding-inline:24px}.feature-photo>img{margin-left:0;max-height:360px}.feature-detail{right:18px;width:140px;height:130px;bottom:90px}}
@media(max-width:640px){.feature-photo{padding:40px 24px 26px}.feature-photo>img{margin-left:20px;max-height:380px}.feature-detail{width:140px;height:140px;right:18px;bottom:82px}}
@media(max-width:380px){.feature-photo>img{margin-left:8px}.feature-detail{right:12px;width:126px;height:130px}}