.screens-page{--night:#0b1711;--surface:#132c20;--line:#31533f;--paper:#e6f4ea;--muted:#a6c6b2;background:radial-gradient(ellipse at 80% 6%,#173d28,transparent 42%),var(--night)}.screens-page .wordmark span span{color:#56d364}.screens-page .eyebrow{color:#82dea0}.screens-page .button-primary{background:#56d364;border-color:#56d364;color:#0c2213}.screens-page .site-nav{gap:22px;flex-wrap:wrap}.screens-page .site-nav a,.screens-page .footer a{display:inline-flex;align-items:center;min-height:44px}.screens-page .site-nav [aria-current=page]{color:#82dea0;text-decoration:underline;text-underline-offset:7px}
.screens-hero{padding-block:75px 58px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:52px}.screens-hero h1{font-size:clamp(44px,4.4vw,66px);font-weight:500;line-height:1.04;margin:0 0 25px}.screens-hero h1 em{font-style:normal;color:#82dea0}.screens-hero p{font-size:15px;line-height:1.9;max-width:450px}.screens-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.screens-hero .button{font-size:13px}.screens-preview{margin:0;border:1px solid #31533f;border-radius:12px;background:#10231a;overflow:hidden}.screens-preview img{display:block;width:100%;height:auto}.screens-preview>div{font:10px var(--mono);padding:14px 18px;border-bottom:1px solid #31533f;color:#b8d3c0;line-height:1.6}.screens-preview figcaption{font-size:11px;line-height:1.7;padding:14px 18px;color:#b8d3c0;border-top:1px solid #31533f}
.screens-separate{display:flex;justify-content:space-between;gap:25px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.screens-separate h2{font-size:20px;font-weight:500;margin:0;max-width:390px}.screens-separate p{font-size:13px;line-height:1.8;margin:0;max-width:650px}.screens-section{padding-block:70px 10px}.screens-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:30px}.screens-heading h2{font-size:clamp(32px,3.2vw,46px);font-weight:500;margin:0;max-width:610px}.screens-heading p{font-size:13px;line-height:1.8;margin:0;max-width:365px}.screens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.screens-card{padding:27px 23px;background:#10251a;border:1px solid #31533f;border-radius:12px;display:flex;flex-direction:column;min-width:0}.screens-card.is-pilot{border-color:#78ad88;background:#163523}.screens-status{font:10px var(--mono);letter-spacing:.06em;line-height:1.6;color:#b8d3c0;min-height:32px}.screens-card.is-pilot .screens-status{color:#82dea0}.screens-size{font:500 66px/1 var(--display);letter-spacing:-.06em;color:#e6f4ea;margin:24px 0 19px}.screens-size span{font:14px var(--body);letter-spacing:0;color:#b8d3c0;margin-left:7px}.screens-card h3{font:500 21px/1.2 var(--display);margin:0 0 12px}.screens-card p{font-size:13px;line-height:1.8}.screens-card ul{list-style:none;padding:16px 0 20px;margin:0 0 12px;border-top:1px solid #31533f;flex:1}.screens-card li{font-size:12px;line-height:1.7;color:#b8d3c0;padding:5px 0}.screens-card .button{font-size:12px;gap:8px;padding:11px 12px;min-height:46px;margin-top:auto}.screens-card .button-secondary{border-color:#668870}
.screens-footnote{font-size:11px;line-height:1.8;color:#a6c6b2;margin:18px 0 0}.screens-features{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:70px}.screens-features h2{font-size:36px;font-weight:500;margin:0 0 20px}.screens-features p{font-size:14px;line-height:1.9}.screens-benefits{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.screens-benefits h3{font-size:19px;font-weight:500;margin:0 0 11px}.screens-benefits p{font-size:13px;line-height:1.8;margin:0}.screens-benefits>div{padding-top:18px;border-top:1px solid var(--line)}.screens-setup{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0 55px;border-top:1px solid var(--line)}.screens-setup h2{font-size:28px;font-weight:500;margin:0 0 13px}.screens-setup p{font-size:14px;line-height:1.7;margin:0;max-width:620px}.screens-setup .button{flex-shrink:0}.screens-page .footer-links{flex-wrap:wrap}
@media(max-width:1100px){.screens-hero{gap:30px}.screens-grid{grid-template-columns:1fr 1fr}.screens-page .site-header{height:auto;min-height:100px;padding-block:20px;flex-wrap:wrap}.screens-features{gap:30px}.screens-benefits{gap:25px 22px}}
@media(max-width:800px){.screens-hero{grid-template-columns:1fr;padding-top:50px;gap:35px}.screens-hero h1{font-size:57px;max-width:610px}.screens-hero p{max-width:560px}.screens-heading,.screens-separate{align-items:flex-start;flex-direction:column;gap:20px}.screens-heading p{max-width:560px}.screens-features{grid-template-columns:1fr;gap:25px}.screens-features h2{font-size:33px}.screens-setup{align-items:flex-start;flex-direction:column}.screens-page .site-nav{gap:10px 20px}.screens-page .site-nav .nav-login{display:inline-flex}}
@media(max-width:520px){.screens-hero{padding-block:43px 35px;gap:30px}.screens-hero h1{font-size:47px}.screens-hero p{font-size:14px}.screens-section{padding-top:50px}.screens-grid{grid-template-columns:1fr}.screens-card{padding:27px}.screens-size{margin-top:18px}.screens-status{min-height:0}.screens-card ul{padding-bottom:14px}.screens-preview>div,.screens-preview figcaption{padding:12px;font-size:9px}.screens-benefits{grid-template-columns:1fr}.screens-features{padding-block:50px}.screens-page .site-header{gap:14px}.screens-page .site-nav{gap:8px 17px;font-size:13px}.screens-actions .button{width:100%}.screens-heading h2{font-size:35px}}