:root{--ink:#1d1627;--muted:#665f70;--paper:#fbf9fd;--surface:#f1ebf7;--purple:#6f3db7;--purple-dark:#4f278d;--violet:#9f75d2;--line:#ddd4e6;--white:#fff;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--serif:"Iowan Old Style","Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #c89cff;outline-offset:4px}.header{min-height:76px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#fbf9fddd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.02em}.mark{width:34px;height:34px;border-radius:10px;background:var(--purple);position:relative;box-shadow:inset 0 0 0 1px #fff4}.mark:before,.mark:after{content:"";position:absolute;background:#fff;border-radius:2px}.mark:before{left:8px;right:8px;height:2px;top:11px;box-shadow:0 6px 0 #fff,0 12px 0 #fff}.mark:after{width:4px;height:4px;top:10px;left:13px;box-shadow:8px 6px 0 #fff,3px 12px 0 #fff}.nav{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--muted)}.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}.lang{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:700;color:var(--ink)}.hero{padding:clamp(72px,10vw,140px) clamp(22px,7vw,110px) 90px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(55px,8vw,120px);align-items:center;min-height:720px;overflow:hidden}.eyebrow,.kicker{font-size:11px;line-height:1.4;letter-spacing:.2em;font-weight:800;color:var(--purple);text-transform:uppercase}.hero h1{font-family:var(--serif);font-size:clamp(56px,8vw,112px);font-weight:500;line-height:.93;letter-spacing:-.055em;margin:18px 0 30px}.hero h1 em{display:block;color:var(--purple);font-style:normal}.lead{font-size:clamp(16px,1.4vw,20px);color:var(--muted);max-width:630px;margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:10px;background:var(--purple);color:#fff;font-size:14px;font-weight:700}.button:hover{background:var(--purple-dark)}.button.secondary{background:transparent;color:var(--purple-dark);border:1px solid var(--line)}.stage-card{aspect-ratio:4/5;max-width:470px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 70px #3d1c6a22;padding:24px;transform:rotate(2deg);position:relative}.stage-card:before{content:"STAGE 04 · SCENE 12";display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;margin-bottom:18px}.stage{height:70%;border:1px solid #cfc4d9;border-top:8px solid var(--ink);border-radius:3px;background:repeating-linear-gradient(0deg,#fff 0,#fff 39px,#eee8f4 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,#eee8f4 40px);position:relative}.stage:after{content:"AUDIENCE";position:absolute;left:0;right:0;bottom:-42px;text-align:center;font-size:9px;letter-spacing:.25em;color:#968da1}.token{position:absolute;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;box-shadow:0 4px 10px #24152f33}.t1{background:#6f3db7;left:16%;top:23%}.t2{background:#e16b75;left:55%;top:37%}.t3{background:#3a8d8a;left:74%;top:15%}.prop{position:absolute;border:2px dashed #9f75d2;border-radius:4px;width:70px;height:40px;left:32%;bottom:16%;font-size:9px;display:grid;place-items:center;color:#6f3db7}.legend{display:flex;gap:14px;position:absolute;bottom:20px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.section{padding:100px clamp(22px,7vw,110px)}.section.alt{background:var(--ink);color:#fff}.section-head{max-width:750px;margin-bottom:55px}.section h2{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:14px 0}.section-head p{color:var(--muted)}.alt .section-head p{color:#bcb4c6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:30px;border-radius:16px;background:#fff;border:1px solid var(--line)}.alt .feature{background:#2a2135;border-color:#40344e}.feature .num{font-size:11px;font-weight:800;color:var(--violet)}.feature h3{font-family:var(--serif);font-size:23px;margin:24px 0 8px}.feature p{font-size:14px;color:var(--muted);margin:0}.alt .feature p{color:#bcb4c6}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--paper);padding:30px}.step strong{display:block;color:var(--purple);font-size:12px;margin-bottom:16px}.step h3{font-size:17px;margin:0 0 9px}.step p{font-size:13px;color:var(--muted);margin:0}.notice{max-width:900px;margin:0 auto;padding:18px 22px;border-radius:14px;background:var(--surface);color:var(--muted);font-size:13px}.legal{max-width:850px;margin:0 auto;padding:75px 24px 120px}.back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:34px}.legal h1{font-family:var(--serif);font-size:clamp(42px,7vw,74px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:14px 0 20px}.updated{color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:44px}.legal h2{font-family:var(--serif);font-size:25px;font-weight:600;margin:44px 0 11px}.legal h3{font-size:16px;margin:26px 0 6px}.legal p,.legal li{font-size:15px;color:#514a59}.legal a:not(.back):not(.button){color:var(--purple-dark);text-decoration:underline;text-underline-offset:3px}.legal ul,.legal ol{padding-left:1.4em}.callout{margin:28px 0;padding:20px 22px;border-left:4px solid var(--purple);background:var(--surface)}.contact{margin-top:38px;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.contact h2{margin-top:0}.faq{border-top:1px solid var(--line)}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary:after{content:"＋";float:right;color:var(--purple)}.faq details[open] summary:after{content:"−"}.footer{padding:40px clamp(20px,5vw,72px);display:grid;grid-template-columns:1fr auto auto;gap:36px;align-items:center;border-top:1px solid var(--line);font-size:12px}.footer-links{display:flex;gap:22px;color:var(--muted)}.footer small{color:var(--muted)}@media(max-width:850px){.nav a:not(.lang){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero h1{font-size:clamp(54px,14vw,84px)}.stage-card{width:min(88vw,430px);justify-self:center}.grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr;gap:22px}.footer-links{flex-wrap:wrap}}@media(max-width:520px){.header{min-height:68px}.hero{padding:58px 20px 70px;gap:48px}.stage-card{padding:18px;border-radius:21px}.section{padding:72px 20px}.workflow{grid-template-columns:1fr}.feature{padding:24px}.legal{padding:52px 20px 90px}.legal h1{font-size:43px}.footer{padding:34px 20px}.footer-links{flex-direction:column;gap:8px}.contact{padding:23px}.button{width:100%}}
