.cd-main{padding-bottom:clamp(3rem,6vw,5rem)}.cd-back-bar{padding-block:1.5rem 0}.cd-back-link{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-2);text-decoration:none;transition:color .15s ease}.cd-back-link:hover{color:var(--ink)}.cd-article{max-width:1000px}.cd-frame-empty{display:flex;align-items:center;justify-content:center;min-height:200px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.cd-hero{padding-block:clamp(2rem,5vw,3.5rem) clamp(2rem,4vw,3rem)}.cd-status{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);border:1.5px solid var(--signal);border-radius:4px;padding:.35em .8em;transform:rotate(-2deg);margin-bottom:1.4rem;background:var(--card)}.cd-hero-title{font-family:var(--font-display);font-weight:740;font-stretch:116%;letter-spacing:-.025em;line-height:1;font-size:clamp(2.5rem,6vw,4.2rem);margin-bottom:1.2rem;text-wrap:balance}.cd-hero-title-period{color:var(--cobalt)}.cd-hero-description{color:var(--ink-2);font-size:1.12rem;max-width:60ch;margin-bottom:2.25rem}.cd-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.cd-meta-item h4{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.6rem}.cd-meta-item ul{list-style:none;display:grid;gap:.3rem;padding:0}.cd-meta-item li{font-size:.92rem;font-weight:500;color:var(--ink)}@media(max-width:720px){.cd-meta{grid-template-columns:repeat(2,1fr)}}.cd-browser{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card);box-shadow:0 16px 40px -24px #161b2340}.cd-browser-chrome{display:flex;align-items:center;gap:.8rem;padding:.6rem .9rem;border-bottom:1px solid var(--line-soft);background:var(--paper)}.cd-browser-dots{display:inline-flex;gap:5px}.cd-browser-dots span{width:8px;height:8px;border-radius:50%;background:var(--line);display:block}.cd-browser-url-bar{flex:1;min-width:0;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);background:var(--card);border:1px solid var(--line-soft);border-radius:100px;padding:.25em 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-browser-content{aspect-ratio:16 / 10;display:flex;align-items:center;background:var(--paper);overflow:hidden}.cd-browser-content img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cd-screen .cd-browser-content{aspect-ratio:auto;align-items:flex-start;overflow:hidden}.cd-screen .cd-browser-content img{width:100%;height:auto;object-fit:unset;object-position:unset}.cd-screen .cd-browser-chrome{flex-shrink:0}.cd-phone{width:min(280px,78%);aspect-ratio:9 / 19.5;margin-inline:auto;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--card);box-shadow:0 16px 40px -24px #161b2359;position:relative}.cd-phone-notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:36%;height:10px;border-radius:100px;background:var(--ink);opacity:.85;z-index:1}.cd-phone-content{position:absolute;inset:0;overflow:hidden}.cd-phone-content img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.cd-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,3.5rem);align-items:center;padding-block:clamp(2rem,4vw,3rem)}.cd-showcase-phone{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.cd-eyebrow{font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:.6em}.cd-eyebrow:before{content:"";width:8px;height:8px;background:var(--cobalt);flex:none}.cd-showcase-eyebrow-row{margin-bottom:1rem}.cd-showcase-headline{font-family:var(--font-display);font-stretch:114%;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.08;margin-bottom:1rem;text-wrap:balance}.cd-highlight{color:var(--cobalt)}.cd-showcase-body{color:var(--ink-2);font-size:1rem;max-width:48ch}@media(max-width:820px){.cd-showcase,.cd-showcase-phone{grid-template-columns:1fr}.cd-showcase-visual{order:2}}.cd-section{padding-block:clamp(2.25rem,4.5vw,3.5rem)}.cd-section-meta{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.cd-section-num{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--signal)}.cd-section-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.cd-section-title{font-family:var(--font-display);font-stretch:114%;font-weight:700;font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:-.02em;line-height:1.08;margin-bottom:1.25rem;max-width:24ch;text-wrap:balance}.cd-section-body{display:grid;gap:.9rem;max-width:68ch}.cd-section-body p{color:var(--ink-2);font-size:1rem}.cd-chip-block{margin-top:1.5rem}.cd-chip-block-label{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem}.cd-chips{display:flex;flex-wrap:wrap;gap:.4rem}.cd-chip{font-family:var(--font-mono);font-size:.76rem;padding:.32em .8em;border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--ink-2);white-space:nowrap}.cd-screens{display:grid;gap:1.25rem;margin-top:2rem}.cd-screen,.cd-showcase-visual,.cd-callout-visual,.cd-showcase-text{min-width:0}.cd-screens.cols-1{grid-template-columns:1fr}.cd-screens.cols-2{grid-template-columns:repeat(2,1fr)}.cd-screens.cols-3{grid-template-columns:repeat(3,1fr)}.cd-screens.cols-4{grid-template-columns:repeat(2,1fr)}.cd-screen-caption{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-3);margin-top:.7rem;padding-left:.2rem}@media(max-width:820px){.cd-screens.cols-2,.cd-screens.cols-3,.cd-screens.cols-4{grid-template-columns:1fr}.cd-screens-phones.cols-2,.cd-screens-phones.cols-3{grid-template-columns:repeat(2,1fr)}}.cd-callout{background:var(--card);border:1px solid var(--line-soft);border-left:3px solid var(--cobalt);border-radius:var(--r-md);padding:1.6rem 1.8rem;margin-top:2rem}.cd-callout-label{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);margin-bottom:.6rem}.cd-callout-title{font-family:var(--font-display);font-stretch:112%;font-weight:680;font-size:1.25rem;letter-spacing:-.012em;margin-bottom:.5rem}.cd-callout-body{color:var(--ink-2);font-size:.97rem;max-width:62ch}.cd-callout-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}@media(max-width:820px){.cd-callout-split{grid-template-columns:1fr}}.cd-quote{margin-top:2rem;padding:0 0 0 1.6rem;border-left:3px solid var(--signal)}.cd-quote-text{font-family:var(--font-display);font-stretch:108%;font-weight:600;font-size:1.25rem;letter-spacing:-.01em;line-height:1.35;margin-bottom:.8rem;max-width:40ch}.cd-quote-author{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.cd-quote-author strong{color:var(--ink);font-weight:600;margin-right:.5em}.cd-design-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin-top:2rem}@media(max-width:820px){.cd-design-grid{grid-template-columns:1fr}}.cd-block-label{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.1rem}.cd-palette-block,.cd-typography-block{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:1.5rem}.cd-palette-accent{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.cd-palette-accent-swatch{width:64px;height:64px;border-radius:var(--r-sm);border:1px solid var(--line-soft);flex:none}.cd-palette-accent-info h4{font-family:var(--font-display);font-stretch:112%;font-weight:680;font-size:1.05rem}.cd-palette-accent-info .hex{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-3);text-transform:uppercase}.cd-palette-accent-info .use{font-size:.85rem;color:var(--ink-2)}.cd-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.9rem}.cd-palette-swatch-color{height:44px;border-radius:var(--r-sm);border:1px solid var(--line-soft);margin-bottom:.4rem}.cd-palette-swatch-name{font-size:.78rem;font-weight:600}.cd-palette-swatch-hex{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-3);text-transform:uppercase}.cd-typography-display{font-family:var(--font-display);font-stretch:114%;font-weight:740;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.02em;line-height:1.05;margin-bottom:1.25rem}.cd-typography-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:.45rem}.cd-typography-row-label{font-weight:600;font-size:.95rem}.cd-typography-row-note{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);text-align:right}.cd-techstack{margin-top:1.25rem}.cd-techstack-pills{display:flex;flex-wrap:wrap;gap:.4rem}.cd-techstack-pill{font-family:var(--font-mono);font-size:.76rem;padding:.32em .8em;border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--ink-2)}.cd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:2rem}.cd-stat{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:1.4rem 1.5rem}.cd-stat-number{font-family:var(--font-display);font-stretch:116%;font-weight:740;font-size:2.2rem;letter-spacing:-.02em;line-height:1;margin-bottom:.4rem}.cd-stat-suffix{font-size:1.2rem;color:var(--cobalt)}.cd-stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.cd-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:clamp(2rem,4vw,3rem);background:var(--ink-bg);color:var(--paper-text);border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,2.5rem);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.cd-next:hover{transform:translateY(-3px);box-shadow:0 20px 44px -24px #161b2380}.cd-next-eyebrow{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-text-2);margin-bottom:.7rem}.cd-next-title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-stretch:114%;font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em;margin-bottom:.4rem}.cd-next-title svg{color:var(--signal);flex:none}.cd-next-category{font-family:var(--font-mono);font-size:.76rem;color:var(--paper-text-2)}.cd-next-cta{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.92rem;color:var(--paper-text);white-space:nowrap}@media(max-width:640px){.cd-next{flex-direction:column;align-items:flex-start;gap:1.25rem}}