/* aikyato.com — one stylesheet for the home page and the legal/support pages.
   Self-contained on purpose: this folder
   is published as its own Render static site, separate from the app on
   app.aikyato.com, so nothing here can ever touch an app session. Colours
   and type are the app's tokens (css/tokens.css), copied not linked. */
@font-face{font-family:"Mukta";font-weight:400;font-display:swap;src:url("fonts/mukta-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Mukta";font-weight:500;font-display:swap;src:url("fonts/mukta-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Mukta";font-weight:600;font-display:swap;src:url("fonts/mukta-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Mukta";font-weight:600;font-display:swap;src:url("fonts/mukta-devanagari-600-aikyato.woff2") format("woff2");unicode-range:U+0910,U+0915,U+0924,U+092F,U+094B,U+094D}
:root{
  --bg:#F4F5F7;--surface:#FFFFFF;--sunken:#EDEFF3;--edge:rgba(16,20,24,.10);
  --ink:#14282D;--ink-soft:#4B5A60;--ink-mute:#6E7B80;
  --accent:#FF3D9E;--accent-hover:#E0217E;--accent-ink:#14282D;--accent-wash:#FFE3F0;
  --gold:#F2B751;--gold-text:#7A5C14;--gold-wash:#FBF0DC;
  --teal:#0F6E56;--teal-ink:#0F6E56;--teal-wash:#DFF5F1;--violet:#5B45B8;--violet-ink:#5B45B8;--violet-wash:#EBE7FA;--pink:#993556;--pink-wash:#FBEAF0;
  --stamp:#B23A48;--paper:#FFF9F0;--info:#0069C0;--info-wash:#E0EEFB;--amber:#854F0B;--amber-wash:#FAEEDA;
  --r:16px;--max:1040px;
}
:root{
  --bg:#12161A;--surface:#1B2126;--sunken:#242B31;--edge:rgba(255,255,255,.10);
  --ink:#F1F3F5;--ink-soft:#B7C0C6;--ink-mute:#8A959B;--accent-wash:#3A1E2E;
  --gold-text:#F2B751;--gold-wash:#2E2718;--teal-wash:#12302A;--teal-ink:#5FD4B5;--violet-wash:#241F3A;--violet-ink:#A99BF0;--pink-wash:#331B24;
  --stamp:#E8707C;--paper:#33231C;--info:#6FB4F0;--info-wash:#16283A;--amber:#E0A94A;--amber-wash:#332916;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 Mukta,system-ui,-apple-system,"Segoe UI",sans-serif}
/* Light ground = the app's (direction A, chosen 2026-09-28; opt-in, see below): the cream base,
   the peach-to-blush gradient and the 24px jaali lattice, copied verbatim from
   css/app.css so aikyato.com and app.aikyato.com open on the same page colour.
   --bg is left alone: the chips and wells that use it still want the flat
   token. Dark stays the flat dark sand, as the app does (the lattice reads as
   smudges on it). */
/* Dark is the default (Prakash, 2026-09-28: "keep default dark mode"), so
   the light rules above and this ground only apply with
   <html data-theme="light"> - nothing sets it today; it is here for a
   toggle, not for the OS setting. */
:root[data-theme="light"] body{background-color:#FAF1E6;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%239A7B4F' stroke-opacity='.11' stroke-width='.6'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M12 0 24 12 12 24 0 12Z'/%3E%3Cpath d='M12 4.5 19.5 12 12 19.5 4.5 12Z'/%3E%3Ccircle cx='0' cy='0' r='1.75'/%3E%3Ccircle cx='24' cy='0' r='1.75'/%3E%3Ccircle cx='0' cy='24' r='1.75'/%3E%3Ccircle cx='24' cy='24' r='1.75'/%3E%3Ccircle cx='12' cy='12' r='1.75'/%3E%3C/g%3E%3C/svg%3E"),
      linear-gradient(163deg,#FBE7D2 0%,#FCEFE6 28%,#F9E2EB 54%,#FBEFE2 78%,#FAF1E6 100%);
    background-size:24px 24px,cover;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
/* Move together: the fitness band above the cards (option A, 2026-09-26) */
.road{position:relative;height:150px;background:var(--paper);border:1px solid var(--edge);border-radius:14px;overflow:hidden}
.road svg{width:100%;height:100%;display:block}
.use{margin:10px 0 0;font-size:14px;color:var(--ink-mute)}
.use b{color:var(--ink-soft);font-weight:600}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:16px 0 56px}
.card{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r);padding:22px 20px}
.card h2{font-size:20px;font-weight:600;margin:0 0 6px}
.card p{margin:0;color:var(--ink-soft);font-size:16px}
.card p.use{margin-top:10px}
footer{border-top:1px solid var(--edge);padding:24px 0 40px;color:var(--ink-mute);font-size:14px;display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:16px}
footer a{color:var(--ink-soft);text-decoration:none}
footer a:hover{text-decoration:underline}

/* ---- Privacy, Terms, Support: same tokens, type and footer as the home page ---- */
.brandrow{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0 8px;font-size:22px;font-weight:600;letter-spacing:.18em;text-decoration:none}
.brandrow img{width:32px;height:32px;flex:none}
.brandrow span{padding-left:.18em}
.brandrow .dark{display:none}
.brandrow .light{display:none}.brandrow .dark{display:inline}
/* 2026-10-19: the legal pages take the About page's look - no card, a 640px
   reading column, a centred title and date, 18px section heads. */
.doc{max-width:640px;margin:16px auto 40px;padding:0;font-size:16px;line-height:1.65}
.doc p,.doc li{color:var(--ink-soft)}.doc strong,.doc b{color:var(--ink)}
.doc h1 + .muted{text-align:center;margin:0 0 28px}
.doc h1{font-size:clamp(28px,4.4vw,36px);line-height:1.15;font-weight:600;margin:16px 0 8px;text-align:center}
.doc h4,.doc .q{font-size:18px;font-weight:600;margin:28px 0 6px;color:var(--ink)}
.doc .q{font-size:16px;margin-top:18px}
.doc p{margin:0 0 10px}
.doc ul{padding-left:20px;margin:0 0 10px}.doc li{margin:6px 0}
.doc .muted{color:var(--ink-mute);font-size:14px}
.doc a{color:var(--accent-hover);text-decoration:none}.doc a:hover{text-decoration:underline}
.doc a{color:var(--accent)}
.doc .box{background:var(--sunken);border:1px solid var(--edge);border-radius:12px;padding:14px 16px;margin:18px 0}

/* ---- Home page, minimal one-pager (direction I, chosen 2026-09-26). The
   .hero/.band/.features rules above are kept for the legal pages' shared
   tokens and in case the longer page returns. ---- */
.one .one-wrap{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto}

.one .dark{display:none}
.one .light{display:none}.one .dark{display:inline}
.one-main{text-align:center;padding:40px 0 36px;display:grid;justify-items:center;align-content:center}
.one-mark{width:72px;height:72px}
.one-word{margin:14px 0 0;font-size:26px;line-height:1.15;font-weight:600;letter-spacing:.24em;padding-left:.24em}
/* ऐक्य-तो on its own line, the meaning in italics under it (2026-10-03). */
.one-dv{margin:10px 0 0;font-size:18px;line-height:1.3;font-weight:500;color:var(--ink)}
.one-mean{margin:2px 0 0;font-size:15px;line-height:1.45;font-style:italic;color:var(--ink-soft);max-width:420px}
.one-main .tagline{margin:22px 0 14px;color:var(--gold-text);font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.one-main h1{font-size:clamp(28px,4.6vw,40px);line-height:1.15;font-weight:600;margin:0 0 10px;max-width:640px}
.one-main .lead{font-size:19px;color:var(--ink-soft);max-width:520px;margin:0 0 34px}
.badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 18px 0 14px;border-radius:12px;background:#14282D;color:#fff;text-align:left;line-height:1.1;text-decoration:none}
.badge:hover{background:#1E3A41}
.badge{background:#F1F3F5;color:#14282D}.badge:hover{background:#fff}
.badge svg{width:26px;height:26px;flex:none}
.badge small{display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-weight:500}
.badge b{display:block;font-size:19px;font-weight:600}
.badge.soon{opacity:.55;cursor:default;pointer-events:none}
.one-soon{margin:12px 0 0;font-size:13px;color:var(--ink-mute)}
.trust{list-style:none;margin:24px auto 0;padding:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:14px;color:var(--ink-soft);max-width:560px}
.trust li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--edge);line-height:1.2}
.trust svg{width:16px;height:16px;flex:none;color:#5FD4B5}
@media (max-width:480px){.trust{max-width:310px}}
.one-foot{border-top:0;padding:16px 0 32px;color:var(--ink-mute);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.one-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
.one-foot a{color:var(--ink-soft);text-decoration:none}
.one-foot a:hover{text-decoration:underline}
@media (max-width:480px){.one-main{padding-top:24px}.one-main .lead{font-size:17px}}
@media (max-width:560px){.one-foot,.one-foot nav,footer,footer nav{justify-content:center}}

/* ---- Privacy + Terms: "In short" box, jump chips, section leads (structure A, 2026-09-26) ---- */
.doc .short{background:var(--teal-wash);border-radius:12px;padding:12px 14px;margin:14px 0 12px}
.doc .short .k{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.doc .short .k,.doc .short li:before{color:#5FD4B5}
.doc .short ul{margin:0;padding:0;list-style:none}.doc .short li{position:relative;margin:4px 0;padding-left:20px;color:var(--ink)}
.doc .short li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
.doc .jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.doc .jump a{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--edge);color:var(--ink-soft);text-decoration:none}
.doc .jump a:hover{border-color:var(--ink-mute);text-decoration:none}
.doc .lead{margin:0 0 6px;padding-left:10px;border-left:3px solid var(--gold);color:var(--ink);font-weight:500}
.doc h4{scroll-margin-top:12px}

/* ---- Support (structure D) and Delete account (structure E), 2026-09-26 ---- */
.doc .srch{display:flex;align-items:center;gap:8px;border:1.5px solid var(--edge);border-radius:12px;padding:8px 12px;margin:12px 0;background:var(--bg)}
.doc .srch input{flex:1;border:0;background:transparent;font:inherit;color:inherit;outline:0;min-width:0}
.doc .k{margin:14px 0 4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}
.doc .top3 a{display:block;padding:8px 0;border-top:1px solid var(--edge);font-weight:500;color:var(--ink)}
.doc .tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.doc .tile{display:block;border:1px solid var(--edge);border-radius:12px;padding:10px 12px;color:var(--ink);background:var(--bg)}
.doc .tile:hover{text-decoration:none;border-color:var(--ink-mute)}
.doc .tile .i{font-size:18px}.doc .tile b{display:block;font-size:14px;margin-top:2px;line-height:1.25}.doc .tile small{color:var(--ink-mute);font-size:12px}
.doc .box.contact{background:var(--info-wash);border-color:transparent}
.doc .qa{scroll-margin-top:12px}
.doc .steps{padding:0;margin:0 0 14px;list-style:none;counter-reset:s}
.doc .steps li{position:relative;padding:0 0 12px 38px;margin:0}
.doc .steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:13px}
.doc .steps li:after{content:"";position:absolute;left:12px;top:28px;bottom:0;width:2px;background:var(--edge)}
.doc .steps li:last-child:after{display:none}
.doc .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.doc .two>div{border-radius:12px;padding:10px 12px;font-size:14px}
.doc .two .gone{background:var(--pink-wash)}.doc .two .kept{background:var(--amber-wash)}
.doc .two .k{margin:0 0 6px}.doc .two .gone .k{color:var(--pink)}.doc .two .kept .k{color:var(--amber)}
.doc .two ul{margin:0;padding:0;list-style:none}.doc .two li{margin:4px 0;padding-left:18px;position:relative}
.doc .two .gone li:before{content:"✕";position:absolute;left:0;color:var(--pink);font-weight:700}
.doc .two .kept li:before{content:"◷";position:absolute;left:0;color:var(--amber);font-weight:700}
.doc .box.alt{margin:10px 0}.doc .box.alt p{margin:0}
@media (max-width:420px){.doc .two{grid-template-columns:1fr}}
@media (min-width:640px){.doc .tiles{grid-template-columns:repeat(3,1fr)}}
.doc .two .gone .k,.doc .two .gone li:before{color:#F7A8C8}

/* ---- Home page: the six things a group does together (2026-10-17, "I1"
   on the canvas "aikyato.com home mockups"). Outline icon, uppercase label in
   the accent, one grey line; three across then two, centred, one column on
   narrow phones. Sits between the lead and the store badges. The workplace
   photo that was behind this page is gone (asked the same day): the ground
   is the flat dark sand again. ---- */
.feat{list-style:none;margin:6px auto 40px;padding:0;max-width:960px;display:flex;flex-wrap:wrap;justify-content:center;gap:40px 40px}
.feat li{flex:0 1 270px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.feat svg{width:44px;height:44px;color:var(--accent)}
.feat h2{margin:8px 0 0;font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.feat p{margin:0;max-width:250px;font-size:16px;color:var(--ink-soft)}
/* Phones: two per row (fifth centred) so the store badges stay near the top. */
@media (max-width:600px){.feat{gap:28px 14px;margin-bottom:34px}.feat li{flex-basis:calc(50% - 7px)}.feat svg{width:38px;height:38px}.feat h2{font-size:14px;letter-spacing:.08em}.feat p{font-size:15px}}
.one-story{margin:24px 0 0;font-size:16px}
.one-story a{color:var(--ink);text-underline-offset:4px}
.one-story a:hover{color:var(--accent)}

/* ---- About (2026-10-17, final: "light structure"). Centred section titles
   over thin dividers, left-aligned text for reading, one pink pull quote,
   the promises as a list with the trust-pill teal ticks. No cards. ---- */
.about{max-width:640px;margin:0 auto;padding:0 20px}
.about header{text-align:center;padding:16px 0 4px}
.about .lbl{margin:0 0 8px;color:var(--gold-text);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.about h1{margin:0 0 12px;font-size:clamp(28px,4.4vw,36px);line-height:1.15;font-weight:600}
.about .lede{margin:0;font-size:18px;color:var(--ink-soft)}
.about section{margin-top:44px;padding-top:32px;border-top:1px solid var(--edge)}
.about h2{margin:0 0 16px;text-align:center;font-size:24px;font-weight:600}
.about h3{margin:22px 0 4px;font-size:18px;font-weight:600}
.about p{margin:0 0 12px;line-height:1.65;color:var(--ink-soft)}
.about .q{margin:20px 0;text-align:center;font-size:21px;font-style:italic;color:var(--ink)}
.about .q.pink{font-style:normal;font-weight:600;color:var(--accent)}
.about .sign b{color:var(--ink);font-weight:600}
.promises{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.promises li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.promises b{color:var(--ink);font-weight:600}
.promises .pt{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.promises svg{width:28px;height:28px}
.promises .teal{background:var(--teal-wash);color:var(--teal-ink)}
.promises .pink{background:var(--pink-wash);color:var(--accent)}
.promises .violet{background:var(--violet-wash);color:var(--violet-ink)}
.promises .gold{background:var(--gold-wash);color:var(--gold-text)}
@media (max-width:600px){.promises{grid-template-columns:1fr 1fr;gap:26px 14px}}
.about section a,.about .close a{color:var(--accent)}
.about .close{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--edge);text-align:center;font-size:15px;color:var(--ink-soft)}
/* Community Guidelines (2026-10-19) in the About layout: the date under the
   lede, plain bulleted lists under each numbered h3. */
.about .date{margin:12px 0 0;font-size:14px;color:var(--ink-mute)}
.about.guide ul:not(.promises){margin:0 0 12px;padding-left:20px}
.about.guide li{margin:6px 0;line-height:1.6;color:var(--ink-soft)}
.about.guide li strong{color:var(--ink);font-weight:600}
.about.guide h3:first-of-type{margin-top:4px}
/* Wellbeing, stage 1 (2026-10-17): the home page's pink line under the
   headline. The six-item grid itself is .feat. */

/* ---- Home, layout L6 (2026-10-20): centred hero, three fanned phones, six coloured features ---- */
.home6 .one-main{padding-bottom:0}.home6 .one-main .lead{margin-bottom:0}
.h6-store{text-align:center;margin:44px 0 0}.h6-store .badges{justify-content:center;margin:0}.h6-store .one-soon{margin:10px 0 0}
.h6-trio{display:flex;justify-content:center;align-items:flex-end;margin:40px 0 -24px;padding:0 0 40px;overflow:hidden}
.h6-trio .phone{--pw:240px;position:relative;margin:0;width:var(--pw);aspect-ratio:600/1300;border-radius:calc(var(--pw)*.14);padding:calc(var(--pw)*.035);background:#0b0d10;box-shadow:0 0 0 1.5px #2a3037,0 30px 60px -20px rgba(0,0,0,.6);flex:none}
.h6-trio .phone img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--pw)*.11)}
.h6-trio .phone:after{content:"";position:absolute;top:calc(var(--pw)*.06);left:50%;width:28%;height:calc(var(--pw)*.07);transform:translateX(-50%);border-radius:999px;background:#0b0d10}
.h6-trio .p-move{--pw:270px;z-index:2}
.h6-trio .p-side{--pw:240px;z-index:1}
.h6-trio .p-side.p-left{transform:rotate(-7deg) translate(30px,18px)}.h6-trio .p-side.p-right{transform:rotate(7deg) translate(-30px,18px)}
.h6-six{list-style:none;margin:48px auto 0;padding:0;max-width:960px;display:flex;flex-wrap:wrap;justify-content:center;gap:30px 28px}
.h6-six li{flex:0 0 calc((100% - 56px) / 3)}
.h6-six li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.h6-six .hic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%}
.h6-six .hic svg{width:30px;height:30px}
.h6-six h2{margin:10px 0 0;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.h6-six p{margin:0;max-width:260px;color:var(--ink-soft);font-size:15.5px;line-height:1.45}
.h6-six .c-teal{background:var(--teal-wash);color:var(--teal-ink)}.h6-six .c-violet{background:var(--violet-wash);color:var(--violet-ink)}
.h6-six .c-pink{background:var(--pink-wash);color:var(--accent)}.h6-six .c-gold{background:var(--gold-wash);color:var(--gold-text)}
.h6-six .c-info{background:var(--info-wash);color:var(--info)}.h6-six .c-amber{background:var(--amber-wash);color:var(--amber)}
.h6-trust{margin:40px 0 0;text-align:center}.h6-trust .trust{justify-content:center}
.home6 .one-story{text-align:center;margin:16px 0 28px}
@media (max-width:700px){
  .h6-trio .p-side{--pw:112px}.h6-trio .p-move{--pw:136px}
  .h6-trio .p-side.p-left{transform:rotate(-7deg) translate(22px,10px)}.h6-trio .p-side.p-right{transform:rotate(7deg) translate(-22px,10px)}
  .h6-six{gap:26px 14px;margin-top:40px}.h6-six li{flex-basis:calc((100% - 14px) / 2)}
}