.landing-root{--ink:#0e1116;--ink-soft:#3b4351;--slate:#69707e;--mute:#9aa1ad;--line:#e9ebf1;--line-soft:#f1f2f7;--bg:#f6f7fb;--surface:#fff;--brand-1:#10bfd1;--brand-2:#0b8fc4;--accent:#ff6b5c;--grad:linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);--grad-soft:linear-gradient(135deg, #10bfd124, #0b8fc41a);--glass-brd:#ffffffb3;--shadow-sm:0 2px .625rem #1414320f;--shadow:0 .75rem 2.5rem #1e19461a;--shadow-lg:0 1.625rem 4.375rem #2819502e;--r:1.125rem;--r-lg:1.625rem;--r-xl:2.125rem;--nav-h:4.5rem;--ease:cubic-bezier(.22, .61, .36, 1);color:var(--ink);background:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;scroll-padding-top:var(--nav-h);line-height:1.55;overflow-x:hidden}.landing-root.lang-ja{font-family:var(--font-ja)}.landing-root *{box-sizing:border-box}.landing-root a{color:inherit;text-decoration:none}.landing-root img{max-width:100%}.landing-root button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.landing-root :is(h1,h2,h3,p){margin:0}.landing-root .wrap{max-width:75rem;margin:0 auto;padding:0 1.75rem}.landing-root .img-slot{border-radius:var(--r);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(.875rem)saturate(1.1);box-shadow:inset 0 1px 0 #fff9, var(--shadow-sm);isolation:isolate;background:linear-gradient(135deg,#ffffffa6,#ffffff59);position:relative;overflow:hidden}.landing-root .img-slot:before{content:"";z-index:0;background:radial-gradient(120% 90% at 15% 10%,#ffffff8c,#0000 55%),radial-gradient(80% 70% at 90% 90%,#10bfd11a,#0000 60%);position:absolute;inset:0}.landing-root .img-slot .ph{z-index:1;color:var(--mute);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.landing-root .img-slot .ph svg{opacity:.5;width:2.125rem;height:2.125rem}.landing-root .img-slot .ph span{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:.7188rem}.landing-root .brand{align-items:center;gap:.5625rem;display:flex}.landing-root .brand .logo-icon{flex:none;width:auto;max-width:none;height:2rem;display:block}.landing-root .brand .logo-word{flex:none;width:auto;max-width:none;height:1.1875rem;display:block}.landing-root .btn{transition:transform .18s var(--ease), box-shadow .25s, filter .2s;white-space:nowrap;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.landing-root .btn-primary{color:#fff;background:var(--grad);background-size:160% 160%;box-shadow:0 .625rem 1.625rem #10bfd152}.landing-root .btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 1rem 2.125rem #ff6b5c5c}.landing-root .btn-ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.landing-root .btn-ghost:hover{border-color:var(--brand-1);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.landing-root .btn-lg{border-radius:1rem;padding:1rem 1.875rem;font-size:1rem}.landing-root .hero{min-height:100vh;padding:calc(var(--nav-h) + 2.5rem) 0 3.75rem;align-items:safe center;display:flex;position:relative;overflow:hidden}.landing-root .blob{filter:blur(3.75rem);opacity:.55;animation:alk-float 16s var(--ease) infinite;border-radius:50%;position:absolute}.landing-root .blob.b1{background:radial-gradient(circle,#3fd6e6,#0000 70%);width:32.5rem;height:32.5rem;top:-7.5rem;left:-5rem}.landing-root .blob.b2{background:radial-gradient(circle,#ff8a7d,#0000 70%);width:28.75rem;height:28.75rem;animation-delay:-4s;top:7.5rem;right:-3.75rem}@keyframes alk-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(1.875rem,-1.5rem)scale(1.06)}66%{transform:translate(-1.5rem,1.25rem)scale(.96)}}.landing-root .hero-badge{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-sm);border-radius:1.875rem;align-items:center;gap:.5rem;padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-root .hero-badge .pip{background:var(--accent);border-radius:50%;width:.4375rem;height:.4375rem;box-shadow:0 0 0 .25rem #ff6b5c2e}.landing-root .hero h1{letter-spacing:-.03em;margin:1.125rem 0 0;font-size:clamp(2.125rem,4.6vw,3.75rem);font-weight:850;line-height:1.07}.landing-root .hero .sub{color:var(--slate);max-width:30em;margin-top:1.375rem;font-size:clamp(1rem,1.5vw,1.1875rem)}.landing-root .hero-cta{flex-wrap:wrap;gap:.875rem;margin-top:2.125rem;display:flex}.landing-root .hero-meta{flex-wrap:wrap;gap:1.625rem;margin-top:2.25rem;display:flex}.landing-root .hero-meta .m{flex-direction:column;display:flex}.landing-root .hero-meta .m b{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.landing-root .hero-meta .m span{color:var(--mute);font-size:.7812rem;font-weight:600}.landing-root section{position:relative}.landing-root .sec{min-height:100vh;padding:calc(var(--nav-h) + .875rem) 0 clamp(2rem, 5vh, 3.25rem);flex-direction:column;justify-content:safe center;display:flex}.landing-root .sec-head{text-align:center;max-width:40rem;margin:0 auto clamp(1.625rem,4vh,3.25rem)}.landing-root .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-1);margin-bottom:.875rem;font-size:.8125rem;font-weight:800;display:inline-block}.landing-root .sec-head h2{letter-spacing:-.025em;font-size:clamp(1.75rem,3.4vw,2.625rem);font-weight:820;line-height:1.12}.landing-root .sec-head p{color:var(--slate);margin-top:1rem;font-size:1.0312rem}.landing-root .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(1.625rem)}.landing-root .reveal.in{opacity:1;transform:none}.landing-root .reveal[data-d="1"]{transition-delay:80ms}.landing-root .reveal[data-d="2"]{transition-delay:.16s}.landing-root .reveal[data-d="3"]{transition-delay:.24s}.landing-root .reveal[data-d="4"]{transition-delay:.32s}.landing-root .reveal[data-d="5"]{transition-delay:.4s}.landing-root .adv-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.landing-root .adv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;padding:1.875rem 1.75rem;position:relative;overflow:hidden}.landing-root .adv-card:after{content:"";background:var(--grad-soft);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.landing-root .adv-card:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.landing-root .adv-card:hover:after{opacity:1}.landing-root .adv-ic{background:var(--grad-soft);width:3.25rem;height:3.25rem;color:var(--brand-1);z-index:1;border-radius:.9375rem;place-items:center;margin-bottom:1.25rem;display:grid;position:relative;overflow:hidden}.landing-root .adv-ic svg{width:1.625rem;height:1.625rem}.landing-root .slot-icon-img{object-fit:cover;width:100%;height:100%;display:block}.landing-root .adv-card h3{letter-spacing:-.01em;z-index:1;font-size:1.1875rem;position:relative}.landing-root .adv-card p{color:var(--slate);z-index:1;margin-top:.625rem;font-size:.9062rem;position:relative}.landing-root .guide{background:linear-gradient(#fff,#f4f2ff 40%,#fdf0f7)}.landing-root .guide-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:.5rem 2rem 2rem}.landing-root .guide-tabs{border-bottom:1px solid var(--line);display:flex}.landing-root .gtab{letter-spacing:-.01em;color:var(--mute);flex:1;justify-content:center;align-items:center;gap:.625rem;padding:1.25rem .5rem;font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:900;transition:color .25s;display:flex;position:relative}.landing-root .gtab+.gtab{border-left:1px solid var(--line-soft)}.landing-root .gtab svg{width:1.5rem;height:1.5rem}.landing-root .gtab:hover{color:var(--ink-soft)}.landing-root .gtab.active{color:var(--brand-2)}.landing-root .gtab.active:after{content:"";background:var(--grad);border-radius:2px;height:3px;position:absolute;bottom:-1px;left:22%;right:22%}.landing-root .guide-panel{padding-top:1.75rem}.landing-root .gp-hidden{display:none}.landing-root .guide-grid{gap:1.75rem 2.25rem;display:grid}.landing-root .guide-grid.cols-3{grid-template-columns:repeat(3,1fr)}.landing-root .guide-grid.cols-4{grid-template-columns:repeat(4,1fr)}.landing-root .gstep{text-align:left;cursor:pointer;border-radius:var(--r);width:100%;transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;border:1px solid #0000;padding:.875rem;display:block;position:relative}.landing-root .gstep:hover{transform:translateY(var(--card-lift));box-shadow:var(--shadow-sm);border-color:#10bfd159}.landing-root .gstep-head{align-items:flex-start;gap:.5625rem;min-height:2.7em;display:flex}.landing-root .gnum{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;margin-top:.0625rem;font-size:.8125rem;font-weight:800;display:grid}.landing-root .gstep h4{color:var(--brand-2);font-size:.9688rem;font-weight:800;line-height:1.35}.landing-root .gstep-art{border-radius:var(--r);background:var(--grad-soft);height:5.25rem;color:var(--brand-2);transition:transform .35s var(--ease);place-items:center;margin:.75rem 0;display:grid;overflow:hidden}.landing-root .gstep-art svg{width:2.375rem;height:2.375rem}.landing-root .gstep:hover .gstep-art{transform:scale(1.04)}.landing-root .gstep p{color:var(--slate);font-size:.7812rem;line-height:1.7}.landing-root .gstep:after{content:"→";color:var(--brand-1);opacity:.55;font-size:1.25rem;font-weight:700;position:absolute;top:4.4rem;right:-1.65rem}.landing-root .cols-3 .gstep:nth-child(3n):after,.landing-root .cols-4 .gstep:nth-child(4n):after,.landing-root .gstep:last-child:after{content:none}.landing-root .guide-safe{border-radius:var(--r);background:var(--grad-soft);border:1px solid #10bfd140;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1.25rem 1.5rem;display:flex}.landing-root .guide-safe>svg{width:2rem;height:2rem;color:var(--brand-2);flex:none;margin-top:.125rem}.landing-root .guide-safe h5{color:var(--brand-2);margin:0;font-size:1rem;font-weight:800}.landing-root .guide-safe p{color:var(--slate);margin-top:.375rem;font-size:.7812rem;line-height:1.8}.landing-root .tabs{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:2.75rem;display:flex;position:relative}.landing-root .tab{color:var(--slate);z-index:1;border-radius:1.875rem;padding:.6875rem 1.375rem;font-size:.9062rem;font-weight:700;transition:color .25s;position:relative}.landing-root .tab.active{color:#fff}.landing-root .tab:hover:not(.active){color:var(--ink)}.landing-root .tab-pill{background:var(--grad);height:100%;transition:transform .4s var(--ease), width .4s var(--ease);z-index:0;border-radius:1.875rem;position:absolute;top:0;left:0;box-shadow:0 .5rem 1.375rem #10bfd14d}.landing-root .works{position:relative}.landing-root .work-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:75rem;margin:0 auto;padding:.5rem 1.75rem;display:grid}.landing-root .work{transition:transform .3s var(--ease)}.landing-root .work-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);height:100%;transition:box-shadow .3s,transform .3s,border-color .3s;overflow:hidden}.landing-root .work:hover{transform:translateY(var(--card-lift))}.landing-root .work:hover .work-card{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.landing-root .work .img-slot{aspect-ratio:4/3.7;border:0;border-radius:0}.landing-root .work-info{padding:.9375rem 1rem 1rem}.landing-root .work-info .t{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.9062rem;font-weight:700;display:flex}.landing-root .work-info .price{color:var(--brand-1);white-space:nowrap;font-weight:800}.landing-root .work-artist{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.landing-root .work-artist .av{border-radius:50%;flex:none;width:1.75rem;height:1.75rem}.landing-root .work-artist .nm{color:var(--ink-soft);font-size:.7812rem;font-weight:600}.landing-root .work-artist .rate{color:var(--slate);margin-left:auto;font-size:.75rem;font-weight:700}.landing-root .work-artist .rate b{color:#ff9f1c}.landing-root .work-card{position:relative}.landing-root .rank-chip{z-index:1;color:#fff;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#0e11168c;border-radius:9999px;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;font-size:.8125rem;font-weight:800;display:grid;position:absolute;top:.625rem;left:.625rem}.landing-root .rank-chip.top{background:var(--accent)}.landing-root .work-info .t .rate.like{white-space:nowrap;color:var(--accent);font-size:.75rem;font-weight:800}.landing-root .work-info .t .rate.like b{color:var(--accent)}.landing-root .works-foot{text-align:center;margin-top:2.125rem}.landing-root .cta-band{flex-direction:column;min-height:100vh;display:flex}.landing-root .cta-band>.wrap{width:100%;padding-top:calc(var(--nav-h) + 1rem);flex-direction:column;flex:auto;justify-content:center;padding-bottom:2rem;display:flex}.landing-root .cta-inner{border-radius:var(--r-xl);text-align:center;color:#fff;background:var(--grad);box-shadow:var(--shadow-lg);padding:4rem 2.5rem;position:relative;overflow:hidden}.landing-root .cta-inner .blob{opacity:.4}.landing-root .cta-inner h2{letter-spacing:-.02em;z-index:1;font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:850;position:relative}.landing-root .cta-inner p{color:#ffffffeb;z-index:1;margin-top:.875rem;font-size:1.0312rem;position:relative}.landing-root .cta-inner .hero-cta{z-index:1;justify-content:center;position:relative}.landing-root .cta-inner .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);background:#ffffff29;border-color:#fff6}.landing-root .cta-inner .btn-ghost:hover{background:#ffffff42}.landing-root .cta-inner .btn-primary{color:var(--brand-1);background:#fff;box-shadow:0 .75rem 1.875rem #0000002e}.landing-root .cta-inner .btn-primary:hover{filter:brightness(1.02);background:#fff}.landing-root .foot{color:#c9cdd8;background:#0e1016;padding:2.75rem 0 1.75rem}.landing-root .foot-top{border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem;padding-bottom:2.5rem;display:grid}.landing-root .foot-col-wide{grid-column:span 2}.landing-root .foot-links2{grid-template-columns:1fr 1fr;column-gap:1.5rem;display:grid}.landing-root #works{justify-content:flex-start;height:100vh;overflow:hidden}.landing-root #works .sec-fit{transform-origin:top;width:100%}.landing-root .foot .brand .logo-icon{height:2.125rem}.landing-root .foot .brand .logo-word{height:1.3125rem}.landing-root .foot-top p{color:#8b91a1;max-width:26em;margin-top:.875rem;font-size:.875rem}.landing-root .foot-col h5{letter-spacing:.1em;text-transform:uppercase;color:#7b8192;margin-bottom:.875rem;font-size:.8125rem;font-weight:700}.landing-root .foot-col a{color:#aab0bd;padding:.375rem 0;font-size:.875rem;transition:all .2s;display:block}.landing-root .foot-col a:hover{color:#fff}.landing-root .foot-copy{color:#7b8192;margin-top:1.5rem;font-size:.8125rem}.landing-root .hero-b{z-index:2;position:absolute;inset:0}.landing-root .hero-b-art{box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.landing-root .hero-b-scrim{z-index:1;background:linear-gradient(90deg,#0e0a1c99,#0e0a1c4d 42%,#0e0a1c0a 68%,#0000 84%);position:absolute;inset:0}.landing-root .hero-b .wrap{z-index:2;align-items:safe center;height:100%;display:flex;position:relative}.landing-root .hero-b-copy{max-width:38.75rem;position:relative}.landing-root .hero-b-copy h1{color:#fff;text-shadow:0 2px 1.625rem #0000006b}.landing-root .hero-b-copy .sub{color:#ffffffeb;text-shadow:0 1px 1rem #0000005c}.landing-root .hero-b-copy .hero-meta b{color:#fff}.landing-root .hero-b-copy .hero-meta span{color:#ffffffc7}.landing-root .hero-b-copy .hero-badge{color:#fff;-webkit-backdrop-filter:blur(.375rem);box-shadow:none;background:#120e266b;border-color:#ffffff47}.landing-root .slot-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.landing-root .img-slot.has-img:before{display:none}@media (max-width:960px){.landing-root .adv-grid,.landing-root .guide-grid.cols-3,.landing-root .guide-grid.cols-4{grid-template-columns:repeat(2,1fr)}.landing-root .gstep:after{content:none}.landing-root .guide-card{padding:.375rem 1.25rem 1.25rem}.landing-root .foot-top{grid-template-columns:1fr 1fr}.landing-root .foot-col-wide{grid-column:auto}.landing-root .foot-links2{grid-template-columns:1fr}.landing-root .work-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:961px) and (max-height:900px){.landing-root .sec{padding-top:calc(var(--nav-h) + .5rem);padding-bottom:1.25rem}.landing-root .sec-head{margin-bottom:clamp(1rem,2.4vh,1.75rem)}.landing-root .sec-head h2{font-size:clamp(1.5rem,2.7vw,2.125rem)}.landing-root .sec-head p{margin-top:.5rem;font-size:.9688rem}.landing-root .hero-cta,.landing-root .hero-meta{margin-top:1.5rem}.landing-root .guide-card{padding:.25rem 1.75rem 1.25rem}.landing-root .gtab{padding:.75rem .5rem;font-size:clamp(1rem,1.9vw,1.3125rem)}.landing-root .guide-panel{padding-top:1rem}.landing-root .guide-grid{gap:1rem 2.25rem}.landing-root .gstep{padding:.5rem .625rem}.landing-root .gstep-head{min-height:2.4em}.landing-root .gstep-art{height:3.5rem;margin:.5rem 0}.landing-root .gstep:after{top:3.1rem}.landing-root .guide-safe{margin-top:1rem;padding:.875rem 1.25rem}.landing-root .tabs{margin-bottom:1.5rem}.landing-root .work-grid{gap:1rem;padding-top:0;padding-bottom:0}.landing-root .work .img-slot{aspect-ratio:4/3}.landing-root .work-info{padding:.75rem .875rem .875rem}.landing-root .works-foot{margin-top:1.25rem}}@media (min-width:961px) and (max-height:730px){.landing-root .sec{padding-top:calc(var(--nav-h) + .25rem);padding-bottom:.875rem}.landing-root .sec-head{margin-bottom:clamp(.75rem,1.8vh,1.25rem)}.landing-root .gstep-art{height:2.5rem;margin:.375rem 0}.landing-root .gstep:after{top:2.5rem}.landing-root .gstep p{line-height:1.5}.landing-root .guide-safe{margin-top:.75rem;padding:.75rem 1.125rem}.landing-root .work .img-slot{aspect-ratio:16/10}.landing-root .tabs{margin-bottom:1.125rem}}@media (max-width:560px){.landing-root .wrap{padding:0 1.125rem}.landing-root .adv-grid,.landing-root .guide-grid.cols-3,.landing-root .guide-grid.cols-4{grid-template-columns:1fr}.landing-root .gtab{gap:.375rem;font-size:1rem}.landing-root .gtab svg{width:1.125rem;height:1.125rem}.landing-root .hero-meta{gap:1.125rem}.landing-root .foot-top,.landing-root .work-grid{grid-template-columns:1fr}}
