:root{--bg-deep:#050508;--purple-1:#7c3aed;--purple-2:#a855f7;--purple-3:#c084fc;--cyan:#22d3ee;--pink:#f472b6;--glass-bg:#7c3aed14;--glass-border:#a855f740;--glass-hover-bg:#7c3aed38;--glass-hover-border:#c084fc99;--text-main:#f0e8ff;--text-sub:#a78bca}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-main);min-height:100vh;font-family:Noto Sans JP,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(75% 55% at 15% 10%,#7c3aed42 0%,#0000 60%),radial-gradient(55% 50% at 88% 20%,#22d3ee1c 0%,#0000 55%),radial-gradient(65% 55% at 40% 88%,#f472b621 0%,#0000 60%),radial-gradient(80% 60% at 80% 80%,#a855f724 0%,#0000 65%),linear-gradient(135deg,#060610 0%,#0d0820 40%,#060612 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:1000;align-items:center;gap:6px;display:flex;position:fixed;top:20px;right:28px}.nav-btn{letter-spacing:.05em;color:var(--purple-3);cursor:pointer;background:0 0;border:none;outline:none;padding:9px 18px;font-family:Zen Dots,sans-serif;font-size:.75rem;text-decoration:none;transition:color .3s;position:relative}.nav-btn:before{content:"";background:var(--glass-hover-bg);border:1px solid var(--glass-hover-border);-webkit-backdrop-filter:blur(18px)saturate(1.8);opacity:0;border-radius:10px;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.88)translateY(4px);box-shadow:0 0 18px #a855f740,inset 0 1px #ffffff1f}.nav-btn:hover:before{opacity:1;transform:scale(1)translateY(0)}.nav-btn:hover{color:#fff}.nav-btn span{z-index:1;position:relative}.nav-btn.active:before{opacity:1;transform:scale(1)translateY(0)}.nav-btn.active{color:#fff}#hamburger{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;transition:background .3s,border-color .3s,box-shadow .3s;display:none}#hamburger:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);box-shadow:0 0 20px #a855f740}#hamburger span{background:var(--purple-3);transform-origin:50%;border-radius:2px;width:20px;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s,width .3s;display:block}#hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}#hamburger.open span:nth-child(2){opacity:0;width:0}#hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#nav-drawer{border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(32px)saturate(1.8);z-index:999;pointer-events:none;background:#0a0818ed;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:min(320px,85vw);height:100dvh;padding:60px 40px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #00000080}#nav-drawer.open{pointer-events:all;transform:translate(0)}.drawer-btn{letter-spacing:.08em;width:100%;color:var(--purple-3);opacity:0;border:1px solid #0000;border-radius:12px;padding:14px 20px;font-family:Zen Dots,sans-serif;font-size:1rem;text-decoration:none;transition:background .3s,border-color .3s,color .3s,transform .3s;display:block;transform:translate(30px)}#nav-drawer.open .drawer-btn{opacity:1;transform:translate(0)}#nav-drawer.open .drawer-btn:first-child{transition-delay:50ms}#nav-drawer.open .drawer-btn:nth-child(2){transition-delay:.1s}#nav-drawer.open .drawer-btn:nth-child(3){transition-delay:.15s}#nav-drawer.open .drawer-btn:nth-child(4){transition-delay:.2s}.drawer-btn:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);color:#fff;transform:translate(6px)}#nav-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:fixed;inset:0}#nav-overlay.open{opacity:1;pointer-events:all}@media (width<=768px){.nav-btn{display:none}#hamburger{display:flex}}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:52vh;padding:140px 5vw 60px;display:flex;position:relative}.hero-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);opacity:0;margin-bottom:20px;font-family:Zen Dots,sans-serif;font-size:.68rem;animation:.7s cubic-bezier(.22,1,.36,1) .2s forwards fadeUp}.hero-title{background:linear-gradient(120deg, #f0e8ff 0%, var(--purple-3) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Zen Dots,sans-serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1.15;animation:.7s cubic-bezier(.22,1,.36,1) .35s forwards fadeUp}.hero-sub{color:var(--text-sub);opacity:0;max-width:520px;margin-bottom:48px;font-size:clamp(.88rem,1.8vw,1.05rem);font-weight:300;line-height:1.85;animation:.7s cubic-bezier(.22,1,.36,1) .5s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn-group{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;animation:.7s cubic-bezier(.22,1,.36,1) .65s forwards fadeUp;display:flex}.btn-primary{letter-spacing:.06em;color:#fff;background:linear-gradient(135deg, var(--purple-1), var(--purple-2));border:1px solid #c084fc66;border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-family:Zen Dots,sans-serif;font-size:.82rem;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 32px #7c3aed73,inset 0 1px #ffffff26}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-4px)scale(1.03);box-shadow:0 0 55px #a855f78c,inset 0 1px #fff3}.btn-primary:hover:before{opacity:1}.btn-secondary{letter-spacing:.06em;color:var(--purple-3);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);border-radius:14px;align-items:center;gap:10px;padding:15px 32px;font-family:Zen Dots,sans-serif;font-size:.82rem;text-decoration:none;transition:background .35s cubic-bezier(.22,1,.36,1),border-color .35s,color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:inline-flex;box-shadow:0 0 20px #7c3aed1f,inset 0 1px #ffffff14}.btn-secondary:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);color:#fff;transform:translateY(-4px)scale(1.03);box-shadow:0 0 40px #a855f740,inset 0 1px #ffffff1f}.divider{z-index:1;background:linear-gradient(90deg,#0000,#a855f74d,#0000);height:1px;margin:0 5vw;position:relative}.steps-section{z-index:1;max-width:860px;margin:0 auto;padding:80px 5vw 60px;position:relative}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--purple-3);margin-bottom:14px;font-family:Zen Dots,sans-serif;font-size:.68rem}.section-heading{color:var(--text-main);margin-bottom:48px;font-family:Zen Dots,sans-serif;font-size:clamp(1.3rem,3vw,2rem);line-height:1.3}.steps{flex-direction:column;gap:20px;display:flex}.step-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.5);opacity:0;border-radius:18px;align-items:flex-start;gap:24px;padding:28px 32px;transition:background .35s,border-color .35s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;transform:translate(-20px);box-shadow:0 0 24px #7c3aed1a,inset 0 1px #ffffff0f}.step-card.in{opacity:1;transform:translate(0)}.step-card:hover{background:var(--glass-hover-bg);border-color:#a855f759;transform:translate(6px);box-shadow:0 0 44px #a855f72e,inset 0 1px #ffffff1a}.step-num{color:#fff;background:linear-gradient(135deg, var(--purple-1), var(--purple-2));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Zen Dots,sans-serif;font-size:1rem;display:flex;box-shadow:0 0 16px #7c3aed80}.step-content{flex:1}.step-title{color:var(--text-main);margin-bottom:6px;font-size:1rem;font-weight:700;line-height:1.4}.step-desc{color:var(--text-sub);font-size:.88rem;font-weight:300;line-height:1.8}.step-desc code{color:var(--cyan);background:#7c3aed2e;border:1px solid #a855f740;border-radius:5px;padding:1px 7px;font-family:Fira Code,Consolas,monospace;font-size:.85em}.req-section{z-index:1;max-width:860px;margin:0 auto;padding:60px 5vw 80px;position:relative}.req-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:36px;display:grid}.req-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);opacity:0;border-radius:14px;align-items:center;gap:14px;padding:22px 24px;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s;display:flex;transform:translateY(16px)}.req-card.in{opacity:1;transform:translateY(0)}.req-card:hover{background:var(--glass-hover-bg);border-color:#a855f759}.req-icon{flex-shrink:0;font-size:1.5rem}.req-text{color:var(--text-sub);font-size:.88rem;font-weight:300;line-height:1.6}.req-text strong{color:var(--text-main);margin-bottom:2px;font-size:.92rem;font-weight:700;display:block}.cta-bottom{z-index:1;text-align:center;padding:20px 5vw 100px;position:relative}.cta-bottom-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px);opacity:0;border-radius:24px;max-width:640px;margin:0 auto;padding:52px 48px;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px);box-shadow:0 0 60px #7c3aed24,inset 0 1px #ffffff12}.cta-bottom-card.in{opacity:1;transform:translateY(0)}.cta-bottom-title{color:var(--text-main);margin-bottom:14px;font-family:Zen Dots,sans-serif;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.3}.cta-bottom-sub{color:var(--text-sub);margin-bottom:36px;font-size:.92rem;font-weight:300;line-height:1.8}footer{z-index:1;color:#a78bca80;letter-spacing:.05em;border-top:1px solid #a855f726;justify-content:center;align-items:center;gap:8px;padding:32px 5vw;font-size:.82rem;display:flex;position:relative}footer span.brand{color:#c084fc99;font-family:Zen Dots,sans-serif}@media (width<=600px){.btn-group{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:320px}.step-card{flex-direction:column;gap:16px;padding:22px}.cta-bottom-card{padding:36px 24px}.req-grid{grid-template-columns:1fr}}