.hero { position: relative; padding-block: clamp(38px, 6vw, 76px) clamp(40px, 6vw, 84px); }
.hero__grid { display: grid; grid-template-columns: minmax(0, 1fr);
              gap: clamp(32px, 4.5vw, 56px); align-items: start; }
@media (min-width: 1000px) { .hero__grid { grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); } }
.hero__eyebrow { display: none; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 22px; }
.hero__eyebrow .label { display: inline-flex; align-items: center; gap: 8px;
                        flex-wrap: wrap; min-width: 0; }
.hero__pulse { display: inline-block; flex: none; width: 7px; height: 7px;
               border-radius: 50%; background: var(--accent);
               box-shadow: 0 0 0 3px rgba(200,242,74,.14); }
.hero h1 { margin-bottom: 20px; max-width: 17ch;
           font-size: clamp(30px, 5.1vw, 52px); }
.hero h1 .acc { color: var(--accent); }
.hero__sub { font-size: clamp(15px, 1.85vw, 19px); line-height: 1.6; color: var(--fg-dim);
             max-width: 54ch; margin-bottom: 26px; }
.hero__marks { display: grid; margin-bottom: 30px;
               border-block: 1px solid var(--hair-solid); }
.hero__mark { padding: 15px 0; display: flex; align-items: flex-start; gap: 11px;
              box-shadow: inset 0 -1px 0 0 var(--hair-solid); }
.hero__mark:last-child { box-shadow: none; }
@media (min-width: 620px) {
  .hero__mark { padding: 16px 0; gap: 13px; }
}
.hero__mark .ico { width: 19px; height: 19px; color: var(--accent); margin-top: 2px; --sw: 1.7; }
.hero__mark span { font-size: var(--t-16); font-weight: 600; line-height: 1.4; color: var(--fg-dim); }
.hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }
@media (max-width: 519px) {
  .hero__cta { display: grid; gap: 10px; }
  .hero__cta .btn { width: 100%; justify-content: space-between; }
}
.hero__trust { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; }
.hero:has(.crumbs) :has(> .hero__cta):has(> .hero__marks) {
  display: flex; flex-direction: column; }
.hero:has(.crumbs) .hero__cta { order: 1; }
.hero:has(.crumbs) .hero__marks { order: 2; margin-bottom: 26px; }
.hero:has(.crumbs) .hero__cta ~ * { order: 3; }
.hero:has(.crumbs) { padding-top: clamp(24px, 3.4vw, 44px); }
.hero__art { padding: clamp(20px,2.6vw,30px); border-radius: var(--r-core);
             border: 1px solid var(--hair); background: var(--core);
             min-width: 0; }
.hero__art svg:not(.ico) { display: block; width: 100%; height: auto; }
.htile { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--hair-solid);
         border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 480px) { .htile { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1000px) { .htile { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.htile__z { position: relative; display: flex; flex-direction: column; gap: 12px;
  padding: clamp(16px, 2vw, 22px); background: var(--core); min-height: 132px;
  overflow: hidden; isolation: isolate;
  transition: background var(--dur) var(--ease); }
.htile__z::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0;
  background: radial-gradient(220px 160px at var(--mx,50%) var(--my,50%), var(--accent-dim), transparent 70%);
  transition: opacity var(--dur) var(--ease); }
@media (hover: hover) { .htile__z:hover { background: var(--core-2); } }
@media (hover: hover) { .htile__z:hover::before { opacity: 1; } }
.htile__z:hover .iconbox { color: var(--accent); border-color: var(--accent-line);
                           background: var(--accent-dim); }
.htile__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.htile__n { font-size: var(--t-12); font-weight: 700; letter-spacing: .06em; color: var(--muted); }
.htile__ttl { font-family: var(--f-display); font-size: var(--t-16); font-weight: 500;
              line-height: 1.2; margin-top: auto; }
.htile__desc { font-size: var(--t-13); color: var(--muted); line-height: 1.5; }
.htile__fig { font-size: var(--t-13); font-weight: 700; color: var(--accent);
              letter-spacing: .02em; }
.htile__z .iconbox { width: 38px; height: 38px; border-radius: 11px; }
.htile__z .iconbox .ico { width: 18px; height: 18px; }
.htile__more { grid-column: 1 / -1; background: var(--core);
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 16px clamp(16px,2vw,22px); transition: background var(--dur-fast) var(--ease); }
@media (hover: hover) { .htile__more:hover { background: var(--core-2); } }
.metrics { display: grid; grid-template-columns: minmax(0, 1fr); border-block: 1px solid var(--hair-solid); }
@media (min-width: 560px) { .metrics { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 560px) and (max-width: 899px) { .metric:last-child { grid-column: span 2; } }
@media (min-width: 900px) { .metrics { grid-template-columns: repeat(auto-fit, minmax(170px,1fr)); } }
.metric { position: relative; background: var(--void);
          padding: clamp(24px,3vw,34px) clamp(16px,2vw,24px);
          display: flex; flex-direction: column; justify-content: center; gap: 9px;
          box-shadow: inset 0 -1px 0 0 var(--hair-solid);
          transition: background var(--dur) var(--ease); }
.metric:last-child { box-shadow: none; }
@media (min-width: 560px) {
  .metric { box-shadow: inset -1px 0 0 0 var(--hair-solid); }
}
.metric__go { position: absolute; top: 14px; right: 14px; display: grid; place-items: center;
  width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--hair);
  color: var(--muted-2);
  transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.metric__go .ico { width: 14px; height: 14px; }
.u--pre { margin-right: 3px; }
@media (hover: hover) { a.metric:hover { background: var(--core); } }
.metric__v { font-family: var(--f-display); font-weight: 600; font-size: clamp(30px,4vw,44px);
             line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.metric__v .u { font-size: .5em; color: var(--accent); margin-left: 2px; letter-spacing: 0; }
.metric__l { font-size: var(--t-14); color: var(--fg-dim); line-height: 1.45; }
.sit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--hair-solid);
       border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 700px)  { .sit { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1080px) { .sit { grid-template-columns: repeat(4, minmax(0,1fr)); } }
.sit__i { background: var(--core); display: flex; flex-direction: column;
          padding: clamp(18px,2.2vw,24px); gap: 13px; text-align: left; width: 100%;
          transition: background var(--dur) var(--ease); }
@media (hover: hover) { .sit__i:hover { background: var(--core-2); } }
@media (hover: hover) { .sit__i:hover .iconbox { color: var(--accent); border-color: var(--accent-line); } }
.sit__q { font-size: clamp(16px,1.8vw,19px); line-height: 1.35; font-weight: 600;
          color: var(--fg); }
.sit__a { font-size: var(--t-14); color: var(--fg-dim); line-height: 1.55; }
.sit__go { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 4px;
           font-size: var(--t-13); font-weight: 700; color: var(--accent);
           letter-spacing: .05em; text-transform: uppercase; }
.sit__go .ico { width: 14px; height: 14px; transition: transform var(--dur-fast) var(--ease); }
@media (hover: hover) { .sit__i:hover .sit__go .ico { transform: translate(1.5px,-1.5px); } }
.sit__note { margin-top: 26px; display: grid; gap: 10px;
             grid-template-columns: 22px 1fr; align-items: start;
             padding: 20px 22px; border: 1px dashed var(--hair-strong);
             border-radius: var(--r-core); }
.sit__note .ico { margin-top: 2px; }
.sit__note p { grid-column: 2; }
.sit__note .tlink { grid-column: 2; }
@media (min-width: 760px) {
  .sit__note { grid-template-columns: 22px auto 1fr; align-items: center; gap: 8px 16px; }
  .sit__note .ico { margin-top: 0; }
  .sit__note p { grid-column: auto; }
  .sit__note .tlink { grid-column: auto; justify-self: start; }
}
.sit__note p { font-size: var(--t-14); font-weight: 600; color: var(--fg-dim); margin: 0; }
.band + .band { margin-top: 34px; }
.band__head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.band__head::after { content: ""; flex: 1; height: 1px; background: var(--hair); }
.band__n { font-size: var(--t-13); font-weight: 700; color: var(--muted); letter-spacing: .06em; }
.band__n::before { content: '· '; }
.svcs { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--core);
        border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 560px)  { .svcs { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 900px)  { .svcs { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1180px) { .svcs { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (min-width: 560px) and (max-width: 899px) {
  .svc:last-child:nth-child(2n+1) { grid-column: span 2; }
}
@media (min-width: 900px) and (max-width: 1179px) {
  .svc:last-child:nth-child(3n+1) { grid-column: span 3; }
  .svc:last-child:nth-child(3n+2) { grid-column: span 2; }
}
@media (min-width: 1180px) {
  .svc:last-child:nth-child(4n+1) { grid-column: span 4; }
  .svc:last-child:nth-child(4n+2) { grid-column: span 3; }
  .svc:last-child:nth-child(4n+3) { grid-column: span 2; }
}
.svc { position: relative; background: var(--core); padding: 20px;
       box-shadow: inset -1px -1px 0 0 var(--hair-solid);
       display: flex; flex-direction: column; gap: 11px; min-height: 158px;
       transition: background var(--dur) var(--ease); }
@media (hover: hover) { .svc:hover { background: var(--core-2); } }
@media (hover: hover) { .svc:hover .iconbox { color: var(--accent); border-color: var(--accent-line); background: var(--accent-dim); } }
.svc__ttl { font-family: var(--f-display); font-size: var(--t-16); font-weight: 500; line-height: 1.22; }
.svc__d { font-size: var(--t-14); color: var(--fg-dim); line-height: 1.55; margin-top: auto; }
.svc__badge { position: absolute; top: 18px; right: 18px; }
.svc .iconbox { width: 40px; height: 40px; border-radius: 12px; }
.svc .iconbox .ico { width: 20px; height: 20px; }
.svc__from { margin-top: 2px; padding-top: 10px; border-top: 1px solid var(--hair);
             font-family: var(--f-display); font-size: var(--t-13); font-weight: 600;
             color: var(--accent); }
.svc__d + .svc__from { margin-top: 0; }
.vs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 900px) { .vs { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; } }
.vs__col { padding: clamp(20px,2.6vw,30px); border-radius: var(--r-core);
           border: 1px solid var(--hair); background: var(--core); }
.vs__col--good { border-color: var(--accent-line);
                 background: linear-gradient(180deg, var(--accent-dim), transparent 62%), var(--core); }
.vs__h { display: flex; align-items: center; gap: 11px; margin-bottom: 20px;
         padding-bottom: 18px; border-bottom: 1px solid var(--hair); }
.vs__h h3 { font-size: var(--t-20); }
.vs__list { display: grid; gap: 15px; }
.vs__li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start;
          font-size: var(--t-14); line-height: 1.5; color: var(--fg-dim); }
.vs__li > :not(.ico) { grid-column: 2; }
.vs__li .ico { width: 17px; height: 17px; margin-top: 2px; }
.vs__col--bad .vs__li .ico { color: var(--muted-2); }
.vs__col--good .vs__li .ico { color: var(--accent); }
.vs__out { margin-top: 22px; padding: 20px 24px; border-radius: var(--r-core);
           border: 1px solid var(--hair); background: var(--core-2);
           display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: center; }
.vs__out p { margin: 0; font-size: clamp(15px,1.8vw,18px); font-weight: 600; line-height: 1.45; }
.bento { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 760px)  { .bento { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1080px) { .bento { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .bento__i:first-child { grid-column: span 2; }
  .bento__i:last-child  { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 28px; }
  .bento__i:last-child > div { flex: 1; }
  .bento__i:last-child p { max-width: 78ch; } }
.bento__i { position: relative; padding: clamp(20px,2.6vw,28px); border-radius: var(--r-core);
  border: 1px solid var(--hair); background: var(--core); overflow: hidden;
  display: flex; flex-direction: column; gap: 13px; min-height: 176px;
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); }
@media (hover: hover) { .bento__i:hover { border-color: var(--hair-strong); background: var(--core-2); } }
@media (hover: hover) { .bento__i:hover .iconbox { color: var(--accent); border-color: var(--accent-line); } }
.bento__n { position: absolute; top: 18px; right: 22px; font-family: var(--f-display);
  font-size: 46px; font-weight: 600; line-height: 1; color: rgba(255,255,255,.045);
  letter-spacing: -.04em; }
.bento__i h3 { font-size: clamp(18px,2vw,22px); max-width: 18ch; }
.bento__i p { font-size: var(--t-16); color: var(--fg-dim); line-height: 1.6; margin: 0;
              max-width: 46ch; }
.bento__i:first-child, .bento__i:last-child { justify-content: space-between; }
.zero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--hair-solid);
        border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 900px) { .zero { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 900px) {
  .zero > :nth-child(3n+1):last-child { grid-column: span 3; }
  .zero > :nth-child(3n+2):last-child { grid-column: span 2; }
  .zero:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .zero:has(> :nth-child(4):last-child) > :last-child { grid-column: auto; }
}
.zero__i { background: var(--core); padding: clamp(20px,2.6vw,28px);
           display: flex; flex-direction: column; gap: 16px; }
.zero__from, .zero__to { display: grid; gap: 6px; }
.zero__k { font-size: var(--t-12); font-weight: 700; letter-spacing: .06em;
           text-transform: uppercase; color: var(--muted); }
.zero__from b { font-size: var(--t-16); font-weight: 600; color: var(--muted);
                text-decoration: line-through; text-decoration-color: var(--muted-2); }
.zero__arrow { display: flex; align-items: center; gap: 10px; color: var(--accent); }
.zero__arrow::after { content: ""; flex: 1; height: 1px;
  background: repeating-linear-gradient(90deg, var(--accent-line) 0 4px, transparent 4px 8px); }
.zero__arrow .ico { width: 17px; height: 17px; }
.zero__to b { font-size: clamp(17px,1.9vw,19px); font-family: var(--f-display);
              font-weight: 500; color: var(--fg); line-height: 1.25; }
.zero__why { font-size: var(--t-14); color: var(--fg-dim); line-height: 1.55;
             padding-top: 14px; border-top: 1px solid var(--hair); margin-top: auto; }
.zero__out { margin-top: 22px; }
.gold { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(22px,3.4vw,42px); align-items: start; }
@media (max-width: 979px) {
  .gold__scale { display: contents; }
  .gold__switch { order: 1; }
  .gold__panel  { order: 2; }
  .gold__art    { order: 3; margin: 4px auto 0; max-width: 300px; }
}
@media (min-width: 980px) { .gold { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); } }
.gold__scale { position: relative; }
.gold__switch { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 5px;
  border: 1px solid var(--hair); border-radius: 20px; background: var(--core); }
@media (min-width: 560px) { .gold__switch { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.gold__thumb { display: none; position: absolute; top: 5px; bottom: 5px; left: 5px;
  width: calc((100% - 18px) / 3); border-radius: 15px; background: var(--accent);
  transition: transform var(--dur) var(--ease); }
@media (min-width: 560px) { .gold__thumb { display: block; } }
.gold.is-1 .gold__thumb { transform: translateX(calc(100% + 4px)); }
.gold.is-2 .gold__thumb { transform: translateX(calc(200% + 8px)); }
.gold__stop { position: relative; z-index: 1; display: grid; gap: 3px;
  justify-items: center; align-content: center; min-height: 58px;
  padding: 10px 8px; border-radius: 15px; width: 100%;
  transition: background var(--dur-fast) var(--ease); }
.gold__stop b { font-size: var(--t-14); font-weight: 700; color: var(--fg-dim);
  letter-spacing: 0; text-transform: none; transition: color var(--dur-fast) var(--ease); }
.gold__stop em { font-style: normal; font-size: var(--t-12); font-weight: 600;
  color: var(--muted); transition: color var(--dur-fast) var(--ease); }
@media (hover: hover) { .gold__stop:not(.is-on):hover b { color: var(--fg); } }
.gold__stop.is-on b, .gold__stop.is-on em { color: var(--accent-ink); }
@media (max-width: 559px) { .gold__stop.is-on { background: var(--accent); } }
.gold__art { margin-top: 30px; width: 100%; max-width: 340px; color: var(--hair-strong); }
.gold__beam { transform-origin: 150px 64px;
              transition: transform var(--dur-slow) var(--ease); }
.gold.is-0 .gold__beam { transform: rotate(-7deg); }
.gold.is-1 .gold__beam { transform: rotate(0deg); }
.gold.is-2 .gold__beam { transform: rotate(7deg); }
.gold__panel { border: 1px solid var(--hair); border-radius: var(--r-core);
               background: var(--core); padding: clamp(20px,2.6vw,30px); }
.gold__pos { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 14px; margin-bottom: 16px; }
.gold__pos h3 { font-size: clamp(22px,2.6vw,30px); }
.gold__term { font-size: var(--t-14); font-weight: 700; color: var(--accent); }
.gold__rows { display: grid; gap: 1px; background: var(--hair-solid); margin-top: 20px;
              border-top: 1px solid var(--hair-solid); }
.gold__row { background: var(--core); padding: 15px 0; display: grid; gap: 5px; }
.gold__row .zero__k { color: var(--muted-2); }
.gold__row p { margin: 0; font-size: var(--t-14); color: var(--fg-dim); line-height: 1.5; }
.gold__honest { margin-top: 20px; }
.cases { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 780px)  { .cases { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1100px) { .cases { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.case { display: flex; flex-direction: column; border: 1px solid var(--hair);
        border-radius: var(--r-core); background: var(--core); overflow: hidden;
        transition: border-color var(--dur) var(--ease); }
@media (hover: hover) { .case:hover { border-color: var(--hair-strong); } }
.case__vis { position: relative; aspect-ratio: 16/9; background: var(--core-2);
             border-bottom: 1px solid var(--hair); overflow: hidden; }
.case__vis svg:not(.ico) { position: absolute; inset: 0; width: 100%; height: 100%; }
.case__body { padding: clamp(18px,2.2vw,24px); display: flex; flex-direction: column;
              gap: 14px; flex: 1; }
.case__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.case__ttl { font-size: clamp(17px,1.9vw,20px); }
.case__figs { display: grid; gap: 1px; background: var(--hair-solid); margin-top: auto;
              border-top: 1px solid var(--hair-solid); }
.case__fig { background: var(--core); padding: 12px 0; display: flex;
             align-items: baseline; gap: 10px; }
.case__fig b { font-family: var(--f-display); font-weight: 600; font-size: var(--t-20);
               color: var(--accent); letter-spacing: -.02em; white-space: nowrap; }
.case__fig span { font-size: var(--t-13); color: var(--fg-dim); line-height: 1.45; }
.case__go { padding: 15px clamp(18px,2.2vw,24px); border-top: 1px solid var(--hair);
            display: flex; align-items: center; justify-content: space-between; gap: 12px;
            transition: background var(--dur-fast) var(--ease); }
@media (hover: hover) { .case__go:hover { background: var(--core-2); } }
.assets { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px,3vw,40px); align-items: start; }
@media (min-width: 980px) { .assets { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
                                      align-items: start; } }
.assets__list { display: grid; gap: 1px; background: var(--hair-solid);
                border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
.assets__i { background: var(--core); padding: 16px 20px; display: grid;
             grid-template-columns: 24px 1fr; gap: 14px; align-items: center;
             transition: background var(--dur) var(--ease); }
.assets__i:nth-child(even) { background: var(--core-2); }
.assets__box { display: grid; place-items: center; width: 24px; height: 24px;
  border-radius: 50%; color: var(--accent-ink); --sw: 2.4;
  background: var(--core-3); box-shadow: inset 0 0 0 1.5px var(--hair-strong);
  transition: background var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.assets__box .ico { width: 14px; height: 14px; opacity: 0;
                    transform: scale(.6);
                    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease); }
.assets__i.is-checked .assets__box .ico { transform: none; }
.assets__i.is-checked .assets__box { background: var(--accent); box-shadow: inset 0 0 0 1.5px var(--accent); }
.assets__i.is-checked .assets__box .ico { opacity: 1; }
.assets__i > span + span { font-size: var(--t-14); line-height: 1.45; color: var(--fg-dim); }
.assets__i.is-checked > span + span { color: var(--fg); }
.team { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 980px) { .team { grid-template-columns: minmax(0,1fr) minmax(0,1.35fr); } }
.founder { border: 1px solid var(--hair); border-radius: var(--r-core);
           background: linear-gradient(180deg, var(--accent-dim), transparent 46%), var(--core);
           padding: clamp(22px,2.8vw,32px); display: flex; flex-direction: column; gap: 20px; }
.founder__top { display: flex; align-items: center; gap: 18px; }
.founder__quote { font-size: clamp(16px,1.9vw,20px); line-height: 1.55;
                  color: var(--fg); font-weight: 400; }
.founder__meta b { display: block; font-family: var(--f-display); font-size: var(--t-20);
                   font-weight: 500; line-height: 1.2; }
.founder__meta span { display: block; font-size: var(--t-14); color: var(--fg-dim); margin-top: 5px; }
.avatar { position: relative; width: 74px; height: 74px; flex: none; border-radius: 50%;
          overflow: hidden; border: 1px solid var(--hair); background: var(--core-2); }
.avatar svg, .avatar img { width: 100%; height: 100%; }
.avatar img { object-fit: cover; }
.avatar--sm { width: 52px; height: 52px; }
.crew { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--hair-solid);
        border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 560px) { .crew { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.team__link { grid-column: 1 / -1; margin-top: 4px; }
.team .linkcard { grid-column: 1 / -1; margin-top: 14px; }
.crew__i { background: var(--core); padding: 18px; display: flex; align-items: center; gap: 14px;
           transition: background var(--dur) var(--ease); }
@media (hover: hover) { .crew__i:hover { background: var(--core-2); } }
.crew__i .iconbox { width: 52px; height: 52px; border-radius: 50%;
                    color: var(--accent); border-color: var(--accent-line);
                    background: var(--accent-dim); }
.crew__i .iconbox .ico { width: 22px; height: 22px; }
.crew__i > div > b { display: block; font-size: var(--t-14); font-weight: 700; line-height: 1.3; }
.crew__i > div > span { display: block; font-size: var(--t-13); color: var(--muted);
                        margin-top: 5px; line-height: 1.45; }
.crew__i > div { min-width: 0; }
.cmp { border: 1px solid var(--hair); border-radius: var(--r-core); overflow: hidden;
       background: var(--core); }
@media (min-width: 900px) {
  .cmp .tbl th, .cmp .tbl td { padding: 17px 20px; }
  .cmp .tbl th:first-child, .cmp .tbl td:first-child { width: 24%; color: var(--muted); }
  .cmp .tbl th:nth-child(2), .cmp .tbl td:nth-child(2) { background: rgba(200,242,74,.05); }
  .cmp .tbl thead th:nth-child(2) { color: var(--accent); }
}
.cmp .tbl td:nth-child(2) { color: var(--fg); font-weight: 700; }
.cmp--last .tbl th:nth-child(2), .cmp--last .tbl td:nth-child(2) { background: none; }
.cmp--last .tbl thead th:nth-child(2) { color: var(--muted); }
.cmp--last .tbl td:nth-child(2) { color: var(--muted); font-weight: 400; }
@media (min-width: 900px) {
  .cmp--last .tbl th:last-child, .cmp--last .tbl td:last-child { background: rgba(200,242,74,.05); }
  .cmp--last .tbl thead th:last-child { color: var(--accent); }
}
.cmp--last .tbl td:last-child { color: var(--fg); font-weight: 700; }
.niches { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--core);
          border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 480px)  { .niches { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 760px)  { .niches { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1040px) { .niches { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (min-width: 1240px) { .niches { grid-template-columns: repeat(5, minmax(0,1fr)); } }
@media (min-width: 480px) and (max-width: 759px) {
  .niche:last-child:nth-child(2n+1) { grid-column: span 2; }
}
@media (min-width: 760px) and (max-width: 1039px) {
  .niche:last-child:nth-child(3n+1) { grid-column: span 3; }
  .niche:last-child:nth-child(3n+2) { grid-column: span 2; }
}
@media (min-width: 1040px) and (max-width: 1239px) {
  .niche:last-child:nth-child(4n+1) { grid-column: span 4; }
  .niche:last-child:nth-child(4n+2) { grid-column: span 3; }
  .niche:last-child:nth-child(4n+3) { grid-column: span 2; }
}
@media (min-width: 1240px) {
  .niche:last-child:nth-child(5n+1) { grid-column: span 5; }
  .niche:last-child:nth-child(5n+2) { grid-column: span 4; }
  .niche:last-child:nth-child(5n+3) { grid-column: span 3; }
  .niche:last-child:nth-child(5n+4) { grid-column: span 2; }
}
.svc:last-child[style], .niche[data-wide] { }
.svcs > .svc:last-child:not(:nth-child(4n)):not(:nth-child(1)) { }
.niche { background: var(--core); padding: 20px 18px; display: flex; flex-direction: column;
         box-shadow: inset -1px -1px 0 0 var(--hair-solid);
         gap: 14px; min-height: 132px; transition: background var(--dur) var(--ease); }
@media (hover: hover) { .niche:hover { background: var(--core-2); } }
.niche .ico { width: 26px; height: 26px; color: var(--fg-dim);
              transition: color var(--dur) var(--ease), transform var(--dur) var(--ease); }
@media (hover: hover) { .niche:hover .ico { color: var(--accent); transform: translateY(-2px); } }
.niche b { font-size: var(--t-16); font-weight: 700; line-height: 1.25; margin-top: auto;
           letter-spacing: -.01em; }
.niche em { font-style: normal; font-size: var(--t-12); font-weight: 700;
            letter-spacing: .04em; text-transform: uppercase; color: var(--accent);
            opacity: .8; }
.quiz__wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px,3vw,40px); align-items: start; }
@media (min-width: 980px) { .quiz__wrap { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); } }
.quiz { min-height: 430px; display: flex; flex-direction: column; }
.quiz__bar { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.quiz__track { flex: 1; height: 3px; background: var(--hair-solid); border-radius: 2px; overflow: hidden; }
.quiz__prog { height: 100%; width: 12.5%; background: var(--accent); border-radius: 2px;
              transition: width var(--dur) var(--ease); }
.quiz__step { white-space: nowrap; }
.quiz__q { display: none; flex-direction: column; gap: 18px; flex: 1; }
.quiz__q.is-on { display: flex; animation: qIn var(--dur) var(--ease); }
@keyframes qIn { from { opacity: 0; transform: translateX(14px); } }
@media (prefers-reduced-motion: reduce) { .quiz__q.is-on { animation: none; } }
.quiz__q h3 { font-size: clamp(19px,2.2vw,25px); max-width: 22ch; }
.quiz__opts { display: grid; gap: 9px; }
.quiz__opt { display: flex; align-items: center; gap: 13px; width: 100%; text-align: left;
  padding: 15px 18px; border: 1px solid var(--hair); border-radius: 15px;
  background: var(--core-2); font-size: var(--t-14); font-weight: 600; color: var(--fg-dim);
  transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease),
              color var(--dur-fast) var(--ease); }
@media (hover: hover) { .quiz__opt:hover { border-color: var(--hair-strong); color: var(--fg); background: var(--core-3); } }
.quiz__opt.is-picked { border-color: var(--accent); color: var(--accent); background: var(--accent-dim); }
.quiz__key { display: grid; place-items: center; width: 26px; height: 26px; flex: none;
  border: 1px solid var(--hair); border-radius: 8px;
  font-size: var(--t-13); font-weight: 700; color: var(--muted); }
.quiz__opt.is-picked .quiz__key { border-color: var(--accent-line); color: var(--accent); }
.quiz__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px;
             margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--hair); }
.quiz__done { display: none; flex-direction: column; gap: 18px; flex: 1; }
.quiz__done.is-on { display: flex; }
.quiz__sum { display: grid; gap: 1px; background: var(--hair-solid);
             border: 1px solid var(--hair-solid); border-radius: 16px; overflow: hidden; }
.quiz__sumrow { background: var(--core-2); padding: 12px 16px; display: flex;
                justify-content: space-between; gap: 14px; font-size: var(--t-14); }
.quiz__sumrow span { color: var(--muted); }
.quiz__sumrow b { text-align: right; }
.quiz__side { display: grid; gap: 16px; }
.quiz__why { display: grid; gap: 13px; }
.quiz__why li { display: grid; grid-template-columns: 18px 1fr; gap: 11px;
                font-size: var(--t-14); color: var(--fg-dim); line-height: 1.5; }
.quiz__why .ico { width: 16px; height: 16px; color: var(--accent); margin-top: 3px; }
.faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px,3vw,44px); align-items: start; }
@media (min-width: 980px) { .faq { grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); } }
.faq__ask { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px;
            margin-top: 26px; padding: 18px 22px; border: 1px solid var(--hair);
            border-radius: var(--r-core); background: var(--core); }
.faq__ask p { margin: 0; font-size: var(--t-14); font-weight: 600; color: var(--fg-dim); }
.final { position: relative; }
.final__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(26px,3vw,44px); align-items: start; }
@media (min-width: 980px) { .final__grid { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); } }
.final h2 { max-width: 15ch; margin-bottom: 20px; }
.final__bul { display: grid; gap: 13px; margin: 24px 0 28px; }
.final__bul li { display: grid; grid-template-columns: 24px 1fr; gap: 13px;
                 font-size: var(--t-16); color: var(--fg-dim); line-height: 1.5; }
.final__bul .ico { width: 21px; height: 21px; color: var(--accent); margin-top: 2px; --sw: 2.2; }
.final__sign { display: flex; align-items: center; gap: 16px; padding-top: 24px;
               border-top: 1px solid var(--hair); }
.final__sign > div b { display: block; font-size: var(--t-14); font-weight: 700; }
.final__sign > div span { display: block; font-size: var(--t-13); color: var(--muted); margin-top: 3px; }
.final__form .btn { width: 100%; justify-content: space-between; margin-top: 4px; }
.final__after { margin-top: 14px; text-align: center; font-size: var(--t-13); color: var(--muted); }
.final__alt { margin-top: 16px; padding-top: 20px; border-top: 1px solid var(--hair);
              display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
              justify-content: space-between; }
.final__alt p { margin: 0; font-size: var(--t-14); color: var(--fg-dim); }
.formstate { display: none; text-align: center; padding: 30px 10px; }
.formstate.is-on { display: block; }
.formstate .ico { width: 42px; height: 42px; color: var(--accent); margin: 0 auto 18px; }
.platform { margin-top: 20px; padding: clamp(22px,2.8vw,30px);
  border: 1px solid var(--hair); border-radius: var(--r-core);
  background: linear-gradient(180deg, var(--accent-dim), transparent 52%), var(--core); }
.platform__head { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.platform__head h3 { font-size: clamp(19px,2.1vw,23px); margin-bottom: 10px; }
.platform__head p { margin: 0; font-size: var(--t-14); color: var(--fg-dim);
                    line-height: 1.6; max-width: 88ch; }
.platform__head .iconbox { color: var(--accent); border-color: var(--accent-line);
                           background: var(--accent-dim); }
.platform__links { display: flex; flex-wrap: wrap; gap: 8px; }
.platform__note { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid var(--hair);
                  font-size: var(--t-13); color: var(--muted); line-height: 1.6; max-width: 92ch; }
@media (min-width: 700px) and (max-width: 1079px) {
  .sit__i:last-child:nth-child(2n+1) { grid-column: span 2; }
}
@media (min-width: 1080px) {
  .sit__i:last-child:nth-child(4n+1) { grid-column: span 4;
    display: grid; grid-template-columns: 46px minmax(0,1.05fr) minmax(0,1.5fr) auto;
    align-items: center; gap: 24px; }
  .sit__i:last-child:nth-child(4n+1) .sit__go { margin-top: 0; padding-top: 0;
                                                white-space: nowrap; }
  .sit__i:last-child:nth-child(4n+2) { grid-column: span 3; }
  .sit__i:last-child:nth-child(4n+3) { grid-column: span 2; }
}
.magnet { margin-top: 20px; padding: clamp(20px,2.4vw,26px) clamp(20px,2.6vw,30px);
  border: 1px solid var(--hair); border-radius: var(--r-core); background: var(--core);
  display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center;
  justify-content: space-between; }
.magnet .btn { flex: none; max-width: 100%; }
.magnet p { margin: 0; font-size: clamp(15px,1.7vw,17px); font-weight: 600; max-width: 46ch; }
.magnet p > span { display: block; font-size: var(--t-14); font-weight: 400;
                   color: var(--fg-dim); margin-top: 7px; line-height: 1.55; }
.tar { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px)  { .tar { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1040px) { .tar { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 720px) and (max-width: 1039.98px) {
  .tar__c:last-child:nth-child(2n+1) { grid-column: span 2; }
}
.tar__c { position: relative; min-width: 0; display: flex; flex-direction: column;
  gap: 10px; padding: clamp(22px,2.6vw,30px); border-radius: var(--r-core);
  border: 1px solid var(--hair); background: var(--core);
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease); }
@media (hover: hover) { .tar__c:hover { border-color: var(--hair-strong); background: var(--core-2); } }
.tar__c--mid { border-color: var(--accent-line);
  background: linear-gradient(180deg, var(--accent-dim), transparent 58%), var(--core); }
.tar__pick { position: absolute; top: -9px; left: clamp(22px,2.6vw,30px);
  padding: 3px 10px; border-radius: var(--r-flat); background: var(--accent);
  color: var(--accent-ink); font-size: var(--t-12); font-weight: 700; }
.tar__n { font-family: var(--f-display); font-size: var(--t-20); font-weight: 600; color: var(--fg); }
.tar__p { font-family: var(--f-display); font-size: var(--t-26); font-weight: 600; color: var(--accent); }
.tar__m { font-size: var(--t-13); font-weight: 600; color: var(--muted); }
.tar__d { margin: 0; padding-bottom: 16px; border-bottom: 1px solid var(--hair);
  font-size: var(--t-14); line-height: 1.55; color: var(--fg-dim); }
.tar__list { display: grid; gap: 12px; margin-bottom: 4px; }
.tar__list li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 11px;
  align-items: start; font-size: var(--t-14); line-height: 1.5; color: var(--fg-dim); }
.tar__list .ico { width: 15px; height: 15px; margin-top: 3px; color: var(--accent); }
.tar__c .btn { margin-top: auto; }
.demo { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(22px,3vw,34px); align-items: start; }
@media (min-width: 900px) { .demo { grid-template-columns: minmax(0,1fr) minmax(0,380px); } }
.demo__say { display: grid; gap: 14px; justify-items: start; }
.demo__say > .vs__out, .demo__say > .chipset, .demo__say > p { justify-self: stretch; }
.demo__phone { border: 1px solid var(--hair-strong); border-radius: 26px;
  background: var(--core); padding: 12px; min-width: 0; }
.demo__bar { display: flex; align-items: center; gap: 10px; padding: 8px 10px 14px;
  border-bottom: 1px solid var(--hair); }
.demo__bar b { font-size: var(--t-14); }
.demo__bar span { font-size: var(--t-12); color: var(--muted); }
.demo__feed { display: grid; gap: 10px; padding: 14px 6px 6px; min-height: 330px;
  align-content: start; }
.msg { max-width: 86%; padding: 10px 13px; border-radius: var(--r-in);
  font-size: var(--t-14); line-height: 1.45; }
.msg--bot { justify-self: start; background: var(--core-2); color: var(--fg-dim);
  border: 1px solid var(--hair); border-bottom-left-radius: 6px; }
.msg--me { justify-self: end; background: var(--accent); color: var(--accent-ink);
  font-weight: 600; border-bottom-right-radius: 6px; }
.msg b { color: var(--fg); }
.msg--me b { color: var(--accent-ink); }
.msg__btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.msg__btn { flex: 1 1 auto; min-width: 0; padding: 7px 11px; border-radius: 9px;
  border: 1px solid var(--accent-line); background: rgba(200,242,74,.08);
  color: var(--accent); font-size: var(--t-13); font-weight: 600;
  text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.typing { display: none; justify-self: start; align-items: center; gap: 5px;
  padding: 13px 14px; border-radius: var(--r-in); border-bottom-left-radius: 6px;
  border: 1px solid var(--hair); background: var(--core-2); }
.typing.is-on { display: inline-flex; }
.typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted);
  animation: tdot 1.15s infinite ease-in-out; }
.typing i:nth-child(2) { animation-delay: .16s; }
.typing i:nth-child(3) { animation-delay: .32s; }
@keyframes tdot {
  0%, 65%, 100% { opacity: .3; transform: translate3d(0, 0, 0); }
  30% { opacity: 1; transform: translate3d(0, -3px, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .typing { display: none !important; }
  .typing i { animation: none; }
}
.js .demo__feed:not(.is-on) { display: none; }
.js .demo__feed .msg { opacity: 0; transform: translate3d(0, 6px, 0);
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease); }
.js .demo__feed .msg.is-on { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js .demo__feed .msg { transition: none; transform: none; }
}
.cfg { display: grid; gap: clamp(20px,2.6vw,30px); grid-template-columns: minmax(0,1fr);
  padding: clamp(20px,2.6vw,30px); border: 1px solid var(--hair);
  border-radius: var(--r-core); background: var(--core); }
@media (min-width: 1000px) { .cfg { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); } }
.cfg__pane, .cfg__out { display: grid; gap: 14px; align-content: start; min-width: 0; }
.mods { display: grid; gap: 8px; }
.mod { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 12px;
  align-items: start; padding: 12px 14px; border: 1px solid var(--hair);
  border-radius: var(--r-in); background: var(--core-2); cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.mod input { position: absolute; opacity: 0; width: 0; height: 0; }
.mod__box { width: 22px; height: 22px; border-radius: 7px; border: 1px solid var(--hair-strong);
  display: grid; place-items: center; background: var(--core); }
.mod__box .ico { width: 13px; height: 13px; color: var(--accent-ink); opacity: 0; }
.mod.is-on { border-color: var(--accent-line); background: var(--core-3); }
.mod.is-on .mod__box { background: var(--accent); border-color: var(--accent); }
.mod.is-on .mod__box .ico { opacity: 1; }
.mod__t { font-size: var(--t-14); line-height: 1.45; color: var(--muted); min-width: 0; }
.mod__t b { display: block; color: var(--fg); font-size: var(--t-15); font-weight: 700;
  margin-bottom: 3px; }
.mod__h { font-family: var(--f-display); font-size: var(--t-13); font-weight: 600;
  color: var(--accent); white-space: nowrap; }
@media (hover: hover) { .mod:hover { border-color: var(--hair-strong); } }
.schema { display: block; width: 100%; height: auto; }
.schema .nd { opacity: .22; transition: opacity var(--dur) var(--ease); }
.schema .nd.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .schema .nd { transition: none; } }
.sum { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; padding: clamp(20px,2.6vw,30px);
  border: 1px solid var(--accent-line); border-radius: var(--r-core);
  background: linear-gradient(180deg, var(--accent-dim), transparent 60%), var(--core); }
@media (min-width: 900px) { .sum { grid-template-columns: minmax(0,1fr) minmax(0,340px);
  align-items: center; gap: 30px; } }
.sum__list { display: flex; flex-wrap: wrap; gap: 8px; }
.sum__list .badge { background: var(--core-2); }
.sum__n { font-family: var(--f-display); font-size: var(--t-26); font-weight: 600;
  color: var(--accent); }
.sum__d { margin: 0; font-size: var(--t-14); line-height: 1.6; color: var(--fg-dim); }
.tl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--hair-solid);
  border: 1px solid var(--hair-solid); border-radius: var(--r-core); overflow: hidden; }
@media (min-width: 860px) { .tl { grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); } }
.tl__i { background: var(--core); padding: clamp(18px,2.2vw,24px);
  display: grid; gap: 9px; align-content: start; }
.tl__d { font-family: var(--f-display); font-size: var(--t-20); font-weight: 600;
  color: var(--accent); }
.tl__t { font-size: var(--t-15); font-weight: 700; line-height: 1.35; color: var(--fg); }
.tl__x { margin: 0; font-size: var(--t-14); line-height: 1.55; color: var(--fg-dim); }
.tl__you { margin-top: 4px; padding-top: 10px; border-top: 1px solid var(--hair);
  font-size: var(--t-13); color: var(--muted); }
.tl__you b { color: var(--fg-dim); font-weight: 700; }
.app { display: grid; gap: 0; }
.app__scr { display: grid; gap: 12px; padding: 14px 6px 6px; min-height: 330px;
  align-content: start; }
.js .app__scr:not(.is-on) { display: none; }
.app__k { margin: 0; font-size: var(--t-12); font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--muted); }
.app__list { display: grid; gap: 8px; }
.app__row { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; padding: 12px 14px; border: 1px solid var(--hair); border-radius: var(--r-in);
  background: var(--core-2); color: var(--fg); text-align: left; cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.app__row:hover, .app__row:focus-visible { border-color: var(--accent-line);
  background: rgba(200,242,74,.06); }
.app__rn { display: grid; gap: 2px; font-size: var(--t-14); font-weight: 600; }
.app__rn em { font-style: normal; font-size: var(--t-12); font-weight: 500; color: var(--muted); }
.app__rp { font-size: var(--t-14); font-weight: 700; color: var(--accent); white-space: nowrap; }
.app__back { display: inline-flex; align-items: center; gap: 6px; justify-self: start;
  padding: 0; border: 0; background: none; color: var(--muted); cursor: pointer;
  font-size: var(--t-13); font-weight: 600; }
.app__back:hover { color: var(--fg); }
.app__back .ico { transform: rotate(180deg); }
.app__hero { height: 108px; border-radius: var(--r-in); border: 1px solid var(--hair);
  background: linear-gradient(135deg, rgba(200,242,74,.10), rgba(255,255,255,.02)); }
.app__t { margin: 0; font-size: var(--t-18); font-weight: 700; color: var(--fg); }
.app__d { margin: 0; font-size: var(--t-13); line-height: 1.5; color: var(--fg-dim); }
.app__opts { display: flex; flex-wrap: wrap; gap: 6px; }
.app__opt { padding: 7px 11px; border-radius: 9px; border: 1px solid var(--hair);
  background: var(--core-2); color: var(--muted); font-size: var(--t-13); font-weight: 600; }
.app__opt em { font-style: normal; opacity: .75; }
.app__opt.is-on { border-color: var(--accent-line); background: rgba(200,242,74,.08);
  color: var(--accent); }
.app__sum { display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; padding-top: 12px; border-top: 1px solid var(--hair);
  font-size: var(--t-14); color: var(--muted); }
.app__sum b { font-size: var(--t-18); color: var(--fg); }
.app__cta { width: 100%; padding: 13px 16px; border: 0; border-radius: var(--r-in);
  background: var(--accent); color: var(--accent-ink); font-size: var(--t-15);
  font-weight: 700; cursor: pointer; }
.app__cta:hover { filter: brightness(1.06); }
.app__note { margin: 0; font-size: var(--t-12); line-height: 1.5; color: var(--muted); }
.app__done { display: grid; justify-items: center; gap: 8px; text-align: center;
  padding: 18px 8px; border: 1px solid var(--accent-line); border-radius: var(--r-in);
  background: rgba(200,242,74,.06); }
.app--light { --core-2: #f2f3f5; --hair: rgba(0,0,0,.12); --fg: #10131a;
  --fg-dim: #333a47; --muted: #6b7280; background: #fff; border-radius: 18px; }
.app--light .app__cta { background: #2f8ee0; color: #fff; }
.app--light .app__rp, .app--light .app__opt.is-on { color: #2f8ee0; }
.app--light .app__opt.is-on { border-color: rgba(47,142,224,.45); background: rgba(47,142,224,.10); }
.app--light .app__hero { background: linear-gradient(135deg, rgba(47,142,224,.12), rgba(0,0,0,.03)); }
.app--light .app__done { border-color: rgba(47,142,224,.45); background: rgba(47,142,224,.08); }
.app--light .msg--bot { background: #fff; border-color: rgba(0,0,0,.10); color: #333a47; }
.app--light .msg__btn { border-color: rgba(47,142,224,.45); background: rgba(47,142,224,.08);
  color: #2f8ee0; }
.path { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none;
  counter-reset: none; }
@media (min-width: 760px)  { .path { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1400px) { .path { grid-template-columns: repeat(5, minmax(0,1fr)); } }
.path__i { display: flex; flex-direction: column; gap: 8px; padding: 18px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core); }
.path__d { flex: 1 1 auto; }
.path__n { font-family: var(--f-display); font-size: var(--t-12);
  font-weight: 700; letter-spacing: .04em; color: var(--accent); }
.path__t { font-size: var(--t-15); font-weight: 700; line-height: 1.3; color: var(--fg); }
.path__d { margin: 0; font-size: var(--t-14); line-height: 1.5; color: var(--fg-dim); }
.path__t, .path__n, .path__ms { flex: 0 0 auto; }
.path__sys { margin: 0; padding-top: 10px; border-top: 1px solid var(--hair);
  font-size: var(--t-12); line-height: 1.5; color: var(--muted); }
.path__sys b { color: var(--fg-dim); font-weight: 700; }
.path__ms { font-size: var(--t-12); font-weight: 600; color: var(--accent); }
.flow { display: grid; gap: 10px; align-items: stretch; margin-bottom: 22px; }
@media (min-width: 820px) { .flow { grid-auto-flow: column; grid-auto-columns: 1fr auto; } }
.flow--v { grid-auto-flow: row; }
@media (min-width: 820px) { .flow--v { grid-auto-flow: row; grid-auto-columns: auto; } }
.flow__n { display: grid; gap: 6px; align-content: start; padding: 16px 18px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core); }
.flow__n b { font-size: var(--t-14); color: var(--fg); }
.flow__n span:not(.iconbox) { font-size: var(--t-12); line-height: 1.45; color: var(--muted); }
.flow__n--acc { border-color: var(--accent-line); background: rgba(200,242,74,.05); }
.flow__a { display: grid; place-items: center; color: var(--accent); }
.flow__a .ico { width: 20px; height: 20px; }
.flow--v .flow__a { height: 22px; }
.flow--v .flow__a .ico { width: 16px; height: 16px; }
@media (max-width: 819px) { .flow__a { transform: rotate(90deg); } }
.duo { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 860px) { .duo { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
.duo__c { display: grid; gap: 14px; align-content: start; padding: clamp(20px,2.4vw,28px);
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core); }
.duo__c--dim { background: transparent; }
.duo__c--dim .assets__i span:last-child { color: var(--muted); }
.duo__c--dim .assets__box { border-color: var(--hair); color: var(--muted); }
.say { margin: 0; padding: clamp(24px,3.2vw,40px); border: 1px solid var(--hair);
  border-radius: var(--r-core); background: var(--core); display: grid; gap: 20px; }
.say__mark { width: 34px; height: 34px; color: var(--accent); opacity: .8; }
.say__q { margin: 0; }
.say__q p { margin: 0; font-size: clamp(18px,2.1vw,24px); line-height: 1.5;
  color: var(--fg); max-width: 62ch; }
.say__by { display: flex; align-items: center; gap: 14px; }
.say__by b { display: block; font-size: var(--t-15); color: var(--fg); }
.say__by span span { font-size: var(--t-13); color: var(--muted); }
.stat { display: grid; gap: 12px; }
@media (min-width: 760px) { .stat { grid-auto-flow: column; grid-auto-columns: 1fr; } }
.stat__i { display: flex; align-items: center; gap: 14px; padding: 18px 20px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core);
  color: var(--fg); transition: border-color var(--dur-fast) var(--ease); }
.stat__i:hover { border-color: var(--accent-line); }
.stat__i .ico { width: 26px; height: 26px; color: var(--accent); flex: 0 0 auto; }
.stat__t { display: grid; gap: 2px; min-width: 0; }
.stat__t b { font-size: var(--t-14); }
.stat__t span { font-size: var(--t-12); color: var(--muted); }
.app__url { display: flex; align-items: center; gap: 8px; padding: 8px 11px;
  border-radius: 999px; background: var(--core-2); border: 1px solid var(--hair);
  font-size: var(--t-12); color: var(--muted); }
.app__url span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.app__url em { font-style: normal; opacity: .7; white-space: nowrap; }
.app__prompt { display: flex; gap: 12px; align-items: flex-start; padding: 14px;
  border: 1px solid var(--accent-line); border-radius: var(--r-in);
  background: rgba(200,242,74,.06); }
.app__prompt b { display: block; font-size: var(--t-14); color: var(--fg); margin-bottom: 4px; }
.app__prompt span:not(.app__badge) { font-size: var(--t-12); line-height: 1.45; color: var(--muted); }
.app__badge { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: 10px; background: var(--accent); color: var(--accent-ink);
  font-weight: 700; font-size: var(--t-18); }
.app__icons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 6px 0; }
.app__icon { aspect-ratio: 1; border-radius: 12px; background: var(--core-2);
  border: 1px solid var(--hair); }
.app__icon--our { display: grid; place-items: center; background: var(--accent);
  border-color: var(--accent); color: var(--accent-ink); font-weight: 700;
  font-size: var(--t-15); }
.app--light .app__icon { background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.10); }
.split { display: grid; gap: 12px; align-items: stretch; }
@media (min-width: 560px) { .split { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); } }
.split__col { display: grid; gap: 10px; align-content: start; padding: 16px 18px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core);
  color: var(--muted); }
.split__col--good { border-color: var(--accent-line); background: rgba(200,242,74,.05);
  color: var(--fg-dim); }
.split__h { color: var(--muted-2); }
.split__col--good .split__h { color: var(--accent); }
.split__list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none;
  font-size: var(--t-13); line-height: 1.45; }
.split__foot { font-size: var(--t-12); color: var(--muted-2); }
.split__col--good .split__foot { color: var(--accent); }
.split__arrow { display: grid; place-items: center; color: var(--accent); }
.split__arrow svg { width: 34px; height: 20px; }
.hero__art .split__arrow svg { width: 34px; height: 20px; }
@media (max-width: 559px) { .split__arrow { transform: rotate(90deg); } }
.split__note { margin: 12px 0 0; font-size: var(--t-12); color: var(--muted-2); }
.hero__art--split { display: block; }
.lesson { display: grid; gap: 20px; padding: clamp(20px,2.6vw,28px);
  border: 1px solid var(--hair); border-radius: var(--r-core); background: var(--core); }
.lesson__lead { margin: 0; font-size: var(--t-16); color: var(--fg-dim); line-height: 1.5; }
.lesson__steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 760px) { .lesson__steps { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.lesson__s { display: grid; gap: 6px; align-content: start; padding: 16px 18px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core-2); }
.lesson__s--acc { border-color: var(--accent-line); background: rgba(200,242,74,.05); }
.lesson__n { color: var(--accent); }
.lesson__s b { font-size: var(--t-16); color: var(--fg); }
.lesson__s span:not(.lesson__n) { font-size: var(--t-13); line-height: 1.5; color: var(--muted); }
.lesson__note { margin: 0; font-size: var(--t-14); line-height: 1.55; color: var(--fg-dim); }
.steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none;
  counter-reset: none; }
.steps__i { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px;
  align-items: start; padding: 16px 18px; border: 1px solid var(--hair);
  border-radius: var(--r-in); background: var(--core); }
.steps__i--hot { border-color: var(--accent-line); }
.steps__n { font-family: var(--f-display); font-weight: 600; font-size: var(--t-20);
  line-height: 1; color: var(--muted-2); }
.steps__i--hot .steps__n { color: var(--accent); }
.steps__b { display: grid; gap: 6px; min-width: 0; }
.steps__t { font-size: var(--t-16); color: var(--fg); }
.steps__lose { margin: 0; font-size: var(--t-14); line-height: 1.5; color: var(--muted); }
.steps__fix { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px;
  align-items: start; margin: 0; font-size: var(--t-14); line-height: 1.5;
  color: var(--fg-dim); }
.steps__fix .ico { color: var(--accent); margin-top: 3px; }
.blame { display: grid; gap: 10px; align-items: stretch; margin-bottom: 22px; }
@media (min-width: 900px) { .blame { grid-auto-flow: column; grid-auto-columns: 1fr auto; } }
.blame__n { display: grid; gap: 6px; align-content: start; padding: 16px 18px;
  border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core); }
.blame__n b { font-size: var(--t-14); color: var(--fg); }
.blame__n span { font-size: var(--t-12); line-height: 1.45; color: var(--muted); }
.blame__n--bad { border-color: rgba(255,138,138,.34); background: rgba(255,138,138,.05); }
.blame__n--bad b { color: var(--err); }
.blame__a { display: grid; place-items: center; color: var(--muted-2); }
@media (max-width: 899px) { .blame__a { transform: rotate(90deg); } }
.tabs { display: grid; gap: 16px; }
.tabs__nav { display: flex; flex-wrap: wrap; gap: 8px; }
.tabs__t { padding: 9px 16px; border: 1px solid var(--hair); border-radius: var(--r-control);
  background: transparent; color: var(--muted); font: inherit; font-size: var(--t-13);
  font-weight: 600; cursor: pointer;
  transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.tabs__t.is-on { color: var(--accent-ink); background: var(--accent); border-color: var(--accent); }
@media (hover: hover) { .tabs__t:not(.is-on):hover { color: var(--fg); border-color: var(--hair-strong); } }
.tabs__p { display: none; padding: clamp(18px,2.4vw,26px); border: 1px solid var(--hair);
  border-radius: var(--r-core); background: var(--core); }
.tabs__p.is-on { display: grid; gap: 14px; }
.tabs__h { font-size: var(--t-16); color: var(--fg); }
.tabs__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.tabs__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px;
  align-items: start; font-size: var(--t-14); line-height: 1.5; color: var(--fg-dim); }
.tabs__list .ico { color: var(--accent); margin-top: 3px; }
.tabs__note { margin: 0; padding-top: 12px; border-top: 1px solid var(--hair);
  font-size: var(--t-13); line-height: 1.55; color: var(--muted); }
.calc__v { display: grid; gap: 8px; padding: 16px 18px; border: 1px solid var(--hair);
  border-radius: var(--r-in); background: var(--core-2); }
.calc__vt { font-size: var(--t-16); color: var(--fg); }
.calc__vd { margin: 0; font-size: var(--t-14); line-height: 1.55; color: var(--muted); }
.calc__v.is-ok { border-color: var(--accent-line); background: rgba(200,242,74,.05); }
.calc__v.is-ok .calc__vt { color: var(--accent); }
.calc__v.is-tight { border-color: rgba(251,191,36,.34); background: rgba(251,191,36,.05); }
.calc__v.is-tight .calc__vt { color: var(--warn); }
.calc__v.is-bad { border-color: rgba(255,138,138,.4); background: rgba(255,138,138,.06); }
.calc__v.is-bad .calc__vt { color: var(--err); }
.pricecard { border: 1px solid var(--hair); border-radius: var(--r-core);
  background: var(--core); overflow: hidden; }
.pricecard__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start;
  padding: clamp(20px,2.6vw,28px); border-bottom: 1px solid var(--hair);
  background: rgba(200,242,74,.04); }
@media (min-width: 760px) {
  .pricecard__head { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
}
.pricecard__p { display: block; margin-top: 8px; font-family: var(--f-display);
  font-weight: 600; font-size: var(--t-34); line-height: 1.1; color: var(--accent); }
.pricecard__d { margin: 10px 0 0; max-width: 60ch; font-size: var(--t-14);
  line-height: 1.55; color: var(--fg-dim); }
.pricecard__list { padding: clamp(18px,2.4vw,26px); }
.audit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
@media (min-width: 1000px) { .audit { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } }
.audit__list { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none;
  counter-reset: none; }
.audit__i { border-bottom: 1px solid var(--hair); }
.audit__i:last-child { border-bottom: 0; }
.audit__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px;
  align-items: start; padding: 16px 4px; cursor: pointer; }
.audit__row input { position: absolute; opacity: 0; width: 0; height: 0; }
.audit__box { display: grid; place-items: center; width: 22px; height: 22px;
  margin-top: 2px; border: 1px solid var(--hair-strong); border-radius: 7px;
  color: transparent;
  transition: border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.audit__box .ico { width: 13px; height: 13px; }
.audit__row input:checked ~ .audit__box { border-color: var(--accent);
  background: var(--accent); color: var(--accent-ink); }
.audit__row input:focus-visible ~ .audit__box { outline: 2px solid var(--accent); outline-offset: 2px; }
.audit__b { display: grid; gap: 5px; min-width: 0; }
.audit__t { font-size: var(--t-15); line-height: 1.4; color: var(--fg); font-weight: 600; }
.audit__d { font-size: var(--t-13); line-height: 1.55; color: var(--muted); }
.audit__t code, .audit__d code { font-family: var(--f-display); font-size: .92em;
  color: var(--fg-dim); overflow-wrap: anywhere; }
.audit__out { display: grid; gap: 12px; align-content: start; padding: 20px;
  border: 1px solid var(--hair); border-radius: var(--r-core); background: var(--core); }
@media (min-width: 1000px) { .audit__out { position: sticky; top: 96px; } }
.audit__res { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--hair);
  border-radius: var(--r-in); background: var(--core-2); }
.audit__rt { font-size: var(--t-16); color: var(--fg); }
.audit__rd { margin: 0; font-size: var(--t-13); line-height: 1.55; color: var(--muted); }
.audit__res.is-ok { border-color: var(--accent-line); background: rgba(200,242,74,.05); }
.audit__res.is-ok .audit__rt { color: var(--accent); }
.audit__res.is-tight { border-color: rgba(251,191,36,.34); background: rgba(251,191,36,.05); }
.audit__res.is-tight .audit__rt { color: var(--warn); }
.audit__res.is-bad { border-color: rgba(255,138,138,.4); background: rgba(255,138,138,.06); }
.audit__res.is-bad .audit__rt { color: var(--err); }
.audit__count { margin: 0; font-size: var(--t-13); color: var(--muted); }
.audit__count b { font-family: var(--f-display); color: var(--fg); }
.prices2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 900px) { .prices2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pricecard--acc { border-color: var(--accent-line); }
.pricecard--acc .pricecard__head { background: rgba(200,242,74,.07); }
.pricecard__head .badge { align-self: start; }
.posts { display: grid; gap: 14px;
         grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.post { display: grid; border: 1px solid var(--hair); border-radius: var(--r-core);
        background: var(--core); overflow: hidden; }
.post__go { display: grid; gap: 10px; align-content: start; padding: clamp(18px, 2.2vw, 26px);
            color: inherit; text-decoration: none; }
.post__go:hover { background: var(--core-2); }
.post__go:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.post__meta { color: var(--muted); }
.post__t { margin: 0; font-size: var(--t-20); line-height: 1.3; color: var(--fg); }
.post__d { margin: 0; font-size: var(--t-15); line-height: 1.6; color: var(--fg-dim); }
.post__more { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px;
              font-size: var(--t-14); font-weight: 600; color: var(--accent); }
.post__go:hover .post__more .ico { transform: translateX(3px); }
.pg { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.pg__i { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px;
         border: 1px solid var(--hair); border-radius: var(--r-in); background: var(--core);
         font-size: var(--t-15); color: var(--fg-dim); text-decoration: none; }
.pg__i:hover { border-color: var(--hair-solid); color: var(--fg); }
.pg__i.is-on { border-color: var(--accent-line); color: var(--accent); }
@media (min-width: 1080px) {
  .sit--3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .sit--3 .sit__i:last-child { grid-column: auto; display: flex; }
  .sit--3 .sit__i:last-child .sit__go { margin-top: auto; padding-top: 4px; white-space: normal; }
  .sit--3 .sit__i:last-child:nth-child(3n+1) { grid-column: span 3; }
  .sit--3 .sit__i:last-child:nth-child(3n+2) { grid-column: span 2; }
}