.line-member-gate{width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8d8d8;background:#fff;color:#2e251f;box-shadow:0 28px 90px rgba(0,0,0,.25);overflow:auto}
.line-member-gate::backdrop{background:rgba(22,22,22,.62);backdrop-filter:blur(3px)}
.line-member-gate-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);column-gap:clamp(30px,5vw,66px);padding:clamp(28px,4.5vw,58px);background:#fff}
.line-member-gate-shell.is-copy-only{display:block}
.line-member-gate-shell:before{content:"";position:absolute;inset:12px;border:1px solid rgba(70,70,70,.12);pointer-events:none}
.line-member-gate-close{position:absolute;z-index:2;top:18px;right:20px;width:42px;height:42px;border:0;background:transparent;color:#6f5b4e;font:300 30px/1 serif;cursor:pointer}
.line-member-gate button:focus-visible{outline:2px solid #8d4d27;outline-offset:3px}
.line-member-gate-grid{display:contents}
.line-member-gate-grid.is-copy-only{display:block}.line-member-gate-grid.is-copy-only .line-member-gate-copy h2,.line-member-gate-grid.is-copy-only .line-member-gate-lead{max-width:none}
.line-member-gate-copy,.line-member-demo{position:relative;z-index:1}.line-member-gate-copy{grid-column:1;grid-row:1}
.line-member-gate-eyebrow{margin:0 0 14px;color:#8d4d27;font-size:12px;font-weight:700;letter-spacing:.22em}
.line-member-gate-copy h2{max-width:640px;margin:0;color:#56331f;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(27px,3.2vw,43px);font-weight:500;line-height:1.45;letter-spacing:.035em}
.line-member-gate-lead{max-width:630px;margin:18px 0 27px;color:#796b61;font-size:15px;line-height:1.9}
.line-member-benefits{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.line-member-benefits li{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:15px 0;border-top:1px solid rgba(66,49,38,.13)}
.line-member-benefits li:last-child{border-bottom:1px solid rgba(66,49,38,.13)}
.line-member-benefits li>span{padding-top:2px;color:#a35c31;font-size:12px;font-weight:700;letter-spacing:.15em}
.line-member-benefits div{display:grid;gap:4px}
.line-member-benefits b{font-size:16px;font-weight:700;letter-spacing:.035em}
.line-member-benefits small{color:#84766c;font-size:13px;line-height:1.65}
.line-member-demo{display:grid;grid-column:2;grid-row:1/3;align-self:stretch;justify-items:center;gap:18px}
.line-member-video-wrap{display:block;width:100%;min-height:0;align-self:start}.line-member-video{box-sizing:border-box;display:block;width:100%;height:auto;max-height:none;border:1px solid rgba(72,51,38,.2);background:#241f1b;box-shadow:0 20px 45px rgba(54,34,20,.2)}
.line-member-phone{width:min(300px,100%);padding:11px;border:1px solid rgba(72,51,38,.24);border-radius:30px;background:#29231f;box-shadow:0 20px 45px rgba(54,34,20,.22);transform:rotate(1.2deg)}
.line-member-phone-top{display:grid;grid-template-columns:12px 1fr 12px;align-items:center;gap:8px;padding:8px 10px 13px;color:#e9e0d7;font-size:9px;letter-spacing:.1em;text-align:center}
.line-member-phone-top i,.line-member-phone-top em{display:block;width:6px;height:6px;border-radius:50%;background:#77bd65}
.line-member-phone-top em{justify-self:end;background:#b7a99d}
.line-member-demo-screen{min-height:386px;padding:18px;border-radius:21px;background:#f8f4ed;overflow:hidden}
.line-member-demo-profile{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #ded5ca}
.line-member-demo-profile>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#75452b;color:#fff;font-family:serif;font-size:19px}
.line-member-demo-profile div{display:grid}.line-member-demo-profile b{font-size:11px;letter-spacing:.08em}.line-member-demo-profile small{color:#71846d;font-size:9px}
.line-member-demo-order{position:relative;display:grid;gap:4px;margin-top:17px;padding:16px;border:1px solid #d9cec2;background:#fff;box-shadow:0 7px 18px rgba(67,43,27,.07);animation:memberCardFocus 6s ease-in-out infinite}
.line-member-demo-order small{color:#9b765f;font-size:9px;letter-spacing:.1em}.line-member-demo-order b{font-size:13px}.line-member-demo-order span{justify-self:start;margin-top:5px;padding:3px 8px;background:#f2dfcf;color:#8b4e2b;font-size:9px}
.line-member-demo-order.second{animation-delay:-3s;opacity:.72}.line-member-demo-order.second span{background:#e6eee3;color:#55704e}
.line-member-demo-tracking{display:flex;align-items:center;gap:11px;margin-top:17px;padding:13px 14px;border-left:3px solid #9d5a32;background:#efe7dd;animation:memberTrackingFocus 6s ease-in-out infinite}
.line-member-demo-tracking i{width:25px;height:18px;border:1px solid #8e684f;border-radius:3px;box-shadow:inset 0 -5px #dfcbbb}.line-member-demo-tracking div{display:grid}.line-member-demo-tracking small{color:#8b7769;font-size:8px}.line-member-demo-tracking b{font-size:11px;letter-spacing:.06em}
.line-member-demo-steps{display:flex;align-items:center;gap:8px;color:#78675c;font-size:11px;letter-spacing:.06em}.line-member-demo-steps i{color:#ad7756;font-style:normal}
.line-member-gate-actions{position:relative;z-index:1;display:grid;grid-column:1;grid-row:2;grid-template-columns:minmax(260px,390px) auto;align-items:center;gap:12px 18px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(67,49,38,.15)}
.line-member-gate-actions button{min-height:55px;padding:12px 22px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.035em;cursor:pointer}
.line-member-gate-primary{border:1px solid #784525;background:#784525;color:#fff}
.line-member-gate-primary:hover{background:#62371e}.line-member-gate-secondary{justify-self:start;border:0;background:transparent;color:#6f5a4c;text-decoration:underline;text-underline-offset:5px}
.line-member-gate-actions small{grid-column:1/-1;color:#88796e;font-size:12px}
@keyframes memberCardFocus{0%,100%{transform:translateY(0);box-shadow:0 7px 18px rgba(67,43,27,.07)}45%,55%{transform:translateY(-3px);box-shadow:0 12px 24px rgba(104,58,29,.16)}}
@keyframes memberTrackingFocus{0%,30%,100%{transform:translateX(0)}55%,70%{transform:translateX(4px)}}
@media(max-width:760px){.line-member-gate{width:calc(100% - 18px);max-height:calc(100dvh - 18px)}.line-member-gate-shell{display:block;padding:42px 24px 26px}.line-member-gate-grid{display:grid;grid-template-columns:1fr;gap:28px}.line-member-gate-copy h2{font-size:27px}.line-member-gate-lead{font-size:14px}.line-member-demo{display:none}.line-member-video-wrap{display:block;width:100%}.line-member-video{height:auto;max-height:none}.line-member-gate-actions{grid-template-columns:1fr;text-align:center}.line-member-gate-secondary{justify-self:center}.line-member-gate-actions small{grid-column:auto;line-height:1.6}}
/* Keep the guide readable in narrow or desktop-requested mobile browsers. */
@media(max-width:1100px){
  .line-member-gate{box-sizing:border-box;width:min(720px,calc(100% - 16px));max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .line-member-gate-shell{display:block;min-width:0;padding:54px clamp(20px,5vw,30px) 28px}
  .line-member-gate-grid{display:block;width:100%;min-width:0}
  .line-member-gate-copy{display:block;width:100%;min-width:0}
  .line-member-gate-copy h2{max-width:none;font-size:clamp(26px,5vw,32px);line-height:1.5}
  .line-member-gate-lead{max-width:none;margin:16px 0 24px;font-size:14px;line-height:1.8}
  .line-member-benefits li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0}
  .line-member-benefits div{min-width:0}
  .line-member-benefits b,.line-member-benefits small{overflow-wrap:normal;word-break:normal}
  .line-member-video-wrap{display:flex;align-self:auto;justify-content:center;width:100%;min-width:0;margin:26px auto 0}
  .line-member-video{display:block;width:auto;height:auto;max-width:min(100%,240px);max-height:500px}
  .line-member-gate-actions{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px;padding-top:22px;text-align:center}
  .line-member-gate-primary{width:100%}
  .line-member-gate-secondary{justify-self:center}
  .line-member-gate-actions small{grid-column:auto;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.line-member-demo-order,.line-member-demo-tracking{animation:none}}