.hero{position:relative;min-height:min(100vh,860px);display:flex;align-items:center;padding:calc(var(--hdr-h) + 64px) 0 96px;color:#fff;background:var(--navy-950);overflow:hidden;isolation:isolate}.hero__bg{position:absolute;inset:0;z-index:-2}.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.55;transform:scale(1.04);animation:hero-zoom 14s var(--ease) forwards}@keyframes hero-zoom{to{transform:scale(1)}}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 15% 40%,rgba(11,21,38,.92) 0%,rgba(11,21,38,.55) 55%,rgba(11,21,38,.2) 100%),linear-gradient(180deg,rgba(7,13,26,.55) 0%,rgba(7,13,26,.25) 40%,rgba(7,13,26,.85) 100%)}.hero__grid{position:absolute;inset:0;z-index:-1;opacity:.16;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(70% 70% at 80% 50%,#000 20%,transparent 100%)}.hero__inner{position:relative;max-width:61.8%}.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.82rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.9);backdrop-filter:blur(8px)}.hero__eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(55,225,210,.2)}.hero__title{margin-top:var(--sp-3);font-size:clamp(var(--fs-5),4.6vw,var(--fs-6));font-weight:800;line-height:1.18;letter-spacing:-.03em}.hero__title .grad{background:linear-gradient(90deg,#8ed0ff 0%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:.7rem;letter-spacing:.2em;color:rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;gap:8px}.hero__scroll::after{content:"";width:1px;height:36px;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);animation:scroll-hint 1.8s ease-in-out infinite}@keyframes scroll-hint{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}}@media (max-width:720px){.hero{min-height:0;padding-bottom:72px}.hero__scroll{display:none}}.whyhub{display:grid;grid-template-columns:1fr minmax(300px,377px) 1fr;align-items:center;gap:0 clamp(var(--sp-4),4vw,var(--sp-5));margin-top:clamp(var(--sp-5),9vh,var(--sp-7))}.whyhub__col{display:grid;gap:var(--sp-3)}.whyhub__card{position:relative;display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur)}.whyhub__card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(31,79,216,.35)}.whyhub__card h3{font-size:var(--fs-2);color:var(--ink);margin-bottom:var(--sp-1)}.whyhub__card p{font-size:var(--fs-1);color:var(--muted);line-height:var(--lh-body);word-break:keep-all}.whyhub__num{flex:0 0 auto;width:var(--sp-5);height:var(--sp-5);border-radius:var(--radius);display:grid;place-items:center;background:var(--brand-100);color:var(--brand);font-weight:800;font-size:var(--fs-2);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.whyhub__col--l .whyhub__card{text-align:right;flex-direction:row-reverse}.whyhub__hub{position:relative;aspect-ratio:1;display:grid;place-items:center}.whyhub__hub-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--line-2);animation:whySpin 80s linear infinite}.whyhub__hub-ring::before{content:"";position:absolute;inset:11%;border-radius:50%;border:1px dashed var(--line)}@keyframes whySpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.whyhub__hub-ring{animation:none}}.whyhub__hub-core{position:relative;width:74%;aspect-ratio:1;border-radius:50%;padding:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-2);color:#fff;background:radial-gradient(120% 120% at 30% 20%,#3a6df5 0%,var(--brand) 45%,var(--navy-800) 100%);box-shadow:0 30px 60px -24px rgba(31,79,216,.6),inset 0 1px 0 rgba(255,255,255,.25)}.whyhub__hub-brand{font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}.whyhub__hub-core strong{font-size:clamp(1.1rem,1.4vw,var(--fs-3));line-height:1.4;letter-spacing:-.02em}.whyhub__hub-sub{font-size:.9rem;color:rgba(255,255,255,.7)}@media (max-width:900px){.whyhub{grid-template-columns:1fr;gap:var(--sp-3)}.whyhub__hub{order:-1;width:min(60%,260px);margin-inline:auto}.whyhub__col--l .whyhub__card{text-align:left;flex-direction:row}}.products__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:4rem}.pcard{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;color:#fff;background:var(--navy-800);min-height:0;aspect-ratio:1 / 1;isolation:isolate;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pcard--dv{--pc-bg:#091430}.pcard--tv{--pc-bg:#0e0c28}.pcard__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;container-type:size}.pcard--dv .pcard__bg{background:radial-gradient(60% 46% at 50% 28%,rgba(47,111,237,.42),transparent 72%),linear-gradient(180deg,#0f2453 0%,var(--pc-bg) 100%)}.pcard--tv .pcard__bg{background:radial-gradient(60% 46% at 50% 28%,rgba(124,108,255,.36),transparent 72%),linear-gradient(180deg,#1d1848 0%,var(--pc-bg) 100%)}.pcard__shot{position:absolute;top:12%;left:0;right:0;width:min(86cqw,104cqh);margin-inline:auto;container-type:inline-size;transition:transform 1.2s var(--ease)}.pcard__shot .d2-dx__batch,.pcard__shot .d2-hv__tts,.pcard__shot .d2-hv__ai{display:none}.pcard:hover .pcard__shot{transform:translateY(-8px)}.pcard.reveal:not(.is-in) .pcard__shot *{animation-play-state:paused}.pcard__body{position:relative;margin-top:auto;padding:clamp(var(--sp-3),3vw,var(--sp-4))}.pcard__body::before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;background:linear-gradient(180deg,transparent,var(--pc-bg) 56px)}.pcard__tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pcard .pcard__tag{background:color-mix(in srgb,var(--pc-bg) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pcard__tag i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.pcard--tv .pcard__tag i{background:var(--violet)}.pcard__title{margin-top:var(--sp-2);font-size:clamp(var(--fs-3),2.4vw,var(--fs-4));font-weight:800}.pcard__title small{display:block;font-size:.5em;font-weight:600;color:rgba(255,255,255,.65);margin-top:6px;letter-spacing:0}.pcard__desc{margin-top:12px;color:rgba(255,255,255,.78);font-size:.97rem;max-width:460px}.pcard__list{margin-top:18px;display:grid;gap:8px}.pcard__list li{position:relative;padding-left:22px;font-size:.9rem;color:rgba(255,255,255,.85)}.pcard__list li::before{content:"";position:absolute;left:0;top:calc(.809em - 7px);width:14px;height:14px;background:var(--cyan);-webkit-mask:var(--ic-check) center / contain no-repeat;mask:var(--ic-check) center / contain no-repeat}.pcard--tv .pcard__list li::before{background:#b9b0ff}.pcard__cta{position:absolute;top:clamp(var(--sp-3),3vw,var(--sp-4));right:clamp(var(--sp-3),3vw,var(--sp-4));z-index:2;display:flex;gap:10px}.pcard__cta .btn{box-shadow:var(--shadow)}.pcard:hover .pcard__cta .btn{transform:translateY(-2px)}@media (max-width:900px){.products__grid{grid-template-columns:1fr}.pcard{aspect-ratio:auto;min-height:0}.pcard::before{content:"";flex:0 0 auto;aspect-ratio:1.3 / 1}.pcard__shot{top:clamp(64px,16cqw,96px)}}.why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.why__card{position:relative;padding:var(--sp-4) var(--sp-3);border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}.why__card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.why__card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.why__card:hover::after{transform:scaleX(1)}.why__card h3{font-size:1.12rem;margin-top:6px}.why__card p{margin-top:12px;font-size:.92rem;color:var(--muted)}.why__card p b{color:var(--ink)}.why__num{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--muted-2)}.why__media{grid-column:1 / -1;margin-top:12px;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:4.236 / 1;min-height:260px;color:#fff;display:flex;align-items:flex-end;isolation:isolate}.why__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.why__media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,13,26,.92) 0%,rgba(7,13,26,.5) 60%,rgba(7,13,26,.2))}.why__media-body{padding:clamp(var(--sp-3),4vw,var(--sp-5));max-width:61.8%}.why__media-body h3{font-size:clamp(1.3rem,2.3vw,1.75rem)}.why__media-body p{margin-top:10px;color:rgba(255,255,255,.78)}@media (max-width:1024px){.why__grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.why__grid{grid-template-columns:1fr}}.brochure{position:relative;overflow:hidden;border-radius:var(--radius-lg);color:#fff;isolation:isolate;padding:clamp(var(--sp-4),5vw,var(--sp-5));display:grid;grid-template-columns:1.618fr 1fr;gap:var(--sp-4);align-items:center}.brochure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.brochure::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(20,40,110,.92),rgba(31,79,216,.75) 60%,rgba(47,180,255,.5))}.brochure h2{font-size:clamp(var(--fs-3),2.8vw,var(--fs-4))}.brochure p{margin-top:10px;color:rgba(255,255,255,.82)}.brochure__list{display:grid;gap:10px}.brochure__item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);font-weight:600;font-size:.95rem;transition:background var(--dur),transform var(--dur) var(--ease)}.brochure__item:hover{background:rgba(255,255,255,.2);transform:translateX(4px)}.brochure__item svg{width:20px;height:20px;flex:0 0 auto}.brochure__item span:last-child{margin-left:auto;opacity:.7}@media (max-width:860px){.brochure{grid-template-columns:1fr}}.fmt-hwp{background:#3d7fd6}.fmt-pdf{background:#e0453b}.fmt-doc{background:#2b5797}.fmt-xls{background:#1e8f5e}.fmt-ppt{background:#d04b1f}.fmt-img{background:#7c6cff}.demo{border-radius:24px;background:var(--navy-900);color:#fff;padding:clamp(var(--sp-4),4vw,var(--sp-5));display:grid;grid-template-columns:1fr 1.618fr;gap:clamp(var(--sp-3),4vw,var(--sp-5));align-items:start}.demo>*{min-width:0}.demo h3{font-size:1.5rem}.demo>div>p{margin-top:10px;color:rgba(255,255,255,.7);font-size:.95rem}.demo__skin{display:inline-flex;margin-top:20px;padding:4px;border-radius:999px;background:rgba(255,255,255,.1)}.demo__skin label{padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;color:rgba(255,255,255,.7);transition:background var(--dur),color var(--dur)}.demo__skin input{display:none}.demo__skin input:checked + label{background:#fff;color:var(--navy-900)}.demo__drop{display:block;margin-top:20px;padding:32px 20px;border:1.5px dashed rgba(255,255,255,.3);border-radius:16px;text-align:center;cursor:pointer;transition:background var(--dur),border-color var(--dur)}.demo__drop:hover,.demo__drop.is-over{background:rgba(255,255,255,.06);border-color:var(--accent)}.demo__drop svg{width:36px;height:36px;margin:0 auto 10px;color:var(--accent)}.demo__drop p{font-size:.92rem;color:rgba(255,255,255,.8)}.demo__drop small{display:block;margin-top:4px;font-size:.78rem;color:rgba(255,255,255,.5)}.demo__drop input{display:none}.demo__samples{margin-top:18px}.demo__samples-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:8px}.demo__sample{min-width:0;display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-align:left;font-size:.88rem;transition:background var(--dur)}.demo__sample + .demo__sample{margin-top:8px}.demo__sample:hover{background:rgba(255,255,255,.12)}.demo__sample i{flex:0 0 auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;color:#fff;font-size:.58rem;font-style:normal;font-weight:800}.demo__sample span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__sample svg{width:16px;height:16px;opacity:.7}.demo__frame{position:relative;border-radius:16px;overflow:hidden;background:#0b1526;border:1px solid rgba(255,255,255,.12);min-height:560px;height:100%}.demo__frame iframe{width:100%;height:100%;min-height:560px;border:0;background:#fff}.demo__placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:rgba(255,255,255,.55);font-size:.92rem}.demo__placeholder.is-error{color:#ff8a8a}.demo__placeholder .elapsed{display:block;margin-top:6px;font-size:.78rem;color:rgba(255,255,255,.4)}.demo__placeholder .spin{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);margin:0 auto 12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){.demo{grid-template-columns:1fr}.demo__frame,.demo__frame iframe{min-height:460px}}.contact__grid{display:grid;grid-template-columns:1fr 1.618fr;gap:clamp(var(--sp-4),5vw,var(--sp-5));align-items:start}.contact__aside{position:sticky;top:calc(var(--hdr-h) + 24px);display:grid;gap:16px}.contact__info{padding:var(--sp-4);border-radius:20px;background:var(--navy-900);color:#fff}.contact__info h3{font-size:1.15rem}.contact__info dl{margin-top:18px;display:grid;gap:14px}.contact__info dt{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}.contact__info dd{margin-top:3px;font-size:.95rem;color:rgba(255,255,255,.9)}.contact__info dd a{color:var(--accent)}.contact__benefit{padding:24px 28px;border-radius:20px;background:#fff;border:1px solid var(--line)}.contact__benefit h3{font-size:1rem}.contact__benefit ul{margin-top:12px;display:grid;gap:8px}.contact__benefit li{position:relative;padding-left:22px;font-size:.92rem;color:var(--ink-2)}.contact__benefit li::before{content:"";position:absolute;left:0;top:calc(.809em - 7px);width:14px;height:14px;background:var(--brand);-webkit-mask:var(--ic-check) center / contain no-repeat;mask:var(--ic-check) center / contain no-repeat}.cform{padding:clamp(var(--sp-3),4vw,var(--sp-5));border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:var(--sp-3)}.cform__section{display:grid;gap:16px}.cform__section + .cform__section{position:relative;padding-top:var(--sp-3)}.cform__section + .cform__section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 15%,var(--line-2) 85%,transparent)}.cform__confirm{display:flex;align-items:center;margin-top:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--bg-soft)}.cform__confirm .check{align-items:center;font-weight:600}.cform__confirm .check input{margin-top:0}.cform__confirm .check .req{color:#e0453b;margin:0 6px 0 2px}.cform__confirm .check a{font-weight:500;font-size:.86rem;color:var(--muted)}.cform__confirm .check a:hover{color:var(--brand)}.grecaptcha-badge{visibility:hidden}.cform__notice a{text-decoration:underline;text-underline-offset:2px}.cform__notice a:hover{color:var(--brand)}.cform__section-title{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}.pick{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.pick--cols{display:grid;grid-auto-flow:column}@media (max-width:640px){.pick--cols{grid-auto-flow:row}}.pick label{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink-2);transition:border-color var(--dur),background var(--dur),color var(--dur)}.pick label:hover{border-color:var(--brand);color:var(--ink)}.pick input{position:absolute;opacity:0;pointer-events:none}.pick .pick__box{flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:background var(--dur),border-color var(--dur)}.pick .pick__box svg{width:10px;height:10px;color:#fff;opacity:0}.pick input:checked ~ .pick__box{background:var(--brand);border-color:var(--brand)}.pick input:checked ~ .pick__box svg{opacity:1}.pick label:has(input:checked){border-color:var(--brand);background:var(--brand-50);color:var(--brand)}.pick label:has(input:focus-visible){box-shadow:0 0 0 3px rgba(31,79,216,.25)}.brochure-opt{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,var(--brand-50),#eefaff);border:1.5px solid #cfe0ff;cursor:pointer;transition:border-color var(--dur)}.brochure-opt:hover{border-color:var(--brand)}.brochure-opt input{width:20px;height:20px;margin-top:3px;accent-color:var(--brand);flex:0 0 auto}.brochure-opt strong{display:block;font-size:1rem;color:var(--ink)}.brochure-opt small{display:block;margin-top:3px;font-size:.84rem;color:var(--muted);line-height:1.6}.brochure-opt .badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:800;vertical-align:middle;letter-spacing:.06em}.cform__notice{font-size:.84rem;color:var(--muted);line-height:var(--lh-body);margin-top:var(--sp-1)}.cform__submit{display:grid;gap:12px}.g-recaptcha{display:flex;justify-content:flex-start}@media (max-width:960px){.contact__grid{grid-template-columns:1fr}.contact__aside{position:static}}.faq{display:grid;gap:12px}.faq details{border-radius:16px;border:1px solid var(--line);background:#fff;overflow:hidden;transition:box-shadow var(--dur)}.faq details[open]{box-shadow:var(--shadow)}.faq summary{list-style:none;cursor:pointer;padding:var(--sp-3) var(--sp-4);font-weight:700;font-size:1.02rem;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";flex:0 0 auto;width:14px;height:14px;background:var(--muted);-webkit-mask:var(--ic-chevron) center / contain no-repeat;mask:var(--ic-chevron) center / contain no-repeat;transition:transform var(--dur);margin-right:2px}.faq details[open] summary::after{transform:rotate(180deg)}.faq .faq__body{padding:0 var(--sp-4) var(--sp-3);color:var(--ink-2);font-size:.95rem;line-height:1.8}@media (max-width:900px){.hero__inner,.why__media-body{max-width:none}.why__media{aspect-ratio:auto}}@media (min-width:1025px) and (min-height:640px){html.snap-on{scroll-snap-type:y proximity;scroll-padding-top:var(--hdr-h)}.screen{min-height:calc(100vh - var(--hdr-h));scroll-snap-align:start;display:flex;align-items:center;padding-block:var(--sp-5)}.screen.hero{min-height:100vh;scroll-snap-align:start;scroll-margin-top:calc(-1 * var(--hdr-h));padding-block:0}.screen.final{min-height:calc(100vh - var(--hdr-h))}.screen>.container{width:min(100% - var(--gutter) * 2,var(--container))}.sec-head--compact{margin-bottom:var(--sp-4)}.sec-head--compact .sec-desc{margin-top:var(--sp-1)}.screen .products__grid{height:clamp(420px,calc(100vh - var(--hdr-h) - 300px),620px)}.screen .pcard{aspect-ratio:auto;min-height:0;height:100%}.screen .whyhub__hub{width:min(100%,calc(100vh - var(--hdr-h) - 340px));margin-inline:auto}}@media (max-width:1024px),(max-height:639px){.dots{display:none!important}.screen:not(.hero):not(.final){padding-block:clamp(var(--sp-5),12vw,var(--sp-6))}}@media (max-width:900px){.whyhub__hub{width:min(78%,300px)}.whyhub__hub-core strong{font-size:1rem}}@media (max-width:560px){.hero__desc br{display:none}}.screen.hero{position:relative}.hero__scroll{text-decoration:none}.dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:900;display:grid;gap:12px}.dots a{display:grid;place-items:center;width:20px;height:20px}.dots a span{width:8px;height:8px;border-radius:50%;background:rgba(17,24,39,.28);transition:transform var(--dur) var(--ease),background var(--dur)}.dots a:hover span,.dots a.is-active span{background:var(--brand);transform:scale(1.5)}.dots--on-dark a span{background:rgba(255,255,255,.4)}.dots--on-dark a:hover span,.dots--on-dark a.is-active span{background:#fff}.value{position:relative}.value .sec-head.sec-head--compact{margin-bottom:clamp(var(--sp-4),5vw,var(--sp-5))}.value__grid{display:grid;grid-template-columns:1fr 1.618fr;gap:clamp(var(--sp-4),5vw,var(--sp-6));align-items:stretch}.value__grid--flip{grid-template-columns:1.618fr 1fr}.value__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;height:100%;min-height:0;box-shadow:var(--shadow-lg);isolation:isolate}.value__media img{width:100%;height:100%;object-fit:cover}.value__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,26,0) 35%,rgba(7,13,26,.88) 100%)}.value__media-card{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:1;color:#fff}.value__media-cta{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:1;box-shadow:var(--shadow)}.value__media:hover .value__media-cta{transform:translateY(-2px)}.value__media-label{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-1)}.value__media-card b{display:block;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.35;letter-spacing:-.01em}.value__media-card small{display:block;margin-top:var(--sp-1);font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.55}.value__media--viewer .value__media-label{color:#b9b0ff}.vtiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.vtile{padding:var(--sp-3);border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform var(--dur) var(--ease),background var(--dur),border-color var(--dur)}.vtile:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.vtile__icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;margin-bottom:var(--sp-2)}.vtile__icon svg{width:20px;height:20px}.vtile h3{font-size:1.05rem}.vtile p{margin-top:6px;font-size:.9rem;color:rgba(255,255,255,.68);line-height:1.55}.vtiles--light .vtile{background:#fff;border-color:var(--line)}.vtiles--light .vtile:hover{background:#fff;border-color:var(--line-2);box-shadow:var(--shadow)}.vtiles--light .vtile__icon{background:linear-gradient(135deg,var(--navy-700),var(--violet))}.vtiles--light .vtile p{color:var(--muted)}.value__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-3);font-size:.86rem;color:rgba(255,255,255,.6)}.value__foot span::before{content:"•";margin-right:8px;color:var(--cyan)}.value__foot .link-arrow{margin-left:auto}.value__foot--light{color:var(--muted)}.value__foot--light span::before{color:var(--brand)}.link-arrow--light{color:var(--accent)}@media (max-width:1024px){.value__grid,.value__grid--flip{grid-template-columns:1fr}.value__grid--flip>:first-child{order:1}.value__media{height:auto;aspect-ratio:1.618 / 1}.value__foot .link-arrow{margin-left:0;width:100%}}@media (max-width:560px){.vtiles{grid-template-columns:1fr}}.final{position:relative;color:#fff;text-align:center;overflow:hidden;isolation:isolate;background:var(--navy-950);padding-block:clamp(var(--sp-6),10vw,var(--sp-7))}.final__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}.final::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 55%,rgba(7,13,26,.45),rgba(7,13,26,.9))}.final__cta h2{font-size:clamp(var(--fs-4),4vw,var(--fs-5));font-weight:800}.final__cta p{margin-top:var(--sp-4);color:rgba(255,255,255,.78);font-size:1.05rem;max-width:61.8%;margin-inline:auto}.cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4)}@media (max-width:900px){.final__cta p{max-width:none}}@media (min-width:1025px) and (min-height:640px) and (max-height:820px){.screen{padding-block:var(--sp-4)}.screen .sec-title{font-size:clamp(var(--fs-3),2.7vw,var(--fs-4))}.screen .sec-desc{font-size:1rem;margin-top:var(--sp-1)}.screen .sec-head{margin-bottom:var(--sp-3)}.screen .whyhub__hub{width:min(100%,calc(100vh - var(--hdr-h) - 300px))}.screen .whyhub__card{padding:var(--sp-3)}.screen .whyhub__card p{font-size:.95rem}.screen .vtile{padding:var(--sp-2) var(--sp-3)}.screen .vtile__icon{width:32px;height:32px;margin-bottom:var(--sp-1)}.screen .vtile__icon svg{width:16px;height:16px}.screen .vtile h3{font-size:1rem}.screen .vtile p{font-size:.86rem}.screen .value__foot{margin-top:var(--sp-2)}.screen .hero__values{margin-top:var(--sp-3)}.screen .products__grid{margin-top:var(--sp-3);height:clamp(440px,calc(100vh - var(--hdr-h) - 200px),560px)}.screen .pcard__body{padding:var(--sp-3) var(--sp-4)}.screen .pcard__title{font-size:var(--fs-3)}.screen .pcard__list{margin-top:12px;gap:4px}}.hero--intro{--hx:0px;--hy:0px}.hero--intro .hero__inner{max-width:61.8%}.hero--intro .hero__title{margin-top:0;width:max-content;max-width:100%;transform-origin:center center;will-change:transform;transform:translate(var(--hx),var(--hy)) scale(1.28);transition:transform .85s var(--ease)}.hero__line{display:block;width:max-content;max-width:100%;transform:translateX(var(--lx,0px));transition:transform .85s var(--ease)}.hero--intro.is-open .hero__title,.hero--intro.is-open .hero__line{transform:none}.hero__rise{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(48px);transition:grid-template-rows .8s var(--ease),opacity .6s var(--ease),transform .8s var(--ease)}.hero__rise-in{min-height:0;overflow:hidden}.hero--intro.is-open .hero__rise{grid-template-rows:1fr;opacity:1;transform:none;transition-delay:.25s,.35s,.25s}.hero--intro.is-measuring .hero__title,.hero--intro.is-measuring .hero__line{transform:none!important;transition:none!important}.hero--intro.is-measuring .hero__rise{transition:none!important}.hero__desc{margin-top:var(--sp-4);font-size:clamp(1.02rem,1.5vw,1.2rem);color:rgba(255,255,255,.8);max-width:61.8%;line-height:1.8}.hero__desc b{color:#fff}.hero__values{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:clamp(var(--sp-4),6vw,var(--sp-6));padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.14)}.hero__value b{display:block;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}.hero__value b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:10px;vertical-align:2px}.hero__value span{display:block;margin-top:6px;font-size:.9rem;color:rgba(255,255,255,.72);line-height:1.55}.hero--intro .hero__scroll{background:none;border:0;cursor:pointer;transition:opacity .4s}.hero--intro.is-open .hero__scroll{opacity:.5}@media (max-width:1024px),(max-height:639px){.hero--intro .hero__title,.hero__line{transform:none;transition:none}.hero__rise{grid-template-rows:1fr;opacity:1;transform:none;transition:none}.hero--intro .hero__inner,.hero__desc{max-width:none}.hero__values{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero--intro .hero__title,.hero__line,.hero__rise{transition:none}}.notice__guide{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.notice__guide-icon{flex:0 0 auto;width:var(--sp-5);height:var(--sp-5);border-radius:var(--radius);display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.notice__guide-icon svg{width:24px;height:24px}.notice__guide-label{display:block;font-size:.85rem;font-weight:800;letter-spacing:0;color:var(--brand);margin-bottom:var(--sp-1)}.notice__guide p{font-size:var(--fs-1);color:var(--ink-2);line-height:var(--lh-body);word-break:keep-all}.notice__guide b{color:var(--ink)}.notice__guide a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}.notice__guide a:hover{color:var(--brand-700)}@media (max-width:640px){.notice__guide{flex-direction:column;padding:var(--sp-3)}}.notice__board{margin-top:var(--sp-5)}.notice__table{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);font-size:.95rem}.notice__col-num{width:13%}.notice__col-date{width:21%}.notice__table th{padding:var(--sp-2) var(--sp-1);font-weight:700;color:var(--ink);border-bottom:1px solid var(--line-2)}.notice__table td{padding:var(--sp-3) var(--sp-1);text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}.notice__table td.notice__title{text-align:left;color:var(--ink)}.notice__title a:hover{color:var(--brand);text-decoration:underline}.notice__empty td{padding-block:var(--sp-6);color:var(--muted-2)}@media (max-width:640px){.notice__col-num{width:0}.notice__table th:first-child,.notice__table td:first-child:not([colspan]){padding-inline:0;font-size:0}.notice__col-date{width:30%}}html.popup-open{overflow:hidden}.np{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:24px;overflow:hidden auto;background:#fff;color:var(--ink);box-shadow:0 40px 80px -24px rgba(7,13,26,.6)}.np::backdrop{background:rgba(7,13,26,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.np[open]{animation:np-in .5s var(--ease)}.np[open]::backdrop{animation:fade-in .35s var(--ease)}@keyframes np-in{from{opacity:0;transform:translateY(18px) scale(.97)}}.np__card:focus{outline:none}.np__visual{position:relative;isolation:isolate;height:176px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(80% 100% at 100% 0%,rgba(47,111,237,.55),transparent 60%),linear-gradient(160deg,#142040,#0b1220)}.np__visual::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent)}.np__seal{position:relative;width:132px;aspect-ratio:1;display:grid;place-items:center;transform:rotate(-8deg)}.np__seal::before,.np__seal::after{content:"";position:absolute;border-radius:50%}.np__seal::before{inset:0;border:1.5px dashed rgba(255,255,255,.35);animation:whySpin 30s linear infinite}.np__seal::after{inset:-9px;border:1px solid rgba(255,255,255,.16)}.np__core{width:98px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:radial-gradient(circle at 35% 30%,#3a6df5,var(--brand) 55%,#1a3aa3);box-shadow:0 18px 36px -14px rgba(47,111,237,.9),inset 0 1px 0 rgba(255,255,255,.3)}.np__core svg{width:28px;height:28px}.np__core b{font-size:.86rem;letter-spacing:-.01em}.np[open] .np__seal{animation:np-stamp .7s cubic-bezier(.2,1.35,.4,1) .25s both}@keyframes np-stamp{0%{opacity:0;transform:rotate(-22deg) scale(1.6)}60%{opacity:1}100%{opacity:1;transform:rotate(-8deg) scale(1)}}.np__body{padding:var(--sp-4) var(--sp-4) var(--sp-3);text-align:center}.np__tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--muted)}.np__tag b{padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--brand)}.np__body h2{margin-top:var(--sp-2);font-size:1.45rem;font-weight:800;line-height:1.38;letter-spacing:-.03em}.np__body h2 small{font-size:.72em;font-weight:700;white-space:nowrap}.np__desc{margin-top:var(--sp-1);font-size:.95rem;line-height:1.7;color:var(--muted)}.np__btns{display:flex;gap:var(--sp-1);margin-top:var(--sp-3)}.np__btns .btn{flex:1;padding-inline:var(--sp-2)}.np__foot{display:flex;border-top:1px solid var(--line)}.np__foot button{flex:1;padding:14px 10px;font-size:.86rem;font-weight:600;color:var(--muted);transition:background var(--dur),color var(--dur)}.np__foot button + button{border-left:1px solid var(--line);color:var(--ink)}.np__foot button:hover{background:var(--bg-soft);color:var(--ink)}@media (prefers-reduced-motion:reduce){.np[open],.np[open]::backdrop,.np[open] .np__seal,.np__seal::before{animation:none}}