/* mintti — inner pages (demo, legal, coming soon). Loads after home.css. */

.page-main{min-height:calc(100vh - 72px)}

/* ---------- Demo request: 5:7 split, vault panel + form ---------- */
.demo{display:grid;grid-template-columns:5fr 7fr;min-height:calc(100vh - 72px)}
.demo-panel{position:relative;overflow:hidden;padding:var(--space-16) var(--space-12);background:var(--gradient-vault);color:var(--white)}
.demo-panel-inner{position:sticky;top:120px;max-width:440px;margin-left:auto}
.demo-panel .m-overline{color:var(--accent)}
.demo-panel h1{margin:var(--space-3) 0 var(--space-4);color:var(--white);font-size:clamp(32px,3.6vw,44px);font-weight:var(--weight-heavy);line-height:1.08;letter-spacing:-0.03em}
.demo-panel > div > p{margin:0 0 var(--space-8);color:var(--text-on-inverse-muted);font-size:var(--text-body-l)}
.expect{display:grid;gap:var(--space-5);margin:0 0 var(--space-10);padding:0;list-style:none}
.expect li{display:grid;grid-template-columns:36px 1fr;gap:var(--space-3)}
.expect .ico{background:rgba(255,255,255,.08);border:1px solid var(--border-inverse);color:var(--accent)}
.expect b{display:block;color:var(--white);font-weight:var(--weight-bold)}
.expect span{color:var(--text-on-inverse-muted);font-size:var(--text-body-s)}
.demo-note{padding:var(--space-4);border-radius:var(--radius-l);border:1px solid var(--border-inverse);background:rgba(255,255,255,.05);color:var(--text-on-inverse-muted);font-size:var(--text-body-s)}
.demo-note b{color:var(--white)}

.demo-form-wrap{padding:var(--space-16) var(--space-12);background:var(--surface-card)}
.demo-form-wrap > *{max-width:640px}
.demo-form-wrap h2{font-size:var(--text-h1);margin-bottom:var(--space-2)}
.demo-form-wrap .lead{margin:0 0 var(--space-8);color:var(--text-muted)}

/* ---------- Form controls ---------- */
.form{display:grid;gap:var(--space-5)}
.form[hidden],.demo-form-wrap.is-done > .lead{display:none}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.field{display:grid;gap:6px;min-width:0}
.field label,.fieldset legend{color:var(--text-heading);font-size:var(--text-body-s);font-weight:var(--weight-semibold)}
.field .opt{color:var(--text-muted);font-weight:var(--weight-regular)}
.input,.select,.textarea{width:100%;height:var(--control-h-m);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--white);color:var(--text-body);font:inherit;font-size:var(--text-body-m);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.textarea{height:auto;min-height:112px;padding:var(--space-3);resize:vertical;line-height:1.5}
.select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367737F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
.input::placeholder,.textarea::placeholder{color:var(--text-disabled)}
.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-400)}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
.field.is-invalid .input,.field.is-invalid .select{border-color:var(--status-danger)}
.field-error{display:none;color:var(--status-danger);font-size:var(--text-caption);font-weight:var(--weight-semibold)}
.field.is-invalid .field-error{display:block}

.fieldset{margin:0;padding:0;border:0;min-width:0}
.fieldset legend{margin-bottom:6px;padding:0}
.fieldset .hint{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-caption)}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.check{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-h-l);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-m);background:var(--white);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}
.check:hover{border-color:var(--border-strong);background:var(--ink-50)}
.check input{position:absolute;opacity:0;pointer-events:none}
.check .box{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--radius-s);background:var(--white);color:transparent;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.check .box .icon{width:12px;height:12px;stroke-width:3}
.check .name{color:var(--text-heading);font-size:var(--text-body-s);font-weight:var(--weight-semibold);line-height:1.3}
.check .name small{display:block;color:var(--text-muted);font-weight:var(--weight-regular)}
.check input:checked ~ .box{background:var(--navy-900);border-color:var(--navy-900);color:var(--accent)}
.check:has(input:checked){border-color:var(--navy-900);background:var(--navy-50);box-shadow:inset 0 0 0 1px var(--navy-900)}
.check input:focus-visible ~ .box{box-shadow:var(--focus-ring)}

.form-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2)}
.form-foot p{margin:0;max-width:360px;color:var(--text-muted);font-size:var(--text-caption)}
.form-alert{display:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--status-danger-bg);color:var(--status-danger);font-size:var(--text-body-s);font-weight:var(--weight-semibold)}
.form-alert.is-shown{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.spinner{width:16px;height:16px;border:2px solid rgba(0,33,63,.25);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.sent{display:none;padding:var(--space-10) var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-l);background:var(--ink-50);text-align:center}
.sent.is-shown{display:block}
.sent .ico{width:48px;height:48px;margin:0 auto var(--space-5);border-radius:var(--radius-pill);background:var(--status-success-bg);color:var(--status-success)}
.sent .ico .icon{width:24px;height:24px}
.sent h2{margin-bottom:var(--space-2)}
.sent p{margin:0 auto var(--space-6);max-width:420px;color:var(--text-muted)}

/* ---------- Legal pages ---------- */
.legal-head{padding:var(--space-16) 0 var(--space-10);background:var(--surface-card);border-bottom:1px solid var(--border-default)}
.legal-head .m-overline{color:var(--text-gold)}
.legal-head h1{margin:var(--space-3) 0 var(--space-3);font-size:clamp(32px,4vw,44px);font-weight:var(--weight-heavy);letter-spacing:-0.03em;line-height:1.1}
.legal-head p{margin:0;max-width:640px;color:var(--text-muted);font-size:var(--text-body-l)}
.legal-head .updated{margin-top:var(--space-4);font-size:var(--text-body-s)}
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-12);padding-top:var(--space-12);padding-bottom:96px;align-items:start}
.toc{position:sticky;top:96px}
.toc .m-overline{display:block;margin-bottom:var(--space-3)}
.toc ol{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;counter-reset:toc}
.toc li{counter-increment:toc;font-size:var(--text-body-s)}
.toc a{display:flex;gap:var(--space-2);color:var(--ink-700);font-weight:var(--weight-semibold)}
.toc a::before{content:counter(toc) ".";min-width:20px;color:var(--text-muted);font-variant-numeric:var(--numeric)}
.prose{max-width:720px;color:var(--ink-700);font-size:15px;line-height:1.7}
.prose section{padding-bottom:var(--space-8);margin-bottom:var(--space-8);border-bottom:1px solid var(--border-default)}
.prose section:last-child{border-bottom:0}
.prose h2{margin:0 0 var(--space-3);font-size:var(--text-h2)}
.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-h3)}
.prose p{margin:0 0 var(--space-3)}
.prose ul{margin:0 0 var(--space-3);padding-left:20px}
.prose li{margin-bottom:6px}
.prose b{color:var(--text-heading)}

/* ---------- Coming soon ---------- */
.soon{display:grid;place-items:center;min-height:calc(100vh - 72px);padding:var(--space-16) var(--space-4);text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(43,141,232,.10),transparent 70%),radial-gradient(ellipse 50% 40% at 20% 90%,rgba(255,107,61,.10),transparent 70%),var(--white)}
.soon-inner{max-width:560px}
.soon img{width:56px;height:56px;margin:0 auto var(--space-6)}
.soon .badge{margin-bottom:var(--space-4)}
.soon h1{margin-bottom:var(--space-4);font-size:clamp(32px,4.4vw,48px);font-weight:var(--weight-heavy);letter-spacing:-0.03em;line-height:1.08}
.soon p{margin:0 auto var(--space-8);color:var(--text-muted);font-size:var(--text-body-l)}
.soon .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .demo{grid-template-columns:1fr}
  .demo-panel{padding:var(--space-10) var(--space-6)}
  .demo-panel-inner{position:static;max-width:none;margin:0}
  .expect{margin-bottom:var(--space-6)}
  .demo-form-wrap{padding:var(--space-10) var(--space-6)}
  .legal{grid-template-columns:1fr;gap:var(--space-8)}
  .toc{position:static}
}
@media (max-width:640px){
  .demo-panel,.demo-form-wrap{padding-left:var(--space-4);padding-right:var(--space-4)}
  .demo-panel{padding-top:var(--space-8);padding-bottom:var(--space-8)}
  .demo-panel > div > p{margin-bottom:var(--space-5)}
  .expect{display:none}
  .form-row,.checks{grid-template-columns:1fr}
  .form-foot .btn{width:100%}
  .legal-head{padding:var(--space-10) 0 var(--space-8)}
}
@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}