*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:#10213c;font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #497cff;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #e5eaf0}.logo{display:inline-flex;align-items:center;font-size:39px;line-height:1;font-weight:850;letter-spacing:-2px}.logo b{display:inline-grid;place-items:center;width:32px;height:34px;border-radius:8px;margin-right:9px;background:#2458df;color:white;font-size:23px;letter-spacing:0}.logo span{color:#2458df}nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650}nav a:last-child{border-left:1px solid #dce2eb;padding-left:28px}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding-top:78px;padding-bottom:85px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#2458df;margin:0 0 22px}h1{font-size:clamp(68px,7.7vw,104px);line-height:.99;letter-spacing:-5px;margin:0 0 27px;font-weight:750}h1 span{color:#2458df}.intro{font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.5px;margin:0 0 18px}.lead{font-size:16px;color:#58677c;max-width:440px;margin:0 0 30px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#2458df;color:#fff;border-radius:5px;font-size:13px;font-weight:650;transition:background .2s}.button:hover{background:#1647c8;text-decoration:none}.text-link{font-size:13px;font-weight:650}.hero-panel{background:#0e213e;color:#fff;padding:30px 36px 0;border-radius:8px;box-shadow:0 20px 55px #0e213e16;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top span{color:#afc3ed;font-size:9px;letter-spacing:1.7px;font-weight:700}.panel-top b{display:grid;place-items:center;border:1px solid #49628c;border-radius:50%;width:42px;height:42px;font-size:20px;color:#acc7ff}.hero-panel h2{font-size:41px;line-height:1.15;letter-spacing:-1.5px;margin:30px 0 15px}.hero-panel>p{font-size:13px;line-height:1.8;color:#b5c2d6}.steps{margin-top:25px}.steps>div{position:relative;padding:15px 0 15px 44px;border-top:1px solid #ffffff20}.steps span{position:absolute;left:0;top:19px;font-size:11px;color:#8eb2ff}.steps strong{font-size:14px;font-weight:600;display:block}.steps small{font-size:12px;color:#aabbd2}.panel-bottom{display:flex;align-items:center;justify-content:space-between;background:#172e50;margin:20px -36px 0;padding:17px 36px;font-size:10px;color:#c3cfe2}.panel-bottom strong{font-size:23px;color:white;letter-spacing:-1px}.principle-bar{border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0;background:#f9fbfd}.principle-bar .wrap{display:flex;justify-content:space-between;gap:22px;padding-top:23px;padding-bottom:23px;font-size:12px;color:#516078}.section{padding-top:90px;padding-bottom:90px}h2{font-size:44px;line-height:1.18;letter-spacing:-1.8px;font-weight:650;margin:0}h2 span{color:#65738a}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.copy p{color:#58677c;font-size:15px;margin:0 0 18px}.copy .large{font-size:22px;line-height:1.4;color:#10213c;font-weight:550}.products{background:#f3f6fa;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-head>p{max-width:380px;font-size:15px;color:#58677c;margin:0}.product{background:white;border:1px solid #e0e6ef;border-radius:8px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.product-copy{padding:46px}.status{font-size:9px;letter-spacing:1.2px;font-weight:750;margin:0 0 24px;color:#52647b}h3{font-size:39px;line-height:1.15;letter-spacing:-1.3px;margin:0 0 22px;font-weight:650}.product-copy>p:not(.status){font-size:14px;color:#58677c}.tagline{font-size:21px!important;line-height:1.45;color:#10213c!important}.facts{display:flex;gap:30px;border-top:1px solid #e5eaf0;padding-top:22px;margin:25px 0}.facts small{display:block;font-size:8px;color:#687990;letter-spacing:1px}.facts strong{font-size:12px;font-weight:600}.release{font-size:10px!important;max-width:300px;margin-top:17px}.product-image{background:#e6edea;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:26px 32px}.product-image>span{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#416258;margin-bottom:20px}.phone{width:220px;border:6px solid #16332c;border-radius:28px;overflow:hidden;box-shadow:0 14px 30px #15362c24;background:#fff8ef}.phone img{display:block;width:100%;height:auto}.product-image>p{font-size:12px;color:#416258;margin-bottom:0}.feature-heading{margin:55px 0 25px}.feature-heading .eyebrow{margin-bottom:12px}.feature-heading h3{font-size:29px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 35px}.feature-grid article{border-top:1px solid #ced8e5;padding-top:20px}.feature-grid article>span{font-size:11px;font-weight:650;color:#2458df}h4{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:12px 0}p{margin-top:0}.feature-grid p{font-size:13px;color:#58677c;margin:0}.extra{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #dbe3ef;border-radius:6px;padding:24px;margin-top:35px}.extra p{max-width:700px;font-size:13px;color:#58677c;margin:0}.extra strong{color:#10213c}.extra a{flex-shrink:0}.next{margin-top:55px;padding-top:35px;border-top:1px solid #ced8e5}.next h3{font-size:34px;margin-bottom:15px}.muted{color:#69788d!important;font-size:12px!important;margin-top:17px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles article{border-left:2px solid #2458df;padding-left:24px}.principles h3{font-size:24px;letter-spacing:-.5px;margin-bottom:15px}.principles p{font-size:14px;color:#58677c;margin:0}.companion{background:#0e213e;color:white;padding:75px 0}.companion .split{align-items:center}.companion .eyebrow{color:#9fbdf8}.companion h2{font-size:37px}.companion h2 span{color:#b8c7de}.companion .split>div>p:last-child{font-size:14px;color:#b8c7de;max-width:440px;margin:25px 0 0}.companion article{border-left:1px solid #ffffff30;padding-left:40px}.companion .status{color:#a7bbd8}.companion h3{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-.5px;margin-bottom:14px}.story-tagline{font:italic 20px/1.4 Georgia,serif;color:#ddcbaa}.companion article>p:not(.status):not(.story-tagline){color:#b8c7de;font-size:14px}.concepts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e0e6ef;border-bottom:1px solid #e0e6ef;padding:23px 0;font-size:16px;font-weight:600}.contact{background:#2458df;color:white;padding:75px 0}.contact .eyebrow{color:#ccdaff}.contact h2{font-size:65px;line-height:1.05;letter-spacing:-2.8px}.contact p:not(.eyebrow){max-width:490px;margin:25px 0;font-size:16px;color:#e0e9ff}.button.white{background:white;color:#1c49bd}.button.white:hover{background:#e8efff}footer{padding-top:50px;padding-bottom:24px}.footer-top{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.3fr;gap:30px}.footer-top p{font-size:12px;color:#687990;margin-top:18px}.footer-top>div>span{font-size:9px;letter-spacing:1.4px;color:#65738a;display:block;margin-bottom:16px;font-weight:650}.footer-top>div>a:not(.logo){display:block;font-size:11px;margin:7px 0;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5eaf0;margin-top:30px;padding-top:20px;color:#687990;font-size:11px}
@media(max-width:950px){.wrap{padding-left:32px;padding-right:32px}.hero,.split{gap:35px}h1{font-size:78px}.hero-panel{padding-left:26px;padding-right:26px}.panel-bottom{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}.hero-panel h2{font-size:34px}h2{font-size:37px}.product-copy{padding:30px}.facts{gap:20px;flex-wrap:wrap}.extra{align-items:start;flex-direction:column;gap:15px}.footer-top{grid-template-columns:1fr 1fr}.feature-grid{gap:25px}nav{gap:20px}}
@media(max-width:680px){.wrap{padding-left:24px;padding-right:24px}header{padding-top:22px;padding-bottom:22px}.logo{font-size:34px}nav{gap:20px}nav a:first-child,nav a:nth-child(3){display:none}nav a:last-child{padding-left:0;border:0;font-size:12px}.hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:50px;gap:40px}h1{font-size:76px;letter-spacing:-4px}.intro{font-size:23px}.hero-panel{padding-top:25px}.hero-panel h2{font-size:38px;margin-top:27px}.eyebrow{font-size:9px;letter-spacing:1.6px}.principle-bar .wrap{flex-direction:column;gap:9px;padding-top:20px;padding-bottom:20px}.section{padding-top:55px;padding-bottom:55px}.split,.product{grid-template-columns:1fr;gap:30px}h2{font-size:35px;letter-spacing:-1.3px}.section-head{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.section-head>p{max-width:none}.product{gap:0}.product-copy{padding:28px 24px}.product-copy h3{font-size:36px}.product-image{padding:28px}.phone{width:225px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-heading h3{font-size:27px}.feature-heading{margin-top:38px}.feature-grid p{font-size:14px}.extra{padding:20px}.next{margin-top:40px;gap:10px}.principles{grid-template-columns:1fr;gap:28px}.companion{padding:52px 0}.companion h2{font-size:33px}.companion article{border-left:0;border-top:1px solid #ffffff30;padding:28px 0 0}.concepts{grid-template-columns:1fr 1fr;gap:22px;font-size:14px}.contact{padding:55px 0}.contact h2{font-size:55px}.footer-top{gap:30px 20px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}.actions{gap:20px}.hero .actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-product{background:#123c32;color:#fff;border-radius:8px;padding:30px;display:flex;align-items:center;gap:24px;overflow:hidden;box-shadow:0 20px 55px #10213c14}.hero-product:hover{text-decoration:none;background:#164638}.hero-product-copy{flex:1}.hero-product .status{color:#c9dacd;font-size:8px}.hero-product h2{font-size:29px;letter-spacing:-1px}.hero-product p:not(.status){font-size:14px;color:#d3e2d8;margin:20px 0}.hero-product .phone{width:175px;flex-shrink:0;border-width:5px;border-radius:24px}.hero-product .text-link{color:#f2d2a0;font-size:12px}.visual-features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}.visual-features article{min-width:0}.screen-sample,.label-sample{height:320px;overflow:hidden;background:#e4ebe8;border:1px solid #d9e2df;border-radius:7px;position:relative}.screen-sample{padding:20px 32px 0}.screen-sample img{width:100%;height:auto;display:block;border:4px solid #163c32;border-radius:18px}.label-sample img{position:absolute;width:100%;height:auto;top:-15%;left:0}.visual-features h4{margin:18px 0 8px}.visual-features p{font-size:13px;color:#58677c}.product-title{font-size:48px;letter-spacing:-2px;line-height:1.1}.back-link{display:block;font-size:13px;margin:-20px 0 25px}.faq{margin-top:60px;max-width:800px}.faq h2{margin-bottom:25px;font-size:32px}.faq details{border-top:1px solid #dce3ec;padding:18px 0}.faq summary{font-weight:650;cursor:pointer}.faq details p{font-size:14px;color:#58677c;margin:14px 0 0}.faq a{text-decoration:underline}
@media(max-width:1000px) and (min-width:681px){.hero-product{flex-direction:column;align-items:flex-start}.hero-product .phone{align-self:center;width:160px;max-height:280px}.hero-product h2{font-size:26px}.screen-sample{padding:15px}.screen-sample,.label-sample{height:260px}}
@media(max-width:680px){.hero-product{padding:24px;gap:18px}.hero-product h2{font-size:25px}.hero-product .phone{width:135px;border-radius:18px}.hero-product p:not(.status){font-size:12px}.visual-features{grid-template-columns:1fr}.screen-sample,.label-sample{height:330px}.screen-sample{padding:18px 48px 0}.label-sample img{top:-15%}.product-title{font-size:36px}}
@media(max-width:360px){.hero-product{flex-direction:column}.hero-product .phone{width:170px}}

.visual-features h3{font-size:18px;margin:18px 0 8px}.feature-grid h3{font-size:18px}.feature-heading h2{font-size:32px}
