:root{--ink:#163c9a;--brand:#173d99;--paper:#fffdf2;--line:#abc5ef}.raon-nav{padding:23px 5vw;display:flex;align-items:center;justify-content:space-between;background:#ffdf37;border-bottom:3px solid #163c9a}.raon-nav>a{font-size:26px;font-weight:900;letter-spacing:-2px}.raon-nav>b{font-size:12px}.raon-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:4vw;padding:55px 5vw 75px;background-color:#fffdf2;background-image:linear-gradient(#cad9ee55 1px,transparent 1px),linear-gradient(90deg,#cad9ee55 1px,transparent 1px);background-size:24px 24px}.raon-title{padding-top:35px}.raon-title p{font-size:13px}.raon-title h1{font-size:clamp(38px,5.2vw,72px);font-weight:950;line-height:1.32;margin:23px 0}.raon-title h1 span{color:#fff;background:#163c9a;padding:0 8px}.raon-title a{font-weight:800;border-bottom:2px solid;display:inline-block;padding:12px 0}.raon-picture{position:relative;transform:rotate(3deg);border:10px solid #fff;box-shadow:7px 8px 0 #163c9a}.raon-picture img{width:100%;height:440px}.raon-picture>b{position:absolute;right:-15px;bottom:-25px;background:#ffdf37;border-radius:50%;padding:27px;font-size:26px;line-height:1.2;transform:rotate(-12deg)}.raon-belt{position:absolute;bottom:0;left:0;width:100%;height:15px;background:linear-gradient(90deg,#fff 16%,#ffe233 16% 32%,#2d9d53 32% 48%,#215bd4 48% 64%,#e6393e 64% 80%,#172b52 80%)}.raon-classes{padding:60px 6vw;background:#ffdf37}.raon-classes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.raon-classes article{background:#fff;padding:26px;box-shadow:4px 4px 0 #163c9a}.raon-classes strong{font-size:35px;font-weight:900}.raon-classes p{margin:12px 0}.raon-classes b{font-size:12px}.raon-trial{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:60px 6vw}.raon-trial h2{font-size:37px}.raon-trial p{margin:14px 0}.raon-notebook{background:repeating-linear-gradient(#fff 0 34px,#b4c9ed 34px 35px);border:1px solid #b4c9ed;padding:25px}.raon-notebook .saved-card{background:#ffffffd9}@media(max-width:700px){.raon-hero,.raon-trial{grid-template-columns:1fr;padding:30px 24px 55px}.raon-picture{margin:20px 10px}.raon-picture img{height:300px}.raon-nav>b{display:none}.raon-classes{padding:35px 24px}.raon-classes>div{grid-template-columns:1fr}.raon-title{padding:0}}
.saved-card{padding:18px 0;border-bottom:1px solid var(--line,#ddd)}.saved-card h3{margin:8px 0}.saved-card p{font-size:13px;opacity:.8}