:root{--accent:#6a7cff;--accent-2:color-mix(in srgb,var(--accent) 58%,#ffffff 42%);--text:#0f172a;--muted:#526075;--bg:#eef2f7;--panel:#ffffff;--line:rgba(148,163,184,.18);--radius:28px;--shadow:0 24px 90px rgba(15,23,42,.14);--phone-width:430px;--safe-top:max(env(safe-area-inset-top),18px);--safe-bottom:max(env(safe-area-inset-bottom),18px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top,#ffffff 0,#e9eef6 55%,#dfe7f2 100%);color:var(--text)}body{min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,textarea,select{font-family:var(--font-stack,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif)}body.font-gothic{--font-stack:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}body.font-modern{--font-stack:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Noto Sans JP",sans-serif;letter-spacing:.01em}body.font-mincho{--font-stack:"BIZ UDPMincho","Yu Mincho","Hiragino Mincho ProN",serif}.desktop-phone-chrome{display:none}.lp-shell{position:relative;width:100%;min-height:100svh;padding:0;background:transparent;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory}.panel{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.98));border-bottom:1px solid var(--line);padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 20px);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:18px;isolation:isolate}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.10));pointer-events:none}.panel:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:18px 18px;opacity:.18;mix-blend-mode:soft-light;pointer-events:none}.panel-dark{color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(160deg,rgba(10,10,20,.54),rgba(15,23,42,.90)),var(--hero-image);background-size:cover;background-position:center}.panel-dark:before{background:linear-gradient(180deg,rgba(12,18,34,.04),rgba(12,18,34,.24))}.panel-dark:after{opacity:.12}.hero-inner,.section-head,.section-grid,.cta-block{position:relative;z-index:2;width:100%}.hero-inner{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:6px}.hero-glow{position:absolute;inset:auto -12% -18% auto;width:72vw;height:72vw;max-width:400px;max-height:400px;background:radial-gradient(circle,var(--accent),transparent 60%);opacity:.38;filter:blur(34px);animation:floatGlow 9s ease-in-out infinite}.eyebrow,.mini-label{letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700;opacity:.86}.hero h1,.panel h2{margin:.28em 0 .24em;font-size:clamp(34px,9vw,58px);line-height:1.06;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.body-text,.lead{font-size:clamp(15px,4vw,19px);line-height:1.78;max-width:32em}.lead{opacity:.96}.cta{appearance:none;border:0;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease}.cta.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#ffffff 28%));color:#fff;box-shadow:0 18px 46px color-mix(in srgb,var(--accent) 28%, transparent)}.cta:hover,.cta:focus-visible{transform:translateY(-2px);box-shadow:0 22px 58px color-mix(in srgb,var(--accent) 34%, transparent);outline:none}.section-head{align-self:flex-start;width:100%}.card-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78%,88%);gap:14px;overflow:auto;width:100%;padding:8px 2px 4px;scroll-snap-type:x mandatory}.card-row::-webkit-scrollbar{display:none}.info-card{position:relative;scroll-snap-align:start;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.64);box-shadow:0 18px 50px rgba(15,23,42,.08);border-radius:26px;padding:22px;font-size:clamp(18px,4.8vw,22px);line-height:1.5;min-height:32svh;display:flex;align-items:flex-end}.info-card:before{content:"";position:absolute;top:18px;left:18px;width:52px;height:3px;border-radius:999px;background:var(--accent)}.panel-accent{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.94)),var(--bg-image);background-size:cover;background-position:center}.section-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:center}.visual-card{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.62);border-radius:28px;padding:10px;box-shadow:0 20px 60px rgba(15,23,42,.11);backdrop-filter:blur(14px)}.visual-card img{display:block;width:100%;height:auto;border-radius:20px}.notes-grid{display:grid;grid-template-columns:1fr;gap:14px;width:100%}.note-card{position:relative;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:20px 18px 22px;min-height:28svh;box-shadow:0 16px 48px rgba(15,23,42,.06)}.note-card:before{content:"";position:absolute;top:0;left:18px;width:86px;height:10px;border-radius:0 0 12px 12px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.note-card h3{margin:18px 0 10px;font-size:20px;line-height:1.35}.note-card p{margin:0;color:var(--muted);line-height:1.8}.panel-final{background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 26%),linear-gradient(180deg,#0b1020,#121a2e 65%,#0b1020);color:#fff}.cta-block{max-width:36em}.panel-nav{display:none}.space-hint{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,.68);backdrop-filter:blur(12px);color:#fff;font-size:12px;letter-spacing:.06em;box-shadow:0 12px 28px rgba(15,23,42,.22)}.mood-soft .panel-dark{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 34%),linear-gradient(160deg,rgba(35,53,92,.55),rgba(94,72,153,.74)),var(--hero-image)}.mood-active .cta.primary{box-shadow:0 20px 56px color-mix(in srgb,var(--accent) 42%, transparent)}.mood-luxury .panel,.mood-luxury .note-card,.mood-luxury .info-card{border-color:rgba(201,171,97,.24)}[data-animate]{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1)}[data-animate].is-visible{opacity:1;transform:none}.panel.is-active .hero-inner,.panel.is-active .section-head,.panel.is-active .section-grid,.panel.is-active .cta-block{animation:contentRise .72s cubic-bezier(.22,1,.36,1) both}@keyframes contentRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-10px,-14px,0) scale(1.06)}}@media (min-width:761px){body{display:grid;place-items:center;padding:16px}.desktop-phone-chrome{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--phone-width) + 24px);height:calc(100vh - 24px);max-height:940px;border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.25));box-shadow:0 36px 100px rgba(15,23,42,.24);border:1px solid rgba(255,255,255,.75);pointer-events:none}.desktop-phone-chrome:before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:120px;height:20px;border-radius:0 0 16px 16px;background:rgba(15,23,42,.78)}.lp-shell{width:var(--phone-width);height:calc(100vh - 24px);max-height:940px;border-radius:34px;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#eef2ff);box-shadow:0 20px 56px rgba(15,23,42,.16);scrollbar-width:none}.lp-shell::-webkit-scrollbar{display:none}.panel-nav{display:flex;flex-direction:column;gap:10px;position:fixed;left:calc(50% + (var(--phone-width) / 2) + 28px);top:50%;transform:translateY(-50%);z-index:30}.panel-nav button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(15,23,42,.20);padding:0;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.panel-nav button.is-active{background:var(--accent);transform:scale(1.15);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 16%, transparent)}}@media (max-width:760px){.panel{padding-left:16px;padding-right:16px;gap:14px}.hero h1,.panel h2{font-size:clamp(28px,10vw,42px)}.info-card{min-height:26svh;padding:20px}.space-hint{bottom:calc(var(--safe-bottom) + 8px)}}