.board-page{display:block;min-height:100vh;width:100%;margin:0;background:#f6f4ef;color:#252623;font-family:var(--font-ui);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.board-page *{box-sizing:border-box}
.board-page a{color:inherit;text-decoration:none}
.board-page a:focus-visible{outline:3px solid #da4728;outline-offset:5px}
.board-header,.board-main,.board-footer{width:min(1384px,calc(100% - 112px));margin-inline:auto}
.board-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbd9d1;gap:24px;padding-block:20px}
.board-brand{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:40px;letter-spacing:-1.8px;line-height:1}
.board-brand-dot{color:#ed512f}
.board-header-label{font-size:13px;font-weight:500;color:#62655d}
.board-header-link{min-height:44px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:18px}
.board-header-link>span{font-size:22px;font-weight:400}
.board-intro{padding:80px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:70px;align-items:end}
.board-intro h1{font-family:var(--font-display);font-size:clamp(64px,7.2vw,96px);font-weight:600;letter-spacing:-.015em;line-height:.98;margin:0 0 26px;text-wrap:balance}
.board-intro h1 span{color:#da4728}
.board-lede{font-size:17px;line-height:1.6;margin:0;max-width:45ch;color:#5d6258}
.board-design-note{padding:23px 0 0;border-top:2px solid #da4728;margin-bottom:7px}
.board-design-note>p{font-size:16px;line-height:1.6;margin:0 0 20px}
.board-design-note>a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;min-height:44px;gap:20px;color:#a52e16}
.board-collection{padding-top:34px;border-top:1px solid #dbd9d1;scroll-margin-top:24px}
.board-collection-head{display:flex;justify-content:space-between;align-items:end;gap:45px}
.board-collection h2{font-family:var(--font-display);font-size:42px;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.08}
.board-demo-note{font-size:13px;line-height:1.6;margin:0;max-width:48ch;color:#5d6258}
.board-index{display:flex;flex-wrap:wrap;gap:2px 22px;margin:28px 0 44px;border-block:1px solid #e0ded6;padding:10px 0}
.board-index a{font-size:13px;line-height:1.4;min-height:44px;padding:8px 0;display:flex;align-items:center;gap:8px;color:#4e5449}
.board-index a span{color:#70766a;font-size:11px;font-variant-numeric:tabular-nums}
.board-index a:hover{color:#a52e16}
.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:62px}
.board-card{min-width:0;scroll-margin-top:28px}
.board-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 14px;font-size:12px;line-height:1.5;color:#5d6258}
.board-card-top>span:first-child{display:inline-flex;gap:10px;align-items:center}
.board-card-number{color:#a52e16;font-weight:600;font-variant-numeric:tabular-nums}
.board-device{padding:7px;border:1px solid #d9d8d2;background:#eeede7;border-radius:40px;box-shadow:0 2px 3px #25262304,0 14px 38px #25262309;max-width:406px;margin-inline:auto}
.board-phone{width:100%;aspect-ratio:390 / 844;background:#f6f4ef;border-radius:32px;overflow:hidden;position:relative;isolation:isolate;pointer-events:none;user-select:none}
.board-phone>.phone-screen{position:absolute!important;top:0!important;left:0!important;width:390px!important;min-width:390px!important;max-width:390px!important;height:844px!important;min-height:844px!important;max-height:844px!important;transform:scale(var(--phone-scale,1))!important;transform-origin:top left!important;margin:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.board-phone .welcome-photo{height:520px!important;min-height:0!important;max-height:none!important}
.board-phone .phone-screen .status-bar{height:43px;padding-top:7px}
.board-phone .bottom-nav{height:83px;padding-bottom:17px}
.board-phone .bottom-action{padding-bottom:25px}
.board-phone .phone-screen :is(button,a,input,textarea,select){pointer-events:none}
.board-card-bottom{padding:20px 7px 0}
.board-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.board-card-heading h3{font-family:var(--font-ui);font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.015em;margin:0}
.board-screen-link{width:44px;height:44px;display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;border:1px solid #dad9d1;border-radius:50%;font-size:21px;transition:background .2s,border-color .2s}
.board-screen-link:hover{background:#da4728;border-color:#da4728;color:white}
.board-card-description{font-size:14px;line-height:1.65;margin:7px 0 0;max-width:40ch;color:#5d6258}
.board-closing{border-top:1px solid #d6d5cd;display:flex;gap:32px;align-items:center;padding:44px 0;margin-top:84px}
.board-closing h2{font-family:var(--font-display);font-size:48px;font-weight:600;letter-spacing:-.01em;line-height:1.08;margin:0 0 12px}
.board-closing p{font-size:15px;color:#5d6258;line-height:1.6;margin:0}
.board-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#da4728;color:white!important;min-height:52px;padding:16px 23px;border-radius:5px;font-size:14px;font-weight:600;margin-left:auto;flex-shrink:0}
.board-button>span{font-size:21px}
.board-button:hover{background:#b63a20}
.board-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d6d5cd;padding:27px 0 31px;color:#62675b;font-size:12px;line-height:1.5}
.board-footer-brand{font-size:28px;font-weight:750;letter-spacing:-1.2px;color:#252623!important}
.board-skip{position:fixed;top:12px;left:12px;z-index:99;padding:12px 18px;background:#252623;color:white!important;font-size:14px;transform:translateY(-150%)}
.board-skip:focus{transform:none}
.board-noscript{padding:30px;border:1px solid #ddd;font-size:16px}
@media(min-width:1750px){.board-header,.board-main,.board-footer{width:min(1600px,calc(100% - 144px))}.board-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:36px}}
@media(max-width:1100px){.board-header,.board-main,.board-footer{width:calc(100% - 64px)}.board-intro{grid-template-columns:minmax(0,1fr) 230px;gap:32px;padding:64px 0 56px}.board-grid{column-gap:24px;row-gap:48px}.board-card-heading h3{font-size:16px}.board-device{border-radius:31px;padding:6px}.board-phone{border-radius:25px}.board-card-top{font-size:11px}.board-card-description{font-size:13px}.board-header-label{font-size:12px}}
@media(max-width:850px){.board-header{min-height:88px}.board-header-label{display:none}.board-intro{grid-template-columns:1fr;gap:30px;padding-top:52px}.board-design-note{display:none}.board-intro h1{font-size:clamp(64px,11vw,84px)}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.board-collection-head{display:block}.board-demo-note{margin-top:18px;max-width:55ch}.board-index{margin-top:24px;margin-bottom:34px}.board-closing{flex-wrap:wrap;gap:22px}.board-button{margin-left:0}.board-footer>span:nth-child(2){display:none}}
@media(max-width:520px){.board-header,.board-main,.board-footer{width:calc(100% - 36px)}.board-header{min-height:78px;gap:16px;padding-block:12px}.board-brand{font-size:33px;letter-spacing:-1.4px}.board-header-link{font-size:12px;gap:8px}.board-header-link>span{font-size:18px}.board-intro{padding:40px 0}.board-intro h1{font-size:clamp(50px,12.8vw,64px);letter-spacing:-.01em;margin-bottom:22px}.board-lede{font-size:15px;max-width:36ch}.board-collection{padding-top:28px}.board-collection h2{font-size:36px}.board-demo-note{font-size:13px}.board-index{gap:2px 16px}.board-index a{font-size:12px}.board-grid{grid-template-columns:minmax(0,1fr);row-gap:38px;width:min(360px,100%);margin-inline:auto}.board-device{border-radius:36px;padding:6px}.board-phone{border-radius:29px}.board-card-top{font-size:12px}.board-card-heading h3{font-size:18px}.board-card-description{font-size:14px;max-width:none}.board-card-bottom{padding-top:15px}.board-closing{margin-top:48px;padding:32px 0;display:block}.board-closing h2{font-size:40px;max-width:15ch}.board-closing p{font-size:14px;max-width:32ch}.board-button{margin:24px 0 0;padding:15px 19px}.board-footer{padding:22px 0;font-size:11px;gap:12px}}
@media(prefers-reduced-motion:reduce){.board-page *{scroll-behavior:auto!important;transition:none!important}}
