/* LUCNESIA: moonlight at the edges, quiet surfaces under information. */
:root{--paper:#fcfbff;--ink:#2e2440;--muted:#665b75;--line:#e4deec;--purple:#684298;--mint:#eee9f7}
body{background:#fcfbff}
.company-hero{background:linear-gradient(115deg,#fcfbff 0%,#f5f0fc 55%,#e8e0f6 100%)!important;position:relative;isolation:isolate;overflow:hidden;padding:64px 5% 72px;gap:6%;min-height:600px}
.company-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-2;opacity:1;background:radial-gradient(ellipse at 88% 24%,#d1c0ed99,transparent 45%),radial-gradient(ellipse at 4% 100%,#e9e3f766,transparent 48%),linear-gradient(115deg,#fcfbff 0%,#f5f0fc 55%,#e8e0f6 100%)}
.company-hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:1;background:radial-gradient(circle at 91% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 69% 85%,#ac93d1 0 1.5px,transparent 2.5px),radial-gradient(circle at 95% 76%,#fff 0 2px,transparent 3px),radial-gradient(circle at 61% 11%,#b39bcd 0 1px,transparent 2px);border-bottom:1px solid #e1d7ee}
.company-hero .hero-copy{background:transparent;border:0;box-shadow:none;padding:0;max-width:650px;position:relative;z-index:1}
.company-hero .hero-copy .eyebrow{color:#786092;letter-spacing:.19em;font-size:11px}
.company-hero h1{font-size:clamp(32px,3.8vw,52px)!important;color:#2e2340!important;line-height:1.5!important;white-space:normal;margin:18px 0 26px!important}
.company-hero h1 em{color:#7851a5!important}
.company-hero .hero-copy p{color:#5a4c6a!important;font-size:15px;line-height:2;max-width:38em}
.company-hero .hero-copy .company-lead{color:#3a294d!important;font-size:21px;margin-bottom:20px}
.company-hero .hero-copy .intake-note{color:#70627f!important;font-size:12px;line-height:1.9;margin-top:20px;max-width:42em}
.company-hero .company-logo{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none;padding:0;width:min(100%,440px);max-width:440px;margin:20px auto;justify-self:center}
.company-hero .company-logo:before{content:'';position:absolute;inset:-36px;border:1px solid #bda3df88;border-radius:50%;z-index:-1;transform:rotate(-22deg) scaleY(.78);pointer-events:none}
.company-hero .company-logo:after{content:'';position:absolute;inset:-22px;border:1px solid #fff;border-radius:50%;z-index:-1;transform:rotate(28deg) scaleY(.85);pointer-events:none;box-shadow:0 0 70px #c4b3e644}
.company-hero .company-logo img{border-radius:20px;display:block;box-shadow:0 20px 55px #3f27532b;width:100%;max-width:440px}
.company-actions{gap:12px;align-items:stretch}
.company-actions .button{border-radius:8px;min-height:48px;padding:12px 19px;background:#684298;color:#fff;border:1px solid #684298;font-size:13px}
.company-actions .button.light{background:#ffffffd9;color:#58367f;border-color:#c2aed8}
.company-actions .button:hover{background:#523277;color:#fff;border-color:#523277}
.intake-works{background:#fcfbff;border-bottom:1px solid #e9e1f0}
.intake-gallery{gap:24px}
.intake-gallery figure{background:#fff;border:1px solid #e5deed;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px #39234e06}
.intake-gallery figure a{border-radius:0;background:#f4f1f8}
.intake-gallery figcaption{padding:22px 20px}
.intake-gallery figcaption small{color:#756580}
.intro{background:#eee8f7;border-top:1px solid #e4daef;border-bottom:1px solid #e4daef}
.intro span{color:#715781}
#price{background:#f5f1fa}
#price .price-group,#price .price-conditions{background:#fff;border-color:#e4dcec;border-radius:14px}
#price table{background:#fff}
#price thead{background:#eee7f6}
#flow{background:#fcfbff}
.step{border-top-color:#b69acb}
.faq details{background:#fff;padding:20px 18px;border:1px solid #e6dfed;border-radius:10px;margin-bottom:12px}
.contact{background:radial-gradient(ellipse at 100% 0%,#44315c 0%,transparent 65%),linear-gradient(125deg,#211b30,#30223e);border-top:1px solid #5b446f}
.contact h2{color:#fff}
.contact .form-box{background:#fff;border:1px solid #e7deef;border-radius:16px;box-shadow:0 12px 40px #130d201a}
.contact .field input,.contact .field select,.contact .field textarea{border-radius:7px;background:#fdfcff}
.contact .socials a{color:#f1e4ff;border-bottom-color:#ab8fc4}
.company-services{background:#f5f1fa!important;border-bottom:1px solid #e7dff0}
.company-services:before,.company-services:after{display:none!important}
.company-about{background:#fcfbff}
.official-sns{background:#eee8f7!important}
.footer{background:#fcfbff}
section[id]{scroll-margin-top:190px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9872bd;outline-offset:4px}
@media(max-width:900px){.company-hero{gap:5%;padding:48px 6% 56px;min-height:0}.company-hero .company-logo{max-width:340px}.company-hero .company-logo:before{inset:-24px}.company-hero .company-logo:after{inset:-14px}}
@media(max-width:760px){.company-hero{grid-template-columns:1fr;padding:38px 6% 48px;gap:34px}.company-hero:before{background:radial-gradient(ellipse at 100% 75%,#d8c8ed77,transparent 50%),linear-gradient(150deg,#fcfbff,#f1ebf8)}.company-hero .hero-copy{padding:0;max-width:none}.company-hero h1{font-size:clamp(30px,8vw,42px)!important;margin:15px 0 24px!important}.company-hero .hero-copy .company-lead{font-size:18px}.company-hero .hero-copy p{font-size:14px}.company-hero .company-logo{width:74%;max-width:280px;margin:16px auto 8px}.company-hero .company-logo:before{inset:-22px}.company-hero .company-logo:after{inset:-12px}.company-actions{gap:10px}.company-actions .button{padding:12px 14px;font-size:12px}.intake-gallery figcaption{padding:18px}.contact h2{white-space:normal}.intake-works .section-head h2{word-break:normal;overflow-wrap:anywhere}section[id]{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* MOONLIGHT EDITION START */
.company-hero{background:#101126!important;min-height:690px;padding:76px 5% 86px;gap:8%;border-bottom:1px solid #9980bd44}
.company-hero:before{background:linear-gradient(90deg,rgba(13,15,35,.97) 0%,rgba(17,16,40,.85) 35%,rgba(23,16,47,.28) 66%,rgba(25,17,47,.04) 100%),url('lucnesia-moonlight.svg') center center/cover no-repeat;opacity:1}
.company-hero:after{background:linear-gradient(0deg,#15152f,transparent 24%);border:0}
.company-hero .hero-copy{padding:12px 0;background:transparent}
.company-hero .hero-copy .eyebrow{color:#c8b3e8!important;letter-spacing:.22em}
.company-hero h1{color:#fff8ff!important;font-size:clamp(36px,4.2vw,60px)!important;line-height:1.5!important;text-shadow:0 4px 30px #9979d13d!important}
.company-hero h1 em{color:#dbb9ff!important}
.company-hero .hero-copy p{color:#e0d5eb!important;line-height:2.05}
.company-hero .hero-copy .company-lead{color:#f8f0ff!important;font-size:22px}
.company-hero .hero-copy .intake-note{color:#c0b3cf!important;font-size:12px}
.company-hero .company-logo{max-width:350px;margin-top:100px;transform:rotate(-3deg);padding:10px;background:#d9c4ff0a;border:1px solid #d2b2ff66;border-radius:28px;box-shadow:0 20px 80px #08091b99,0 0 45px #a477e02b}
.company-hero .company-logo img{border-radius:19px;box-shadow:none}
.company-hero .company-logo:before{inset:-34px;border-color:#e2caff55;box-shadow:0 0 45px #a578d72b}
.company-hero .company-logo:after{inset:-55px;border-color:#bc9aec33}
.company-hero .company-actions .button{background:linear-gradient(120deg,#bd96eb,#e6c8ff);border-color:#e7cfff;color:#251633;box-shadow:0 5px 28px #b285e22b;font-weight:600}
.company-hero .company-actions .button.light{background:#ffffff0b;color:#f3e7ff;border-color:#b394d388;box-shadow:none;font-weight:400}
.company-hero .company-actions .button:hover{background:#fff0ff;color:#352047;border-color:#fff0ff}
.intake-works{position:relative;background:radial-gradient(ellipse at 80% 0%,#33224788,transparent 60%),#15152f;color:#f8f0ff;border-bottom-color:#ac89d733}
.intake-works .eyebrow{color:#c5a3e7}.intake-works .section-head p,.intake-works .intake-note{color:#c6b8d7}
.intake-gallery figure{background:#231e39;border-color:#9e80bd55;box-shadow:0 14px 40px #0807193d;border-radius:18px}
.intake-gallery figure a{background:linear-gradient(140deg,#f5f0fa,#e1d6ed);border-bottom:1px solid #a68dbe44}
.intake-gallery img{height:420px}.intake-gallery figcaption{padding:22px}.intake-gallery figcaption strong{color:#fff1ff}.intake-gallery figcaption span{color:#e0d2eb}.intake-gallery figcaption small{color:#c6acd9}
.intake-works .button.light{background:#ffffff0a;border-color:#af8cce88;color:#f4e6ff;border-radius:8px}
.intro{background:linear-gradient(110deg,#342446,#4b3263);color:#f7e9ff;border-color:#82649666}.intro span{color:#d0b9e3}
#price{background:radial-gradient(ellipse at 0% 0%,#e4d7f4,transparent 65%),#f6f1fb}
.contact{background:linear-gradient(90deg,#17162ded,#2b1e42e6),url('lucnesia-moonlight.svg') center/cover no-repeat}
@media(max-width:900px){.company-hero{padding:60px 6%;gap:5%;min-height:0}.company-hero .company-logo{max-width:300px;margin-top:85px}}
@media(max-width:760px){.company-hero{padding:38px 6% 64px;gap:28px}.company-hero:before{background:linear-gradient(180deg,#11132bef 0%,#16152edb 45%,#241a4088 72%,#1c1732bb 100%),url('lucnesia-moonlight.svg') 70% bottom/auto 950px no-repeat}.company-hero h1{font-size:clamp(31px,8.3vw,44px)!important}.company-hero .hero-copy .company-lead{font-size:19px}.company-hero .hero-copy p{font-size:14px}.company-hero .hero-copy .intake-note{font-size:11px}.company-hero .company-logo{width:68%;max-width:270px;margin:35px auto 10px;padding:8px}.company-hero .company-logo:before{inset:-24px}.company-hero .company-logo:after{inset:-40px}.intake-gallery img{height:390px}.intake-gallery figcaption{padding:20px}}
/* MOONLIGHT EDITION END */
