@font-face{font-family:Newsreader;src:url('fonts/Newsreader[opsz,wght].ttf');font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/Manrope[wght].ttf');font-weight:200 800;font-display:swap}
:root{--petrol:#123F4A;--deep:#0B2931;--ivory:#F4F0E8;--brass:#B59B6C;--sage:#A8B8AC;--ink:#17343C;--muted:#54666A;--line:#CFD8D5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#D5DCD8;color:var(--ink);font:14px/1.5 Manrope,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:3px}button{font:inherit}.toolbar{position:sticky;top:0;z-index:10;background:var(--deep);color:var(--ivory);padding:12px 26px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.04em}.toolbar nav{display:flex;gap:20px}.toolbar a{text-decoration:none}.toolbar button{border:1px solid #758E92;color:var(--ivory);background:none;padding:5px 11px;border-radius:4px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #B59B6C;outline-offset:4px}.page{position:relative;width:1200px;height:750px;margin:24px auto;overflow:hidden;background:var(--ivory);padding:48px 58px 58px;break-after:page;box-shadow:0 8px 32px #0b293115}.page:last-child{break-after:auto}.page.dark{background:var(--petrol);color:var(--ivory)}.page.deep{background:var(--deep);color:var(--ivory)}.page.white{background:#fff}.kicker{font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.dark .kicker,.deep .kicker{color:#C3CFC7}.page h1,.page h2,.page h3,.display{font-family:Newsreader,Georgia,serif;font-optical-sizing:auto;font-weight:450;letter-spacing:-.035em}.page h2{font-size:50px;line-height:1.06;margin:10px 0 15px}.page h3{font-size:30px;line-height:1.1;margin:0 0 14px}.lead{font-size:14px;line-height:1.65;max-width:78ch;margin:0 0 25px;color:var(--muted)}.dark .lead,.deep .lead{color:#D0D9D2}.folio{position:absolute;bottom:22px;left:58px;right:58px;border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.07em}.dark .folio,.deep .folio{border-color:#58747A;color:#C3CFC7}.cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}.cols.three{grid-template-columns:repeat(3,1fr);gap:24px}.cols.four{grid-template-columns:repeat(4,1fr);gap:18px}.small{font-size:11px;line-height:1.6}.muted{color:var(--muted)}.rule{border-top:1px solid var(--line);padding-top:15px}.rule p{margin:0 0 12px}.large-copy{font:450 37px/1.16 Newsreader,serif;letter-spacing:-.035em}.wordmark{display:block;width:100%;height:auto}.hero-logo{width:86%;margin:58px auto 34px}.cover-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:18px;gap:25px}.cover-bottom .display{font-size:33px;line-height:1.2;max-width:460px}.cover-bottom .small{max-width:280px;text-align:right}.accent-line{height:2px;background:var(--brass);width:90px;margin:20px 0}.ref-card{border-top:1px solid var(--line);padding-top:14px}.ref-card img{width:100%;height:142px;object-fit:cover;object-position:top;border:1px solid var(--line);margin-bottom:10px}.ref-card h3{font:700 13px Manrope;margin-bottom:8px;letter-spacing:0}.ref-card p{font-size:11px;line-height:1.55}.ref-card .chips{display:flex;gap:3px}.chips i{height:8px;flex:1}.note{padding:12px 16px;border-left:2px solid var(--brass);background:#E8E9E0;font-size:11px;margin-top:18px}.dark .note{background:#214D57}.stage{display:flex;align-items:center;justify-content:center;min-height:240px;padding:30px}.stage.petrol{background:var(--petrol)}.stage.ivory{background:var(--ivory);border:1px solid var(--line)}.stage.sage{background:var(--sage)}.stage.black{background:#111}.stage img{max-width:85%;max-height:190px}.variant-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:12px 0}.mini-logos{display:flex;align-items:end;gap:48px;margin:35px 0 22px}.mini-logos>div{display:grid;gap:10px}.mini-logos small{font-size:10px}.diagram{width:100%;height:300px}.color-strip{display:grid;grid-template-columns:3fr 2fr 1fr 1fr 1fr;gap:0;margin:25px 0}.color{height:260px;padding:20px;display:flex;flex-direction:column;justify-content:end}.color b{font-size:14px}.color span{font-size:11px;margin-top:8px}.spec-table{border-collapse:collapse;width:100%;font-size:11px}.spec-table th{text-align:left;font-size:9px;letter-spacing:.07em;text-transform:uppercase;font-weight:750;color:var(--muted);padding:9px 8px;border-bottom:1px solid var(--line)}.spec-table td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table.compact td{padding:7px 8px}.tag{display:inline-block;padding:4px 7px;border-radius:3px;font-size:10px;font-weight:700}.type-title{font:450 80px/1 Newsreader;letter-spacing:-.04em;margin:15px 0}.type-ui{font:550 50px/1.1 Manrope;letter-spacing:-.045em;margin:17px 0}.alphabet{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.pattern-board{background:var(--petrol);height:300px;position:relative;overflow:hidden}.pattern-board svg{position:absolute;width:120%;height:120%;left:-10%;top:-10%;opacity:.8}.product-shot{width:100%;border:1px solid var(--line);border-radius:6px;display:block}.app-mock{margin:15px auto 0;max-width:930px}.phone{width:228px;max-height:485px;overflow:hidden;background:white;border:7px solid var(--deep);border-radius:26px;box-shadow:12px 14px 0 #D9DED6}.phone img{display:block;width:100%;height:auto}.paper-scene{position:relative;background:#D8DFD9;height:420px;overflow:hidden}.letter{position:absolute;left:70px;top:26px;width:330px;height:440px;background:#FFFEFA;box-shadow:12px 17px 25px #163A4220;padding:32px;transform:rotate(-5deg)}.letter img{width:115px}.letter h4{font:450 24px Newsreader;margin:32px 0 10px}.text-lines{background:repeating-linear-gradient(to bottom,#A6B2AB 0 1px,transparent 1px 13px);height:125px;opacity:.55}.business{position:absolute;width:360px;height:210px;padding:30px;background:var(--petrol);color:var(--ivory);box-shadow:7px 17px 30px #0B29313B;right:75px;top:75px;transform:rotate(6deg)}.business img{width:180px}.business small{display:block;font-size:9px;letter-spacing:.06em;margin-top:24px}.business.back{top:250px;right:115px;background:var(--ivory);color:var(--petrol);transform:rotate(-3deg);height:150px}.business.back strong{font-size:12px}.business.back p{font-size:10px}.presentation{background:var(--petrol);padding:30px;color:var(--ivory);height:300px;position:relative;overflow:hidden}.presentation img{width:165px}.presentation h3{font-size:37px;margin-top:25px;max-width:260px}.presentation small{font-size:9px;color:var(--brass)}.social{background:var(--ivory);border:1px solid var(--line);height:300px;padding:25px;position:relative}.social img{width:100px}.social h3{font-size:31px;margin:35px 0 20px}.social .ribbon{height:8px;background:var(--sage);position:absolute;bottom:20px;left:25px;width:55%}.email{border-top:1px solid var(--line);padding-top:16px;margin-top:22px;display:flex;align-items:center;gap:20px;font-size:11px}.email img{width:100px}.full-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;bottom:45px;left:45px;background:#F4F0EEE8;padding:18px 24px;max-width:340px}.bad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bad-grid .example{height:150px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);overflow:hidden}.bad-grid img{width:200px}.bad-grid p{font-size:11px;margin:9px 0}.files{display:grid;grid-template-columns:1fr 1fr;gap:15px}.file{padding:14px;border-top:1px solid var(--line);font-size:11px}.file strong{display:block;font-size:12px;margin-bottom:4px}.statusline{color:var(--brass);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.proof{display:flex;align-items:center;justify-content:space-between;gap:25px}.proof img{object-fit:contain}.co-brand{display:flex;align-items:center;gap:35px;border:1px solid var(--line);padding:40px;margin:25px 0}.co-brand img{width:270px}.co-brand .divider{width:1px;height:90px;background:var(--line)}.co-brand span{font-size:11px;max-width:180px}.motion{border-left:2px solid var(--brass);padding-left:14px}.motion b{display:block}.motion p{font-size:11px}.text-lg{font-size:16px}.mt{margin-top:25px}
@media(max-width:1240px){.page{width:calc(100% - 32px);height:auto;min-height:750px}.hero-logo{margin-top:45px}.color-strip{grid-template-columns:2fr 2fr 1fr 1fr 1fr}.color{padding:12px}.page h2{font-size:44px}}
@media(max-width:760px){.toolbar nav{gap:10px}.toolbar nav a:nth-child(n+3){display:none}.page{padding:30px 22px 70px;min-height:620px}.page h2{font-size:37px}.folio{left:22px;right:22px}.cols,.cols.three,.cols.four,.bad-grid,.files{grid-template-columns:1fr}.color-strip{grid-template-columns:1fr 1fr}.color{height:150px}.stage{min-height:170px}.cover-bottom{display:block}.cover-bottom .small{text-align:left}.hero-logo{width:100%;margin:60px auto}.type-title{font-size:62px}.type-ui{font-size:38px}.page.mobile-tall{min-height:850px}.paper-scene{height:470px}.letter{left:12px;width:65%;padding:20px}.business{right:5px;width:68%;height:175px;top:150px;padding:20px}.business.back{right:20px;top:330px}.business img{width:150px}.mini-logos{gap:20px;flex-wrap:wrap}.co-brand{padding:20px;gap:20px}.co-brand img{width:40%}.overlay{left:20px;bottom:50px;max-width:calc(100% - 40px)}.ref-card img{height:200px}}
@media print{@page{size:1200px 750px;margin:0}html{scroll-behavior:auto}body{background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.toolbar{display:none}.page{width:1200px;height:750px;min-height:0;margin:0;box-shadow:none;padding:48px 58px 58px;break-after:page}.page h2{font-size:50px}.color-strip{grid-template-columns:3fr 2fr 1fr 1fr 1fr}.color{padding:20px}.hero-logo{margin:58px auto 34px}.page:last-child{break-after:auto}a{text-decoration:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.app-mock{max-width:760px}.presentation small{color:#F4F0E8}

#p5>.wordmark{width:80%}#p5>div:nth-of-type(2){width:76%!important;margin:22px auto 20px!important}#p8>.cols>div:first-child>div:first-child{max-width:370px;padding:24px!important;margin:12px 0!important}#p8 .mini-logos{margin:18px 0 12px}#p8 .co-brand{margin-top:4px!important;padding:10px 24px!important}#p14 .app-mock{max-width:650px}#p18 .overlay{bottom:65px}@media(max-width:760px){#p15>.cols{grid-template-columns:1fr!important}#p8 .co-brand{flex-wrap:wrap}#p5>div:nth-of-type(2){width:100%!important}}