/* Contact page: shared homepage palette and call-to-action treatment. */
.contact-page .nav-link[aria-current=page],.contact-page #mobile-menu a[aria-current=page]{color:var(--accent)}
.contact-page .overview-shell{width:min(1180px,calc(100% - 64px))}
.contact-page main{padding-top:130px}
.contact-kicker{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0}
.contact-kicker:before{content:"";width:30px;height:2px;background:var(--accent)}
.contact-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding-bottom:28px}
.contact-hero>div{grid-column:2;text-align:center}
.contact-hero .contact-kicker{justify-content:center}
.contact-hero .contact-motto{justify-self:end}
@media(max-width:760px){.contact-hero{grid-template-columns:minmax(0,1fr)}.contact-hero>div{grid-column:1}}
.contact-hero h1{font-size:clamp(44px,5.4vw,68px);line-height:1.1;letter-spacing:-.045em;font-weight:700;margin:10px 0}
.contact-hero h1 strong,.contact-intro h2 span{color:var(--accent);font-weight:inherit}
.contact-subtitle{color:#aab2c8;font-size:17px;margin:0}
.contact-motto{text-align:right;color:#8f99b3;font-size:14px;line-height:1.7}
.contact-motto span,.contact-message-art p span{display:block;width:34px;height:2px;background:var(--accent);margin:16px 0 0 auto}
.contact-intro{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:40px;padding-bottom:38px;border-bottom:1px solid #bc99ff20}
.contact-art,.contact-method,.contact-message,.contact-category{border:1px solid #bc99ff35;background:radial-gradient(ellipse at 0 0,#7921f51c,transparent 65%),linear-gradient(125deg,#151c35b3,#0b1026df);box-shadow:inset 0 1px 0 #bc99ff0d,0 12px 32px #00000014;border-radius:18px}
.contact-art{position:relative;aspect-ratio:1.31;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#7921f514,transparent 65%),linear-gradient(145deg,#18162f,#0b1025 65%);border-color:#bc99ff38;box-shadow:inset 0 1px 0 #d5bfff0d,0 20px 60px #03051533}
.contact-art:before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#cba9ff80,transparent)}
.contact-support-illustration{display:block;width:100%;height:100%;object-fit:fill}
.support-art-caption{position:absolute;bottom:5.5%;left:5%;display:grid;gap:7px;font-size:10px;letter-spacing:.12em;color:#d8cbe9}.support-art-caption span{font-size:8px;color:#9099b7;letter-spacing:.13em}
.support-availability{position:absolute;right:5%;bottom:6.2%;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:.06em;color:#b7c5a8;padding:7px 9px;border:1px solid #9df52120;border-radius:20px;background:#9df52105}.support-availability span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #9df52170}
.contact-page .contact-intro h2{font-size:clamp(26px,2.8vw,38px);font-weight:700;line-height:1.15;margin:14px 0 18px}
.contact-intro-copy>p:not(.contact-kicker){color:#b7bed2;font-size:15px;line-height:1.8;margin:0}
.contact-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.contact-benefits>div{display:flex;gap:8px;align-items:center}.contact-benefits>div>span{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #bc99ff40;border-radius:50%;background:#7921f522;color:var(--secondary)}.contact-benefits svg{width:23px;height:23px}.contact-benefits p{margin:0}.contact-benefits b{display:block;font-size:10px;white-space:nowrap}.contact-benefits small{display:block;color:#aab2c8;font-size:9px;margin-top:5px}
.contact-direct{padding-block:28px 22px}.contact-section-heading{text-align:center;margin-bottom:24px}.contact-section-heading .contact-kicker{justify-content:center}.contact-page .contact-section-heading h2{font-weight:700;margin:10px 0 8px;font-size:32px}.contact-section-heading>p:last-child{color:#b7bed2;font-size:14px;margin:0}
.contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-method{display:flex;gap:19px;padding:25px 22px;align-items:flex-start;min-width:0;transition:border-color .2s,transform .2s}.contact-method>a,.contact-method>div{min-width:0}.contact-method:hover{border-color:#bc99ff75}.contact-method-icon{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:20px;color:var(--secondary);background:linear-gradient(135deg,#7921f54d,#7921f512);border:1px solid #bc99ff40;box-shadow:inset 0 0 16px #7921f52b}.contact-method-icon svg{width:31px;height:31px}.contact-method h3{font-size:13px;color:#c5a9f7;font-weight:600;margin:2px 0 9px}.contact-method strong{font-size:16px;font-weight:600;display:block;overflow-wrap:anywhere}.contact-method small{display:block;color:#aab2c8;font-size:11px;margin-top:9px;line-height:1.5}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:0;border-radius:10px;color:#101708;background:linear-gradient(120deg,#c9fb96,var(--accent));font:700 13px Arial,Helvetica,sans-serif;box-shadow:0 9px 24px #9df5212e;cursor:pointer;transition:transform .2s,box-shadow .2s}.contact-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #9df5214d}.contact-button svg{width:18px;height:18px}.contact-method .contact-button{width:100%;margin-top:13px;min-height:38px;font-size:11px}.contact-method:last-child{padding-top:22px;padding-bottom:18px}.contact-method:last-child strong{font-size:14px}
.contact-message{position:relative;display:grid;grid-template-columns:27% 73%;overflow:hidden;padding:30px 32px 24px 0}.contact-message-art{position:relative;min-width:0}.contact-message-art img{position:absolute;max-width:none;width:590px;height:590px;right:8px;top:0;opacity:.8}.contact-message-art p{position:absolute;left:34px;bottom:14px;color:#8f99b3;font-size:11px;line-height:1.7;letter-spacing:.16em}.contact-message-art p span{margin-left:0}.contact-message-content{position:relative}.contact-page .contact-form-heading h2{font-size:31px;font-weight:700;margin:10px 0}.contact-form-heading>p:last-child{color:#b7bed2;font-size:13px;line-height:1.65;margin:0}
#contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:24px}.contact-full{grid-column:1/-1}.contact-field{display:block;color:#e3e6f2;font-size:12px;font-weight:500;min-width:0}.contact-field>span{color:#c698e8}.contact-field>small{color:#8f99b3;font-size:10px;margin-left:4px}.contact-field input,.contact-field select,.contact-field textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;min-height:43px;border:1px solid #bc99ff30;border-radius:8px;background:#0b132aa6;color:#f4f5fa;padding:11px 14px;font:inherit;outline:none;color-scheme:dark}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8390ac}.contact-field textarea{resize:vertical;min-height:100px}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#bc99ff;box-shadow:0 0 0 3px #bc99ff15}.contact-button:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}.message-count{text-align:right;margin:5px 0 0;color:#909bb5;font-size:10px}.contact-form-note{color:#909bb5;font-size:11px;line-height:1.6;margin:0}.contact-chat-status{padding:16px;border:1px solid #bc99ff40;border-radius:10px;font-size:13px;color:#b7bed2;margin-top:16px}.contact-chat-status a{color:var(--accent);text-decoration:underline}
.contact-categories{padding:34px 0 58px}.contact-categories-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.contact-page .contact-categories h2{font-size:18px;font-weight:650;margin:8px 0 0 40px}.contact-categories-heading>p{font-size:12px;color:#aab2c8;margin:0}.contact-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.contact-category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:20px 12px 16px;border-radius:12px;transition:transform .2s,border-color .2s}.contact-category>svg:first-child{width:30px;height:30px;color:var(--secondary)}.contact-category span{font-size:12px;line-height:1.4;min-height:34px;display:flex;align-items:center;font-weight:550}.contact-category>svg:last-child{width:17px;height:17px;color:var(--accent)}.contact-category:hover{transform:translateY(-4px);border-color:var(--secondary)}
@media(min-width:1400px){.contact-intro{gap:54px}}
@media(max-width:1050px){.contact-benefits{gap:8px}.contact-benefits>div{flex-direction:column;align-items:flex-start}.contact-method{padding:20px 15px;gap:12px}.contact-method-icon{width:45px;height:45px;border-radius:14px}.contact-method-icon svg{width:25px;height:25px}.contact-method strong{font-size:14px}.contact-message{grid-template-columns:24% 76%}.contact-message-art img{right:-25px}.contact-category-grid{gap:9px}}
@media(max-width:760px){.contact-page .overview-shell{width:calc(100% - 36px)}.contact-page main{padding-top:108px}.contact-motto{display:none}.contact-subtitle{font-size:14px}.contact-intro{grid-template-columns:1fr;gap:28px}.contact-art{max-width:520px;width:100%;margin:auto}.contact-page .contact-intro h2{font-size:32px}.contact-benefits>div{flex-direction:row}.contact-benefits{margin-top:24px}.contact-methods{grid-template-columns:1fr}.contact-method{padding:23px;gap:20px}.contact-method-icon{width:54px;height:54px}.contact-method strong{font-size:17px}.contact-method:last-child>div{flex:1}.contact-method .contact-button{max-width:220px}.contact-message{display:block;padding:26px 22px}.contact-message-art{display:none}.contact-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-categories-heading{align-items:flex-start;gap:20px}.contact-categories-heading>p{max-width:190px;line-height:1.6}.contact-page .contact-section-heading h2{font-size:28px}}
@media(max-width:440px){.contact-benefits>div{flex-direction:column}.contact-benefits b{font-size:10px}.contact-intro-copy>p:not(.contact-kicker){font-size:14px}#contact-form{grid-template-columns:1fr}.contact-page .contact-form-heading h2{font-size:27px}.contact-categories-heading{display:block}.contact-categories-heading>p{margin-top:14px;max-width:none}.contact-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-orbit-icon{width:43px;height:43px}.support-orbit-icon svg{width:23px;height:23px}.support-art-caption{bottom:16px;left:20px}.contact-message{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.contact-button,.contact-category,.contact-method{transition:none}.contact-button:hover,.contact-category:hover{transform:none}}

@media(max-width:440px){.contact-art .support-art-caption{left:5%;bottom:5%;gap:5px;font-size:8px}.contact-art .support-art-caption span{font-size:6px}.support-availability{font-size:6px;gap:5px;padding:5px 6px;bottom:5.5%}}

/* Reuse the homepage background, colors, animation and scroll parallax. */
.contact-page .site-parallax-art{opacity:.9}
.contact-page .site-svg-glows{opacity:.4;animation-name:contact-particle-breathe}
@keyframes contact-particle-breathe{0%,100%{scale:.8}50%{scale:1.12}}
.contact-scene-float{animation:contact-scene-float 16s ease-in-out infinite alternate;opacity:.72}
.contact-scene-reverse{animation-delay:-8s;animation-direction:alternate-reverse}
.contact-scene-slow{animation-duration:22s;animation-delay:-5s;opacity:.6}
@keyframes contact-scene-float{from{transform:translateY(7px) rotate(-4deg)}to{transform:translateY(-11px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.contact-scene-float{animation:none}}