@font-face{font-family:Montserrat;src:url('montserrat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--blue:#1c75bc;--ink:#16242e;--muted:#55626d;--paper:#f8f9f7}
*{box-sizing:border-box}html{min-width:0}body{margin:0;font-family:Montserrat,Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1{margin:0}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;z-index:5}.skip:focus{top:15px}.page{max-width:1600px;min-height:100vh;min-height:100svh;margin:auto;padding:0 6.5vw;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 0}.brand{display:block;flex-shrink:0}.brand img{display:block;width:177px;max-width:100%;height:auto}.status{display:flex;align-items:center;gap:10px;border:1px solid #d5dee3;border-radius:40px;padding:10px 16px;font-size:11px;letter-spacing:.015em;color:#465963}.status span{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #1c75bc0b}.main{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:6vw;align-items:center;flex:1;padding:54px 0 64px}.copy{max-width:730px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#17639f;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--blue);flex-shrink:0}h1{font-size:clamp(46px,5.9vw,86px);letter-spacing:-.06em;line-height:1.07;font-weight:500;max-width:760px;text-wrap:balance;overflow-wrap:break-word}.intro{font-size:clamp(16px,1.4vw,20px);line-height:1.65;letter-spacing:-.025em;max-width:550px;margin-top:28px;color:#17639f;font-weight:500}.writeup{max-width:535px;font-size:13px;line-height:1.95;color:var(--muted);margin-top:22px}.writeup p+p{margin-top:13px}.signoff{font-size:11px;color:#17639f;font-weight:500;letter-spacing:.015em;margin-top:28px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:50px;padding:14px 23px;border-radius:40px;border:1px solid var(--blue);font-size:12px;font-weight:500;transition:background .2s,color .2s,transform .2s}.button span{font-size:20px;line-height:1}.primary{background:var(--blue);color:#fff}.primary:hover{background:#155d96;border-color:#155d96;transform:translateY(-2px)}.secondary{color:#17639f}.secondary:hover{background:#e8f1f8;transform:translateY(-2px)}.visual{position:relative;min-width:0;padding:20px 0 22px 14px}.outline{position:absolute;left:12%;top:4%;right:-1%;bottom:14%;border:1px solid #b4cddd;border-radius:8px;transform:rotate(8deg);background:linear-gradient(145deg,#fff8,#e4eff688)}.sheet{position:relative;z-index:1;background:var(--blue);border-radius:5px;padding:32px 30px;color:#fff;aspect-ratio: .78;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);box-shadow:12px 22px 35px #1b486515;max-width:440px;min-height:410px}.sheet-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:500;letter-spacing:.12em}.sheet-top>span+span{font-size:30px;line-height:1}.sheet-title{font-size:clamp(26px,3vw,43px);line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:35px 0}.sheet-title span{color:#cee4f4}.sheet-bottom{border-top:1px solid #ffffff55;padding-top:21px;display:flex;align-items:flex-end;justify-content:space-between;font-size:9px;line-height:1.7;letter-spacing:.06em}.line{height:4px;width:45px;background:#fff;margin-bottom:3px}.visual-note{text-align:center;font-size:10px;letter-spacing:.015em;color:#647480;margin-top:35px;position:relative}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce2e5;padding:23px 0 25px;font-size:10px;color:#6a7780}.footer p:first-child{color:#334b5b}
@media(min-width:1600px){.page{padding-left:104px;padding-right:104px}}
@media(max-width:1000px){.page{padding:0 5vw}.main{gap:5vw;padding:40px 0 55px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}h1{font-size:clamp(44px,6vw,65px)}.sheet{padding:26px 24px;min-height:350px}.sheet-title{font-size:30px}.brand img{width:155px}.header{padding:28px 0}.intro{font-size:17px}}
@media(max-width:720px){.page{padding:0 25px}.header{padding:25px 0;gap:15px}.brand img{width:142px}.status{font-size:9px;padding:8px 11px;gap:7px}.status span{width:6px;height:6px}.main{grid-template-columns:1fr;gap:35px;padding:40px 0 45px}.copy{max-width:590px}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:22px}h1{font-size:clamp(44px,8vw,62px);max-width:600px;letter-spacing:-.055em}.intro{margin-top:24px;max-width:500px;font-size:17px}.writeup{font-size:13px}.visual{width:min(100%,350px);justify-self:center;padding:10px 12px 0;margin-top:8px}.sheet{min-height:360px;aspect-ratio:.86;padding:28px}.sheet-title{font-size:35px}.outline{right:6px;bottom:13%}.visual-note{margin-top:28px}.footer{font-size:9px;align-items:flex-start;line-height:1.8}.footer p:last-child{text-align:right}.actions{gap:12px}.button{padding:13px 20px;gap:20px}}
@media(max-width:380px){.page{padding:0 20px}.status{border:0;padding:0;font-size:9px;max-width:106px;line-height:1.5}.brand img{width:128px}h1{font-size:43px}.main{padding-top:32px}.sheet{min-height:330px}.sheet-title{font-size:31px}.footer{flex-direction:column;gap:5px}.footer p:last-child{text-align:left}}
/* Version 2.1: larger editorial copy, stronger status and coordinated motion. */
.page{position:relative;isolation:isolate}
.page:before{content:'';position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 90% 16%,#1c75bc0d,transparent 50%),radial-gradient(ellipse at 4% 85%,#1c75bc06,transparent 40%)}
.writeup{font-size:17px;line-height:1.9;max-width:570px;color:#485b69;margin-top:25px}
.writeup p+p{margin-top:19px}
.status{font-size:13px;font-weight:700;letter-spacing:.015em;padding:14px 21px;background:linear-gradient(120deg,#17639f,#1c75bc);color:#fff;border-color:transparent;box-shadow:0 8px 24px #1c75bc1c;transition:box-shadow .35s,transform .35s}
.status span{background:#fff;box-shadow:0 0 0 5px #ffffff1a;flex-shrink:0}
.status:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1c75bc29}
.brand{transition:transform .35s}.brand:hover{transform:translateY(-2px)}
.header{animation:pm-enter .8s cubic-bezier(.2,.7,.2,1) both}
.eyebrow{animation:pm-enter .8s .12s cubic-bezier(.2,.7,.2,1) both}
h1{animation:pm-enter 1s .22s cubic-bezier(.2,.7,.2,1) both}
.intro{animation:pm-enter .9s .36s cubic-bezier(.2,.7,.2,1) both}
.writeup p:first-child{animation:pm-enter .9s .46s cubic-bezier(.2,.7,.2,1) both}
.writeup p+p{animation:pm-enter .9s .56s cubic-bezier(.2,.7,.2,1) both}
.actions,.signoff{animation:pm-enter .9s .66s cubic-bezier(.2,.7,.2,1) both}
.visual{animation:pm-paper-enter 1.2s .25s cubic-bezier(.2,.7,.2,1) both}
.footer{animation:pm-enter .9s .75s cubic-bezier(.2,.7,.2,1) both}
.sheet{overflow:hidden;translate:0 0;animation:pm-float 8s 1.5s ease-in-out infinite;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.sheet:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff0b 44%,#ffffff20 49%,transparent 66%);background-size:300% 100%;animation:pm-sheen 12s 1.5s ease-in-out infinite}
.outline{animation:pm-outline 10s 1.5s ease-in-out infinite}
.sheet-top>span+span{transition:transform .4s}.visual:hover .sheet-top>span+span{transform:translate(3px,-3px)}
.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}
.motion-toggle{font:500 10px Montserrat,Arial,sans-serif;background:transparent;color:#4a606f;border:1px solid #cad6de;border-radius:30px;padding:8px 13px;min-height:38px;cursor:pointer;transition:background .25s,border-color .25s;white-space:nowrap}
.motion-toggle:hover{background:#e8f1f8;border-color:#9fbcd1}.motion-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}
@keyframes pm-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes pm-paper-enter{from{opacity:0;transform:translate(20px,24px) rotate(2deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}
@keyframes pm-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes pm-outline{0%,100%{transform:rotate(8deg)}50%{transform:rotate(5deg)}}
@keyframes pm-sheen{0%,20%{background-position:160% 0}70%,100%{background-position:-65% 0}}
@media(hover:hover){.visual:hover .sheet{transform:rotate(-1deg);box-shadow:14px 30px 45px #1b486526}}
@media(max-width:1000px){.status{font-size:11px;padding:12px 17px}.writeup{font-size:16px}.footer{flex-wrap:wrap}}
@media(max-width:720px){.header{flex-wrap:wrap;gap:20px}.status{font-size:11px;padding:11px 15px;max-width:none;line-height:1.5;border:1px solid transparent}.status span{width:6px;height:6px}.writeup{font-size:16px;line-height:1.85}.main{padding-top:28px}.footer{justify-content:space-between;gap:12px}.motion-toggle{font-size:10px;min-height:44px}.footer p:last-of-type{text-align:right}}
@media(max-width:480px){.header{flex-direction:column;align-items:flex-start;gap:22px}.status{font-size:12px;padding:12px 17px}.main{padding-top:24px}.footer{align-items:flex-start;flex-direction:column}.footer p:last-of-type{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.status:hover,.brand:hover,.visual:hover .sheet,.button:hover span,.visual:hover .sheet-top>span+span{transform:none}.sheet{transform:rotate(-3deg)}.motion-toggle{display:none}}