/* AI秘書タカシ の LP（旧仮名 ATLAS）（2026-10-06 本人「管理コンソールを元に作り直そう」）
   管理室（~/dev/reports/usage-live/real/）と同じ世界観：濃紺・3Dの部屋の絵・琥珀色・光る札。配置は v1（style.css）のまま */
:root{--bg:#020c20;--bg2:#06142e;--card:rgba(20,26,52,.72);--card2:rgba(28,36,70,.8);--fg:#eef0fa;--mut:#9aa0c0;--acc:#ffc46b;--acc2:#ffb84d;--gp:#b48cff;--ok:#5fe0a8;--cy:#3fd8ff;--edge:rgba(255,255,255,.09)}
body{background:var(--bg);color:var(--fg)}
.wrap{max-width:1120px}
.preview-bar{background:#000;color:var(--mut)}
.skip-link{background:var(--acc);color:#1b1206}

/* ヘッダー */
.header{background:rgba(2,12,32,.78);border-bottom:1px solid var(--edge)}
.logo{gap:12px}
.logo .dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);transform:none}
.logo b{font:900 20px/1 -apple-system,"Hiragino Sans",sans-serif;letter-spacing:.06em;color:var(--fg)}
.logo b span{color:var(--acc)}
.logo small{color:var(--mut)}
.header nav a:not(.btn):hover{color:var(--acc)}

/* ボタン：琥珀に濃い文字、ほのかに光る */
.btn{background:var(--acc);color:#1b1206;box-shadow:0 0 0 1px rgba(255,196,107,.4),0 8px 24px -8px rgba(255,196,107,.55);border-radius:14px}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,196,107,.6),0 12px 30px -8px rgba(255,196,107,.7)}
.btn.s{box-shadow:0 0 0 1px rgba(255,196,107,.4)}

/* 区画 */
.sec{background:var(--bg)}
.sec.tint{background:var(--bg2)}
.en{color:var(--acc);letter-spacing:.28em}
.sec-head h2{color:var(--fg)}
.sec-head h2:after{background:var(--acc);box-shadow:0 0 12px rgba(255,196,107,.6)}
.sec-lead{color:var(--mut)}
.dots:before{background-image:radial-gradient(rgba(63,216,255,.18) 1.4px,transparent 2px)}
.hl{background:linear-gradient(transparent 62%,rgba(255,196,107,.38) 62%)}
.card{background:var(--card);border:1px solid var(--edge);box-shadow:0 20px 40px -24px rgba(0,0,0,.8);backdrop-filter:blur(6px)}

/* 1 ファーストビュー */
.hero{background:radial-gradient(60% 70% at 72% 45%,#0b2147 0,var(--bg) 70%)}
.tag{background:rgba(255,196,107,.08);border-color:rgba(255,196,107,.55);color:var(--acc)}
.tag:before{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.hero h1{color:var(--fg)}
.hero-sub{color:var(--mut)}
.kw{border-color:var(--edge)}
.kw span{border-color:var(--edge);color:var(--fg)}
.hero-note{color:var(--mut)}
.hero-art img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));-webkit-mask-image:radial-gradient(72% 70% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(72% 70% at 50% 50%,#000 78%,transparent 100%)}
.ob{background:var(--acc);color:#1b1206;border:0;border-radius:99px;font-size:12px;padding:4px 11px;box-shadow:0 0 14px rgba(255,196,107,.55)}
.ob svg{color:#1b1206}
.ob.live{background:rgba(2,12,32,.85);color:var(--fg);box-shadow:0 0 0 1px var(--edge)}
.ob.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}

/* 2 課題 */
.prob-art{background:transparent;padding:0}
.prob-art img,.sol img,.trust img{border-radius:20px}
.head{color:var(--fg)}
.head .ic,.fn .ic,.tc .ic,.points .k{background:rgba(255,196,107,.12);color:var(--acc)}
.result{color:var(--acc)}
.ask{background:linear-gradient(135deg,#0d1d40,#140f2e);border:1px solid var(--edge)}
.ask .big .hl{background:linear-gradient(transparent 62%,rgba(255,196,107,.45) 62%)}
.ask .fact{border-color:var(--edge)}
.ask .fact b{color:var(--acc)}
.ask .fact span{color:var(--mut)}
.src{color:var(--mut)}

/* 3 解決 */
.sol-lead{color:var(--mut)}
.sol-lead b{color:var(--fg)}
.flow5{background:rgba(255,255,255,.03);border:1px solid var(--edge)}
.fn{background:var(--card2);border-color:var(--edge);color:var(--fg)}
.fn.main{background:linear-gradient(135deg,#2a2160,#1a1440);border-color:rgba(180,140,255,.45);box-shadow:0 0 20px -6px rgba(180,140,255,.6)}
.fn.main .ic{background:rgba(180,140,255,.2);color:var(--gp)}
.fa{color:var(--acc)}

/* 4 できること */
.can-art{background:var(--bg);border-bottom:1px solid var(--edge);height:170px;padding:0;display:block}
.can-art img{width:100%;height:100%;object-fit:cover}
.can h3{color:var(--fg)}
.can p{color:var(--mut)}
.can:hover{box-shadow:0 0 0 1px rgba(255,196,107,.35),0 18px 36px -18px rgba(255,196,107,.35)}
.says-l{color:var(--acc)}
.say{background:rgba(180,140,255,.14);color:var(--fg);border:1px solid rgba(180,140,255,.35)}

/* 5 画面 */
.chat{background:#0b1430}
.chat-head{background:#111b3d;border-bottom:1px solid var(--edge)}
.who{color:var(--mut)}
.txt{color:var(--fg)}
.av{background:#2c3557}
.ai .av{background:linear-gradient(135deg,#7c5cff,#b48cff);box-shadow:0 0 12px rgba(180,140,255,.6)}
.ai .txt{background:rgba(180,140,255,.12);border:1px solid rgba(180,140,255,.25)}
.ai .txt b{color:var(--acc)}
.imgnote{color:var(--mut)}
.points .n{color:var(--acc)}
.points p{color:var(--mut)}

/* 6 任せ方 */
.rcol{color:var(--fg)}
.rhead{border-color:var(--edge)}
.rn{background:var(--cy);color:#02131c}
.rcol li svg{color:var(--cy)}
.rcol.mid{background:rgba(63,216,255,.06);border-color:rgba(63,216,255,.25)}
.rmid .ic{background:rgba(63,216,255,.12);color:var(--cy)}
.rcol.last{background:linear-gradient(135deg,#3a2a10,#1d1408);border-color:rgba(255,196,107,.45)}
.rcol.last .rn{background:var(--acc);color:#1b1206}
.rcol.last li svg{color:var(--acc)}
.rnote{color:#e6c995}
.rarr{color:var(--acc)}

/* 7 ROI */
.calc-in h3,.calc-out h3{color:var(--fg)}
.field label{color:var(--fg)}
.field label output{color:var(--acc)}
.field input[type=range]{accent-color:var(--acc)}
.field small,.calc-note{color:var(--mut)}
.calc-out{background:linear-gradient(160deg,#0f1f47,#140f2e);border:1px solid var(--edge)}
.big3 div{background:rgba(255,255,255,.05);border:1px solid var(--edge)}
.big3 span{color:var(--mut)}
.big3 .hi{background:var(--acc);border-color:var(--acc);box-shadow:0 0 24px -4px rgba(255,196,107,.6)}
.big3 .hi span,.big3 .hi b{color:#1b1206}
.calc-detail{color:var(--mut)}
.compare{border-color:var(--edge)}
.compare small{color:var(--mut);font-weight:400}

/* 8 安心 */
.tc h3{color:var(--fg)}
.tc p{color:var(--mut)}
.tc.key{background:linear-gradient(135deg,#3a2a10,#1d1408);border-color:rgba(255,196,107,.45)}
.tc.key .ic{background:rgba(255,196,107,.2);color:var(--acc)}
.tc.key p{color:#e6c995}
.dflow span{background:var(--card2);border-color:var(--edge);color:var(--fg)}
.dflow span.core{background:var(--acc);color:#1b1206;border-color:var(--acc)}
.dflow i{color:var(--acc)}
.dnote{color:var(--mut)}

/* 9 料金 */
.price .nm{color:var(--acc)}
.price .pr{color:var(--fg)}
.price ul{color:var(--mut)}
.price li svg{color:var(--acc)}
.price.main{border:1px solid rgba(255,196,107,.6);box-shadow:0 0 40px -16px rgba(255,196,107,.55)}
.price .who{background:rgba(255,255,255,.06);color:var(--mut)}
.price.main .who{background:rgba(255,196,107,.15);color:var(--acc)}
.split div{background:rgba(255,255,255,.05);border:1px solid var(--edge)}
.split small{color:var(--acc)}
.split b{color:var(--fg)}
.split p{color:var(--mut)}
.notinc{background:rgba(255,196,107,.07);border:1px solid rgba(255,196,107,.25);color:#e6c995}
.notinc b{color:var(--acc)}

/* 10 流れ */
.steps:before{background:linear-gradient(90deg,var(--acc),var(--gp))}
.step .n{background:var(--bg);color:var(--acc);border:2px solid var(--acc);box-shadow:0 0 0 6px var(--bg),0 0 16px rgba(255,196,107,.5)}
.sec.tint .step .n{box-shadow:0 0 0 6px var(--bg2),0 0 16px rgba(255,196,107,.5)}
.step h3{color:var(--fg)}
.step p{color:var(--mut)}

/* 11 FAQ */
.faq summary{color:var(--fg)}
.faq summary:before{background:rgba(255,196,107,.15);color:var(--acc)}
.faq summary:after{color:var(--acc)}
.faq .a{color:var(--mut)}

/* 12 申し込み */
.contact{background:radial-gradient(70% 80% at 50% 0,#0e2350 0,var(--bg) 70%)}
.contact .sec-lead,.company{color:var(--mut)}
.form-card{background:var(--card);color:var(--fg);border:1px solid var(--edge);backdrop-filter:blur(6px)}
.q p{color:var(--fg)}
.opts span{border-color:var(--edge);color:var(--fg);background:rgba(255,255,255,.03)}
.opts input:checked+span{background:var(--acc);border-color:var(--acc);color:#1b1206;box-shadow:0 0 16px -2px rgba(255,196,107,.6)}
.mail{background:rgba(255,255,255,.04);border-color:var(--edge);color:var(--fg)}
.mail::placeholder{color:#6d7394}
.form-note{color:var(--mut)}
.notice[data-state=ok]{color:var(--ok)}
.notice[data-state=error]{color:#ff8a8a}
.footer{background:#010816;color:#6d7394;border-top:1px solid var(--edge)}
@media (max-width:900px){.logo small{display:none}.header .btn.s{white-space:nowrap;padding:9px 14px}}
.hero-art.livebox img.bg{-webkit-mask-image:radial-gradient(75% 70% at 50% 47%,#000 80%,transparent 100%);mask-image:radial-gradient(75% 70% at 50% 47%,#000 80%,transparent 100%);filter:none;border-radius:0}
.hero-art.livebox .sp{border-radius:0;max-width:none}
.hero-art.livebox img{max-width:none}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note a,.footer a{color:inherit;text-decoration:underline}