@charset "utf-8";
.dc-hero.container::before,.dc-hero.container::after{display:none}
.dc-page{color:#333;font-size:16px;line-height:1.85}
.dc-page p{line-height:1.95}
.dc-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;padding-top:52px;padding-bottom:35px}
.dc-hero h2{font-size:38px;font-weight:bold;line-height:1.5;margin:0 0 20px}
.dc-hero-copy>p:not(.dc-eyebrow){font-size:16px}
.dc-visual{margin:0;min-width:0}
.dc-visual img{width:100%;height:auto}
.dc-visual figcaption{font-size:11px;text-align:right;color:#666;margin-top:8px}
.dc-button{display:inline-block!important;padding:13px 28px;min-width:230px;margin-top:15px;font-size:15px;border-radius:4px;background:#007bc5;border-color:#007bc5;color:#fff!important;font-weight:bold}
.dc-button:hover,.dc-button:focus{background:#005e98;border-color:#005e98}
.dc-intro{padding-top:15px;padding-bottom:12px}
.dc-intro .row{display:flex;align-items:center;max-width:850px;margin:0 auto}
.dc-intro .row::before,.dc-intro .row::after{display:none}
.dc-intro img{width:100%;max-width:320px;height:auto;margin:0}
.dc-intro p{font-size:19px;margin:0;text-align:right}
.dc-intro p span{display:inline-block}
.dc-section{padding-top:36px;padding-bottom:36px;scroll-margin-top:80px}
.dc-sample{background:#fff}
.dc-sample .dc-narrow{text-align:center}
.dc-sample iframe{display:block;width:100%;height:620px;border:1px solid #ddd;margin:24px 0 8px}
.dc-sample h3{font-size:25px;font-weight:bold;margin:0 0 15px}
.dc-caption{font-size:12px!important;color:#666;margin-top:10px}
.dc-price-lead{padding:0;margin:25px 0 30px;text-align:center}
.dc-price-lead>div{position:relative;display:inline-block;padding:7px 24px;margin-bottom:0;background:#e6f4fc;border-radius:4px;color:#007bc5;font-weight:bold}
.dc-price-lead>div::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#e6f4fc;border-bottom:0}
.dc-price-lead p{margin:5px 0;color:#007bc5}
.dc-price-lead strong{font-size:38px;line-height:1.5}
.dc-price-lead strong span{font-size:18px;margin-left:5px}
.dc-subheading{margin-bottom:14px}
.dc-subheading span{font-size:14px;font-weight:normal}
.dc-table{width:100%;border-collapse:collapse;font-size:16px;margin:0;line-height:1.7}
.dc-table th,.dc-table td{padding:15px 20px;border:1px solid #ddd}
.dc-table thead{background:#f5f5f5}
.dc-table thead th{font-weight:bold}
.dc-table tbody th{font-weight:normal}
.dc-table tbody tr:nth-child(even){background:#fafafa}
.dc-table td strong{font-size:21px;font-weight:bold}
.dc-table td>span{font-size:13px}
.dc-note{font-size:13px!important;margin:12px 0 22px}
.dc-terms{background:#fff}
.dc-terms dl{margin:0}
.dc-terms dl>div{display:grid;grid-template-columns:155px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid #dce3e3}
.dc-terms dt{font-size:16px}
.dc-terms dd{font-size:15px;line-height:1.85}
.dc-back{margin-top:30px;font-size:14px!important}
.dc-page a:focus-visible{outline:3px solid #d88216;outline-offset:4px}

@media(max-width:767px){
.dc-table th .dc-pages-unit{display:block}
.dc-hero{grid-template-columns:1fr;gap:20px;padding:30px 20px}
.dc-hero h2{font-size:30px}
.dc-hero-copy>p:not(.dc-eyebrow){font-size:15px}
.dc-visual{max-width:480px;margin:0 auto}
.dc-intro{padding:0 20px 8px;margin-top:32px}
.dc-intro .row{flex-direction:column;gap:18px}
.dc-intro .row>div{width:100%;padding:0}
.dc-intro img{max-width:260px;margin:0 auto}
.dc-intro p{font-size:17px;text-align:center}
.dc-section{padding:34px 0}
.dc-narrow{padding-left:20px;padding-right:20px}
.dc-sample h3{font-size:22px}
.dc-sample iframe{height:460px;margin-top:20px}
.dc-price-lead{padding:0;margin:20px 0}
.dc-price-lead strong{font-size:32px}
.dc-table{font-size:13px;table-layout:fixed}
.dc-table th,.dc-table td{padding:12px 7px;vertical-align:middle}
.dc-table th:first-child{width:32%}
.dc-table td strong{font-size:18px}
.dc-table td>span{display:block;font-size:11px}
.dc-table td:nth-child(3){font-size:12px}
.dc-terms dl>div{grid-template-columns:1fr;gap:6px;padding:16px 0}
.dc-button{max-width:100%}
}
.dc-mv .dc-hero{width:calc(100% - 64px);max-width:1280px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);padding:55px 0 40px}
.dc-mv .dc-hero-copy{position:relative;z-index:1}
.dc-mv .dc-hero h2{line-height:1.55}
.dc-mv .dc-hero-copy>p:not(.dc-eyebrow){font-size:15px}
.dc-mv .dc-device-visual{width:100%;max-width:none;margin:0;align-self:center}
.dc-device-stage{position:relative;width:100%;aspect-ratio:800 / 560;isolation:isolate}
.dc-laptop{position:absolute;right:0;top:3%;aspect-ratio:800 / 489;filter:drop-shadow(0 16px 12px #153d5b29)}
.dc-laptop-screen{position:absolute;left:8.75%;top:3.5%;width:82.5%;height:86.3%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fdfaff;border-radius:7px}
.dc-catalog-crop{position:relative;height:100%;aspect-ratio:1465 / 1044;overflow:hidden;max-width:100%}
.dc-visual .dc-catalog-screen{position:absolute;width:130.9215%;max-width:none;height:auto;left:-17.7474%;top:-2.4904%}
.dc-visual .dc-laptop-frame{position:absolute;inset:0;width:100%;height:auto;z-index:1;pointer-events:none}
.dc-visual .dc-tablet{position:absolute;left:0;bottom:0;width:24%;height:auto;z-index:2;filter:drop-shadow(6px 12px 9px #163d5b38)}
.dc-device-visual figcaption{margin:16px 0 0}

@media(min-width:768px) and (max-width:1050px){
.dc-mv .dc-hero{width:calc(100% - 40px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.dc-mv .dc-hero h2{font-size:30px}
.dc-mv .dc-hero-copy>p:not(.dc-eyebrow){font-size:14px}
.dc-mv .dc-hero-copy br.hidden-xs{display:none}
}

@media(max-width:767px){
.dc-mv .dc-hero{width:100%;padding:32px 20px 26px;grid-template-columns:minmax(0,1fr)}
.dc-mv .dc-device-visual{max-width:540px;margin:0 auto}
.dc-device-visual figcaption{font-size:10px;margin-top:12px}
.dc-laptop{filter:drop-shadow(0 8px 6px #153d5b29)}
.dc-visual .dc-tablet{filter:drop-shadow(3px 7px 5px #163d5b38)}
}
.dc-button .dc-external-icon{display:inline-block;width:18px;height:18px;margin-left:20px;vertical-align:-3px}
.dc-update-note{padding:0;margin:20px 0;font-size:15px}
.dc-update-note strong{display:block;margin-bottom:4px;font-size:14px}
.dc-section-heading{margin-top:0;margin-bottom:30px}
.dc-inquiry .container{max-width:100%}
.dc-inquiry .inquiry-title{line-height:1.7}

@media(max-width:767px){
.dc-section-heading{margin-bottom:24px}
.dc-inquiry .container{padding-left:20px;padding-right:20px}
.dc-inquiry .inquiry-item:first-child{display:block}
.dc-inquiry .inquiry-item img{max-width:100%;height:auto}
.dc-inquiry .inquiry-item{margin-left:4px!important;margin-right:4px}
}

@media(max-width:359px){
.dc-inquiry .inquiry-title{font-size:18px!important}
}
.dc-eyebrow{font-size:15px!important;font-weight:bold;letter-spacing:.1em;color:#a8c9cb;margin-bottom:14px;font-family:"Segoe UI-MONOSPACE","Segoe UI",monospace}
.dc-hero-copy .dc-button,.dc-sample .dc-button{background-color:#d7721e;border-color:#d7721e}
.dc-hero-copy .dc-button:hover,.dc-hero-copy .dc-button:focus,.dc-sample .dc-button:hover,.dc-sample .dc-button:focus{background-color:#b96018;border-color:#b96018}
.dc-mv{background:radial-gradient(ellipse at 82% 28%,#c4e4f5 0%,transparent 58%),linear-gradient(115deg,#f7fbff 0%,#edf6fc 38%,#d2eafa 100%)}
.dc-mv .dc-hero h2{font-size:clamp(24px,2.15vw,32px)}
.dc-catch-phrase{display:inline-block}

@media(max-width:767px){
.dc-mv .dc-hero h2{font-size:clamp(21px,5.8vw,28px)}
}
.dc-device-visual figcaption{color:#7a8e9a;font-size:12px}
.dc-sample .dc-caption{color:#8a949c;font-size:11px!important;margin-top:5px;line-height:1.5}
.dc-lead-intro{display:block;font-size:clamp(28px,2.4vw,34px);margin-bottom:7px}
.dc-lead-emphasis{display:block}
.dc-mv .dc-hero{gap:42px}
.dc-laptop{width:98%}
.dc-narrow{max-width:none}
.dc-price-lead .dc-price-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 12px;line-height:1.5;margin:8px 0 0}
.dc-price-total .dc-total-label{font-size:19px;font-weight:bold}
.dc-price-total strong{font-size:46px;white-space:nowrap}
.dc-price-total .dc-total-tax{font-size:15px;white-space:nowrap;margin-left:-6px}
.dc-price-lead .dc-price-breakdown{font-size:15px;color:#007bc5;margin:0;line-height:1.6}

@media(min-width:768px) and (max-width:1050px){
.dc-mv .dc-hero{gap:28px}
.dc-lead-intro{font-size:27px}
}

@media(max-width:767px){
.dc-mv .dc-hero{gap:28px}
.dc-lead-intro{font-size:26px;margin-bottom:7px}
.dc-price-total strong{font-size:37px}
.dc-price-total strong span{font-size:17px}
.dc-price-total .dc-total-label{font-size:17px}
.dc-price-lead .dc-price-breakdown{font-size:13px}
}

@media(max-width:359px){
.dc-lead-intro{font-size:23px}
.dc-price-total strong{font-size:32px}
}
.dc-mv #dc-lead{color:#007bc5}
.dc-lead-emphasis{font-size:clamp(38px,3.3vw,47px);line-height:1.45}

@media(min-width:768px) and (max-width:1050px){
.dc-lead-emphasis{font-size:37px}
}

@media(max-width:767px){
.dc-lead-emphasis{font-size:36px}
}

@media(max-width:359px){
.dc-lead-emphasis{font-size:32px}
}

@media(max-width:767px){
.dc-mv .dc-hero-copy{text-align:center}
}