/* SATISCO — approved chart / AI / ribbon design */
:root{color-scheme:dark;--navy:#07111f;--charcoal:#171e28;--panel:#111b28;--white:#f7f7f7;--text:#d9dde2;--muted:#b0bac6;--gold:#c4a063;--gold-light:#e2c58f;--line:#39414c;--sans:"Zen Kaku Gothic New","Yu Gothic","Meiryo",sans-serif;--serif:"Shippori Mincho","Yu Mincho",serif;--mono:"IBM Plex Mono",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.95 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--gold-light);text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}img{max-width:100%;height:auto}p{margin:.7rem 0}h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--white);margin:0;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,4.3vw,4.3rem);line-height:1.5}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.5}h3{font-size:1.4rem;line-height:1.65}small{font-size:.875rem;color:var(--muted)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.site-head{background:var(--navy);position:relative;z-index:10;border-bottom:1px solid #ffffff0b}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:28px}.brand{display:flex;gap:12px;align-items:center;color:var(--white);font:600 1.9rem/1.2 var(--serif);letter-spacing:.17em}.brand:hover{text-decoration:none}.brand img{width:38px;height:38px;object-fit:contain}.brand small{display:block;font:400 .75rem/1.5 var(--sans);letter-spacing:0;max-width:310px;margin-top:5px}.nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:32px}.nav a{font-size:.9375rem;white-space:nowrap;color:var(--text);padding:9px 0;display:block}.nav a[aria-current]{color:var(--gold-light);border-bottom:1px solid var(--gold)}.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:var(--white);padding:9px 13px;font-size:.875rem}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:0;background:var(--navy);border:0}.hero-art{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2;animation:hero-enter 3.5s ease-out both}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07111f 0%,#07111ff8 28%,#07111fd9 39%,#07111f85 49%,transparent 62%)}.hero .wrap{padding-block:74px 90px;min-height:760px;display:flex;align-items:center}.hero-copy{width:57%;max-width:735px}.hero-kicker{display:flex;gap:24px;align-items:center;font:600 1.2rem var(--serif);letter-spacing:.16em;color:var(--white);margin:0 0 28px}.hero-kicker:before{content:"";display:block;width:40px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(2rem,3.65vw,3.65rem);line-height:1.52;letter-spacing:.025em;white-space:nowrap}.hero .name{font:400 .8125rem/1.8 var(--sans);margin:24px 0 28px;overflow-wrap:anywhere;color:var(--text)}.hero-copy>p:not(.name):not(.hero-kicker){max-width:590px}.hero-copy>p{font-size:1rem}.hero-note{font-size:.875rem!important;color:var(--muted);margin-top:20px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 30px;background:var(--gold);border:1px solid var(--gold);color:#08111e;letter-spacing:.06em;font-weight:700;font-size:1rem;cursor:pointer}.btn:hover{background:var(--gold-light);text-decoration:none}.btn-ghost{background:transparent;color:var(--white);border-color:#bec2c8}.btn-ghost:hover{background:#ffffff12}.page-title{padding:68px 0 54px;background:var(--charcoal);border-bottom:1px solid var(--line)}.page-title p{max-width:900px;color:var(--muted);margin-top:18px}
section{padding:84px 0;border-bottom:1px solid var(--line)}section:nth-of-type(even){background:var(--charcoal)}.sec-head{display:flex;gap:24px;align-items:baseline;margin-bottom:26px}.no{font:400 3rem/1 var(--serif);color:var(--gold)}.lead{font-size:1.0625rem;max-width:960px;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 48px;margin-top:42px}.grid>div{padding:0 0 0 25px;border-left:1px solid #9b825566}.grid h3{margin:0 0 16px}.grid p{font-size:1rem;margin:0}.grid small{display:block;margin-top:12px}.page-index .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.page-index .grid>div{padding-left:30px}.page-index .grid>div:first-child{padding-left:0;border:0}.page-index .grid h3:before{content:"";display:block;width:35px;height:2px;background:var(--gold);margin-bottom:22px}.page-index .sec-head{display:block}.page-index .no{font-size:4.2rem;display:block;margin-bottom:20px}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;counter-reset:step}.flow>div{border-top:1px solid var(--gold);padding-top:22px;counter-increment:step}.flow>div:before{content:counter(step,decimal-leading-zero);display:block;color:var(--gold);font: .875rem var(--mono);margin-bottom:22px}.flow strong{font-family:var(--serif);font-size:1.2rem;display:block;color:var(--white);margin-bottom:12px}.flow small{font-size:1rem}.notice{margin-top:32px;padding:20px 24px;border-left:2px solid var(--gold);background:#ffffff04;font-size:.9375rem;color:var(--muted)}.notice a{text-decoration:underline}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-top:30px}.board>div{padding:32px 20px;border-right:1px solid var(--line)}.board>div:last-child{border-right:0}.board b{display:block;font:600 clamp(1.7rem,2.8vw,2.6rem)/1.3 var(--mono);font-variant-numeric:tabular-nums;color:var(--white);letter-spacing:-.04em;white-space:nowrap}.board b.up{color:var(--gold-light)}.board b small{font:400 .875rem var(--sans);margin-left:4px}.board span{display:block;margin-top:14px;color:var(--muted);font-size:.875rem}.board:has(>div:nth-child(2):last-child){grid-template-columns:1fr 1fr}.cond{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}.cond>div{border-top:1px solid var(--line);padding-top:16px;font-size:.875rem;color:var(--muted)}.cond span{display:block}.cond b{display:block;font-size:1rem;color:var(--white);margin:8px 0}.tag{display:inline-block;font:500 .8125rem var(--mono);color:var(--gold-light);border:1px solid var(--gold);padding:8px 12px;vertical-align:middle;margin-left:16px}.winbar{padding-block:28px}.winbar .lbl,.winbar .leg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;font-size:.875rem}.winbar .bar{display:flex;height:9px;margin:16px 0}.winbar .bar i{display:block;border-right:2px solid var(--navy)}.winbar .w{background:var(--gold)}.winbar .l{background:#8d96a2}.winbar .d{background:#46505f}.table-scroll{overflow-x:auto;margin-top:26px}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{padding:18px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.875rem;color:var(--muted);background:#ffffff03;font-weight:500}td.num,th.num{text-align:right;font-family:var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums}.plus{color:var(--gold-light)}.minus{color:var(--text)}.spec{margin-top:30px;border-top:1px solid var(--line)}.spec>div{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line)}.spec>div>span{padding:24px}.spec>div>span:first-child{font-family:var(--serif);color:var(--gold-light);background:#ffffff03}
.faq-tools{display:grid;grid-template-columns:1fr 260px;gap:16px;margin-top:30px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;display:flex;gap:15px;align-items:baseline;padding:25px 0;color:var(--white);font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";color:var(--gold);margin-left:auto;flex-shrink:0}.faq-item[open] summary:after{content:"−"}.faq-cat{font-size:.875rem;color:var(--gold-light);font-weight:400;flex-shrink:0}.faq-a{padding:0 24px 24px;color:var(--text)}.faq-rel{font-size:.875rem}code{font: .875em var(--mono);overflow-wrap:anywhere;color:var(--gold-light)}form{max-width:800px;display:grid;gap:24px;margin-top:36px}label{display:grid;gap:10px;color:var(--text);font-size:1rem}input,select,textarea{width:100%;min-width:0;border:1px solid #68717e;background:#0b1421;color:var(--white);border-radius:0;padding:14px 16px;font-size:1rem}textarea{min-height:200px;resize:vertical}input::placeholder{color:var(--muted)}footer{background:#050c16;padding:46px 0;color:var(--muted);font-size:.875rem;border-top:1px solid var(--line)}footer p{max-width:1100px}footer ul{display:flex;flex-wrap:wrap;list-style:none;gap:16px 28px;padding:0;margin:28px 0}footer a{color:var(--text)}.copy{font: .8125rem/1.8 var(--mono);border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
@keyframes hero-enter{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){.hero-art{object-fit:cover;object-position:center 55%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:22px}.brand small{max-width:235px}.hero-copy{width:60%}.hero .wrap{min-height:690px}.hero h1{font-size:3.3vw}.hero-copy>p:not(.name):not(.hero-kicker){max-width:90%}.board{grid-template-columns:1fr 1fr}.board>div:nth-child(2){border-right:0}.board>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cond{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.site-head .wrap{min-height:80px}.brand small{display:none}.menu-btn{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--navy);padding:12px 32px 22px;border-bottom:1px solid var(--line);z-index:20}.nav.open{display:block}.nav a{padding:14px 0}.hero .wrap{padding-block:44px 30px;min-height:0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);white-space:normal}.hero-copy>p:not(.name):not(.hero-kicker){max-width:660px}.hero-art{position:relative;display:block;object-fit:cover;width:100%;height:430px;object-position:right 60%;animation:none}.hero{display:flex;flex-direction:column}.hero .wrap{order:-1}.hero:after{display:none}.hero .name{max-width:660px}.hero-kicker{margin-bottom:24px}.page-index .grid{grid-template-columns:1fr}.page-index .grid>div{border:0;padding:0}.grid{gap:32px}section{padding:64px 0}.page-title{padding:42px 0}.hero-note{max-width:650px}.sec-head{gap:18px}.page-index .no{font-size:3.5rem}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.brand{font-size:1.5rem}.brand img{width:30px;height:30px}.hero .name{font-size:.8125rem;margin:20px 0}.hero h1{font-size:clamp(1.45rem,5.2vw,2rem)}.hero-actions{gap:10px;margin-top:25px}.hero-actions .btn{padding:12px 18px;font-size:.9375rem;flex:1}.hero-art{height:330px;object-fit:cover;object-position:right}.hero-copy>p{font-size:1rem}.hero-kicker{font-size:1rem}.grid,.flow,.cond,.board,.board:has(>div:nth-child(2):last-child){grid-template-columns:1fr}.board>div{border-right:0;border-bottom:1px solid var(--line)}.board>div:last-child{border-bottom:0}.grid>div{padding-left:20px}.spec>div{grid-template-columns:1fr}.spec>div>span{padding:18px 16px}.faq-tools{grid-template-columns:1fr}.faq-item summary{flex-wrap:wrap;gap:8px 16px}.faq-cat{width:100%}.faq-item summary:after{position:absolute;right:20px}.faq-a{padding-inline:0}.tag{display:table;margin:12px 0 0}.table-scroll table{min-width:600px}.notice{padding:16px}.no{font-size:2rem}.sec-head{display:block}.sec-head .no{display:block;margin-bottom:15px}h2{font-size:1.7rem}h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}}