.hb{background:#fbf8f2;border-bottom:1px solid #d9cdb4;overflow:hidden}.hb-inner{max-width:1240px;margin:0 auto;padding:28px 24px 56px;display:flex;flex-direction:column;align-items:center;gap:26px}.hb-scene{--loop:3.2s;width:100%;max-width:1060px}.hb-scene svg{display:block;width:100%;height:auto}.hb-mark{transform-origin:center;animation:hbIris 1.15s cubic-bezier(.2,.8,.2,1) .15s both}.hb-mark,.hb-word{transform-box:fill-box}.hb-word{animation:hbWipe .85s cubic-bezier(.4,0,.2,1) 1.15s both}.hb-tag{animation:hbRise .6s ease-out 1.85s both}.hb-tablet,.hb-tag{transform-box:fill-box}.hb-tablet{animation:hbInLeft .8s cubic-bezier(.2,.8,.2,1) 2.45s both}.hb-shadow{animation:hbFade .8s ease-out 2.7s both}.hb-caps{animation:hbFade .6s ease-out 2.9s both}.hb-box{animation:hbRise .8s ease-out 3.3s both}.hb-core,.hb-pen{opacity:0}@keyframes hbIris{0%{opacity:0;clip-path:circle(0 at 50% 50%);transform:rotate(-25deg) scale(.8)}15%{opacity:1}to{opacity:1;clip-path:circle(75% at 50% 50%);transform:rotate(0deg) scale(1)}}@keyframes hbWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hbRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hbInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes hbFade{0%{opacity:0}to{opacity:1}}@keyframes dmInk1{0%,2%{stroke-dashoffset:0}2.1%,55%{stroke-dashoffset:1}63%,to{stroke-dashoffset:0}}@keyframes dmInk2{0%,2%{stroke-dashoffset:0}2.1%,63.5%{stroke-dashoffset:1}71%,to{stroke-dashoffset:0}}@keyframes dmInk3{0%,2%{stroke-dashoffset:0}2.1%,71.5%{stroke-dashoffset:1}79%,to{stroke-dashoffset:0}}@keyframes dmInk4{0%,2%{stroke-dashoffset:0}2.1%,79.5%{stroke-dashoffset:1}87%,to{stroke-dashoffset:0}}@keyframes dmInk5{0%,2%{stroke-dashoffset:0}2.1%,87.5%{stroke-dashoffset:1}95%,to{stroke-dashoffset:0}}@keyframes dmPen{0%,54%{transform:translate(22px,70px);opacity:0}55%{transform:translate(22px,70px);opacity:1}63%{transform:translate(168px,66px)}63.5%{transform:translate(22px,105px)}71%{transform:translate(176px,98px)}71.5%{transform:translate(22px,140px)}79%{transform:translate(162px,135px)}79.5%{transform:translate(22px,175px)}87%{transform:translate(150px,169px)}87.5%{transform:translate(22px,210px)}95%{transform:translate(172px,206px);opacity:1}97%,to{transform:translate(210px,240px);opacity:0}}.hb-page{transform-box:fill-box;transform-origin:center;animation:dmPage 6s cubic-bezier(.4,0,.6,1) var(--loop) infinite both}@keyframes dmPage{0%,3%{transform:translate(0) scale(1) rotate(0deg);opacity:1}22%{transform:translate(calc(var(--px) * .9),calc(var(--py) * .9)) scale(.45) rotate(-8deg);opacity:1}30%{transform:translate(var(--px),var(--py)) scale(.02) rotate(-40deg);opacity:0}30.1%,to{transform:translate(0) scale(1) rotate(0deg);opacity:0}}@keyframes dmCore{0%,20%{opacity:0;transform:scale(.6)}27%{opacity:1;transform:scale(1.1)}34%,to{opacity:0;transform:scale(.6)}}.hb-core{transform-box:fill-box;transform-origin:center}@keyframes dmTick{0%,8.3%{transform:rotate(0deg)}33.3%,9.3%{transform:rotate(90deg)}34.3%,58.3%{transform:rotate(180deg)}59.3%,83.3%{transform:rotate(270deg)}84.3%,to{transform:rotate(1turn)}}.hb-doc,.hb-scene [style*=dmDoc]{transform-box:fill-box;transform-origin:center}@keyframes dmDoc0{0%,9%{transform:translate(var(--sx),var(--sy)) scale(.1) rotate(0deg);opacity:0}10%{opacity:1}15%,97%{transform:translate(0) scale(1) rotate(var(--r));opacity:1}to{transform:translate(0) scale(1) rotate(var(--r));opacity:0}}@keyframes dmDoc1{0%,34%{transform:translate(var(--sx),var(--sy)) scale(.1) rotate(0deg);opacity:0}35%{opacity:1}40%,97%{transform:translate(0) scale(1) rotate(var(--r));opacity:1}to{transform:translate(0) scale(1) rotate(var(--r));opacity:0}}@keyframes dmDoc2{0%,59%{transform:translate(var(--sx),var(--sy)) scale(.1) rotate(0deg);opacity:0}60%{opacity:1}65%,97%{transform:translate(0) scale(1) rotate(var(--r));opacity:1}to{transform:translate(0) scale(1) rotate(var(--r));opacity:0}}@keyframes dmDoc3{0%,84%{transform:translate(var(--sx),var(--sy)) scale(.1) rotate(0deg);opacity:0}85%{opacity:1}90%,97%{transform:translate(0) scale(1) rotate(var(--r));opacity:1}to{transform:translate(0) scale(1) rotate(var(--r));opacity:0}}.hb-box{width:100%;container-type:inline-size;text-align:center;background:var(--notepaper);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-card);padding:30px 40px 32px;overflow:hidden}.hb-h1{font-family:var(--font-display);font-size:5.36cqw;font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0;white-space:nowrap;color:#1e2a44}.hb-p{font-size:16px;line-height:1.65;color:#4a5266;margin:18px auto 0;max-width:760px;text-wrap:pretty}.hb-cta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px}.hb-btn{background:#1e2a44;color:#f7f0e3;text-decoration:none;border-radius:4px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .15s}.hb-btn:hover{background:#2a3a5e;color:#f7f0e3}.hb-link{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.hb-foot{font-family:var(--font-mono);font-size:11px;color:#8a7d5f;letter-spacing:.06em;margin-top:18px}@media (max-width:799px){.hb-inner{padding:20px 16px 40px;gap:20px}.hb-box{padding:22px 16px 24px}.hb-p{font-size:15px;margin-top:14px}.hb-cta{margin-top:18px}}@media (max-width:639px){.hb-h1{white-space:normal;font-size:28px;text-wrap:balance}}@media (prefers-reduced-motion:reduce){.hb *,.hb svg *{animation:none!important}}