: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;max-width:1320px;}
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;white-space:nowrap;flex-shrink:0;}
.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;}
.analysis-plan-price .analysis-free-link{display:block;background:transparent!important;color:var(--brand)!important;border:0!important;box-shadow:none!important;margin:8px auto 0!important;padding:6px 10px!important;text-decoration:underline;font-size:12px}.build-plan-cta{margin-top:14px;border:0;border-radius:999px;background:var(--brand);color:#fff;padding:13px 22px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(29,78,216,.18)}.build-plan-cta:hover{filter:brightness(.96)}
.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;}
.site-footer{background:#fff;color:var(--text-dim);border-top:1px solid var(--border);padding:34px 24px 28px;font-size:11.5px}
.site-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(210px,1fr) auto;align-items:center;gap:17px 42px}
.site-footer-brand img{display:block;width:auto;height:25px}.site-footer-brand p{margin:8px 0 0;color:var(--text-mute);font-size:10.5px}
.site-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}.site-footer-links a{color:var(--text-dim);font-weight:700;text-decoration:none}.site-footer-links a:hover{color:var(--brand);text-decoration:underline}
.site-footer-note{margin:0;color:var(--text-mute);font-size:10px;line-height:1.7}.site-footer-copy{margin:0;text-align:right;color:var(--text-mute);font-size:10px}
@media(max-width:700px){.site-footer{padding:28px 20px}.site-footer-inner{grid-template-columns:1fr;gap:15px}.site-footer-links{justify-content:flex-start;gap:10px 18px}.site-footer-note{max-width:38em}.site-footer-copy{text-align:left}.site-footer-brand img{height:23px}}
.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;}

/* 分析とサイト制作を分ける画面ナビゲーション */
.app-nav{display:flex;align-items:center;gap:4px;margin-right:4px;background:var(--brand-soft);padding:4px;border-radius:10px;border:1px solid var(--border)}
.app-nav button{border:0;background:transparent;color:var(--text-dim);padding:7px 11px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.app-nav button:hover:not(:disabled){color:var(--brand);background:#fff}
.app-nav button.active{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(11,31,78,.12)}
.app-nav button:disabled{opacity:.38;cursor:not-allowed}
.page-switcher{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:24px;box-shadow:var(--shadow)}
.page-switcher>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}
.page-switcher b{font-size:16px}.page-switcher small{grid-column:2;color:var(--text-mute);font-size:11.5px}
.page-kicker{font-size:9.5px;letter-spacing:.14em;color:var(--brand);font-weight:800}
.page-switcher button{border:0;background:var(--brand);color:#fff;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.page-switcher button.subtle{background:var(--brand-soft);color:var(--brand);border:1px solid var(--border)}

/* サイト制作ワークベンチ */
#redesign{padding-top:24px}
#redesign>.wrap{max-width:1600px}
.builder-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.builder-heading h2{font-size:24px;line-height:1.35;margin:3px 0}.builder-heading p{color:var(--text-dim);font-size:13px}
.builder-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.source-insights{margin:0 0 16px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.source-insights summary{cursor:pointer;padding:11px 16px;color:var(--text-dim);font-size:12px;font-weight:700;list-style:none}
.source-insights summary::before{content:'＋';display:inline-block;margin-right:8px;color:var(--brand)}
.source-insights[open] summary::before{content:'−'}
.source-insights>.grid{padding:0 14px 14px}.source-insights .card{box-shadow:none;padding:18px}
.editor-workbench{display:block;position:relative;min-height:760px;overflow:hidden}
.editor-rail,.editor-inspector{position:absolute;z-index:20;top:54px;bottom:10px;width:min(340px,calc(100% - 28px));height:auto;min-height:0;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 55px rgba(11,31,78,.22);transition:transform .22s ease,opacity .22s ease;opacity:0;pointer-events:none}
.editor-rail{left:10px;transform:translateX(calc(-100% - 24px))}.editor-inspector{right:10px;transform:translateX(calc(100% + 24px))}
.editor-workbench.blocks-open .editor-rail,.editor-workbench.inspector-open .editor-inspector{transform:translateX(0);opacity:1;pointer-events:auto}
.editor-canvas{min-width:0;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:10px;overflow:auto}
.editor-canvas-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 10px;font-size:12px;color:var(--text-dim)}
.editor-canvas-tools{display:flex;align-items:center;gap:9px}.editor-canvas-tools b{white-space:nowrap}
.viewport-switch{display:flex;gap:3px;background:#fff;border:1px solid var(--border);padding:3px;border-radius:8px}
.viewport-switch button{border:0;background:transparent;color:var(--text-mute);border-radius:5px;padding:5px 8px;font-size:10.5px;font-weight:700;cursor:pointer}
.viewport-switch button.active{background:var(--brand);color:#fff}
#soCanvasFrame{width:100%;max-width:none;margin:0 auto;transition:max-width .25s ease}
#soCanvasFrame[data-size="tablet"]{max-width:820px}
#soCanvasFrame[data-size="mobile"]{max-width:390px}
#soCanvasFrame[data-size="mobile"] .browser-bar .dot{display:none}
#siteFrame{height:calc(100vh - 160px);min-height:680px}
.editor-empty{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--text-mute);gap:6px}
.editor-empty b{color:var(--text);font-size:14px}.editor-empty span{font-size:11.5px}
.so-panel-heading{display:flex;flex-direction:column;gap:2px;padding:16px 14px 10px}
.so-panel-heading b{font-size:13.5px}.so-panel-heading span{font-size:10.5px;color:var(--text-mute)}
.so-block-list{display:flex;flex-direction:column;padding:0 8px 8px;gap:4px}
.so-block-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:8px;color:var(--text);cursor:pointer}
.so-block-item:hover{background:var(--brand-soft)}.so-block-item.active{background:var(--brand-bg);border-color:#B8C9EC;color:var(--brand-deep)}.so-block-item.hidden{opacity:.52}
.so-block-no{font:700 9px/1 monospace;color:var(--text-mute);width:18px}.so-block-name{display:flex;flex-direction:column;font-size:12px;font-weight:700;min-width:0}.so-block-name small{font-size:9.5px;color:var(--text-mute);font-weight:600}
.so-tool-btn{border:1px solid var(--border-2);background:#fff;color:var(--text);border-radius:8px;padding:8px 11px;font-size:11.5px;font-weight:700;cursor:pointer}
.so-tool-btn:hover{border-color:var(--brand-2);color:var(--brand)}.so-tool-btn.small{padding:6px 8px;font-size:10.5px}.so-tool-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}
.so-add-open{display:block;width:calc(100% - 16px);margin:4px 8px 12px;color:var(--brand)}
.so-editor-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border)}
.so-editor-tabs .so-tool-btn{border:0;background:transparent}.so-editor-tabs .so-tool-btn.active{background:var(--brand);color:#fff}
.so-inspector-body{padding:0 4px 18px}.so-block-actions,.so-choice-row{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 12px}
.so-control{padding-top:4px}.so-control>label{display:block;padding:0 14px 7px;font-size:10.5px;color:var(--text-mute);font-weight:700}
.so-text-fields{padding:0 14px}.so-text-field{display:block;margin-bottom:10px}.so-text-field>span{display:block;font-size:9.5px;color:var(--text-mute);font-weight:700;margin-bottom:4px}
.so-text-field input,.so-text-field textarea{display:block;width:100%;border:1px solid var(--border-2);background:var(--brand-soft);border-radius:8px;padding:8px 9px;color:var(--text);font-size:12px;line-height:1.55;resize:vertical}
.so-text-field input:focus,.so-text-field textarea:focus{outline:2px solid rgba(47,107,255,.22);border-color:var(--brand)}
.so-image-row{margin:0 14px 10px;padding:8px;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center}.so-image-thumb{width:44px;height:34px;border-radius:6px;background:center/cover no-repeat var(--bg-2)}.so-image-info{font-size:10.5px;color:var(--text-mute)}.so-image-actions{grid-column:1/-1;display:flex;gap:6px}
.so-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 14px}.so-palette{position:relative;text-align:left;padding-left:25px}.so-palette::before{content:'';position:absolute;left:9px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--swatch);transform:translateY(-50%)}
.so-add-grid{display:grid;gap:8px;padding:0 14px}.so-add-grid .so-tool-btn{text-align:left;padding:12px}
.so-panel-note{font-size:10.5px;color:var(--text-mute);padding:4px 14px 0}
.so-drawer-close{position:sticky;top:7px;z-index:4;float:right;margin:7px 8px -39px 0;border:1px solid var(--border);background:#fff;width:30px;height:30px;border-radius:999px;color:var(--text-dim);font-size:18px;line-height:1;cursor:pointer}

@media(max-width:1180px){
  .logo .tag{display:none}
  .wrap{max-width:100%}
}
@media(max-width:900px){
  .editor-workbench{min-height:0;overflow:visible}
  .editor-rail,.editor-inspector{position:fixed;top:82px;bottom:16px;width:min(360px,calc(100vw - 24px))}
  .editor-rail{left:12px}.editor-inspector{right:12px}
  .so-block-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #siteFrame{height:680px}
}
@media(max-width:700px){
  .app-nav{order:3;width:100%;margin:0}.app-nav button{flex:1}
  .page-switcher,.builder-heading{align-items:flex-start;flex-direction:column}
  .page-switcher>div{display:flex;flex-direction:column}.page-switcher small{grid-column:auto}
  .builder-heading-actions{justify-content:flex-start}
  .editor-canvas{padding:6px}.editor-canvas-bar{align-items:flex-start;flex-direction:column}
  .so-block-list{grid-template-columns:1fr 1fr}
}

/* 2026-09-02 product experience: audit → implemented website → monthly growth */
html{scroll-behavior:smooth;scroll-padding-top:82px}
.public-nav{display:flex;gap:4px;align-items:center}
.public-nav a{color:var(--text-dim);text-decoration:none;font-size:12px;font-weight:700;padding:8px 10px;border-radius:8px}
.public-nav a:hover{color:var(--brand);background:var(--brand-soft)}
body:not([data-so-page="home"]) .public-nav,
body:not([data-so-page="home"]) .home-only{display:none}
body[data-so-page="home"] .app-nav{display:none}

.hero{padding:76px 0 112px;background:
  radial-gradient(circle at 82% 18%,rgba(56,169,228,.25),transparent 26%),
  linear-gradient(145deg,#071837 0%,#0e2c63 56%,#174e91 100%)}
.hero::after{width:620px;height:620px;right:-220px;top:-270px;border:1px solid rgba(255,255,255,.08);background:transparent}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(36px,4.5vw,56px);line-height:1.18;letter-spacing:-.035em;max-width:1080px}.nowrap{white-space:nowrap}
.hero p.sub{max-width:760px;font-size:16px;line-height:1.95;margin-top:20px;color:rgba(255,255,255,.76)}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.hero-actions button{border:0;border-radius:11px;background:#fff;color:var(--brand-deep);font-size:15px;font-weight:900;padding:14px 24px;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hero-actions a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:700;padding:7px 0}
.hero .stats{margin-top:34px}
.hstat{min-width:128px;background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}
.hstat .v{font-size:16px}

.form-card{max-width:720px;margin-top:-66px;padding:34px 38px}
.form-card h2{font-size:22px}
.form-assurance{display:flex;justify-content:center;gap:14px;flex-wrap:wrap!important;margin:13px 0 0!important;color:var(--text-mute)!important;font-size:10.5px!important}
.logo-optional{margin:2px 0 15px;border:1px solid var(--border);border-radius:10px;background:var(--brand-soft);padding:0 13px}
.logo-optional summary{cursor:pointer;padding:9px 0;font-size:12px;font-weight:700;color:var(--text-dim)}
.logo-optional[open]{padding-bottom:12px}.logo-upload-row{display:flex;align-items:center;gap:8px}.logo-upload-row input{font-size:11px;background:#fff;padding:8px}.logo-upload-row button{border:1px solid var(--border-2);background:#fff;border-radius:7px;padding:8px 10px;font-size:10.5px;white-space:nowrap;cursor:pointer}
.logo-preview{display:flex;align-items:center;gap:10px;margin-top:8px}.logo-optional>small{display:block;color:var(--text-mute);font-size:9.5px;margin-top:7px}

.home-section{padding:82px 0}.home-section.alt{background:#eef3fa;border-top:1px solid #e0e7f2;border-bottom:1px solid #e0e7f2}
.home-heading{max-width:760px;margin:0 auto 34px;text-align:center}.home-heading>span{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.18em}.home-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.35;margin:8px 0 12px;letter-spacing:-.025em}.home-heading p{color:var(--text-dim);font-size:14px;line-height:1.9}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.value-grid article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.value-grid article>b{color:var(--brand-cyan);font-size:11px;letter-spacing:.12em}.value-grid h3{font-size:16px;margin:9px 0 6px}.value-grid p{color:var(--text-dim);font-size:12px;line-height:1.8}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:0;margin:0 0 34px;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.flow-grid li{padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--border);position:relative}.flow-grid li:last-child{border-right:0}.flow-grid i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:900;margin-bottom:13px}.flow-grid b{font-size:14px}.flow-grid span{font-size:10.5px;color:var(--text-mute);margin-top:4px}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-grid>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:9px}.fit-grid>div>span{align-self:flex-start;background:var(--pos-bg);color:var(--pos);border-radius:99px;padding:3px 10px;font-size:9px;font-weight:900}.fit-grid b{font-size:12.5px}.fit-grid b::before{content:'✓';color:var(--pos);margin-right:8px}.fit-grid .muted>span{background:var(--bg-2);color:var(--text-mute)}.fit-grid .muted b{color:var(--text-dim)}.fit-grid .muted b::before{content:'—';color:var(--text-mute)}
.price-compare{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;max-width:900px;margin:0 auto}.price-compare article{background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column}.price-compare article.growth-plan{border:2px solid var(--brand);box-shadow:var(--shadow-lg)}.price-compare article>span{font-size:9px;font-weight:900;letter-spacing:.18em;color:var(--brand)}.price-compare h3{font-size:19px;margin:4px 0}.price-compare strong{font-size:36px;line-height:1.4;color:var(--brand-deep)}.price-compare strong small{font-size:12px;color:var(--text-mute)}.price-compare ul{list-style:none;margin:15px 0 24px}.price-compare li{font-size:12px;padding:7px 0;border-bottom:1px solid var(--bg-2)}.price-compare li::before{content:'✓';color:var(--pos);font-weight:900;margin-right:8px}.price-compare button{margin-top:auto;border:0;border-radius:10px;padding:12px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.free-plan button{background:var(--brand-soft);color:var(--brand);border:1px solid var(--border)}.price-note{max-width:820px;margin:18px auto 0;text-align:center;color:var(--text-mute);font-size:10.5px}

.audit-details{margin:22px 0 0}.audit-details>summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}.audit-details>summary::-webkit-details-marker{display:none}.audit-details>summary span{font-size:13px;font-weight:800}.audit-details>summary span::before{content:'＋';color:var(--brand);margin-right:9px}.audit-details[open]>summary span::before{content:'−'}.audit-details>summary small{font-size:10px;color:var(--text-mute)}.audit-detail-body{padding-top:18px}
.build-choice{margin:26px 0 8px;padding:26px 28px;border-radius:18px;background:linear-gradient(135deg,#0b1f4e,#194c91);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow-lg)}.build-choice>div:first-child{max-width:640px}.build-choice span{font-size:9px;letter-spacing:.18em;color:#60c7f2;font-weight:900}.build-choice h3{font-size:20px;margin:4px 0}.build-choice p{font-size:12px;color:rgba(255,255,255,.7)}.build-choice-actions{display:flex;flex-direction:column;gap:8px;min-width:250px}.build-choice-actions button{border:0;border-radius:10px;padding:12px 16px;background:#fff;color:var(--brand-deep);font-weight:900;cursor:pointer}.build-choice-actions button.subtle{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.quick-option{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eaf2ff;border:1px solid #cbdcf5;border-radius:14px;padding:17px 20px;margin-bottom:20px}.quick-option b{font-size:14px}.quick-option p{font-size:11.5px;color:var(--text-dim)}.quick-option button{border:0;background:var(--brand);color:#fff;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.price-card h2{font-size:22px;margin:12px 0 -5px}.plan-lead{font-size:12.5px;color:var(--text-dim);max-width:390px;margin:6px auto 16px}.gi-build-note{display:block;margin-top:8px;color:var(--text-mute);font-size:9.5px}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(56,169,228,.4);outline-offset:3px}
@media(max-width:900px){
  .public-nav{display:none}.value-grid{grid-template-columns:1fr 1fr}.flow-grid{grid-template-columns:1fr 1fr}.flow-grid li:nth-child(2){border-right:0}.flow-grid li:nth-child(-n+2){border-bottom:1px solid var(--border)}
}
@media(max-width:680px){
  .hero{padding:48px 0 92px}.hero h1{font-size:35px}.hero p.sub{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-actions button{width:100%}.hstat{flex:1;min-width:135px}
  .form-card{margin-top:-48px;padding:25px 18px}.form-assurance{gap:7px!important}.home-section{padding:58px 0}.home-heading{text-align:left;margin-bottom:25px}.value-grid,.flow-grid,.fit-grid,.price-compare{grid-template-columns:1fr}.flow-grid li{border-right:0!important;border-bottom:1px solid var(--border)}.flow-grid li:last-child{border-bottom:0}.build-choice,.quick-option{align-items:stretch;flex-direction:column}.build-choice-actions{min-width:0}.audit-details>summary{align-items:flex-start;flex-direction:column}.price-compare article{padding:24px}
}

/* 2026-09-02: keep the public entry focused on one action: enter company details. */
.hero{padding:54px 0 62px;min-height:calc(100vh - 70px);display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,560px);gap:54px;align-items:center;position:relative;z-index:1}
.hero-copy{min-width:0}
.hero-copy .en{margin-bottom:14px}
.hero-copy h1{font-size:clamp(38px,4.25vw,58px);line-height:1.2;max-width:720px}
.hero-copy p.sub{max-width:650px;font-size:16px;line-height:1.85;margin-top:22px}
.hero-promises{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:26px 0 0;padding:0}
.hero-promises li{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}
.hero-promises li::before{content:'✓';color:var(--brand-cyan);margin-right:6px}
.hero-form-shell{width:100%}
.hero-form-shell .form-card{max-width:none;margin:0;padding:28px 30px;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.24);color:var(--text)}
.hero-form-shell .form-card h2{font-size:23px;margin-bottom:4px}
.hero-form-shell .form-card .note{margin-bottom:17px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.hero-form-shell .field{margin-bottom:13px}
.hero-form-shell .field label{margin-bottom:5px}
.hero-form-shell .field input,.hero-form-shell .field select{padding:11px 12px}
.hero-form-shell .logo-optional{margin-bottom:12px;background:#f7f9fd}
.hero-form-shell .submit-btn{margin-top:0;padding:14px 18px;font-size:14px}
.hero-form-shell .form-assurance{gap:16px!important;margin-top:10px!important}
.hero-form-shell .form-assurance span::before{content:'✓';color:var(--pos);margin-right:4px}
.hero-form-shell .err-banner{margin-top:10px}
.home-outcome{padding:68px 0 62px}
.home-outcome .home-heading{margin-bottom:28px}
.value-grid.simple{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto}
.value-grid.simple article{box-shadow:none;padding:24px 25px}
.fit-line{max-width:1000px;margin:20px auto 0;padding:15px 18px;border-radius:11px;background:var(--brand-soft);color:var(--text-dim);font-size:12px;text-align:center}
.compact-price{padding:56px 0;background:#eef3fa;border-top:1px solid #e0e7f2}
.price-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:42px;align-items:center}
.price-band>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--brand)}
.price-band h2{font-size:clamp(26px,3vw,38px);line-height:1.3;margin:7px 0 10px}
.price-band>div:first-child p{color:var(--text-dim);font-size:14px;line-height:1.8;max-width:590px}
.price-band-plan{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px 27px;box-shadow:var(--shadow)}
.price-band-plan small{display:block;color:var(--brand);font-weight:900;font-size:11px}
.price-band-plan strong{display:block;color:var(--brand-deep);font-size:34px;margin:2px 0}
.price-band-plan strong span{font-size:12px;color:var(--text-mute)}
.price-band-plan p{font-size:11px;color:var(--text-dim);margin-bottom:15px}
.price-band-plan button{width:100%;border:0;border-radius:10px;padding:12px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:960px){
  .hero{min-height:auto;padding:48px 0 54px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy p.sub{margin-left:auto;margin-right:auto}.hero-promises{justify-content:center}.hero-form-shell{max-width:650px;margin:0 auto}.price-band{grid-template-columns:1fr 390px;gap:26px}
}
@media(max-width:680px){
  header .wrap{height:62px;padding-top:8px;padding-bottom:8px;flex-wrap:nowrap}.logo{font-size:16px}.logo .mark{width:23px;height:23px;margin-right:5px}.public-nav,header .wrap>.header-cta:last-child{display:none!important}#loginBtn{margin-left:auto}
  .hero{padding:34px 0 42px}.hero-grid{gap:25px}.hero-copy{text-align:left}.hero-copy h1{font-size:33px}.hero-copy p.sub{font-size:14px;line-height:1.75;margin-top:16px}.hero-promises{justify-content:flex-start;margin-top:18px;gap:7px}.hero-promises li{font-size:10.5px;padding:7px 10px}.hero-form-shell .form-card{margin:0;padding:22px 18px}.form-grid{grid-template-columns:1fr}.hero-form-shell .field{margin-bottom:11px}.value-grid.simple,.price-band{grid-template-columns:1fr}.home-outcome{padding:48px 0}.home-outcome .home-heading{text-align:left}.fit-line{text-align:left}.compact-price{padding:45px 0}.price-band{gap:22px}
}

/* 2026-09-02 editor workspace: persistent control panel + canvas. */
#redesign{padding:18px 0 28px;background:#f3f5f9}
#redesign>.wrap{max-width:none;padding:0 18px}
.builder-heading{align-items:center;margin-bottom:12px}.builder-heading h2{font-size:20px}.builder-heading p{font-size:11.5px}
.builder-heading-actions,.rd-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.editor-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);gap:12px;align-items:stretch;min-height:720px;height:calc(100vh - 150px);position:relative;overflow:hidden}
.editor-sidebar{min-width:0;min-height:0;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.editor-sidebar-title{padding:14px 15px 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column}
.editor-sidebar-title b{font-size:13.5px}.editor-sidebar-title span{font-size:9.5px;color:var(--text-mute);margin-top:2px}
.editor-mode-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px;border-bottom:1px solid var(--border);background:#f7f9fc}
.editor-mode-nav button{min-width:0;border:0;background:transparent;color:var(--text-dim);border-radius:7px;padding:8px 2px;font-size:9.5px;font-weight:800;cursor:pointer;white-space:nowrap}
.editor-mode-nav button:hover{background:#fff;color:var(--brand)}.editor-mode-nav button.active{background:var(--brand);color:#fff}
.editor-sidebar-body{position:relative;min-height:0;flex:1;overflow:hidden}
.editor-rail,.editor-inspector,.editor-publish-panel{position:static;width:auto;height:100%;min-height:0;overflow:auto;background:#fff;border:0;border-radius:0;box-shadow:none;transform:none;opacity:1;pointer-events:auto;display:none}
.editor-workbench[data-editor-panel="layers"] .editor-rail{display:block}
.editor-workbench[data-editor-panel="block"] .editor-inspector,.editor-workbench[data-editor-panel="design"] .editor-inspector,.editor-workbench[data-editor-panel="add"] .editor-inspector{display:block}
.editor-workbench[data-editor-panel="publish"] .editor-publish-panel{display:block}
.editor-canvas{min-width:0;min-height:0;background:var(--bg-2);border:1px solid var(--border);border-radius:13px;padding:10px;overflow:auto;display:flex;flex-direction:column}
.editor-canvas-bar{flex:0 0 auto}.editor-canvas-tools span{font-size:9.5px;color:var(--text-mute)}
.browser-frame{flex:1;min-height:0}#siteFrame{height:calc(100vh - 220px);min-height:620px}
.so-drawer-close,.so-editor-tabs{display:none!important}
.editor-publish-panel>.card{border:0;border-radius:0;box-shadow:none;padding:16px}.editor-publish-panel .big-btn{font-size:12px;padding:11px}.editor-publish-panel .so-row{display:grid;grid-template-columns:1fr}.editor-publish-panel .so-row input{min-width:0}.editor-publish-panel .so-row button{width:100%}.editor-footnote{text-align:center;margin:13px 0 0}
@media(max-width:1180px){.editor-workbench{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:900px){.editor-workbench{grid-template-columns:280px minmax(560px,1fr);height:720px;overflow:auto}#siteFrame{height:640px}}
@media(max-width:700px){.editor-workbench{display:flex;flex-direction:column;height:auto;overflow:visible}.editor-sidebar{height:430px;flex:none}.editor-canvas{min-height:650px}.editor-mode-nav button{font-size:9px}#siteFrame{height:590px;min-height:590px}.editor-footnote{text-align:left}}
.gi-plan-note{align-self:flex-start;margin-top:10px;padding:5px 9px;border-radius:999px;background:#e8eef8;color:#46617e;font-size:9px;font-weight:800}
.so-block-item[draggable="true"]{cursor:grab}.so-block-item.dragging{opacity:.38}.so-block-item.drag-over{border-color:var(--brand);box-shadow:inset 0 2px 0 var(--brand)}.so-drag-handle{color:var(--text-mute);font-size:13px;letter-spacing:-4px;width:13px;flex:none}

/* 2026-09-02: ANALYZE / BUILD are independent products with an optional bridge. */
.logo-button{border:0;background:transparent;cursor:pointer;padding:0;text-align:left;align-items:center;line-height:0}
.logo-button img{display:block;width:auto;height:32px;max-width:100%}
.service-nav{display:flex;align-items:stretch;gap:5px;margin-right:4px}
.service-nav button{border:0;background:transparent;color:var(--text-dim);border-radius:9px;padding:7px 12px;font-size:11.5px;font-weight:800;line-height:1.25;cursor:pointer;text-align:left;white-space:nowrap}
.service-nav button span{display:block;color:var(--text-mute);font-size:8px;letter-spacing:.13em;margin-bottom:2px}
.service-nav button:hover{background:var(--brand-soft);color:var(--brand)}
.service-nav button.active{background:#e9effb;color:var(--brand)}.service-nav button.active span{color:var(--brand)}

.service-home{min-height:calc(100vh - 64px);background:#f5f7fa}
.service-home-hero{padding:70px 0 128px;background:radial-gradient(circle at 76% 5%,rgba(56,169,228,.26),transparent 27%),linear-gradient(145deg,#071837,#102d61 58%,#174f8d);color:#fff;text-align:center}
.service-eyebrow{display:block;color:#55c2ee;font-size:10px;font-weight:900;letter-spacing:.2em;margin-bottom:13px}
.service-home-hero h1{font-size:clamp(36px,5vw,63px);line-height:1.16;letter-spacing:-.045em;margin:0 auto;max-width:930px}
.service-home-hero h1 em{font-style:normal;color:#65c8ef}
.service-home-hero p{max-width:760px;margin:22px auto 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.9}
.service-choice-section{padding:0 0 82px;margin-top:-72px;position:relative;z-index:2}
.service-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1060px}
.service-choice-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px 34px 30px;box-shadow:0 24px 65px -42px #071837}
.service-choice-card::before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#2453b4,#3ab3e4)}
.service-choice-card.build::before{background:linear-gradient(90deg,#0c7c77,#4bcfa8)}
.service-number{position:absolute;right:26px;top:20px;color:#eef2f8;font-size:66px;line-height:1;font-weight:900;letter-spacing:-.08em}
.service-label{position:relative;color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.16em}.service-choice-card.build .service-label{color:#14786e}
.service-choice-card h2{position:relative;font-size:clamp(22px,2.5vw,30px);line-height:1.45;letter-spacing:-.025em;margin:9px 0 12px}
.service-choice-card>p{position:relative;color:var(--text-dim);font-size:12.5px;line-height:1.85;min-height:70px}
.service-choice-card ul{list-style:none;margin:20px 0 25px;padding:0;display:grid;gap:8px}.service-choice-card li{font-size:12px;font-weight:700}.service-choice-card li::before{content:'\2713';display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;margin-right:8px;background:#e8effd;color:var(--brand);font-size:10px}.service-choice-card.build li::before{background:#e4f5ef;color:#13796a}
.service-choice-card>button{width:100%;border:0;border-radius:11px;padding:14px 17px;background:var(--brand);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.service-choice-card.build>button{background:#126f69}.service-choice-card>button:hover{filter:brightness(1.08)}
.service-home-note{max-width:820px;margin:20px auto 0;text-align:center;color:var(--text-mute);font-size:11px;line-height:1.8}

.service-entry{min-height:calc(100vh - 64px);background:#f5f7fa}
.service-entry-hero{padding:58px 0 65px;background:linear-gradient(140deg,#071837,#15396f);color:#fff}
.service-entry-hero.build{background:radial-gradient(circle at 85% 12%,rgba(73,210,168,.22),transparent 28%),linear-gradient(140deg,#071f2c,#0d4d53)}
.service-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,550px);gap:50px;align-items:center;max-width:1180px}
.service-entry-copy h1{font-size:clamp(30px,3.6vw,48px);line-height:1.3;letter-spacing:-.035em}.service-entry-copy>p{font-size:14px;line-height:1.95;color:rgba(255,255,255,.72);margin-top:17px;max-width:600px}
.service-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.service-proof-row span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:99px;padding:7px 11px;font-size:10.5px;font-weight:800}.service-proof-row span::before{content:'\2713';color:#61c7ed;margin-right:5px}.service-entry-hero.build .service-proof-row span::before{color:#62d3b0}
.service-form-shell .form-card{max-width:none;margin:0;padding:27px 28px;border-radius:19px;color:var(--text);box-shadow:0 25px 65px rgba(0,0,0,.24)}
.form-service-label{display:block;text-align:center;color:var(--brand);font-size:8.5px;font-weight:900;letter-spacing:.17em;margin-bottom:3px}.build-form-card .form-service-label{color:#14786e}
.service-form-shell .form-card h2{font-size:22px}.service-form-shell .form-card .note{margin-bottom:15px}.service-form-shell .field{margin-bottom:12px}.service-form-shell .field input,.service-form-shell .field select{padding:10px 12px;font-size:13px}
.service-form-shell .submit-btn{font-size:13px;padding:13px 16px}.service-form-shell .form-assurance{margin-top:9px!important}
.funnel-inputs{margin:2px 0 15px;border:1px solid #d7e1ef;border-radius:12px;background:#f7f9fd;overflow:hidden}.funnel-inputs summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.funnel-inputs summary::-webkit-details-marker{display:none}.funnel-inputs summary span{font-size:12px;font-weight:900;color:var(--brand-deep)}.funnel-inputs summary span::before{content:'＋';display:inline-block;margin-right:7px;color:var(--brand)}.funnel-inputs[open] summary span::before{content:'−'}.funnel-inputs summary small{font-size:9px;color:var(--text-mute);text-align:right}.funnel-input-body{border-top:1px solid #e2e8f1;padding:13px 14px 4px}.funnel-input-body>p{font-size:10.5px;line-height:1.7;color:var(--text-dim);margin:0 0 11px}.funnel-input-body .field label{font-size:9.5px}.funnel-input-body .field input,.funnel-input-body .field select{background:#fff;padding:8px 10px;font-size:11px}.funnel-period{display:grid;grid-template-columns:90px minmax(0,180px);align-items:center;gap:9px;margin-bottom:10px}.funnel-period label{font-size:9.5px;font-weight:800}.funnel-period select{border:1px solid var(--border-2);border-radius:8px;padding:7px 9px;background:#fff;font-size:10.5px}.funnel-input-body ul{margin:2px 0 9px;padding-left:17px;color:var(--text-mute);font-size:9px;line-height:1.7}.funnel-value{max-width:calc(50% - 7px)}
.service-detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:28px;margin-bottom:72px;padding:0}
.service-detail-strip article{background:#fff;padding:24px}.service-detail-strip article>b{color:var(--brand-cyan);font-size:10px;letter-spacing:.12em}.service-detail-strip article>span{display:block;font-size:14px;font-weight:900;margin:5px 0}.service-detail-strip article>p{font-size:11px;color:var(--text-dim);line-height:1.75}
.analysis-plan-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);gap:34px;align-items:center;margin-top:-42px;margin-bottom:72px;padding:28px 31px;border-radius:17px;background:#eef3fb;border:1px solid #dce5f2}.analysis-plan-strip>div:first-child>span{font-size:9px;font-weight:900;letter-spacing:.17em;color:var(--brand)}.analysis-plan-strip h2{font-size:24px;margin:5px 0}.analysis-plan-strip>div:first-child p{font-size:12px;color:var(--text-dim);line-height:1.8}.analysis-plan-price{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 20px}.analysis-plan-price small{display:block;font-size:9.5px;color:var(--brand);font-weight:900}.analysis-plan-price strong{display:block;font-size:29px;color:var(--brand-deep)}.analysis-plan-price strong span{font-size:10px;color:var(--text-mute)}.analysis-plan-price p{font-size:10px;color:var(--text-dim);margin:2px 0 10px}.analysis-plan-price button{width:100%;border:0;border-radius:9px;padding:10px;background:var(--brand);color:#fff;font-size:11px;font-weight:900;cursor:pointer}
.build-start-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.secondary-build-btn{border:1px solid var(--border-2);border-radius:10px;background:#fff;color:var(--text-dim);font-size:11.5px;font-weight:800;cursor:pointer;padding:10px}.secondary-build-btn:hover{border-color:#14786e;color:#14786e}
.quiz-preview{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:52px;padding-bottom:70px}.quiz-preview>div>span{font-size:9px;font-weight:900;letter-spacing:.17em;color:#14786e}.quiz-preview h2{font-size:28px;line-height:1.45;margin:6px 0 10px}.quiz-preview p{font-size:12.5px;color:var(--text-dim);line-height:1.85}.quiz-preview .build-price-note{margin-top:14px;padding:11px 13px;border-left:3px solid #178277;background:#edf7f4;color:#315f5b;font-size:10.5px}.quiz-sample{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-sample button{pointer-events:none;border:1px solid #cfe2df;background:#fff;border-radius:12px;padding:18px 12px;color:#175d59;font-weight:900}.quiz-sample button:nth-child(2){background:#112d55;color:#fff}.quiz-sample button:nth-child(3){background:#fff5e8;color:#8f5c1a}.quiz-sample button:nth-child(4){background:#19171d;color:#d8bc83}

.page-switcher-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.page-switcher-actions .subtle{background:#fff;color:var(--text-dim);border:1px solid var(--border-2)}
.analysis-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 13px}.analysis-deliverables article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:21px}.analysis-deliverables span,.service-bridge span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.16em;color:var(--brand);margin-bottom:5px}.analysis-deliverables b{font-size:14px}.analysis-deliverables p{font-size:11px;color:var(--text-dim);line-height:1.75;margin-top:5px}
.service-bridge{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:14px 0 8px;padding:20px 22px;border:1px dashed #bac8dd;border-radius:15px;background:#f7f9fd}.service-bridge h3{font-size:15px}.service-bridge p{font-size:11px;color:var(--text-dim);margin-top:3px}.service-bridge button{flex:none;border:1px solid var(--border-2);background:#fff;color:var(--brand);border-radius:9px;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer}.service-bridge button:hover{border-color:var(--brand)}

@media(max-width:980px){
  .logo .tag{display:none}.service-entry-grid{grid-template-columns:1fr;gap:30px}.service-entry-copy{text-align:center}.service-entry-copy>p{margin-left:auto;margin-right:auto}.service-proof-row{justify-content:center}.service-form-shell{max-width:650px;width:100%;margin:0 auto}.service-entry-hero{padding-top:45px}.quiz-preview{gap:25px}
}
@media(max-width:760px){
  header .wrap{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px}.logo-button img{height:27px}.header-cta{margin-left:auto}.service-nav{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr}.service-nav button{text-align:center;border:1px solid var(--border);padding:7px}.service-nav button span{display:inline;margin-right:5px}.app-nav{order:4;width:100%}
  .service-home-hero{padding:48px 0 105px;text-align:left}.service-home-hero h1{font-size:36px}.service-home-hero p{font-size:13px}.service-choice-grid{grid-template-columns:1fr}.service-choice-card{padding:28px 24px}.service-choice-card>p{min-height:0}.service-home-note{text-align:left;padding:0 20px}
  .service-entry-copy{text-align:left}.service-proof-row{justify-content:flex-start}.service-entry-copy h1{font-size:31px}.service-entry-hero{padding:38px 0}.service-form-shell .form-card{padding:23px 18px}.build-start-actions{grid-template-columns:1fr}.service-detail-strip,.quiz-preview,.analysis-deliverables,.analysis-plan-strip{grid-template-columns:1fr}.service-detail-strip{margin-left:20px;margin-right:20px}.analysis-plan-strip{margin-left:20px;margin-right:20px;padding:23px 20px}.quiz-preview{padding-top:42px;padding-bottom:52px}.service-bridge{align-items:stretch;flex-direction:column}.service-bridge button{width:100%}.page-switcher-actions{width:100%}.page-switcher-actions button{flex:1}.funnel-inputs summary{align-items:flex-start;flex-direction:column}.funnel-inputs summary small{text-align:left}.funnel-value{max-width:none}
}