.contact-page{background:#fff;color:#111d49}.contact-wrap{width:min(1240px,calc(100% - 80px));margin:auto}.contact-page h1,.contact-page h2,.contact-page h3,.contact-page p{margin:0}.contact-page svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contact-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#eef8ff,#fff 48%,#f0ebff);border-radius:0 0 48% 9%/0 0 9% 5%}.contact-hero::before{content:"";position:absolute;width:90%;height:110%;border:38px solid #fff8;border-radius:50%;left:-10%;top:-67%;transform:rotate(-14deg);z-index:-1}.contact-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:370px;gap:30px;padding-top:32px}.contact-hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.3;font-weight:800;letter-spacing:-.035em}.contact-hero p{font-size:20px;line-height:1.8;color:#58698e;margin-top:20px}.contact-note{display:block;color:#6c8be0;font-family:DragieSpeech,cursive;font-size:24px;margin-top:24px;transform:rotate(-5deg);transform-origin:left}.contact-mascot{width:100%;aspect-ratio:15/14;background:url('./sections-art/dragie-support-desk.png') left 48.3%/400% 142.86% no-repeat;max-width:420px;justify-self:end;filter:drop-shadow(0 12px 10px #6d77842b)}.channel-strip{display:grid;grid-template-columns:1fr 1fr 1.24fr;padding:55px 0 58px}.channel-strip>a{display:flex;gap:19px;align-items:center;padding:0 26px;border-right:1px solid #dfE8f8;text-decoration:none;transition:transform .2s}.channel-strip>a:first-child{padding-left:0}.channel-strip>a:last-child{border:0;padding-right:0}.channel-strip>a>svg{width:64px;height:64px;padding:18px;border-radius:50%;color:#287cff;background:#eaf2ff}.channel-strip .line-channel>svg{background:#e1fae9;color:#00a94d}.channel-strip>a:last-child>svg{background:#f0eaff;color:#7959ff}.channel-strip small,.channel-strip strong,.channel-strip em{display:block}.channel-strip small{color:#7280a1;font-size:14px}.channel-strip strong{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:3px 0}.channel-strip>a:last-child strong{font-size:18px}.channel-strip em{font-style:normal;font-size:13px;color:#7783a0}.channel-strip>a:hover{transform:translateY(-4px)}.contact-main{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;padding:22px 0 95px}.contact-main h2{font-size:32px;line-height:1.4;font-weight:800;letter-spacing:-.02em}.company-name{font-size:21px;color:#596e99;margin-top:10px!important}.company dl{margin:35px 0 0}.company dl>div{position:relative;padding-left:49px;margin-bottom:29px}.company dl svg{position:absolute;left:0;top:3px;color:#5297ff;width:27px;height:27px}.company dt{font-weight:700;font-size:17px}.company dd{margin:7px 0 0;font-size:16px;line-height:1.8;color:#6a7897}.company dd a:hover{color:#0877ff}.line-friend{display:flex;align-items:center;gap:20px;border-top:1px solid #deE8f9;padding-top:28px;margin-top:28px}.line-friend h3{font-size:19px}.line-friend p{font-size:14px;color:#7382a1;margin-top:8px}.line-friend img{border:1px solid #e0eaf6;border-radius:12px;width:118px;height:118px;padding:8px;background:white}.line-button{display:inline-flex;align-items:center;gap:9px;background:#04b94d;color:#fff;padding:14px 16px;border-radius:12px;margin-top:18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.line-button:hover{background:#009e40;transform:translateY(-2px)}.company-signoff{font-family:DragieSpeech,cursive;color:#7393dc;font-size:23px;margin-top:42px!important;transform:rotate(-4deg)}.message-panel{padding:36px;background:linear-gradient(130deg,#f6fbff,#f7f9ff);border-radius:22px}.message-panel>p{color:#7583a1;font-size:15px;line-height:1.8;margin-top:12px}#contact-form{margin-top:28px}#contact-form>label{margin-top:20px}#contact-form label{display:block;font-size:14px;font-weight:600;line-height:1.6}.required{color:#0877ff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #ccd9ed;background:#fff;border-radius:9px;padding:12px 13px;color:#17284f;font:inherit;font-weight:400;line-height:1.5;box-shadow:none}#contact-form textarea{resize:vertical;min-height:140px}#contact-form input:focus-visible,#contact-form textarea:focus-visible,#contact-form select:focus-visible{outline:3px solid #8fbaff66;border-color:#227fff;outline-offset:1px}#contact-form .contact-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#677b9f;font-size:13px;margin-top:22px}#contact-form input[type=checkbox]{width:18px;height:18px;accent-color:#0877ff;flex-shrink:0;margin-top:2px}#contact-form .button{width:100%;justify-content:center;border:0;cursor:pointer;min-height:51px;margin-top:24px;border-radius:9px;background:#1478f8;color:white;font-size:16px}#contact-form .button:hover{background:#0863dc}#contact-form .button:disabled{opacity:.6;cursor:wait}#contact-form .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-privacy{display:block;text-align:center;font-size:11px;line-height:1.8;color:#8591ad;margin-top:18px}#contact-status{font-size:14px;line-height:1.8;margin-top:16px;white-space:pre-line}#contact-status[data-error=true]{color:#b02d44}.contact-footer{background:#0e234b;color:white;padding:30px 0}.contact-footer>.contact-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px}.contact-footer img{object-fit:contain;filter:brightness(0) invert(1)}.contact-page a:focus-visible,.contact-page button:focus-visible{outline:3px solid #9475ff;outline-offset:4px}.contact-page .nav-cta{min-width:0}html[lang=en] .contact-hero h1{font-size:52px}@media(max-width:1050px){.contact-wrap{width:calc(100% - 48px)}.contact-main{gap:35px}.channel-strip>a{padding:0 15px;gap:12px}.channel-strip>a>svg{width:44px;height:44px;padding:11px}.channel-strip strong{font-size:18px}.channel-strip>a:last-child strong{font-size:14px}.contact-hero-grid{min-height:330px}.contact-hero p{font-size:17px}.message-panel{padding:25px}.line-friend{flex-wrap:wrap}.contact-main h2{font-size:27px}}@media(max-width:700px){.contact-wrap{width:calc(100% - 40px)}.contact-hero-grid{grid-template-columns:1fr;gap:5px;padding-top:35px;min-height:0}.contact-hero h1,html[lang=en] .contact-hero h1{font-size:36px}.contact-hero p{font-size:16px;line-height:1.9;margin-top:16px}.contact-note{font-size:20px;margin-top:17px}.contact-mascot{width:240px;justify-self:center;margin-top:-8px}.contact-hero{border-radius:0 0 35% 4%/0 0 4% 2%}.channel-strip{grid-template-columns:1fr;padding:32px 0}.channel-strip>a,.channel-strip>a:first-child,.channel-strip>a:last-child{border-right:0;border-bottom:1px solid #e4ecfa;padding:20px 0;gap:18px}.channel-strip>a:first-child{padding-top:0}.channel-strip>a:last-child{border:0}.channel-strip>a>svg{width:52px;height:52px;padding:14px}.channel-strip strong,.channel-strip>a:last-child strong{font-size:20px}.contact-main{grid-template-columns:1fr;gap:38px;padding:10px 0 55px}.contact-main h2{font-size:29px}.company-name{font-size:20px}.company dl{margin-top:26px}.company dl>div{margin-bottom:22px}.line-friend{flex-wrap:nowrap;gap:12px}.line-friend img{width:90px;height:90px}.line-button{font-size:12px;padding:12px 10px}.line-button svg{width:20px}.company-signoff{font-size:21px;margin-top:25px!important}.message-panel{padding:26px 20px}.form-row{grid-template-columns:1fr;gap:18px}.contact-footer>.contact-wrap{flex-wrap:wrap;justify-content:center;text-align:center}.contact-footer img{width:125px}.contact-footer span{font-size:11px}.contact-footer a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){.contact-page *{scroll-behavior:auto!important}.channel-strip>a,.line-button{transition:none}.channel-strip>a:hover,.line-button:hover{transform:none}}
/* Scope illustration placement against the shared homepage mascot styles. */
.contact-page .contact-hero .contact-mascot{position:relative;inset:auto;transform:none;margin:0;grid-column:2;grid-row:1;z-index:0;align-self:end}.contact-page .contact-hero-grid>div:first-child{position:relative;z-index:1;grid-column:1;grid-row:1;padding:30px 0 45px}@media(max-width:700px){.contact-page .contact-hero .contact-mascot{grid-column:1;grid-row:2}.contact-page .contact-hero-grid>div:first-child{padding:0}}
/* Carry the homepage's pearlescent showroom into the contact page. */
.contact-page .contact-hero{background:#edf5ff url('./pearl-showroom.svg') center top/100% 100% no-repeat;border-radius:0}.contact-page .contact-hero::before{display:none}.contact-page .contact-hero-grid>div:first-child{background:radial-gradient(ellipse at 35% 50%,#ffffffb8 0%,#ffffff00 72%)}.contact-page .contact-main{position:relative;isolation:isolate}.contact-page .contact-main::before{content:"";position:absolute;z-index:-1;inset:-35px -60px -45px;pointer-events:none;background:url('./section-arcs.svg?v=h4b') center/100% 100% no-repeat;opacity:.48}.contact-page .message-panel{background:linear-gradient(135deg,#f3faffed,#f5f3ffed);border:1px solid #e3eaff;box-shadow:0 10px 35px #6c94c60a}.contact-page .channel-strip{background:linear-gradient(90deg,#fff0,#f1f8ff80 40%,#f5f1ff66 75%,#fff0)}@media(max-width:700px){.contact-page .contact-hero{background-size:auto 100%;background-position:center top}.contact-page .contact-main::before{inset:-15px -20px -30px;background-size:auto 100%;opacity:.32}}
.contact-page .contact-hero-grid>div:first-child{background:none}
/* Decorative showroom ribbons belong only in the top hero. */
.contact-page .contact-main::before{display:none}
/* Reuse the homepage footer and its floating LINE control without icon overrides. */
.contact-page .lp-line-icon svg{width:40px;height:40px;stroke:none}.contact-page .lp-line-label{line-height:1.4}.contact-page .lp-footer p{margin:0}