:root{color-scheme:dark;--cyan:#36f5d0;--orange:#ec5e2a;--purple:#9255ff;--muted:#b5c3d5}*{box-sizing:border-box}body{margin:0;background:#07090f;color:#fff;font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8;overflow-x:clip}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,#29206755,transparent 45%),radial-gradient(ellipse at 10% 55%,#00394b55,transparent 50%);z-index:-1}#particles{position:fixed;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}header,footer{padding:20px max(24px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #36516a66}.logo{font:900 34px Inter,sans-serif;letter-spacing:-1.5px}.small-cta{font-weight:800;background:var(--orange);padding:9px 22px;border-radius:30px}.wrap{width:min(1320px,calc(100% - 80px));margin:auto}.hero{position:relative;min-height:720px;padding-top:84px;padding-bottom:65px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px}.hero-copy{z-index:2}h1{font-size:clamp(42px,4.7vw,72px);line-height:1.25;letter-spacing:-.055em;margin:0 0 18px;font-weight:900}h1 span{display:block}em{font-style:normal;color:var(--cyan)}h1 em{color:var(--orange);font-size:1.13em}.english{font:700 20px Inter,sans-serif;letter-spacing:.32em}.lead{max-width:580px;margin-top:28px;line-height:2}.art{position:relative;height:410px;perspective:1000px}.glass{position:absolute;inset:5% 0 5% 5%;border:2px solid #73d9ff;border-radius:24px;background:linear-gradient(135deg,#073c6355,#070b2388 60%,#53368266);box-shadow:0 0 14px #00ccff, inset 0 0 20px #4d68ff,12px 12px 0 -7px #ae73ff,20px 28px 60px #123eff44;transform:rotateY(-17deg) rotateZ(5deg);padding:18px 25px}.chrome{border-bottom:1px solid #7bafda77;padding-bottom:12px;margin-bottom:22px;color:var(--cyan);letter-spacing:6px}.chrome i{display:inline-block;width:9px;height:9px;background:var(--cyan);border-radius:50%;margin-right:9px}.chrome i:first-child{background:#f375bd}.chrome i:last-child{background:#7aa8ff}.glass b{font:900 20px Inter}.art-inner{display:flex;align-items:center;gap:20px;padding:25px 0}.art-inner strong{font:900 40px/1.05 Inter}.globe{width:155px;height:155px;flex-shrink:0;border:2px solid #36e5ff;border-radius:50%;position:relative;box-shadow:0 0 30px #00caff99,inset 0 0 35px #4275ff77}.globe:before,.globe:after,.globe i{content:'';position:absolute;inset:0 25%;border:1px solid #42cbff;border-radius:50%}.globe:after{inset:25% 0}.globe i:nth-child(2){inset:45% 0}.globe i:nth-child(3){inset:0 45%}.fake-lines{height:38px;background:repeating-linear-gradient(0deg,transparent 0 10px,#379edb88 11px 14px);width:80%}.orbit{position:absolute;border:2px solid var(--cyan);width:120%;height:135px;border-radius:50%;top:45%;left:-12%;transform:rotate(-22deg);box-shadow:0 0 18px var(--cyan)}.orbit.two{transform:rotate(-39deg);border-color:var(--orange);box-shadow:0 0 12px var(--orange);top:50%}#check-form{grid-column:1/-1;max-width:780px;z-index:3}label{display:block;margin-bottom:12px}.input-row{display:flex;background:#f6f8ff;border:1px solid #a7e9ff;border-radius:16px;box-shadow:0 0 24px #24caff44;padding:5px}input{min-width:0;flex:1;background:transparent;color:#121a37;border:0;padding:15px 20px;border-radius:12px;font-weight:700}.button{display:inline-flex;justify-content:center;gap:28px;align-items:center;position:relative;overflow:hidden;padding:17px 30px;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(115deg,#ff8b25,#ff4b0d);border:1px solid #ffba68;border-radius:12px;box-shadow:0 0 22px #f96c2355;cursor:pointer}.button:after{content:'';position:absolute;inset:-20%;width:25%;background:#fff7;transform:translateX(-240%) skewX(-25deg)}.button:hover:after,.button:focus-visible:after{transform:translateX(650%) skewX(-25deg);transition:transform .35s}#form-note{margin:10px 0;color:var(--muted)}#form-error{color:#ffb190;margin:0}.marquee{transform:rotate(3deg);background:linear-gradient(90deg,#00f5de,#5ebfff,#ba3eff);color:#06111e;overflow:hidden;margin:0 -10px}.marquee>div{display:flex;width:max-content;white-space:nowrap;font:900 italic 29px Inter;padding:16px 0}.section{padding-top:85px;padding-bottom:85px}h2{font-size:clamp(28px,3.1vw,46px);font-weight:900;letter-spacing:-.04em;line-height:1.5;margin:10px 0 22px}.eyebrow{font:700 16px Inter;letter-spacing:.3em;color:#96c9eb;text-align:center}.section>h2,.center{text-align:center}.seven{font:900 90px Inter;vertical-align:middle}.preview-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:38px}.preview{position:relative;padding:17px 16px;border:1px solid #437e9a;border-radius:9px;background:linear-gradient(145deg,#071f36bb,#08111cbb);box-shadow:inset 0 0 20px #00caff11}.number{font:900 28px Inter;color:#426084}.icon{display:block;text-align:center;font:900 48px Inter;color:#36dbff;text-shadow:0 0 18px #187aff;margin:20px 0}h3{font-size:17px;line-height:1.6}.mini-line{height:5px;background:linear-gradient(90deg,var(--cyan) 50%,#1c384b 50%);border-radius:10px;margin-top:24px}.contrast{border-block:1px solid #326385;clip-path:polygon(0 0,50% 3%,100% 0,100% 100%,50% 97%,0 100%);background:linear-gradient(115deg,#062c3b99,transparent,#29204d66)}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contrast h2{font-size:36px}.contrast .eyebrow{text-align:left}.contrast-grid>div:nth-child(2) h2{color:#cb91ff}.outline-window{border:2px solid #56d8ff;transform:perspective(800px) rotateY(12deg) rotate(-3deg);border-radius:16px;padding:18px;margin:38px 15px;box-shadow:0 0 24px #197cbb88;max-width:450px}.landscape{height:110px;background:linear-gradient(150deg,#1e539177,#43cced55);clip-path:polygon(0 100%,0 60%,25% 12%,55% 65%,80% 25%,100% 50%,100% 100%);margin-bottom:20px}.inside-boxes{display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:600px;margin-top:40px}.inside-boxes span{padding:28px 18px;border:1px solid #a663de;border-radius:12px;box-shadow:0 0 20px #8b2bff33,inset 0 0 30px #893bdd22;background:#17102a88;transform:rotateY(-10deg)}.inside-boxes span:last-child{grid-column:1/-1}.faq{max-width:1100px}.faq h2{text-align:center}.faq details{border:1px solid #284b65;background:#0a1c2d99;padding:22px 28px;border-radius:16px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:#c1d3e5;margin-bottom:0}.exit{text-align:center;background:radial-gradient(ellipse at 10% 70%,#043a6366,transparent 50%),radial-gradient(ellipse at 90% 30%,#73324e44,transparent 55%);border-block:1px solid #325270}.exit p{max-width:900px;margin:20px auto}.exit .button{margin-top:12px}.exit p:last-child{font-size:16px;color:var(--muted)}footer{border:0;font-size:16px;color:var(--muted)}[hidden]{display:none!important}.scan-url,.result-url{overflow-wrap:anywhere;color:var(--cyan)}.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:50px 0}.wire{position:relative;overflow:hidden;border:1px solid var(--cyan);border-radius:12px;padding:20px;box-shadow:0 0 25px #36f5d044;transform:perspective(900px) rotateY(8deg);background:repeating-linear-gradient(90deg,transparent 0 39px,#36f5d011 40px),repeating-linear-gradient(0deg,transparent 0 39px,#36f5d011 40px);height:350px}.wire-image{height:130px;border:1px solid var(--cyan);background:linear-gradient(150deg,transparent 50%,#36f5d022 51%);margin:30px 0}.wire-cards{display:flex;gap:20px}.wire-cards i{height:65px;flex:1;border:1px solid var(--cyan)}.scan-beam{position:absolute;inset:0 0 auto;height:3px;background:#aaffff;box-shadow:0 0 25px 8px #36f5d099}.scan-list{padding:0;list-style:none}.scan-list li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #234454;padding:16px 0}.scan-state{color:var(--cyan);white-space:nowrap}.result-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.result-top h2{font-size:clamp(35px,4.5vw,65px)}.result-top .eyebrow{text-align:left}.meter-panel{text-align:center;border:1px solid #466288;border-radius:22px;background:linear-gradient(130deg,#09354566,#20123b44);padding:28px}.meter{--score:0;max-width:310px;aspect-ratio:1;margin:auto;border-radius:50%;padding:18px;background:conic-gradient(from 0deg,#ff8b36 calc(var(--score)*.45%),#a056ff calc(var(--score)*1%),#233249 0);box-shadow:0 0 30px #8855ff44}.meter>div{border-radius:50%;height:100%;background:#080e19;display:flex;flex-direction:column;justify-content:center}.meter span{font-size:20px;font-weight:800}.meter strong{font:900 100px/1.15 Inter}#score-note{font-size:16px;line-height:1.6}#counts{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0;border:1px solid #2e5068;border-radius:14px;background:#09141fcc}#counts>div{padding:25px;border-right:1px solid #2e5068}#counts strong{display:block;font:900 56px Inter}#counts p{font-weight:800;margin:0}#result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result-card{border:1px solid #466383;border-radius:16px;padding:26px;background:linear-gradient(125deg,#111c2a,#080d18);position:relative;min-width:0;backface-visibility:hidden}.result-card:last-child{grid-column:1/-1}.result-card h3{font-size:21px;margin:10px 0 20px}.result-card .badge{display:inline-block;border:1px solid currentColor;padding:4px 12px;border-radius:24px;font-size:16px;line-height:1.6}.result-card p{overflow-wrap:anywhere}.result-card .detail{white-space:pre-line;color:#bac8d8}.bad{color:#ff8746}.warn{color:#ffdd55}.ok{color:#36ecc2}.unknown{color:#b0bad1}.secondary{background:transparent;border:1px solid #678098;color:#fff;border-radius:30px;padding:12px 28px;cursor:pointer;margin-top:35px}.badge{font-weight:700}#speed-note{color:var(--muted)}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:5px;padding-top:45px}.hero-copy{max-width:650px}.art{height:340px;width:min(490px,100%);margin:auto}.hero form{margin-top:25px}.preview-grid{grid-template-columns:repeat(4,1fr)}.contrast-grid{gap:30px}.contrast h2{font-size:27px}.scan-grid{gap:25px}.scan-list li{flex-direction:column}.result-top{gap:25px}#result-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){header,footer{padding:18px 20px}.logo{font-size:28px}.small-cta{font-size:16px;padding:7px 12px}.hero{padding-top:36px;padding-bottom:42px;min-height:0}h1{font-size:36px;line-height:1.4}h1 span:first-child{font-size:32px}h1 em{font-size:1.16em}.english{font-size:16px;letter-spacing:.16em}.lead{margin-top:22px}.art{height:300px;margin-top:18px}.glass{padding:16px;inset:6% 2% 8% 2%}.art-inner strong{font-size:30px}.globe{width:115px;height:115px}.orbit{width:100%;left:0}.input-row{flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:14px}input{background:#f7f8ff;padding:18px;width:100%;flex:auto;box-shadow:0 0 20px #36aaff44}.button{font-size:19px;padding:17px 20px;width:100%;gap:12px}label{font-size:16px}#form-note{text-align:center}.marquee>div{font-size:23px}.section{padding-top:55px;padding-bottom:55px}.seven{font-size:66px}.preview-grid{grid-template-columns:repeat(2,1fr);gap:12px}.preview:last-child{grid-column:1/-1}.preview h3{font-size:16px}.preview .icon{margin:10px}.contrast-grid{grid-template-columns:1fr;gap:40px}.contrast h2{font-size:29px}.inside-boxes span{padding:20px 12px}.faq details{padding:20px}.exit h2{font-size:27px}.exit p{text-align:left}.exit .eyebrow{text-align:center}footer{gap:20px}footer span{font-size:16px;max-width:130px;line-height:1.3}.scan-grid,.result-top{grid-template-columns:1fr}.wire{height:285px}.scan-list li{flex-direction:row;flex-wrap:wrap}.result-top h2{font-size:37px}.meter-panel{padding:24px 12px}.meter{width:250px}.meter strong{font-size:85px}#counts{grid-template-columns:1fr 1fr}#counts>div{padding:18px;border-bottom:1px solid #2e5068}#counts p{font-size:16px}#counts strong{font-size:45px}#result-cards{grid-template-columns:1fr}.result-card{padding:23px}.result-card h3{font-size:21px}.result-card .badge{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scan-beam{display:none}}

/* 統括の点検（11/1）：横のはみ出しと、英字が見出しに付きすぎる所 */
html{overflow-x:clip}.english{display:block;padding-top:24px}
/* v2: existing palette, glass surfaces and motion retained. */
progress{width:100%;height:12px;accent-color:var(--cyan)}#quiz{max-width:900px;min-height:70vh}#quiz h2{text-align:left;font-size:clamp(27px,3vw,40px)}.option{display:flex;align-items:center;gap:16px;border:1px solid #466383;border-radius:14px;background:#0a1c2dcc;padding:18px;cursor:pointer}.option:has(input:checked){border-color:var(--cyan);box-shadow:0 0 18px #36f5d033}.option input,.consent input{width:22px;height:22px;flex:none;padding:0;box-shadow:none;accent-color:var(--cyan)}.consent{display:flex;align-items:flex-start;gap:14px;margin-top:24px}.consent input{margin-top:6px}#email-form{margin-top:36px}#email-form>input{width:100%;background:#f6f8ff}#handover{border:1px solid var(--cyan);padding:18px;font-weight:800}#question-error{color:#ffb190}#details,#cta{margin-top:32px}#result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#priorities{display:grid;gap:16px}.comparison table{width:100%;border-collapse:collapse;table-layout:fixed}.comparison th,.comparison td{padding:16px;border:1px solid #466383;vertical-align:top;overflow-wrap:anywhere}.comparison th:first-child{width:18%}.operator{display:flex;gap:24px;margin-top:32px;align-items:center}.operator img{border-radius:50%;object-fit:cover;flex:none}#result .result-card:last-child{grid-column:auto}#cta a{max-width:100%;white-space:normal}#cta .secondary{display:block}.result-top>*{min-width:0}#options{margin-bottom:24px}@media(max-width:550px){#result-cards{grid-template-columns:1fr}.comparison th,.comparison td{padding:10px 6px}.operator{flex-direction:column;align-items:flex-start}.hero h1{font-size:33px}.hero h1 em{font-size:1em}#question-form>.button{margin-top:18px}}
