:root{--blue:#2865e8;--blue-strong:#1955d5;--ink:#17243e;--secondary:#61718b;--muted:#8b9ab0;--border:#dfe7f2;--soft:#f6f9fe;--white:#fff;--green:#14845d;--shadow:0 16px 48px rgba(36,74,136,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans JP",system-ui,sans-serif;color:var(--ink);background:#f9fbfe;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.65;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 48px));margin-left:auto;margin-right:auto}.sr-only{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.skip-link{position:absolute;z-index:999;left:16px;top:-100px;padding:10px;background:#fff}.skip-link:focus{top:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9ebaff;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid #edf1f8}.header-inner{height:84px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);min-width:0}.brand-mark{display:flex;align-items:center}.brand-text{font-size:14px;font-weight:850;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}.brand-text small{display:block;margin-top:5px;color:#8b9bb5;font-size:10px;letter-spacing:.08em;font-weight:650}.header-nav{display:flex;gap:27px;margin-left:auto}.header-nav a{font-size:13px;font-weight:650;color:#66758d;white-space:nowrap}.header-nav a:hover{color:var(--blue)}.lang-switch{display:flex;gap:2px;border:1px solid var(--border);border-radius:10px;background:#f7f9fc;padding:4px}.lang-switch button{font-size:11px;font-weight:800;color:#8491a5;background:transparent;border:0;border-radius:7px;padding:6px 10px;line-height:1.4}.lang-switch button.selected{color:var(--blue);background:#fff;box-shadow:0 1px 6px #dce6f6}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding-top:80px;padding-bottom:70px}.hero-copy{padding:5px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2d6be7;background:#edf4ff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:780;letter-spacing:.02em}.live-dot,.mini-status,.art-success-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42c995;box-shadow:0 0 0 3px #42c99526}.hero h1{font-size:clamp(36px,4vw,57px);line-height:1.36;letter-spacing:-.055em;margin:20px 0 19px;font-weight:850}.blue-text{color:var(--blue)}.hero-desc{color:var(--secondary);font-size:16px;line-height:1.9;max-width:560px;margin:0 0 25px}.hero-points{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;font-weight:700;color:#4e607d}.hero-points>span{display:flex;gap:7px;align-items:center}.tick{font-style:normal;color:#0e9e70;font-weight:900;font-size:13px}
.hero-art{height:310px;position:relative;display:flex;justify-content:center;align-items:center}.art-grid{position:absolute;inset:12px 0;background-image:radial-gradient(#d7e5fb 1.2px,transparent 1.2px);background-size:16px 16px;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 75%)}.sitemap-card{width:min(400px,95%);height:252px;border:1px solid #e0e8f6;background:#fff;box-shadow:0 24px 60px rgba(36,88,176,.11);border-radius:18px;position:relative;padding:16px 20px;transform:rotate(-1.2deg)}.art-toolbar{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf2f9;padding:0 0 12px}.dots{display:flex;gap:5px}.dots b{display:block;width:8px;height:8px;background:#dbe4f0;border-radius:50%}.dots b:first-child{background:#f3b3af}.dots b:nth-child(2){background:#f6db96}.dots b:nth-child(3){background:#bde5cb}.art-toolbar-name{font-size:12px;font-weight:750;color:#6780a2;margin-left:3px}.art-document{margin-left:auto;font-size:10px;color:var(--blue);background:#e9f0ff;padding:2px 7px;border-radius:5px;font-weight:800}.tree-art{display:block;width:100%;height:173px;overflow:visible;padding-top:8px}.art-caption{display:flex;align-items:center;gap:9px;color:#6580a1;font-size:11px;font-weight:650}.art-success-dot{width:6px;height:6px}.art-check{margin-left:auto;color:#159365;font-weight:900}.floating-pill{position:absolute;z-index:2;background:#fff;border:1px solid #e0e9f5;box-shadow:0 12px 34px #27487f18;padding:11px 14px;border-radius:10px;font-size:11px;font-weight:800;color:#56708d;white-space:nowrap}.float-top{right:-6px;top:14px;display:flex;gap:10px;align-items:center}.float-bottom{left:-4px;bottom:9px}.float-icon{color:#2981de;font-size:18px;vertical-align:-1px;margin-right:6px}
.scanner-section{position:relative}.scanner-card,.results-card,.progress-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:var(--shadow)}.scanner-card{padding:33px 36px 28px}.scanner-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:24px}.section-overline{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:850;margin:0 0 7px}.scanner-head h2{font-size:24px;letter-spacing:-.035em;margin:0 0 3px}.scanner-head p:not(.section-overline){color:var(--secondary);margin:0;font-size:13px}.free-tag{background:#e8f7f0;color:#149368;border-radius:8px;padding:6px 11px;font-size:10px;font-weight:900;white-space:nowrap}#scan-form>label{font-size:12px;font-weight:800;display:block;margin-bottom:9px}.form-line{display:flex;gap:10px}.url-wrapper{flex:1;display:flex;align-items:center;border:1.5px solid #dce5f3;border-radius:11px;min-width:0;background:#fdfefe;transition:border-color .2s,box-shadow .2s}.url-wrapper:focus-within{border-color:#7eacff;box-shadow:0 0 0 4px #2d67e81a}.url-icon{font-size:24px;color:#9bacbf;padding:0 12px 0 16px;line-height:1}.url-wrapper input{height:55px;min-width:0;width:100%;border:0;background:transparent;padding:0 12px 0 0;outline:none;font-size:15px;color:var(--ink)}.url-wrapper input:focus-visible{outline:none}.url-wrapper input::placeholder{color:#a8b5c8}.primary-btn{border:0;border-radius:10px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 22px;font-size:13px;font-weight:850;white-space:nowrap;min-height:55px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 22px #2865e829}.primary-btn:hover:not(:disabled){background:var(--blue-strong);transform:translateY(-1px)}.form-footer{margin-top:17px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.limit-label{color:#5c6e87;font-weight:700;font-size:12px;display:flex;align-items:center;gap:12px}.limit-label select{font-weight:700;font-size:12px;border:1px solid #dbe5f1;border-radius:7px;padding:5px 11px;background:#fff;color:#536681}.muted-note{font-size:11px;color:#8a9bb3;margin:0;line-height:1.65}.error-box{background:#fff0f0;border:1px solid #f3cccc;color:#a52d2d;border-radius:9px;padding:11px 13px;margin-top:17px;font-size:13px}
#progress-section,#results-section{margin-top:25px}.progress-card{padding:28px 34px}.progress-header,.results-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.progress-header h2,.results-heading h2{margin:0;font-size:23px;letter-spacing:-.035em}.progress-header p,.results-heading p{color:var(--secondary);font-size:12px;word-break:break-all;margin:5px 0 0}.outline-btn{border:1px solid #dce5f2;color:#46617f;background:#fff;border-radius:9px;min-height:42px;padding:9px 17px;font-weight:800;font-size:12px}.outline-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.progress-track{background:#eaf0fa;border-radius:99px;height:10px;overflow:hidden;margin-top:22px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2769e6,#6b9cff);border-radius:99px;transition:width .35s}.progress-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8494ac;font-size:11px;margin-top:10px}.progress-foot span:first-child{color:#42638d;font-weight:850}
.results-card{padding:32px 34px}.result-chip{display:flex;align-items:center;gap:8px;background:#eaf9f2;color:#18805c;border-radius:99px;padding:7px 13px;font-weight:800;font-size:11px;white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.stat{background:#f6f9fd;border-radius:11px;min-height:93px;padding:17px 20px;display:flex;gap:3px;flex-direction:column}.stat strong{font-size:28px;line-height:1.1;letter-spacing:-.03em}.stat span{color:#7990aa;font-size:12px;font-weight:650}.warning-box{background:#fffaf1;border:1px solid #f6dda8;color:#93651a;padding:12px 16px;border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:18px}.table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.table-head h3{font-size:17px;letter-spacing:-.025em;margin:0}.table-sub{color:#93a0b2;font-size:11px;margin:2px 0 0}.link-btn{background:none;color:var(--blue);font-size:12px;font-weight:800;border:0;padding:8px 0}.table-wrap{overflow:auto;max-height:445px;border:1px solid #e7edf6;border-radius:11px}.results-table{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed}.results-table th{position:sticky;top:0;z-index:1;background:#f6f8fc;color:#697f9c;font-size:11px;font-weight:800;text-align:left;padding:11px 12px}.results-table th.check-col{width:48px}.results-table th:last-child{width:125px}.results-table td{padding:13px 12px;border-top:1px solid #edf1f7;font-size:12px;color:#4d607c}.results-table td:nth-child(1){text-align:center}.results-table td:first-child input{width:15px;height:15px;accent-color:var(--blue)}.results-table td:nth-child(2){overflow-wrap:anywhere}.results-table td:nth-child(2) a{font-weight:750;color:#2d5fbd}.results-table td:nth-child(2) a:hover{text-decoration:underline}.url-title{font-size:11px;color:#91a0b6;display:block;margin-top:3px;max-width:600px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-status{font-size:10px;font-weight:800;border-radius:99px;padding:5px 8px;white-space:nowrap;display:inline-flex;align-items:center}.result-status.ok{background:#eaf8f1;color:#15805c}.result-status.bad{background:#fff1ef;color:#ad534a}.empty-table{text-align:center;padding:24px;color:#8a98ae}.results-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.selected-count{font-size:12px;color:#7f90a8}.selected-count strong{color:#2865e8;font-size:18px}.action-buttons{display:flex;gap:9px}.action-buttons .primary-btn{min-height:43px}.xml-details{margin-top:23px;border-top:1px solid #e7edf6;padding-top:17px}.xml-details summary{font-size:12px;color:#446d9d;font-weight:800;cursor:pointer}.xml-preview{background:#0e2138;color:#bdd6fa;border-radius:10px;padding:18px;font-size:11px;white-space:pre-wrap;word-break:break-all;overflow:auto;max-height:260px}
.ad-section{margin-top:65px;margin-bottom:60px}.ad-slot{border:1px dashed #d9e3f0;border-radius:10px;background:#f6f9fd;height:104px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:#acb7c9;font-size:12px;position:relative}.ad-caption{position:absolute;top:10px;left:15px;font-size:9px;letter-spacing:.13em;color:#b7c3d4}.ad-slot.ad-active{height:auto;min-height:190px;display:block;padding:30px 14px 14px;text-align:center}.ad-slot.ad-active ins.adsbygoogle{display:block;width:100%;min-height:140px}.features-section{padding:25px 0 94px}.center-title{text-align:center;max-width:660px;margin:0 auto 38px}.center-title h2{font-size:29px;letter-spacing:-.045em;margin:0 0 8px}.center-title>p:not(.section-overline){color:#798aa1;font-size:13px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{background:#fff;border:1px solid #e9eef6;border-radius:14px;padding:30px 25px;box-shadow:0 8px 24px #28446e09}.feature-icon{display:flex;width:51px;height:51px;align-items:center;justify-content:center;border-radius:12px}.feature-icon svg{width:24px;height:24px}.feature-icon.blue{background:#eaf1ff;color:#2c66e7}.feature-icon.purple{background:#f1efff;color:#7970dd}.feature-icon.green{background:#e5f8f0;color:#17946b}.feature h3{margin:19px 0 8px;font-size:16px}.feature p{margin:0;color:#7b8ca3;font-size:12px;line-height:1.9}
.how-section{background:#f0f5fc;border-top:1px solid #e7eef8;border-bottom:1px solid #e7eef8;padding:75px 0 78px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.step{position:relative;background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:26px 24px;min-height:181px}.step:not(:last-child):after{content:'→';position:absolute;right:-18px;top:46%;color:#b6c7e1;z-index:1;font-weight:900;font-size:18px}.step-number{font-size:23px;font-weight:850;letter-spacing:-.04em;color:#a9c7ff}.step h3{font-size:16px;margin:9px 0}.step p{color:#7c8da4;font-size:12px;margin:0;line-height:1.85}.guide-note{display:flex;align-items:start;gap:12px;background:#e4eefc;border:1px solid #d5e4fb;padding:19px 24px;border-radius:11px;margin-top:24px}.guide-icon{flex:none;color:#fff;background:#3074dc;border-radius:50%;height:20px;width:20px;text-align:center;font:700 14px/20px serif;margin-top:3px}.guide-note p{margin:0;line-height:1.8}.guide-note strong{display:block;font-size:13px}.guide-note span:not(.guide-icon){font-size:12px;color:#607a9b;display:block}.guide-note a{display:inline-block;font-weight:800;color:var(--blue);font-size:12px;margin-top:5px}.faq-section{padding:85px 0 12px}.faq-list{max-width:790px;margin:auto}.faq-list details{border-bottom:1px solid #e2e9f3;padding:18px 7px}.faq-list summary{list-style:none;position:relative;cursor:pointer;font-weight:800;font-size:14px;padding-right:28px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:7px;top:0;font-size:20px;line-height:1.2;color:#96a8be}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:2;color:#7d8fa7;margin:12px 0 0}.ad-bottom{margin-top:66px;margin-bottom:88px}.site-footer{background:#fff;border-top:1px solid #e4ebf5;padding:36px 0}.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footer-inner strong{font-size:13px;letter-spacing:.03em}.footer-inner p{font-size:11px;color:#93a2b7;margin:2px 0 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:11px;color:#6f8099;font-weight:750}.footer-inner small{color:#a2aec0;font-size:10px}
@media(max-width:1000px){.hero{gap:22px;padding-top:62px}.hero h1{font-size:clamp(35px,4.7vw,49px)}.hero-art{transform:scale(.94)}.float-top{right:-1px}.footer-inner{grid-template-columns:1fr auto}.footer-inner small{grid-column:1/-1}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.site-header .header-inner{height:72px;gap:12px}.header-nav{display:none}.lang-switch{margin-left:auto}.brand-text{font-size:12px}.brand-text span{display:none}.hero{grid-template-columns:1fr;gap:12px;padding-top:52px;padding-bottom:26px}.hero h1{font-size:clamp(34px,7vw,47px);margin:18px 0}.hero-desc{font-size:14px}.hero-art{height:260px;transform:none}.sitemap-card{height:225px;width:min(350px,95%)}.tree-art{height:150px}.float-top{right:3px;top:0}.float-bottom{bottom:3px;left:0}.scanner-card{padding:26px 21px}.scanner-head h2{font-size:20px}.form-line{flex-direction:column}.url-wrapper input{height:53px}.primary-btn{width:100%}.form-footer{align-items:flex-start}.stat-row{gap:8px}.stat{padding:14px 12px;min-height:78px}.stat strong{font-size:23px}.stat span{font-size:10px}.results-card,.progress-card{padding:23px 19px}.results-actions{flex-direction:column;align-items:stretch;gap:10px}.action-buttons{width:100%}.action-buttons button{flex:1}.feature-grid,.steps-grid{grid-template-columns:1fr}.features-section{padding-bottom:70px}.feature{padding:23px}.how-section{padding:64px 0}.step{min-height:unset}.step:not(:last-child):after{display:none}.faq-section{padding-top:70px}.center-title h2{font-size:25px}.footer-inner{grid-template-columns:1fr;gap:16px}.footer-inner small{grid-column:auto}}
@media(max-width:450px){.container{width:calc(100% - 28px)}.brand-mark svg{height:30px;width:30px}.brand-text{font-size:11px}.lang-switch button{padding:5px 7px}.hero{padding-top:38px}.hero h1{font-size:clamp(29px,8.6vw,39px)}.hero-points{gap:10px 15px;font-size:11px}.hero-art{height:228px}.sitemap-card{height:210px;padding:12px 14px}.tree-art{height:144px}.floating-pill{font-size:9px;padding:8px 10px}.scanner-head{margin-bottom:18px}.scanner-head h2{font-size:18px}.free-tag{font-size:9px;padding:5px 7px}.results-table th:last-child{width:93px}.results-table td,.results-table th{padding:11px 7px}.results-table th.check-col{width:36px}.result-status{font-size:9px;padding:4px 5px}.action-buttons{flex-direction:column}.progress-header h2,.results-heading h2{font-size:19px}.ad-section{margin-top:45px;margin-bottom:45px}}