:root{--join-max:1180px}
.join-page{background:var(--cream);font-family:var(--body);overflow-x:hidden}
.join-page img{height:auto}
.join-nav{position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 6vw;background:rgba(255,245,240,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(242,167,190,.3)}
.join-logo{font-family:var(--serif);font-weight:700;letter-spacing:.08em;text-decoration:none;color:var(--brown)}.join-logo span{color:var(--pink-d)}
.join-nav-actions{display:flex;align-items:center;gap:.7rem}.join-line-small{font-family:var(--round);font-size:.72rem;font-weight:700;text-decoration:none;color:var(--brown)}
.join-nav a:focus-visible,.join-page button:focus-visible,.join-page input:focus-visible,.join-page select:focus-visible,.join-page textarea:focus-visible{outline:4px solid var(--tiff-d);outline-offset:3px}
.join-hero{min-height:100vh;padding:8.5rem 6vw 5rem;display:grid;grid-template-columns:.88fr 1.12fr;gap:3rem;align-items:center;position:relative;overflow:hidden}.join-hero:before{z-index:0}.join-hero-copy,.join-hero-art{position:relative;z-index:2}
.join-collection{font:900 .72rem/1.5 var(--round);letter-spacing:.18em;color:var(--pink-d);margin-bottom:1rem}.join-hero h1{font:700 clamp(3rem,5.6vw,6rem)/1.08 var(--serif);color:var(--brown);letter-spacing:.01em;margin-bottom:1.4rem}.hero-title-line{display:block;white-space:nowrap}.join-hero h1 .hero-title-brand{color:var(--pink-d)}
.join-lead{font:500 clamp(1rem,1.5vw,1.25rem)/1.9 var(--round);color:var(--ink-s);margin-bottom:1.7rem}.join-actions{display:flex;gap:.8rem;flex-wrap:wrap}.price-note{max-width:36rem;margin-top:1.3rem;padding-left:1rem;border-left:4px solid var(--tiff-d);font:700 .88rem/1.8 var(--round);color:var(--brown)}
.join-hero-art img{display:block;width:100%;height:auto;border-radius:34px;box-shadow:0 30px 80px rgba(123,91,58,.2);transform:rotate(1deg)}.garage-sign{position:absolute;left:60%;top:7%;width:33%;height:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 clamp(1rem,2vw,1.7rem)/1.2 var(--round);color:var(--brown);letter-spacing:.12em;transform:rotate(1deg)}.garage-sign small{font-size:.48em;letter-spacing:.18em;color:var(--pink-d)}
.join-section{padding:7rem 6vw;position:relative}.join-section>*{max-width:var(--join-max);margin-inline:auto}.section-title{margin-bottom:3rem}.section-title h2,.station-copy h2,.seed-copy h2,.join-claim h2,.contact-copy h2{font:700 clamp(2.3rem,4.7vw,5rem)/1.16 var(--serif);color:var(--brown)}
.model-section{background:var(--white)}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.model-grid article{padding:1.5rem;border-radius:28px;background:linear-gradient(145deg,var(--cream),var(--tiff-s));border:1px solid rgba(242,167,190,.34);box-shadow:0 18px 50px rgba(61,35,20,.06)}.model-grid strong{display:block;font:900 1.03rem/1.5 var(--round);color:var(--brown);margin-bottom:.55rem}.model-grid p{font:400 .88rem/1.8 var(--round);color:var(--ink-s)}
.compare-section{background:radial-gradient(ellipse at 82% 14%,rgba(168,216,208,.5),transparent 35%),var(--pink-s)}.compare-table{border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(123,91,58,.12)}.compare-row{display:grid;grid-template-columns:170px 1fr 1fr;background:rgba(255,250,248,.78);border-bottom:1px solid rgba(123,91,58,.12)}.compare-row>*{padding:1rem 1.2rem;font:500 .88rem/1.7 var(--round)}.compare-row strong{color:var(--brown);font-weight:900}.compare-row span:last-child{background:rgba(214,239,236,.56);color:var(--brown);font-weight:700}.compare-head{background:var(--brown);color:var(--white)}.compare-head span{background:transparent!important;color:var(--white)!important;font-weight:900}.idle-art{position:absolute;right:2vw;bottom:1rem;width:min(210px,18vw);transform:rotate(4deg)}.idle-art img{display:block;width:100%;border-radius:28px;box-shadow:0 20px 50px rgba(61,35,20,.15)}
.station-section{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;background:var(--cream)}.station-section>*{max-width:none}.station-art img{display:block;width:100%;border-radius:34px;box-shadow:0 26px 70px rgba(61,35,20,.14)}.station-copy p:not(.eyebrow){font:500 1rem/1.9 var(--round);color:var(--ink-s);margin-top:1.2rem}.station-copy .hand-sign{padding:1rem 1.2rem;border-radius:20px;background:var(--tiff-s);color:var(--brown)!important;font-weight:700!important}
.support-section{background:var(--brown);color:var(--white)}.support-section .eyebrow{color:var(--pink-s)}.support-section h2{color:var(--pink-s)}.support-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}.support-rail span{display:grid;place-items:center;min-height:110px;border:1px solid rgba(255,250,248,.2);border-radius:26px;background:rgba(255,250,248,.08);font:900 1rem/1.4 var(--round)}.support-note{max-width:720px!important;text-align:center;margin-top:2rem!important;font:500 1rem/1.9 var(--round);color:rgba(255,250,248,.78)}
.equipment-section{background:radial-gradient(ellipse at 30% 10%,rgba(253,221,232,.75),transparent 36%),var(--white)}.equipment-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.equipment-list li{min-height:150px;display:grid;place-items:center;text-align:center;padding:1rem;border-radius:50% 46% 48% 52%;background:var(--cream);border:2px solid var(--pink);font:900 1rem/1.5 var(--round);color:var(--brown)}.equipment-note{text-align:center;margin-top:2rem!important;font:700 .9rem/1.8 var(--round);color:var(--ink-s)}
.seed-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center;background:linear-gradient(135deg,var(--tiff-s),var(--cream),var(--pink-s))}.seed-section>*{max-width:none}.seed-copy h2 span{color:var(--pink-d)}.seed-copy p:not(.eyebrow){margin-top:1.2rem;font:500 1rem/1.9 var(--round);color:var(--ink-s)}.seed-note{font-weight:900!important;color:var(--brown)!important}.seed-card{position:relative;width:min(600px,100%);justify-self:center}.seed-card img{display:block;width:100%;border-radius:36px;box-shadow:0 30px 90px rgba(224,120,153,.25)}.seed-card figcaption{position:absolute;left:20%;top:21%;width:49%;height:43%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--brown);transform:rotate(-2deg)}.seed-card figcaption span{font:900 clamp(1.4rem,4vw,3.3rem)/1 var(--round);letter-spacing:.16em}.seed-card figcaption strong{font:900 clamp(3.4rem,8vw,7rem)/1 var(--serif);color:var(--pink-d)}.seed-card figcaption small{font:900 clamp(.55rem,1vw,.8rem)/1.4 var(--round);letter-spacing:.12em}
.legit-section{background:var(--white)}.join-claim{max-width:960px!important;cursor:default}.join-claim:hover{transform:none}.join-claim .eyebrow{margin-top:1rem}.legit-points{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.legit-points span{border-radius:999px;padding:.55rem 1rem;background:var(--tiff-s);font:900 .82rem/1.4 var(--round);color:var(--brown)}
.mismatch-section{background:var(--pink-s)}.no-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.no-list li{padding:1.5rem 1.5rem 1.5rem 3.4rem;border-radius:24px;background:rgba(255,250,248,.76);font:700 .95rem/1.8 var(--round);color:var(--brown);position:relative}.no-list li:before{content:'×';position:absolute;left:1.2rem;top:1.15rem;font:900 1.6rem/1 var(--serif);color:var(--pink-d)}
.process-section{background:var(--cream)}.process-list{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.process-list li{padding:1.25rem;border-radius:26px;background:var(--white);border:1px solid rgba(242,167,190,.35);box-shadow:0 15px 40px rgba(61,35,20,.05)}.process-list span{font:900 1.8rem/1 var(--serif);color:var(--pink-d)}.process-list strong{display:block;margin:.8rem 0 .4rem;font:900 .95rem/1.5 var(--round);color:var(--brown)}.process-list p{font:400 .8rem/1.7 var(--round);color:var(--ink-s)}
.contact-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:3rem;background:var(--brown);color:var(--white)}.contact-section>*{max-width:none}.contact-copy .eyebrow{color:var(--pink-s)}.contact-copy h2{color:var(--pink-s)}.contact-copy p:not(.eyebrow){margin:1.3rem 0;font:500 .95rem/1.9 var(--round);color:rgba(255,250,248,.78)}.line-main{display:inline-flex;border-radius:999px;padding:.8rem 1.2rem;background:var(--pink-s);color:var(--brown);font:900 .85rem/1.4 var(--round);text-decoration:none}
.join-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;border-radius:32px;background:var(--white);color:var(--brown)}.field{display:flex;flex-direction:column;gap:.35rem}.field-wide{grid-column:1/-1}.field label,.consent label{font:900 .78rem/1.5 var(--round)}.field input,.field select,.field textarea{width:100%;border:1.5px solid rgba(123,91,58,.22);border-radius:14px;background:var(--cream);padding:.8rem .9rem;font:500 1rem/1.5 var(--round);color:var(--ink)}.field textarea{resize:vertical}.field [aria-invalid=true]{border-color:#b53b5f;background:#fff1f4}.field-error{min-height:1.2em;font:700 .7rem/1.4 var(--round);color:#9c294b}.consent{display:grid;grid-template-columns:auto 1fr;gap:.5rem .7rem;align-items:start}.consent input{margin-top:.3rem;width:1.1rem;height:1.1rem}.consent .field-error{grid-column:2}.form-actions{display:flex;gap:.8rem;align-items:center}.form-actions button,.form-actions a{border:0;border-radius:999px;padding:.8rem 1.2rem;font:900 .8rem/1.4 var(--round);text-decoration:none;cursor:pointer}.form-actions button{background:var(--brown);color:var(--white)}.form-actions a{background:var(--tiff-s);color:var(--brown)}.form-status{border-radius:16px;padding:.8rem 1rem;background:var(--cream);font:700 .78rem/1.6 var(--round);color:var(--ink-s)}.form-status[data-state=error]{background:#fff1f4;color:#9c294b}.form-status[data-state=blocked]{background:var(--tiff-s);color:var(--brown)}
.join-footer{background:var(--brown-d);color:rgba(255,245,240,.72);padding:3rem 6vw 6rem;text-align:center;display:grid;gap:.3rem;font:500 .78rem/1.7 var(--round)}.join-footer strong{font:700 1.3rem/1.4 var(--serif);color:var(--pink-s)}.join-footer a{color:var(--tiff-s)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.join-hero,.station-section,.seed-section,.contact-section{grid-template-columns:1fr}.join-hero-art{order:-1}.model-grid{grid-template-columns:1fr 1fr}.support-rail{grid-template-columns:repeat(3,1fr)}.process-list{grid-template-columns:1fr 1fr}.idle-art{display:none}}
@media(max-width:600px){.join-nav{padding:.72rem 1rem}.join-line-small{display:none}.join-hero{padding:6.7rem 1.1rem 4rem;gap:1.8rem}.join-hero h1{font-size:3.1rem}.join-hero-art img{border-radius:25px;transform:none}.garage-sign{left:20%;top:6%;width:68%;height:20%;font-size:1rem;transform:none}.join-actions .btn{width:100%}.join-section{padding:4.7rem 1.1rem}.model-grid,.no-list,.process-list{grid-template-columns:1fr}.compare-table{box-shadow:none;overflow:visible}.compare-head{display:none}.compare-row{display:block;margin-bottom:1rem;border:1px solid rgba(123,91,58,.13);border-radius:22px;overflow:hidden}.compare-row strong{display:block;background:var(--brown);color:var(--white)}.compare-row span{display:block;padding-left:7.8rem;position:relative}.compare-row span:before{content:attr(data-label);position:absolute;left:1rem;top:1rem;width:6rem;font-weight:900;color:var(--brown)}.support-rail{grid-template-columns:1fr 1fr}.support-rail span{min-height:86px}.equipment-list{grid-template-columns:1fr 1fr}.equipment-list li{min-height:130px}.join-form{grid-template-columns:1fr;padding:1.3rem}.field{grid-column:1/-1}.contact-section{gap:2rem}.seed-card figcaption{left:19%;top:20%;width:50%;height:44%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{
  @page{size:A4;margin:12mm}
  *{animation:none!important;transition:none!important;box-shadow:none!important}
  body{background:#fff!important;color:#23160f!important;font-size:9.5pt;line-height:1.45;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .reveal{opacity:1!important;transform:none!important}
  .join-nav,.join-actions,.join-form,.sugar,.idle-art{display:none!important}
  .join-hero,.join-section{display:block!important;min-height:0;padding:10mm 0!important;background:#fff!important;color:#23160f!important;break-inside:auto}
  .join-hero-copy,.join-hero-art,.section-title,.model-grid,.compare-table,.station-art,.station-copy,.support-rail,.equipment-list,.seed-copy,.seed-card,.join-claim,.no-list,.process-list,.contact-copy{max-width:100%!important;margin:0 0 6mm!important}
  .join-hero{padding-top:0!important}.join-hero h1,.section-title h2,.station-copy h2,.seed-copy h2,.join-claim h2,.contact-copy h2{font-size:24pt!important;color:#3D2314!important}.join-hero-art img{max-height:130mm;object-fit:cover}.garage-sign{display:none}
  .model-grid,.support-rail,.equipment-list,.no-list{display:grid;grid-template-columns:1fr 1fr}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:3mm}.process-list li{break-inside:avoid;margin:0}.compare-row{break-inside:avoid}.section-title,.station-copy{break-inside:avoid}.station-section,.seed-section{break-before:page}.seed-card{break-inside:avoid;width:85mm!important;max-width:85mm!important}.seed-card img{width:85mm!important;height:auto!important;max-height:220mm!important;object-fit:contain}.join-claim{break-inside:avoid}.support-note,.contact-copy p:not(.eyebrow){color:#3D2314!important}.contact-section{break-before:page}.contact-copy:after{content:'LINE @meimeihotpot  ·  https://line.me/R/ti/p/@meimeihotpot';display:block;margin-top:8mm;font:700 11pt var(--round);color:#3D2314}.join-footer{padding:8mm 0;background:#fff;color:#3D2314;break-inside:avoid}
}