/* ISKRA Design System v1.2 · reusable primitives */
*,*::before,*::after{box-sizing:border-box}
.iskra-page{margin:0;background:var(--iskra-bg);color:var(--iskra-ink);font:var(--iskra-weight-regular) var(--iskra-type-body)/1.5 var(--iskra-font-body);-webkit-font-smoothing:antialiased}
.iskra-container{width:min(var(--iskra-container),calc(100% - 2rem));margin-inline:auto}
.iskra-reading{max-width:var(--iskra-reading)}
.iskra-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--iskra-ink);font-weight:var(--iskra-weight-black);letter-spacing:-.045em;text-decoration:none}
.iskra-mark{width:2.35rem;height:2.35rem;display:grid;place-items:center;border-radius:.75rem;background:conic-gradient(from 25deg,var(--iskra-orange),var(--iskra-yellow),var(--iskra-mint),var(--iskra-blue),var(--iskra-violet),var(--iskra-pink),var(--iskra-orange));color:#102019;box-shadow:inset 0 0 0 1px #fff7}
.iskra-mark::before{content:'✦';font-size:1.2rem}
.iskra-eyebrow{font-size:var(--iskra-type-micro);font-weight:var(--iskra-weight-black);letter-spacing:.12em;text-transform:uppercase;color:var(--iskra-orange)}
.iskra-display{font:var(--iskra-weight-black) var(--iskra-type-display)/.96 var(--iskra-font-display);letter-spacing:var(--iskra-track-display)}
.iskra-heading{font:var(--iskra-weight-black) var(--iskra-type-h1)/1 var(--iskra-font-display);letter-spacing:var(--iskra-track-heading)}
.iskra-muted{color:var(--iskra-muted)}
.iskra-card{background:var(--iskra-surface);border:var(--iskra-border);border-radius:var(--iskra-radius-lg);padding:var(--iskra-space-5);box-shadow:var(--iskra-shadow-sm)}
.iskra-card--flat{box-shadow:none}
.iskra-card--dark{background:var(--iskra-ink);color:var(--iskra-bg);border-color:transparent}
.iskra-card--magic{background:linear-gradient(135deg,var(--iskra-violet),var(--iskra-blue));color:white;border-color:transparent}
.iskra-btn{min-height:var(--iskra-control);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:var(--iskra-border);border-radius:var(--iskra-radius-md);background:var(--iskra-surface);color:var(--iskra-ink);font:var(--iskra-weight-strong) var(--iskra-type-small)/1 var(--iskra-font-body);text-decoration:none;cursor:pointer;transition:transform var(--iskra-fast) var(--iskra-ease),box-shadow var(--iskra-fast) var(--iskra-ease),background var(--iskra-fast) var(--iskra-ease)}
.iskra-btn:hover{transform:translateY(-1px);box-shadow:var(--iskra-shadow-sm)}
.iskra-btn:active{transform:translateY(0) scale(.985)}
.iskra-btn--primary{background:var(--iskra-ink);color:var(--iskra-bg);border-color:var(--iskra-ink)}
.iskra-btn--spark{background:var(--iskra-orange);color:white;border-color:var(--iskra-orange)}
.iskra-btn--ghost{background:transparent;border-color:transparent;color:var(--iskra-muted)}
.iskra-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.iskra-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .75rem;border:var(--iskra-border);border-radius:var(--iskra-radius-round);background:var(--iskra-surface);font-size:var(--iskra-type-small);font-weight:var(--iskra-weight-strong)}
.iskra-status{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .6rem;border-radius:var(--iskra-radius-round);background:var(--iskra-surface-soft);font-size:var(--iskra-type-micro);font-weight:var(--iskra-weight-black)}
.iskra-status::before{content:'';width:.4rem;height:.4rem;border-radius:50%;background:var(--iskra-mint)}
.iskra-input{width:100%;min-height:var(--iskra-control);padding:.7rem .85rem;border:var(--iskra-border);border-radius:var(--iskra-radius-md);background:var(--iskra-bg);color:var(--iskra-ink);font:inherit;outline:0}
.iskra-input:focus{border-color:var(--iskra-violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--iskra-violet) 18%,transparent)}
.iskra-composer{background:var(--iskra-surface);border:var(--iskra-border);border-radius:var(--iskra-radius-xl);padding:var(--iskra-space-4);box-shadow:var(--iskra-shadow-lg);transition:transform var(--iskra-base) var(--iskra-ease),border-color var(--iskra-base) var(--iskra-ease)}
.iskra-composer:focus-within{border-color:var(--iskra-violet);transform:translateY(-2px)}
.iskra-composer textarea{width:100%;min-height:5.5rem;resize:vertical;border:0;outline:0;background:transparent;color:var(--iskra-ink);font:var(--iskra-weight-regular) var(--iskra-type-body-lg)/1.45 var(--iskra-font-body)}
.iskra-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--iskra-space-4)}
.iskra-proof{padding:var(--iskra-space-4);border-radius:var(--iskra-radius-md);background:color-mix(in srgb,var(--iskra-yellow) 22%,var(--iskra-surface));font-size:var(--iskra-type-small)}
.iskra-adult-gate{border:1px solid color-mix(in srgb,var(--iskra-blue) 45%,var(--iskra-line));background:color-mix(in srgb,var(--iskra-blue) 9%,var(--iskra-surface));border-radius:var(--iskra-radius-lg);padding:var(--iskra-space-5)}
.iskra-story-callout{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--iskra-space-6);align-items:center;padding:clamp(1.5rem,4vw,3.5rem);border-radius:var(--iskra-radius-xl);background:var(--iskra-ink);color:var(--iskra-bg);box-shadow:var(--iskra-shadow-lg)}
.iskra-story-callout blockquote{margin:var(--iskra-space-4) 0 0;font:var(--iskra-weight-black) var(--iskra-type-h1)/1 var(--iskra-font-display);letter-spacing:var(--iskra-track-heading)}
.iskra-transformation{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1.5vw,1rem)}
.iskra-transformation>b{color:var(--iskra-orange);font-size:1.4rem}
.iskra-transformation__step{width:clamp(4.5rem,9vw,7rem);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.25rem;border-radius:35%;background:color-mix(in srgb,var(--iskra-bg) 12%,transparent);font-size:clamp(1.8rem,4vw,3rem)}
.iskra-transformation__step small{font-size:var(--iskra-type-micro);font-weight:var(--iskra-weight-black);letter-spacing:.08em;text-transform:uppercase}
.iskra-focus:focus-visible,.iskra-btn:focus-visible,.iskra-chip:focus-visible{outline:3px solid color-mix(in srgb,var(--iskra-blue) 55%,transparent);outline-offset:3px}
.iskra-magic-in{animation:iskra-in var(--iskra-magic) var(--iskra-ease-pop) both}
@keyframes iskra-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:720px){.iskra-grid,.iskra-story-callout{grid-template-columns:1fr}.iskra-container{width:calc(100% - 1.25rem)}.iskra-transformation{justify-content:flex-start;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:.25rem 0 .6rem;-webkit-overflow-scrolling:touch}.iskra-transformation>*{flex:0 0 auto;scroll-snap-align:start}.iskra-story-callout blockquote{font-size:clamp(2rem,10vw,3.2rem)}.iskra-display,.iskra-heading{overflow-wrap:break-word}.iskra-btn{touch-action:manipulation}.iskra-composer{max-width:100%}}
@media(max-width:430px){.iskra-card,.iskra-adult-gate{padding:var(--iskra-space-4)}.iskra-story-callout{padding:1.25rem;border-radius:var(--iskra-radius-lg)}.iskra-brand{min-width:0}.iskra-brand>span:last-child{overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.iskra-magic-in{animation:none}.iskra-btn,.iskra-composer{transition:none}}