@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{color-scheme:dark;--bg:#101211;--text:#f2f4ed;--muted:#a3aaa2;--accent:#c5fa72;--border:#30362e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-period{color:var(--accent)}.brand-mark{display:inline-flex;margin-right:13px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:var(--bg);font-size:36px;line-height:1;letter-spacing:-5px;padding-right:6px}.brand-mark span{font-size:30px}nav{display:flex;gap:38px;font-size:14px}nav span{color:var(--accent);font-size:12px;margin-left:7px}.intro{padding-top:74px;padding-bottom:70px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600}.intro .eyebrow{display:flex;align-items:center;gap:12px}.line{width:26px;height:1px;background:var(--accent)}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(48px,6.8vw,92px);line-height:1.12;letter-spacing:-5px;margin:25px 0 30px}h1 span{color:var(--accent)}.intro-bottom{display:flex;align-items:center;justify-content:space-between}.intro-bottom p{color:var(--muted);font-size:18px;line-height:1.7}.round-link{width:52px;height:52px;border:1px solid #59604f;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .2s}.round-link:hover{background:var(--accent);color:var(--bg)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-label h2{font-size:17px;font-weight:500}.section-label>span{font-size:12px;color:var(--muted);letter-spacing:1.5px}.app-card{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px;background:#1a2019;border:1px solid #384232;border-radius:24px;overflow:hidden}.app-copy{padding:40px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:38px}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-number{font-size:12px;letter-spacing:1.6px;color:#bcc7b4}.badge{border:1px solid #56644a;border-radius:99px;font-size:12px;padding:5px 12px;color:#d3e3c1}.category{font-size:12px;letter-spacing:1.6px;color:var(--accent);margin-bottom:13px}.app-copy h3{font-family:Manrope,sans-serif;font-size:52px;line-height:1.2;font-weight:600;letter-spacing:-2px}.app-copy h3 span{display:none}.tagline{font-family:Manrope,sans-serif;font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:20px 0}.description{color:#b4bdae;max-width:360px;line-height:1.8}.app-bottom{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{background:var(--accent);color:#15200c;border-radius:9px;padding:14px 20px;font-weight:700;font-size:14px;display:flex;gap:25px;align-items:center}.button:hover{background:#d8ffa1;color:#15200c}.button span{font-size:22px;line-height:1}.availability{color:#a6b29e;font-size:12px;line-height:1.6}.app-visual{margin:0;background:#d1e2b5;position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;padding:30px 30px 0;color:#2b3a20;min-width:0}.visual-label{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:29px}.screenshot{width:260px;max-width:100%;height:510px;overflow:hidden;border-radius:27px 27px 0 0;box-shadow:0 24px 65px #35442066;transform:rotate(-7deg);border:7px solid #262528;border-bottom:0;background:#140d20}.screenshot img{width:100%;height:auto;display:block;transform:translateY(-26px)}figcaption{position:absolute;bottom:22px;right:24px;font-size:12px;background:#f3f7e8;box-shadow:0 2px 15px #2b3a201a;padding:9px 14px;border-radius:99px}.details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:100px;padding-bottom:100px}.detail-heading .eyebrow{color:var(--muted);margin-bottom:22px}.details h2,.about h2{font-family:Manrope,sans-serif;font-size:44px;line-height:1.2;letter-spacing:-1.7px;font-weight:500}.feature-list>div{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:25px 0}.feature-list>div:first-child{padding-top:0}.feature-list>div>span{color:var(--accent);font-size:12px;padding-top:5px}.feature-list h3{font-size:18px;font-weight:500;margin-bottom:7px}.feature-list p{color:var(--muted);line-height:1.7;max-width:390px}.about{border-top:1px solid var(--border);padding-top:45px;padding-bottom:80px}.about>.eyebrow{color:var(--accent);margin-bottom:25px}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p:not(.eyebrow){font-size:19px;color:var(--muted);max-width:440px;align-self:center}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}footer .brand{font-size:20px;color:var(--text)}footer>a:last-child{font-size:14px}.skip{position:absolute;top:-100px;padding:12px;background:var(--accent);color:#111;z-index:10}.skip:focus{top:10px;left:10px}@media(min-width:1500px){.intro{padding-top:95px;padding-bottom:90px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}h1{letter-spacing:-3px}.app-copy{padding:30px}.app-copy h3{font-size:42px}.app-bottom{gap:14px}.details,.about>div{gap:35px}.app-card{min-height:620px}.app-visual{justify-content:center}.visual-label{font-size:10px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{height:85px}.brand{font-size:21px}.brand-mark{width:32px;height:32px;font-size:28px;margin-right:8px}nav{gap:18px}nav span{display:none}.intro{padding:48px 0}h1{font-size:clamp(38px,9.5vw,61px);letter-spacing:-2px;margin:25px 0}.intro-bottom p{font-size:16px;max-width:270px}.intro-bottom p br{display:none}.round-link{width:42px;height:42px;flex-shrink:0;margin-left:14px}.section-label{margin-bottom:17px}.section-label>span{font-size:10px;letter-spacing:1px}.app-card{grid-template-columns:1fr;border-radius:18px}.app-copy{padding:27px;gap:32px}.app-copy h3{font-size:46px}.tagline{font-size:29px}.app-bottom{gap:20px}.app-visual{height:430px;padding-top:27px;justify-content:start}.screenshot{width:240px;flex-shrink:0}.visual-label{margin-bottom:24px}.details{grid-template-columns:1fr;gap:40px;padding:65px 0}.details h2,.about h2{font-size:36px}.about{padding:35px 0 55px}.about>div{grid-template-columns:1fr;gap:25px}.about p:not(.eyebrow){font-size:17px}footer{flex-wrap:wrap;padding:25px 0}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand .logo{width:225px;height:auto;display:block;margin-left:-9px}footer .brand .logo{width:190px}@media(max-width:650px){.brand .logo{width:175px}}