@font-face { font-family: Inter; src: url('/assets/inter-variable.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
:root { color-scheme: light; font-family: Inter, Arial, sans-serif; color: #252525; background: #fff; --blue: #0828fe; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; padding: 40px clamp(28px, 5.56vw, 100px) 28px; }
.site-header { width: 100%; max-width: 1280px; margin-inline: auto; height: 46px; flex-shrink: 0; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #ddd; font-size: 13px; color: #555; }
.brand { display: block; }
.brand img { display: block; width: 144px; height: 32px; }
.site-header > span { padding-top: 7px; }
main { width: 100%; max-width: 1280px; margin-inline: auto; flex: 1; position: relative; display: flex; align-items: center; }
h1 img { display: block; }
.actions { display: flex; align-items: center; flex-wrap: wrap; }
.actions a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #252525; }
.actions a.primary { background: var(--blue); color: #fff; }
.actions a.product { gap: 12px; }
.actions a.product img { display: block; }
.actions a.primary:hover { background: #061fd1; }
a:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; }
footer { width: 100%; max-width: 1280px; margin-inline: auto; border-top: 1px solid #e7e7e7; padding-top: 20px; text-align: right; font-size: 12px; color: #858585; }
@media (max-width:800px) { body {padding-top:24px;} .site-header {font-size:11px;} .brand img {width:130px;height:auto;} footer {font-size:11px;} }
main{overflow:visible;min-height:540px;justify-content:center;}
.intro{width:100%;max-width:560px;margin:0;padding:64px 0 80px;}
.arch-icon{width:146.64px;height:171.6px;overflow:hidden;margin-bottom:26px;position:relative;}
.arch-icon img{position:absolute;width:257.4px;max-width:none;height:auto;left:-54.6px;top:0;}
h1{font-family:Georgia,serif;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.025em;color:#252525;margin:0 0 16px;}
h1 img.study-title{width:290.56000000000006px;max-width:100%;height:auto;}
.description{font-size:16px;line-height:1.6;color:#77777e;max-width:475px;margin:0 0 32px;}
.actions{gap:28px;}
.actions a{font-size:15px;min-height:44px;}
.actions a.primary{width:132px;}
.actions a.product img{width:70px;height:auto;}
@media(max-width:800px){main{min-height:0;justify-content:center;flex:1;padding:40px 0;} .intro{max-width:475px;padding:0;} h1{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 16px;font-size:29px;} .actions{justify-content:flex-start;gap:28px;} .actions a.primary{width:132px;} .description{font-size:15px;} }