.line-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 42%,rgba(112,38,198,.25),transparent 30%),radial-gradient(circle at 18% 78%,rgba(246,199,108,.08),transparent 28%),#07050d;color:#f8f4ff}
.line-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(182,108,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(182,108,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}
.line-header{position:relative;z-index:3;height:84px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,5,13,.58);backdrop-filter:blur(18px)}
.line-back{font-size:12px;color:#9e97a8;transition:.25s}.line-back span{margin-left:10px;color:var(--gold)}.line-back:hover{color:#fff}
.line-contact{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 84px);margin:auto;padding:70px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:clamp(60px,9vw,140px);align-items:center}
.line-copy{max-width:620px}.line-kicker{display:flex;align-items:center;gap:10px;font:600 9px Orbitron;letter-spacing:2.5px;color:var(--gold)}.line-kicker i{width:28px;height:1px;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.line-copy h1{margin:24px 0 28px;font-size:clamp(54px,6vw,88px);line-height:1.02}.line-copy h1 em{color:transparent;-webkit-text-stroke:1px #bd6cff;text-shadow:0 0 28px rgba(139,53,255,.3)}
.line-copy>p{max-width:560px;margin:0;color:#aaa3b3;font-size:15px;line-height:1.9}
.line-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.line-features span{padding:16px 13px;border:1px solid rgba(255,255,255,.08);background:rgba(16,12,25,.72);font-size:11px;color:#9d96a5}.line-features b{display:block;margin-bottom:7px;font:600 10px Orbitron;color:var(--gold)}
.line-card{position:relative;padding:38px 44px 34px;text-align:center;border:1px solid rgba(246,199,108,.34);border-radius:26px;background:linear-gradient(155deg,rgba(24,16,36,.96),rgba(8,6,13,.96));box-shadow:0 35px 90px #000,0 0 60px rgba(124,44,220,.17)}
.line-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(179,96,255,.13);border-radius:19px;pointer-events:none}.line-card-glow{position:absolute;width:220px;height:220px;inset:18% auto auto 50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(6,199,85,.15),transparent 68%);pointer-events:none}
.line-logo{position:relative;margin-bottom:22px;font:800 28px Arial;color:#06c755;letter-spacing:-1px}.line-qr-wrap{position:relative;width:min(270px,100%);aspect-ratio:1;margin:auto;padding:13px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(6,199,85,.35),0 0 35px rgba(6,199,85,.14)}.line-qr-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.line-card h2{position:relative;margin:25px 0 7px;font-size:20px}.line-card>p{position:relative;margin:0;color:#888190;font-size:11px}.line-add-button{position:relative;margin:23px auto 15px;padding:13px 22px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:8px;background:#06c755;color:#fff;font-weight:700;box-shadow:0 12px 30px rgba(6,199,85,.2);transition:.25s}.line-add-button span{font:800 14px Arial}.line-add-button:hover{transform:translateY(-3px);background:#08d65d}.line-card small{position:relative;font:500 8px Orbitron;letter-spacing:1px;color:#6f6877}
.line-orbit{position:absolute;border:1px solid rgba(169,82,255,.12);border-radius:50%;pointer-events:none}.line-orbit-one{width:620px;height:620px;right:-180px;top:5%;box-shadow:0 0 80px rgba(110,37,210,.08)}.line-orbit-two{width:360px;height:360px;left:-130px;bottom:-100px;border-color:rgba(246,199,108,.1)}
@media(max-width:850px){.line-contact{grid-template-columns:1fr;padding:55px 0 75px}.line-copy{text-align:center;margin:auto}.line-kicker{justify-content:center}.line-copy>p{margin:auto}.line-card{width:min(470px,100%);margin:auto}}
@media(max-width:560px){.line-header{height:68px;padding:0 18px}.line-header .brand{font-size:14px}.line-back{font-size:10px}.line-contact{width:calc(100% - 28px);min-height:calc(100vh - 68px);padding:42px 0}.line-copy h1{font-size:45px;letter-spacing:-2px}.line-copy>p{font-size:12px;line-height:1.75}.line-features{gap:6px;margin-top:28px}.line-features span{padding:12px 7px;font-size:9px}.line-card{padding:30px 22px 27px;border-radius:22px}.line-qr-wrap{width:230px}.line-card h2{font-size:17px}}
