:root{--navy:#071c2f;--blue:#00447b;--bright:#007fca;--ice:#e9f5fa;--gold:#d9ad68;--white:#fff;--ink:#102b3e;--muted:#647686}*{box-sizing:border-box}html{background:#dce9ef;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-width:320px}.skip{position:fixed;z-index:100;left:16px;top:-100px;background:#fff;padding:12px;color:#071c2f}.skip:focus{top:16px}.present-header{position:sticky;top:0;z-index:20;min-height:78px;padding:10px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(7,28,47,.96);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)}.present-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.present-brand img{width:76px;height:58px;object-fit:contain}.present-brand span{display:grid}.present-brand b{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.present-brand small{color:#b9ceda;margin-top:3px}.present-header nav{display:flex;gap:24px}.present-header nav a{color:#fff;font-size:13px;font-weight:750;text-underline-offset:4px}main{width:min(1600px,calc(100% - 40px));margin:0 auto;padding:64px 0 48px}.intro{max-width:850px;margin-bottom:44px}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.intro h1{max-width:760px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.035em;color:var(--navy)}.intro>p:not(.eyebrow){max-width:720px;font-size:18px;line-height:1.65;color:#486172}.intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.intro-actions a{color:var(--blue);font-weight:800;text-underline-offset:4px}.intro-actions .primary{padding:14px 20px;background:var(--blue);color:#fff;text-decoration:none}.device-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px;align-items:start}.device-card{min-width:0;padding:18px;background:#f9fcfd;border:1px solid #bbced8;box-shadow:0 20px 60px rgba(7,28,47,.13)}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.device-heading div{display:flex;align-items:baseline;gap:10px}.device-heading span{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.device-heading strong{font-size:12px;color:var(--muted)}.device-heading a{font-size:12px;color:var(--blue);font-weight:800}.browser-chrome{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;background:#e5edf1;border:1px solid #b9c8d0;border-bottom:0;border-radius:10px 10px 0 0}.browser-chrome i{width:9px;height:9px;border-radius:50%;background:#9aadb7}.browser-chrome i:first-child{background:#dd7268}.browser-chrome i:nth-child(2){background:#ddb65f}.browser-chrome i:nth-child(3){background:#6bb980}.browser-chrome span{margin-left:8px;padding:4px 12px;min-width:220px;border-radius:5px;background:#fff;color:#526973;font-size:10px}.scaled-frame{position:relative;overflow:hidden;background:#fff;border:1px solid #b9c8d0}.scaled-frame iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#fff}.phone-card{padding-bottom:28px}.phone-shell{position:relative;width:100%;padding:25px 14px 30px;background:#07131e;border:2px solid #304250;border-radius:34px;box-shadow:inset 0 0 0 2px #65737c}.phone-shell .scaled-frame{border:0;border-radius:14px}.phone-speaker{position:absolute;z-index:2;left:50%;top:9px;width:66px;height:5px;transform:translateX(-50%);border-radius:10px;background:#667681}.phone-home{position:absolute;left:50%;bottom:10px;width:78px;height:4px;transform:translateX(-50%);border-radius:10px;background:#93a1a9}.proof{margin-top:28px;padding:22px 26px;background:var(--navy);color:#e6f2f7;border-left:6px solid var(--gold)}.proof p{margin:0;line-height:1.6}.proof strong{color:#fff}@media(max-width:1050px){.device-grid{grid-template-columns:1fr}.phone-card{width:min(430px,100%);margin-inline:auto}}@media(max-width:680px){.present-header{position:relative;align-items:flex-start}.present-header nav{display:grid;gap:8px;text-align:right}.present-brand span{display:none}main{width:min(100% - 24px,1600px);padding-top:42px}.intro h1{font-size:42px}.intro>p:not(.eyebrow){font-size:16px}.device-card{padding:10px}.desktop-card .browser-chrome span{min-width:0;flex:1}.device-heading div{display:grid;gap:2px}.proof{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}