:root{
  --brand-deep:#0B1F4E; --brand-deep-2:#102957; --brand-deep-3:#173366;
  --brand:#1E47A0; --brand-2:#2960C9; --brand-3:#4781DA; --brand-cyan:#38A9E4;
  --brand-bg:#EAF0FB; --brand-soft:#F4F7FC;
  --paper:#FFFFFF; --bg:#F5F7FA; --bg-2:#EFF2F7;
  --border:#E3E8F0; --border-2:#D2D9E4;
  --text:#0F1B30; --text-dim:#536179; --text-mute:#8A95AB;
  --pos:#1F8855; --pos-bg:#E6F2EC; --warn:#B26508; --warn-bg:#FBEEDB;
  --red:#DC3B36; --red-bg:#FCEAE9; --gold:#A8842C;
  --shadow:0 1px 2px rgba(11,31,78,.05),0 8px 24px -12px rgba(11,31,78,.10);
  --shadow-lg:0 2px 6px rgba(11,31,78,.06),0 24px 56px -18px rgba(11,31,78,.20);
}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;}
body{background:var(--bg);color:var(--text);line-height:1.7;}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px;}
.en{font-size:10px;letter-spacing:.14em;color:var(--text-mute);text-transform:uppercase;font-weight:600;}
header{background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;}
header .wrap{display:flex;justify-content:flex-start;align-items:center;height:64px;gap:10px;}
header .wrap>.logo{margin-right:auto;}
.logo{font-weight:800;font-size:19px;letter-spacing:.02em;color:var(--brand-deep);display:flex;align-items:baseline;gap:2px;}
.logo .mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--brand),var(--brand-cyan));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;margin-right:8px;align-self:center;}
.logo .s2{color:var(--brand-cyan);}
.logo .tag{font-size:9px;letter-spacing:.18em;color:var(--text-mute);font-weight:600;margin-left:10px;}
.header-cta{background:var(--brand);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px;white-space:nowrap;}
.header-cta:hover{background:var(--brand-2);}
#loginBtn{background:transparent;color:var(--brand-deep);border:1.5px solid var(--border-2,#dde);padding:8px 16px;font-weight:600;}
#loginBtn:hover{background:var(--brand-soft,#f7f9fd);border-color:var(--brand);color:var(--brand);}
@media(max-width:640px){
  header .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;gap:8px;}
  header .wrap>.logo{margin-right:auto;}
  .logo .tag{display:none;}
  .header-cta{padding:8px 14px;font-size:12px;}
  #loginBtn{padding:7px 12px;}
}
.hero{background:linear-gradient(150deg,var(--brand-deep) 0%,var(--brand-deep-3) 55%,var(--brand) 100%);color:#fff;padding:64px 0 96px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(56,169,228,.22),transparent 65%);}
.hero .en{color:var(--brand-cyan);margin-bottom:10px;}
.hero h1{font-size:33px;font-weight:800;line-height:1.5;}
.hero h1 em{font-style:normal;color:var(--brand-cyan);}
.hero p.sub{margin-top:14px;font-size:15px;color:rgba(255,255,255,.68);max-width:660px;}
.hero .stats{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.hstat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 18px;}
.hstat .k{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.5);text-transform:uppercase;font-weight:600;}
.hstat .v{font-size:18px;font-weight:800;}
.hstat .v .cy{color:var(--brand-cyan);}
.form-card{background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);max-width:660px;margin:-56px auto 0;padding:32px;position:relative;z-index:5;}
.form-card h2{font-size:19px;text-align:center;}
.form-card .free{color:var(--red);font-weight:800;}
.form-card p.note{text-align:center;font-size:12.5px;color:var(--text-dim);margin:4px 0 20px;}
.field{margin-bottom:15px;}
.field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--text);}
.field label .req{color:var(--red);font-size:10px;margin-left:6px;}
.field label .opt{color:var(--text-mute);font-size:10px;margin-left:6px;}
.field input,.field select{width:100%;padding:11px 14px;border:1.5px solid var(--border-2);border-radius:9px;font-size:15px;background:var(--brand-soft);color:var(--text);}
.field input:focus,.field select:focus{outline:none;border-color:var(--brand-2);background:#fff;}
.submit-btn{width:100%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:800;cursor:pointer;margin-top:4px;box-shadow:0 6px 16px rgba(30,71,160,.35);}
.submit-btn:hover{filter:brightness(1.07);}
#loading{display:none;text-align:center;padding:64px 20px;}
.spinner{width:56px;height:56px;border:5px solid var(--border);border-top-color:var(--brand-2);border-radius:50%;margin:0 auto 22px;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
#loadStep{font-size:14px;color:var(--text-dim);min-height:24px;}
.progress-outer{max-width:400px;height:6px;background:var(--border);border-radius:99px;margin:16px auto 6px;overflow:hidden;}
.progress-inner{height:100%;width:0;background:linear-gradient(90deg,var(--brand-2),var(--brand-cyan));transition:width .6s;}
#loadHint{font-size:11px;color:var(--text-mute);}
#result{display:none;padding:44px 0 20px;}
.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;}
.sec-head h2{font-size:20px;font-weight:800;}
.sec-head::before{content:"";width:5px;height:20px;background:var(--brand);border-radius:3px;align-self:center;}
.live{background:var(--pos-bg);color:var(--pos);font-size:10px;font-weight:800;letter-spacing:.1em;padding:2px 10px;border-radius:99px;}
.grid{display:grid;gap:18px;}
.g2{grid-template-columns:1fr 1fr;}
@media(max-width:840px){.g2{grid-template-columns:1fr;}}
.card{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow);}
.card h3{font-size:15px;margin-bottom:4px;}
.card .sub-en{font-size:10px;letter-spacing:.13em;color:var(--text-mute);text-transform:uppercase;font-weight:600;margin-bottom:14px;}
.value-card{background:linear-gradient(150deg,var(--brand-deep),var(--brand-deep-3));color:#fff;text-align:center;border:none;}
.value-card .en{color:var(--brand-cyan);}
.value-card .score{font-size:60px;font-weight:800;line-height:1.15;}
.value-card .score small{font-size:20px;color:rgba(255,255,255,.5);}
.value-card .rank{display:inline-block;margin-top:4px;padding:3px 18px;border-radius:99px;font-weight:800;font-size:14px;background:rgba(56,169,228,.2);border:1px solid rgba(56,169,228,.45);color:var(--brand-cyan);}
.value-card .rank.bad{background:rgba(220,59,54,.18);border-color:rgba(220,59,54,.5);color:#ff9b96;}
.value-card .worth{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.55);}
.value-card .worth b{color:#fff;font-size:20px;display:block;}
.value-card .worth i{font-style:normal;font-size:10px;color:rgba(255,255,255,.4);}
.summary-card{border-left:4px solid var(--brand);}
.summary-card p{font-size:14px;color:var(--text);}
.ai-badge{display:inline-block;background:var(--brand-bg);color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.08em;padding:2px 10px;border-radius:99px;margin-bottom:8px;}
.term-chip{display:inline-block;background:var(--brand-deep);color:#fff;font-size:12.5px;font-weight:700;padding:4px 14px;border-radius:99px;margin:3px 5px 3px 0;}
.term-chip.sub{background:var(--brand-bg);color:var(--brand);}
.score-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.score-row .name{width:118px;font-size:12.5px;font-weight:700;flex-shrink:0;}
.score-row .name i{font-style:normal;font-size:9px;color:var(--text-mute);display:block;letter-spacing:.06em;}
.bar-outer{flex:1;height:10px;background:var(--bg-2);border-radius:99px;overflow:hidden;}
.bar-inner{height:100%;border-radius:99px;width:0;transition:width 1.1s ease;}
.score-row .num{width:34px;text-align:right;font-weight:800;font-size:13px;}
.chk{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px;}
@media(max-width:600px){.chk{grid-template-columns:1fr;}}
.chk div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--bg-2);}
.ok{color:var(--pos);font-weight:800;} .ng{color:var(--red);font-weight:800;}
.psi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;}
.psi-item{text-align:center;background:var(--brand-soft);border:1px solid var(--border);border-radius:10px;padding:12px 6px;}
.psi-item .v{font-size:24px;font-weight:800;}
.psi-item .k{font-size:10px;color:var(--text-mute);letter-spacing:.06em;}
.rep-num{font-size:42px;font-weight:800;line-height:1.2;}
.rep-num.ok{color:var(--pos);} .rep-num.warn{color:var(--red);}
.neg-list{margin-top:10px;}
.neg-item{display:inline-block;background:var(--red-bg);color:var(--red);font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px;margin:3px 4px 0 0;}
.sug-item{display:inline-block;background:var(--brand-bg);color:var(--brand);font-size:12px;font-weight:600;padding:3px 12px;border-radius:99px;margin:3px 4px 0 0;}
.kw-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.kw-table th{background:var(--brand-soft);padding:9px 10px;text-align:left;font-size:10.5px;color:var(--text-mute);letter-spacing:.08em;}
.kw-table td{padding:9px 10px;border-bottom:1px solid var(--bg-2);}
.tagb{padding:2px 10px;border-radius:99px;font-size:10.5px;font-weight:700;}
.tagb.content{background:var(--brand-deep);color:#fff;}
.tagb.real{background:var(--pos-bg);color:var(--pos);}
.tagb.seed{background:var(--bg-2);color:var(--text-dim);}
.tagb.low{background:var(--pos-bg);color:var(--pos);} .tagb.mid{background:var(--warn-bg);color:var(--warn);}
.advice-item{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--bg-2);}
.advice-item:last-child{border-bottom:none;}
.pri{flex-shrink:0;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:11px;}
.pri.p1{background:var(--red);} .pri.p2{background:var(--warn);} .pri.p3{background:var(--brand-2);}
.advice-item h4{font-size:14px;} .advice-item p{font-size:12.5px;color:var(--text-dim);}
.notice{font-size:11px;color:var(--text-mute);margin-top:14px;}
#redesign{display:none;padding:36px 0 30px;}
.browser-frame{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-2);background:#fff;}
.browser-bar{background:var(--bg-2);padding:10px 16px;display:flex;align-items:center;gap:7px;}
.dot{width:10px;height:10px;border-radius:50%;}
.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}
.url-box{flex:1;background:#fff;border:1px solid var(--border);border-radius:7px;padding:3px 14px;font-size:12px;color:var(--text-mute);margin-left:10px;}
#siteFrame{width:100%;height:680px;border:none;display:block;background:#fff;}
.frame-loading{height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--text-dim);font-size:14px;}
.rd-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap;}
#branding{display:none;padding:36px 0 10px;}
.qblock{margin-bottom:22px;}
.qtitle{font-size:14px;font-weight:800;margin-bottom:10px;}
.qtitle .qen{font-size:10px;letter-spacing:.12em;color:var(--text-mute);font-weight:600;margin-left:10px;text-transform:uppercase;}
.qopts{display:flex;gap:10px;flex-wrap:wrap;}
.qopt{background:var(--brand-soft);border:1.5px solid var(--border-2);border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;}
.qopt small{display:block;font-size:10.5px;color:var(--text-mute);font-weight:600;}
.qopt.sel{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff;}
.qopt.sel small{color:rgba(255,255,255,.6);}
.wiz-card{max-width:720px;margin:0 auto;}
.wiz-prog{height:6px;background:var(--bg-2);border-radius:99px;overflow:hidden;margin-bottom:26px;}
.wiz-prog-in{height:100%;width:0;background:linear-gradient(90deg,var(--brand-2),var(--brand-cyan));transition:width .4s;}
.wiz-qen{font-size:10px;letter-spacing:.14em;color:var(--brand-2);text-transform:uppercase;font-weight:700;}
.wiz-qt{font-size:19px;font-weight:800;margin:6px 0 4px;}
.wiz-qs{font-size:12.5px;color:var(--text-dim);margin-bottom:18px;}
.wopt{display:block;width:100%;text-align:left;background:var(--brand-soft);border:1.5px solid var(--border-2);border-radius:12px;padding:14px 18px;font-size:14.5px;font-weight:700;cursor:pointer;transition:.15s;margin-bottom:10px;color:var(--text);}
.wopt small{display:block;font-size:11.5px;color:var(--text-mute);font-weight:600;margin-top:2px;}
.wopt:hover{border-color:var(--brand-2);}
.wopt.sel{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff;}
.wopt.sel small{color:rgba(255,255,255,.6);}
.hex-row{display:none;gap:10px;align-items:center;margin:4px 0 10px;}
.hex-row.show{display:flex;}
.hex-row input{flex:1;padding:11px 14px;border:1.5px solid var(--border-2);border-radius:9px;font-size:15px;font-family:monospace;}
.hex-sw{width:42px;height:42px;border-radius:9px;border:1px solid var(--border-2);background:#1E47A0;flex-shrink:0;}
.wiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:14px;}
.wiz-count{font-size:11px;letter-spacing:.1em;color:var(--text-mute);font-weight:700;}
.wiz-next{background:var(--brand);color:#fff;border:none;padding:11px 30px;border-radius:999px;font-weight:800;font-size:13.5px;cursor:pointer;}
.type-card{background:linear-gradient(150deg,var(--brand-deep),var(--brand-deep-3));color:#fff;border-radius:16px;padding:36px;text-align:center;box-shadow:var(--shadow-lg);max-width:720px;margin:0 auto;}
.type-code{font-size:13px;letter-spacing:.4em;color:var(--brand-cyan);font-weight:800;}
.type-name{font-size:30px;font-weight:800;margin:8px 0 6px;}
.type-desc{font-size:13px;color:rgba(255,255,255,.65);max-width:34em;margin:0 auto;}
.type-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.tchip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:5px 16px;font-size:12px;font-weight:700;}
.tchip b{color:var(--brand-cyan);font-weight:800;}
.cost-chip{display:inline-block;background:var(--warn-bg);color:var(--warn);font-size:11px;font-weight:800;padding:3px 12px;border-radius:99px;margin-left:8px;}
.crit-item{padding:11px 0;border-bottom:1px solid var(--bg-2);font-size:13px;}
.crit-item:last-child{border-bottom:none;}
.crit-item .ci{color:var(--red);font-weight:700;}
.crit-item .cf{color:var(--pos);display:block;margin-top:2px;}
.ext-row{padding:7px 0;border-bottom:1px solid var(--bg-2);display:flex;gap:10px;}
.ext-row b{flex-shrink:0;min-width:88px;color:var(--text);}
.mini-btn{background:var(--paper);border:1.5px solid var(--border-2);color:var(--text);padding:11px 26px;border-radius:999px;font-weight:700;font-size:13.5px;cursor:pointer;}
.mini-btn:hover{border-color:var(--brand-2);color:var(--brand);}
.big-btn{display:block;margin:34px auto 0;background:linear-gradient(135deg,var(--brand),var(--brand-cyan));color:#fff;border:none;padding:17px 44px;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(30,71,160,.35);}
.big-btn.green{background:linear-gradient(135deg,var(--pos),#26a86a);box-shadow:0 8px 22px rgba(31,136,85,.35);}
#domain{display:none;padding:36px 0 30px;}
.dom-search{display:flex;gap:10px;max-width:560px;margin-bottom:20px;}
.dom-search input{flex:1;padding:12px 16px;border:1.5px solid var(--border-2);border-radius:10px;font-size:15px;background:var(--paper);}
.dom-search input:focus{outline:none;border-color:var(--brand-2);}
.dom-search button{background:var(--brand);color:#fff;border:none;padding:12px 26px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;}
.dom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:840px){.dom-grid{grid-template-columns:1fr;}}
.dom-item{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);}
.dom-item .dn{font-weight:800;font-size:14.5px;word-break:break-all;}
.dom-item .dp{font-size:11px;color:var(--text-mute);}
.st{font-size:10.5px;font-weight:800;padding:3px 12px;border-radius:99px;white-space:nowrap;}
.st.available{background:var(--pos-bg);color:var(--pos);}
.st.taken{background:var(--red-bg);color:var(--red);}
.st.unknown{background:var(--bg-2);color:var(--text-dim);}
.dom-connect{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:24px;margin-top:22px;box-shadow:var(--shadow);}
.dns-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px;}
.dns-table th{background:var(--brand-soft);padding:8px 10px;text-align:left;font-size:10.5px;color:var(--text-mute);}
.dns-table td{padding:8px 10px;border-bottom:1px solid var(--bg-2);font-family:monospace;}
#pricing{display:none;padding:16px 0 76px;text-align:center;}
.price-card{background:var(--paper);max-width:520px;margin:0 auto;border-radius:18px;padding:38px;box-shadow:var(--shadow-lg);border:2px solid var(--brand);}
.price-card .plan{background:var(--brand);color:#fff;display:inline-block;padding:4px 20px;border-radius:99px;font-weight:800;font-size:12px;letter-spacing:.08em;}
.price-card .price{font-size:48px;font-weight:800;margin:12px 0 0;color:var(--brand-deep);}
.price-card .price small{font-size:16px;color:var(--text-mute);font-weight:600;}
.price-card ul{list-style:none;text-align:left;margin:18px 0;font-size:13.5px;}
.price-card li{padding:8px 0;border-bottom:1px solid var(--bg-2);}
.price-card li::before{content:"✓";color:var(--pos);font-weight:800;margin-right:10px;}
.publish-btn{width:100%;background:linear-gradient(135deg,var(--pos),#26a86a);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:800;cursor:pointer;}
footer{background:var(--brand-deep);color:rgba(255,255,255,.45);text-align:center;padding:24px;font-size:11.5px;}
footer b{color:rgba(255,255,255,.75);}
.banner{background:var(--warn-bg);border:1.5px solid var(--warn);border-radius:12px;padding:14px 20px;font-size:13.5px;margin-bottom:22px;}
.err-banner{background:var(--red-bg);border:1.5px solid var(--red);border-radius:12px;padding:14px 20px;font-size:13.5px;margin:20px auto;max-width:660px;display:none;}
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--brand-deep);color:#fff;padding:13px 26px;border-radius:11px;font-size:13.5px;box-shadow:var(--shadow-lg);display:none;z-index:99;}