@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg-paper: #f1ecdf;--ink: #1a1c26;--ink-soft: #4b5062;--line: #c9ccda;--accent: #f45b2c;--accent-deep: #9f3318;--mint: #0e8f74;--cream: #f8f4ea;--line-brand: #06c755;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--container: min(1120px, calc(100% - 2.8rem) );--header-h: 74px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);font-family:Outfit,Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(95rem 48rem at -15% -20%,#ffe4cd 0%,transparent 72%),radial-gradient(70rem 42rem at 115% 2%,#dff7f0 0%,transparent 65%),linear-gradient(165deg,var(--bg-paper) 0%,#ebeef7 40%,#f5f3ec 100%);min-height:100vh;overflow-x:hidden;line-height:1.55;position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;width:340px;height:340px;border-radius:999px;pointer-events:none;z-index:-1;filter:blur(28px);opacity:.5;animation:aura-float 14s ease-in-out infinite}body:before{top:-90px;left:-80px;background:radial-gradient(circle,color-mix(in srgb,var(--line-brand),white 58%) 0%,transparent 70%)}body:after{right:-100px;bottom:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--accent),white 60%) 0%,transparent 70%);animation-delay:-6s}main{display:grid;gap:6.25rem;padding-bottom:7rem}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Cormorant Garamond,Hiragino Mincho ProN,serif;letter-spacing:.01em;line-height:1.2;margin:0}p{margin:0}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 clamp(1rem,4vw,2rem);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 24%);backdrop-filter:blur(14px) saturate(135%);background:color-mix(in srgb,var(--bg-paper),transparent 18%)}.site-brand{display:grid;gap:.08rem}.site-brand span{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.site-brand strong{font-size:.92rem;letter-spacing:.04em}.site-header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.35rem}.site-header nav a{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;letter-spacing:.04em;border-radius:999px;padding:.46rem .92rem;border:1px solid transparent;transition:border-color .25s ease,color .25s ease,background-color .25s ease,transform .25s ease}.site-header nav a[data-active=true]{border-color:color-mix(in srgb,var(--line-brand),white 24%);color:color-mix(in srgb,var(--line-brand),black 20%);background:color-mix(in srgb,var(--line-brand),white 86%);transform:translateY(-1px)}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:color-mix(in srgb,var(--ink),transparent 55%);transform:translateY(-1px);outline:none}.container{width:var(--container);margin-inline:auto}.hero{padding-top:clamp(2.4rem,9vw,5rem)}.hero-inner{display:grid;gap:clamp(1.8rem,3.8vw,3rem);grid-template-columns:minmax(0,1fr) minmax(290px,440px);align-items:end}.kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border:1px solid color-mix(in srgb,var(--accent),white 35%);border-radius:999px;color:var(--accent-deep);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb,var(--accent),white 90%)}.hero h1{margin-top:.95rem;font-size:clamp(2.1rem,6vw,4.1rem)}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin-top:1.25rem;max-width:61ch;color:var(--ink-soft);font-size:clamp(.98rem,1.4vw,1.12rem)}.hero-actions{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.75rem}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding-inline:1.2rem;border-radius:999px;font-size:.88rem;letter-spacing:.04em;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease}.cta.primary{color:#fff;background:linear-gradient(135deg,var(--accent),#dd6a48);box-shadow:0 .9rem 1.9rem -1rem color-mix(in srgb,var(--accent),black 20%)}.cta.secondary{border-color:color-mix(in srgb,var(--ink),transparent 70%);color:var(--ink);background:color-mix(in srgb,#fff,transparent 10%)}.cta.line{color:#f8fff9;background:linear-gradient(135deg,color-mix(in srgb,var(--line-brand),white 10%),#04b94e);box-shadow:0 .95rem 1.9rem -1rem color-mix(in srgb,var(--line-brand),black 30%)}.cta:hover,.cta:focus-visible{transform:translateY(-2px);outline:none}.hero-panel{border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:var(--radius-lg);padding:1.3rem;background:linear-gradient(160deg,color-mix(in srgb,#fff,transparent 2%),color-mix(in srgb,#fff,transparent 24%)),repeating-linear-gradient(-32deg,transparent 0,transparent 13px,color-mix(in srgb,var(--line),transparent 85%) 14px,color-mix(in srgb,var(--line),transparent 85%) 15px)}.hero-panel h2{font-size:clamp(1.05rem,2vw,1.48rem)}.hero-panel ul{margin:1rem 0 0;padding-left:1.1rem;display:grid;gap:.6rem;color:var(--ink-soft);font-size:.92rem}.profile-hero .hero-inner{align-items:center}.hero-points,.join-points{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.52rem;max-width:40rem}.hero-points li,.join-points li{font-size:.9rem;color:color-mix(in srgb,var(--ink-soft),black 8%);padding:.62rem .84rem;border-radius:.82rem;width:100%;background:color-mix(in srgb,#fff,transparent 7%);border:1px solid color-mix(in srgb,var(--line),transparent 28%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff,transparent 40%)}.profile-panel{overflow:hidden;position:relative}.profile-panel:after{content:"";position:absolute;inset:auto -18% -34% auto;width:260px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--line-brand),white 65%) 0%,transparent 68%);pointer-events:none}.spotlight-card{position:relative;z-index:1;transform:translateY(0);transition:transform .5s ease,filter .5s ease}.spotlight-card:hover{transform:translateY(-6px);filter:saturate(108%)}.spotlight-frame{background:linear-gradient(180deg,#111318,#080a0f);overflow:hidden}.spotlight-glow{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--line-brand),transparent 68%) 100%);pointer-events:none;animation:glow-breathe 2.8s ease-in-out infinite}.section-head{display:grid;gap:.9rem;margin-bottom:1.7rem}.section-head p:first-of-type{color:var(--mint);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.section-head h2{font-size:clamp(1.7rem,4vw,2.8rem)}.section-head p:last-of-type{color:var(--ink-soft);max-width:62ch}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.stats article{border-radius:var(--radius-md);background:color-mix(in srgb,#fff,transparent 5%);border:1px solid color-mix(in srgb,var(--line),transparent 24%);padding:1.1rem}.stats strong{font-size:clamp(1.45rem,3vw,2.1rem);font-family:Cormorant Garamond,serif}.stats span{display:block;margin-top:.2rem;color:var(--ink-soft);font-size:.86rem}.showcase-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.device-shot-card{margin:0;display:grid;gap:.7rem}.device-shot-frame{position:relative;border-radius:2rem;border:1px solid color-mix(in srgb,var(--line),transparent 10%);padding:.52rem;background:linear-gradient(180deg,#151515,#0a0a0a);box-shadow:0 1.4rem 2.2rem -1.5rem #0000008c}.device-shot-frame:before{content:"";position:absolute;top:.22rem;left:50%;transform:translate(-50%);width:34%;height:.22rem;border-radius:999px;background:#272727}.device-shot-frame img{width:100%;height:auto;display:block;border-radius:1.45rem;border:1px solid color-mix(in srgb,#fff,transparent 88%);background:#efede8;aspect-ratio:var(--shot-ratio);object-fit:cover}.device-shot-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink-soft);font-size:.84rem}.device-shot-card figcaption strong{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;border:1px solid color-mix(in srgb,var(--line),transparent 10%);background:#fff;color:var(--ink-soft);padding:.26rem .58rem;min-width:4.7rem;text-align:center}.shot-marquee{position:relative;overflow:hidden;border-radius:1.4rem;padding:1.15rem 0;border:1px solid color-mix(in srgb,var(--line),transparent 18%);background:linear-gradient(145deg,color-mix(in srgb,#fff,transparent 6%),color-mix(in srgb,#fff,transparent 14%))}.shot-marquee:before,.shot-marquee:after{content:"";position:absolute;top:0;width:14%;height:100%;pointer-events:none;z-index:2}.shot-marquee:before{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg-paper),transparent 0%) 0%,transparent 100%)}.shot-marquee:after{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--bg-paper),transparent 0%) 0%,transparent 100%)}.shot-marquee-track{display:flex;gap:.85rem;width:max-content;padding:0 .8rem;animation:marquee-flow 40s linear infinite}.shot-marquee:hover .shot-marquee-track{animation-play-state:paused}.marquee-item{width:min(220px,41vw);flex:0 0 auto;display:grid;gap:.45rem;transform:translateY(calc(var(--parallax-shift, 0px) * 1px));transition:transform .2s linear}.marquee-item p{margin:0;font-size:.84rem;font-weight:500;color:var(--ink-soft);letter-spacing:.03em;text-align:center}.flow-legend{margin-top:1.15rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.flow-legend article{border-radius:1rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--line),transparent 20%);background:color-mix(in srgb,#fff,transparent 7%)}.flow-legend h3{font-size:1.05rem;line-height:1.18}.flow-legend p{margin-top:.38rem;font-size:.84rem;color:var(--ink-soft)}.feature-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-list-card{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--line),transparent 16%);background:linear-gradient(140deg,color-mix(in srgb,#fff,transparent 3%),color-mix(in srgb,#fff,transparent 18%));padding:1.2rem;box-shadow:0 1.4rem 2.5rem -2rem #10122173}.feature-list-card h3{font-size:clamp(1.22rem,2.3vw,1.75rem)}.feature-list-card ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.56rem}.feature-list-card li{border-radius:.78rem;padding:.62rem .74rem;border:1px solid color-mix(in srgb,var(--line),transparent 30%);background:color-mix(in srgb,#fff,transparent 6%);font-size:.9rem;color:var(--ink-soft)}.command-card li{display:grid;gap:.2rem}.command-card strong{color:var(--ink);font-size:.9rem;letter-spacing:.03em}.command-card span{font-size:.82rem;color:var(--ink-soft)}.shot-stack{position:relative;min-height:300vh;margin-top:1.4rem}.stack-card{position:sticky;top:calc(var(--header-h) + 2rem);width:min(850px,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:1rem;align-items:center;padding:1rem;border-radius:calc(var(--radius-lg) + 2px);border:1px solid color-mix(in srgb,var(--line),transparent 12%);background:linear-gradient(145deg,color-mix(in srgb,#fff,transparent 4%),color-mix(in srgb,#fff,transparent 18%));box-shadow:0 1.8rem 2.6rem -1.8rem #0e112052;transform:translateY(calc((2 - var(--stack-index)) * 12px)) rotate(calc((var(--stack-index) - 1) * 1.6deg));opacity:calc(.8 + (var(--stack-active, 0) * .2))}.stack-meta h3{font-size:clamp(1.2rem,2.2vw,1.7rem)}.stack-meta p{margin-top:.4rem;color:var(--ink-soft);font-size:.9rem;max-width:34ch}.join-box{border-radius:var(--radius-lg);padding:clamp(1.3rem,4vw,2rem);border:1px solid color-mix(in srgb,var(--line-brand),transparent 55%);background:radial-gradient(72% 150% at 15% 0%,color-mix(in srgb,var(--line-brand),white 85%) 0%,transparent 65%),linear-gradient(150deg,color-mix(in srgb,#fff,transparent 8%),color-mix(in srgb,#fff,transparent 16%))}.join-box h2{font-size:clamp(1.75rem,4vw,2.75rem)}.join-box p{margin-top:.7rem;color:var(--ink-soft);max-width:60ch}@keyframes marquee-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes aura-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(16px,-14px,0) scale(1.05)}}@keyframes glow-breathe{0%,to{opacity:.56}50%{opacity:.9}}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.feature-cards article{padding:1.1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--line),transparent 22%);background:linear-gradient(130deg,color-mix(in srgb,#fff,transparent 4%),color-mix(in srgb,#fff,transparent 12%))}.feature-cards h3{font-size:1.1rem;margin-bottom:.5rem}.feature-cards p{color:var(--ink-soft);font-size:.9rem}.disclosure-grid article{min-height:158px}.story-note{border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--mint),transparent 60%);background:color-mix(in srgb,var(--mint),white 94%);padding:1rem;color:color-mix(in srgb,var(--mint),black 15%)}.swipe-story{margin-top:2rem}.swipe-story-track{height:min(440vh,calc(220px + var(--frame-height, 0) * .9));position:relative}.swipe-story-sticky{position:sticky;top:calc(var(--header-h) + 1.2rem);display:grid;gap:1rem}.swipe-story-head{display:grid;gap:.65rem}.swipe-story-head p:first-child{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:800}.swipe-story-head h2{font-size:clamp(1.4rem,3vw,2.3rem)}.swipe-story-head p:last-child{max-width:58ch;color:var(--ink-soft)}.swipe-stage-wrap{width:min(460px,100%)}.swipe-stage{position:relative;border-radius:2.4rem;padding:.6rem;background:linear-gradient(180deg,#101010,#050505);border:1px solid color-mix(in srgb,#ffffff,transparent 87%);box-shadow:0 2rem 2.7rem -1.8rem #0000009e}.swipe-stage img{width:100%;display:block;border-radius:1.75rem;aspect-ratio:9 / 19.5;object-fit:cover;background:color-mix(in srgb,var(--line),white 35%)}.swipe-finger{position:absolute;left:10%;bottom:9%;pointer-events:none}.swipe-finger span{display:block;width:3rem;height:3rem;border-radius:999px;border:2px solid color-mix(in srgb,white,transparent 18%);background:color-mix(in srgb,white,transparent 70%);box-shadow:0 .7rem 1rem -.8rem #0000008c;transition:transform .15s linear}.swipe-status{margin-top:.75rem;display:inline-flex;gap:.45rem;font-size:.83rem;color:var(--ink-soft)}.swipe-meter{width:100%;height:.42rem;border-radius:999px;margin-top:.5rem;background:color-mix(in srgb,var(--line),transparent 30%);overflow:hidden}.swipe-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,#e99376 100%)}.swipe-note{margin-top:.64rem;font-size:.8rem;color:var(--ink-soft)}.footer-note{padding:2rem 0 0;color:var(--ink-soft);font-size:.86rem;border-top:1px solid color-mix(in srgb,var(--line),transparent 35%)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr}.stats,.showcase-grid,.feature-cards,.feature-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-card{grid-template-columns:1fr;width:min(560px,100%)}}@media(max-width:760px){:root{--container: min(100% - 1.3rem, 100%)}main{gap:4.2rem}.site-header{height:auto;min-height:var(--header-h);flex-wrap:wrap;justify-content:center;padding-block:.6rem}.site-brand{text-align:center}.site-header nav ul{flex-wrap:wrap;justify-content:center}.stats,.showcase-grid,.feature-cards,.feature-dual-grid{grid-template-columns:1fr}.hero-points li,.join-points li{font-size:.84rem;padding:.56rem .72rem}.shot-marquee-track{gap:.65rem}.marquee-item{width:min(185px,58vw)}.flow-legend{grid-template-columns:1fr}.shot-stack{min-height:240vh}.stack-card{top:calc(var(--header-h) + 1rem);padding:.8rem}.swipe-stage-wrap{width:100%}.swipe-story-track{height:380vh}}