:root {
  --ink:#18243a;
  --muted:#6c6b6a;
  --cream:#fff8e9;
  --paper:#fffdf7;
  --orange:#f25f32;
  --coral:#f58b5f;
  --gold:#f5b93d;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.8;
}
*{box-sizing:border-box}
body{margin:0;background:
  radial-gradient(circle at 90% 0,#ffd9bf 0,transparent 28rem),
  radial-gradient(circle at 0 70%,#e8dfef 0,transparent 24rem),
  var(--cream)}
main{width:min(920px,calc(100% - 36px));margin:0 auto;padding:72px 0 48px}
.hero{display:flex;align-items:center;gap:32px;margin-bottom:52px}
.app-icon{width:148px;height:148px;border-radius:32px;box-shadow:0 18px 40px #b948202c}
.eyebrow{margin:0;color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1{font-size:clamp(2.6rem,8vw,5.3rem);line-height:1.08;letter-spacing:-.055em;margin:.05em 0}
.lead{font-size:clamp(1.05rem,3vw,1.35rem);color:var(--muted);margin:.4rem 0}
.card,.document section{background:#ffffffc9;border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:0 16px 50px #714a2420;backdrop-filter:blur(8px)}
.card h2,.document h2{margin-top:0;font-size:1.35rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.features div{background:var(--paper);padding:20px;border-radius:18px}
.features span{display:block;color:var(--orange);font-size:.75rem;font-weight:900}
.features strong{display:block;margin:.25rem 0}
.features p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.65}
.links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.links a{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:var(--ink);border-radius:18px;color:#fff;text-decoration:none;font-weight:700}
.links a:last-child{background:var(--orange)}
.document{max-width:760px}
.document>h1{font-size:clamp(2.5rem,8vw,4.4rem)}
.document section{margin:18px 0;padding:26px}
.document section p:last-child{margin-bottom:0}
.updated,.notice{font-size:.88rem;color:var(--muted)}
.back,a{color:var(--orange);font-weight:700}
.back{text-decoration:none}
details{border-top:1px solid #eadfcf;padding:15px 0}
details:last-child{border-bottom:1px solid #eadfcf}
summary{cursor:pointer;font-weight:700}
details p{color:var(--muted)}
.contact{border-left:5px solid var(--orange)!important}
footer{text-align:center;padding:32px;color:var(--muted);font-size:.85rem}
@media(max-width:680px){
  main{padding-top:40px}
  .hero{align-items:flex-start;gap:20px;flex-direction:column}
  .app-icon{width:112px;height:112px;border-radius:25px}
  .features,.links{grid-template-columns:1fr}
  .card,.document section{padding:22px;border-radius:22px}
}
@media(prefers-reduced-motion:no-preference){
  .app-icon{animation:arrive .6s cubic-bezier(.2,.8,.2,1)}
  @keyframes arrive{from{opacity:0;transform:scale(.85) rotate(-5deg)}}
}