.mockdev-landing{--bg:oklch(0.155 0.01 60);--bg-elev:oklch(0.195 0.012 60);--bg-card:oklch(0.22 0.013 60);--line:oklch(0.30 0.012 60);--line-2:oklch(0.40 0.012 60);--fg:oklch(0.96 0.012 85);--fg-mute:oklch(0.68 0.010 70);--fg-dim:oklch(0.50 0.010 70);--amber:oklch(0.84 0.155 88);--amber-ink:oklch(0.30 0.08 70);--pos:oklch(0.78 0.13 150);--neg:oklch(0.72 0.17 28);--serif:var(--font-display),"Iowan Old Style",Georgia,serif;--sans:var(--font-body),ui-sans-serif,system-ui,sans-serif;--mono:var(--font-mono),ui-monospace,"SF Mono",monospace;--pad:clamp(20px,4vw,56px);--maxw:1240px;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.mockdev-landing *{box-sizing:border-box}.mockdev-landing ::selection{background:var(--amber);color:var(--amber-ink)}.mockdev-landing a{color:inherit;text-decoration:none}.mockdev-landing img,.mockdev-landing svg{display:block;max-width:100%}.mockdev-landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.mockdev-landing .grid{display:grid;grid-template-columns:140px 1fr 140px;grid-column-gap:32px;column-gap:32px}@media (max-width:960px){.mockdev-landing .grid{grid-template-columns:1fr}.mockdev-landing .grid>.margin{display:none}}.mockdev-landing .display{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.02}.mockdev-landing .display em{font-style:italic;color:var(--amber);font-weight:400}.mockdev-landing .h-display{font-size:clamp(48px,7.4vw,104px)}.mockdev-landing .h-section{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.6vw,64px);line-height:1.05;letter-spacing:-.015em}.mockdev-landing .h-section em{font-style:italic;color:var(--amber);font-weight:400}.mockdev-landing .mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}.mockdev-landing .mono-sm{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .lede{font-size:18px;line-height:1.5;color:var(--fg-mute);max-width:58ch}.mockdev-landing .topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.mockdev-landing .topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad);max-width:var(--maxw);margin:0 auto}.mockdev-landing .brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.02em}.mockdev-landing .brand-mark{width:22px;height:22px;border-radius:5px;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:11px}.mockdev-landing .nav{display:flex;gap:28px;align-items:center;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .nav a:hover{color:var(--fg)}@media (max-width:760px){.mockdev-landing .nav a:not(.cta){display:none}}.mockdev-landing .cta{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.mockdev-landing .cta:hover{filter:brightness(1.05)}.mockdev-landing .cta.ghost{background:transparent;color:var(--fg);border:1px solid var(--line-2)}.mockdev-landing section{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.mockdev-landing section:first-of-type{border-top:0}.mockdev-landing .sec-label{display:flex;align-items:center;gap:10px;color:var(--fg-mute);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.mockdev-landing .sec-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}.mockdev-landing .rule{height:1px;background:var(--line);margin:18px 0}.mockdev-landing .sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:14px;flex-wrap:wrap}.mockdev-landing .sec-head .label{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--amber);font-weight:500;letter-spacing:-.01em}.mockdev-landing .sec-head .ref{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.mockdev-landing .sec-head .ref:before{content:"·";margin-right:10px;color:var(--line-2)}.mockdev-landing .margin{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);padding-top:18px}.mockdev-landing .margin .pin{color:var(--amber)}.mockdev-landing .margin .l{display:block;margin-bottom:8px}.mockdev-landing .hero{padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(72px,9vw,120px)}.mockdev-landing .hero-head{display:grid;grid-template-columns:1fr 140px;grid-column-gap:32px;column-gap:32px}@media (max-width:960px){.mockdev-landing .hero-head{grid-template-columns:1fr}.mockdev-landing .hero-head .margin{display:none}}.mockdev-landing .kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 4px color-mix(in oklab,var(--pos) 20%,transparent)}.mockdev-landing .hero h1{margin:22px 0}.mockdev-landing .hero-sub{font-size:19px;line-height:1.5;color:var(--fg-mute);max-width:58ch}.mockdev-landing .hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:34px}.mockdev-landing .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.mockdev-landing .btn-primary:hover{filter:brightness(1.04)}.mockdev-landing .btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;border:1px solid var(--line-2);color:var(--fg);font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}.mockdev-landing .fineprint{color:var(--fg-mute);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.mockdev-landing .transcript-wrap{margin-top:56px;display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px}@media (max-width:960px){.mockdev-landing .transcript-wrap{grid-template-columns:1fr}}.mockdev-landing .panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;overflow:hidden}.mockdev-landing .panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);background:linear-gradient(0deg,transparent,color-mix(in oklab,var(--bg-card) 60%,transparent))}.mockdev-landing .panel-head .left{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .rec{display:inline-flex;align-items:center;gap:8px}.mockdev-landing .rec .dot{width:8px;height:8px;border-radius:50%;background:var(--neg);box-shadow:0 0 0 4px color-mix(in oklab,var(--neg) 25%,transparent);animation:mockdev-pulse 1.6s infinite}@keyframes mockdev-pulse{0%,to{opacity:1}50%{opacity:.55}}.mockdev-landing .timer{font-family:var(--mono);font-size:11px;color:var(--fg-mute)}.mockdev-landing .transcript{padding:22px 24px;display:flex;flex-direction:column;gap:22px;min-height:480px}.mockdev-landing .turn{display:grid;grid-template-columns:84px 1fr;grid-gap:18px;gap:18px;align-items:flex-start;min-width:0}.mockdev-landing .turn>div{min-width:0}.mockdev-landing .turn .who{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);padding-top:3px}.mockdev-landing .turn .who.you{color:var(--amber)}.mockdev-landing .turn p{margin:0;font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--fg);overflow-wrap:anywhere;word-break:break-word}.mockdev-landing .turn.you p{color:var(--fg);font-family:var(--sans);font-size:15.5px;line-height:1.6}.mockdev-landing .turn .meta{color:var(--fg-dim);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;margin-top:6px;text-transform:uppercase}.mockdev-landing .hl{background:color-mix(in oklab,var(--amber) 22%,transparent);padding:0 3px;border-radius:2px}.mockdev-landing .hl-neg{background:color-mix(in oklab,var(--neg) 22%,transparent);padding:0 3px;border-radius:2px}.mockdev-landing .followup{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-top:8px}.mockdev-landing .followup:before{content:"↳"}.mockdev-landing .waveform{display:flex;align-items:flex-end;gap:3px;height:18px;margin-top:8px}.mockdev-landing .waveform span{display:block;width:3px;background:var(--amber);border-radius:2px;animation:mockdev-wave 1s ease-in-out infinite}.mockdev-landing .waveform span:first-child{animation-delay:0s}.mockdev-landing .waveform span:nth-child(2){animation-delay:.08s}.mockdev-landing .waveform span:nth-child(3){animation-delay:.16s}.mockdev-landing .waveform span:nth-child(4){animation-delay:.24s}.mockdev-landing .waveform span:nth-child(5){animation-delay:.32s}.mockdev-landing .waveform span:nth-child(6){animation-delay:.4s}.mockdev-landing .waveform span:nth-child(7){animation-delay:.48s}.mockdev-landing .waveform span:nth-child(8){animation-delay:.56s}.mockdev-landing .waveform span:nth-child(9){animation-delay:.64s}.mockdev-landing .waveform span:nth-child(10){animation-delay:.72s}@keyframes mockdev-wave{0%,to{height:5px}50%{height:18px}}.mockdev-landing .scorebar{display:flex;flex-direction:column;gap:14px}.mockdev-landing .scorehead{display:flex;align-items:baseline;justify-content:space-between;padding:18px 18px 0}.mockdev-landing .scorehead .num{font-family:var(--serif);font-size:58px;line-height:1;font-weight:500;color:var(--fg)}.mockdev-landing .scorehead .denom{color:var(--fg-mute);font-family:var(--mono);font-size:12px;letter-spacing:.06em}.mockdev-landing .scorehead .delta{color:var(--pos);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mockdev-landing .dim{padding:10px 18px}.mockdev-landing .dim,.mockdev-landing .dim:first-of-type{border-top:1px solid var(--line)}.mockdev-landing .dim-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.mockdev-landing .dim-row .name{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .dim-row .val{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--fg)}.mockdev-landing .bar{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;position:relative}.mockdev-landing .bar span{position:absolute;left:0;top:0;bottom:0;background:var(--amber);border-radius:3px}.mockdev-landing .bar.lo span{background:var(--neg)}.mockdev-landing .bar.mid span{background:var(--amber)}.mockdev-landing .bar.hi span{background:var(--pos)}.mockdev-landing .score-foot{padding:14px 18px;border-top:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.mockdev-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:36px}@media (max-width:880px){.mockdev-landing .steps{grid-template-columns:1fr}}.mockdev-landing .step{border:1px solid var(--line);border-radius:12px;padding:26px;background:var(--bg-elev);position:relative;overflow:hidden}.mockdev-landing .step .nums{font-family:var(--serif);font-style:italic;font-size:96px;line-height:.85;color:color-mix(in oklab,var(--amber) 22%,transparent);position:absolute;right:14px;top:6px;font-weight:400;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockdev-landing .step h3{font-family:var(--serif);font-size:26px;line-height:1.15;font-weight:500;margin:8px 0 10px;letter-spacing:-.01em;position:relative}.mockdev-landing .step p{margin:0;color:var(--fg-mute);font-size:14.5px;line-height:1.55;position:relative}.mockdev-landing .step .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.mockdev-landing .dims{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:36px}@media (max-width:780px){.mockdev-landing .dims{grid-template-columns:1fr}}.mockdev-landing .dim-card{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;padding:28px;position:relative}.mockdev-landing .dim-card .ticker{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.mockdev-landing .dim-card .ticker .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .dim-card .ticker .score{font-family:var(--serif);font-style:italic;font-size:34px;line-height:1;font-weight:500;color:var(--amber)}.mockdev-landing .dim-card h4{font-family:var(--serif);font-size:28px;line-height:1.1;font-weight:500;margin:6px 0 12px;letter-spacing:-.01em}.mockdev-landing .dim-card p{margin:0;color:var(--fg-mute);font-size:15px;line-height:1.55}.mockdev-landing .dim-card .pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.mockdev-landing .dim-card .pair .col{display:flex;flex-direction:column;gap:4px}.mockdev-landing .dim-card .pair .h{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.mockdev-landing .dim-card .pair .v{font-family:var(--serif);font-size:16.5px;line-height:1.35;font-style:italic;color:var(--fg)}.mockdev-landing .dim-card .pair .v.bad{color:color-mix(in oklab,var(--neg) 88%,white)}.mockdev-landing .dim-card .pair .v.good{color:color-mix(in oklab,var(--pos) 88%,white)}.mockdev-landing .dim-bonus{margin-top:20px;border:1px solid var(--line);border-left:3px solid var(--amber);background:color-mix(in oklab,var(--amber) 8%,var(--bg-elev));border-radius:14px;padding:24px 28px;position:relative}.mockdev-landing .dim-bonus .ticker{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.mockdev-landing .dim-bonus .ticker .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.mockdev-landing .dim-bonus .ticker .score{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--amber-ink);background:var(--amber);padding:3px 8px;border-radius:4px;font-weight:600}.mockdev-landing .dim-bonus h4{font-family:var(--serif);font-size:24px;line-height:1.15;font-weight:500;margin:4px 0 10px;letter-spacing:-.01em}.mockdev-landing .dim-bonus p{margin:0;color:var(--fg-mute);font-size:15px;line-height:1.55}.mockdev-landing .dim-bonus strong{color:var(--fg);font-weight:600}.mockdev-landing .dim-bonus em{color:var(--amber);font-style:italic}@media (max-width:780px){.mockdev-landing .dim-bonus{padding:20px}.mockdev-landing .dim-bonus h4{font-size:21px}.mockdev-landing .dim-bonus p{font-size:14.5px}}.mockdev-landing .types{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:34px}@media (max-width:880px){.mockdev-landing .types{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.mockdev-landing .types{grid-template-columns:1fr}}.mockdev-landing .type{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:240px;position:relative;transition:transform .2s ease,border-color .2s ease}.mockdev-landing .type:hover{transform:translateY(-3px);border-color:var(--line-2)}.mockdev-landing .type .tab{position:absolute;top:-1px;left:18px;background:var(--amber);color:var(--amber-ink);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:0 0 6px 6px;font-weight:600}.mockdev-landing .type h5{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.1;margin:18px 0 0;letter-spacing:-.01em}.mockdev-landing .type p{margin:0;color:var(--fg-mute);font-size:14px;line-height:1.55}.mockdev-landing .type .ex{font-family:var(--serif);font-style:italic;color:var(--fg);font-size:14.5px;border-left:2px solid var(--amber);padding-left:10px;margin-top:auto}.mockdev-landing .type .ex:before{content:"«";color:var(--amber)}.mockdev-landing .type .ex:after{content:"»";color:var(--amber)}.mockdev-landing .prices{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:38px}@media (max-width:980px){.mockdev-landing .prices{grid-template-columns:1fr}}.mockdev-landing .price{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;padding:28px;position:relative;display:flex;flex-direction:column;gap:14px}.mockdev-landing .price.featured{border-color:var(--amber);background:linear-gradient(180deg,color-mix(in oklab,var(--amber) 8%,var(--bg-elev)),var(--bg-elev))}.mockdev-landing .price .ribbon{position:absolute;top:-11px;left:24px;background:var(--amber);color:var(--amber-ink);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;font-weight:600;white-space:nowrap}.mockdev-landing .price .tier{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .price .amount{font-family:var(--serif);font-size:54px;font-weight:500;line-height:1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:8px}.mockdev-landing .price .amount .unit{font-size:14px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);font-weight:400}.mockdev-landing .price .desc{color:var(--fg-mute);font-size:14.5px;line-height:1.5}.mockdev-landing .price ul{list-style:none;margin:0;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding:16px 0 0}.mockdev-landing .price li{font-size:14.5px;color:var(--fg);display:flex;gap:10px;align-items:flex-start;line-height:1.45}.mockdev-landing .price li:before{content:"+";color:var(--amber);font-family:var(--mono);font-weight:600;margin-top:1px}.mockdev-landing .price .act{margin-top:auto;padding-top:8px}.mockdev-landing .price .act a{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:999px;background:transparent;border:1px solid var(--line-2);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-weight:500}.mockdev-landing .price.featured .act a{background:var(--amber);color:var(--amber-ink);border-color:var(--amber);font-weight:600}.mockdev-landing .ft{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:38px}@media (max-width:780px){.mockdev-landing .ft{grid-template-columns:1fr}}.mockdev-landing .ft-col{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;padding:28px}.mockdev-landing .ft-col h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;color:var(--fg-mute)}.mockdev-landing .ft-col.yes h4 .b{color:var(--pos)}.mockdev-landing .ft-col.no h4 .b{color:var(--neg)}.mockdev-landing .ft-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.mockdev-landing .ft-col li{display:grid;grid-template-columns:22px 1fr;grid-gap:10px;gap:10px;font-family:var(--serif);font-size:17px;line-height:1.4}.mockdev-landing .ft-col li .glyph{font-family:var(--mono);font-weight:600;color:var(--pos);font-size:14px;margin-top:3px}.mockdev-landing .ft-col.no li .glyph{color:var(--neg)}.mockdev-landing .faq{margin-top:34px;border-top:1px solid var(--line)}.mockdev-landing details{border-bottom:1px solid var(--line);padding:22px 0}.mockdev-landing details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:24px;list-style:none;font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.3}.mockdev-landing details summary::-webkit-details-marker{display:none}.mockdev-landing details summary .q-num{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fg-mute);min-width:34px;text-transform:uppercase}.mockdev-landing details summary .q-arrow{font-family:var(--mono);font-size:18px;color:var(--amber);transition:transform .2s ease;margin-left:auto;padding-left:14px}.mockdev-landing details[open] summary .q-arrow{transform:rotate(45deg)}.mockdev-landing details .a{margin-top:14px;padding-left:48px;color:var(--fg-mute);font-size:15.5px;line-height:1.65;max-width:70ch}.mockdev-landing .endcap{padding:clamp(80px,10vw,160px) 0;border-top:1px solid var(--line);text-align:left}.mockdev-landing .endcap .display{font-size:clamp(40px,5.6vw,80px)}.mockdev-landing .endcap .lede{margin:24px 0 0;max-width:62ch}.mockdev-landing footer{border-top:1px solid var(--line);padding:36px var(--pad);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--fg-mute)}.mockdev-landing .foot-inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;text-transform:uppercase}.mockdev-landing .foot-links{display:flex;gap:22px;flex-wrap:wrap}.mockdev-landing .foot-links a:hover{color:var(--fg)}.mockdev-landing .hero:before{content:"";position:absolute;inset:-1px;pointer-events:none;background-image:linear-gradient(to right,color-mix(in oklab,var(--line) 30%,transparent) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at 70% 0,black,transparent 70%);mask-image:radial-gradient(ellipse at 70% 0,black,transparent 70%);opacity:.4}.mockdev-landing .glyph-orn{position:absolute;font-family:var(--serif);font-style:italic;font-weight:400;line-height:.8;color:var(--amber);opacity:.07;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:clamp(280px,38vw,520px);letter-spacing:-.04em}.mockdev-landing .glyph-orn.tr{right:-4vw;top:-2vw}.mockdev-landing .glyph-orn.tl{left:-4vw;top:-2vw}.mockdev-landing .glyph-orn.bl{left:-3vw;bottom:-8vw}.mockdev-landing .glyph-orn.br{right:-3vw;bottom:-8vw}.mockdev-landing .ascii{font-family:var(--mono);font-size:11px;line-height:1.35;color:var(--fg-mute);white-space:pre;background:var(--bg-card);border:1px dashed var(--line-2);border-radius:8px;padding:14px 16px;margin-top:12px;overflow-x:auto;letter-spacing:0}.mockdev-landing .ascii .a-h{color:var(--amber)}.mockdev-landing .ascii .a-c{color:color-mix(in oklab,var(--fg) 95%,transparent)}.mockdev-landing .pullquote{padding:clamp(72px,9vw,120px) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.mockdev-landing .pullquote .qmark{position:absolute;left:max(20px,4vw);top:18px;font-family:var(--serif);font-style:italic;font-size:clamp(160px,22vw,300px);line-height:1;color:var(--amber);opacity:.22;pointer-events:none}.mockdev-landing .pullquote .qbody{max-width:980px;margin:0 auto;padding:0 var(--pad);position:relative}.mockdev-landing .pullquote blockquote{margin:0;font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(28px,4.2vw,56px);line-height:1.12;letter-spacing:-.015em;color:var(--fg)}.mockdev-landing .pullquote blockquote .em{color:var(--amber);font-style:italic}.mockdev-landing .pullquote .attr{margin-top:28px;display:flex;gap:14px;align-items:center;color:var(--fg-mute);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap}.mockdev-landing .pullquote .attr .sep{color:var(--line-2)}.mockdev-landing .voces-stage{position:relative;min-height:560px;max-width:1080px;margin:48px auto 0}.mockdev-landing .sticker{position:absolute;background:var(--bg-card);border:1px solid var(--line-2);border-radius:10px;padding:22px 22px 20px;width:clamp(260px,30vw,340px);box-shadow:0 18px 40px -16px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.02)}.mockdev-landing .sticker .qb{font-family:var(--serif);font-size:18px;line-height:1.4;color:var(--fg)}.mockdev-landing .sticker .qb:before{content:"\201C";color:var(--amber);font-size:28px;line-height:0;position:relative;top:5px;margin-right:2px}.mockdev-landing .sticker .qb:after{content:"\201D";color:var(--amber);font-size:28px;line-height:0;position:relative;top:8px;margin-left:2px}.mockdev-landing .sticker .who{margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}.mockdev-landing .sticker .who .city{color:var(--amber)}.mockdev-landing .sticker.tape:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);width:64px;height:18px;background:color-mix(in oklab,var(--amber) 55%,transparent);border-radius:2px;opacity:.85}.mockdev-landing .sticker.s1{top:0;left:0;transform:rotate(-1.6deg)}.mockdev-landing .sticker.s2{top:40px;right:6%;transform:rotate(1.8deg)}.mockdev-landing .sticker.s3{top:240px;left:14%;transform:rotate(.6deg)}.mockdev-landing .sticker.s4{top:280px;right:0;transform:rotate(-1.2deg)}.mockdev-landing .sticker.s5{top:470px;left:32%;transform:rotate(1deg)}@media (max-width:820px){.mockdev-landing .voces-stage{min-height:auto;display:flex;flex-direction:column;gap:16px;max-width:560px;padding:0 var(--pad)}.mockdev-landing .sticker,.mockdev-landing .sticker.s1,.mockdev-landing .sticker.s2,.mockdev-landing .sticker.s3,.mockdev-landing .sticker.s4,.mockdev-landing .sticker.s5{position:relative;width:100%;top:auto;left:auto;right:auto;transform:none;padding:20px 20px 18px;box-shadow:0 4px 12px -4px rgba(0,0,0,.35);border-radius:8px}.mockdev-landing .sticker.tape:before{display:none}.mockdev-landing .sticker .qb{font-size:16px;line-height:1.45}.mockdev-landing .sticker .qb:after,.mockdev-landing .sticker .qb:before{font-size:22px}.mockdev-landing .sticker .who{font-size:10.5px;margin-top:12px}}@media (max-width:760px){.mockdev-landing{--pad:18px}.mockdev-landing section{padding:64px 0}.mockdev-landing .topbar-inner{padding:12px var(--pad)}.mockdev-landing .nav{gap:14px}.mockdev-landing .cta{padding:8px 12px;font-size:11px}.mockdev-landing .brand{font-size:12px}.mockdev-landing .hero{padding-top:36px;padding-bottom:56px}.mockdev-landing .hero h1{margin:18px 0}.mockdev-landing .h-display{font-size:clamp(40px,12vw,64px)}.mockdev-landing .hero-sub{font-size:16.5px}.mockdev-landing .btn-ghost,.mockdev-landing .btn-primary{padding:12px 18px;font-size:11.5px}.mockdev-landing .hero-cta{gap:10px;margin-top:26px}.mockdev-landing .hero-cta .fineprint{width:100%;margin-top:4px}.mockdev-landing .transcript-wrap{margin-top:36px;gap:16px}.mockdev-landing .transcript{padding:18px;min-height:0;gap:18px}.mockdev-landing .turn{grid-template-columns:1fr;gap:6px}.mockdev-landing .turn .who{font-size:10px;padding-top:0}.mockdev-landing .turn p{font-size:16px}.mockdev-landing .turn.you p{font-size:14.5px}.mockdev-landing .ascii{font-size:9.5px;padding:10px 12px}.mockdev-landing .scorehead{padding:16px 16px 0}.mockdev-landing .scorehead .num{font-size:46px}.mockdev-landing .dim{padding:10px 16px}.mockdev-landing .score-foot{padding:14px 16px}.mockdev-landing .h-section{font-size:clamp(30px,8.6vw,44px)}.mockdev-landing .sec-head{gap:10px}.mockdev-landing .sec-head .label{font-size:17px}.mockdev-landing .sec-head .ref{font-size:10px}.mockdev-landing .glyph-orn{font-size:clamp(220px,60vw,360px);opacity:.06}.mockdev-landing .steps{gap:14px;margin-top:28px}.mockdev-landing .step{padding:22px}.mockdev-landing .step h3{font-size:22px}.mockdev-landing .step .nums{font-size:72px;right:12px;top:4px}.mockdev-landing .dims{gap:14px;margin-top:28px}.mockdev-landing .dim-card{padding:22px}.mockdev-landing .dim-card h4{font-size:24px}.mockdev-landing .dim-card .pair{grid-template-columns:1fr;gap:14px}.mockdev-landing .dim-card .ticker .score{font-size:28px}.mockdev-landing .pullquote{padding:56px 0}.mockdev-landing .pullquote .qmark{font-size:140px;top:24px;left:8px}.mockdev-landing .pullquote blockquote{font-size:clamp(24px,6.6vw,34px)}.mockdev-landing .pullquote .attr{font-size:10.5px;gap:8px}.mockdev-landing .pullquote .attr .sep{display:none}.mockdev-landing .types{gap:12px;margin-top:26px}.mockdev-landing .type{padding:20px;min-height:0}.mockdev-landing .type h5{font-size:22px;margin-top:14px}.mockdev-landing .type .ex,.mockdev-landing .type p{font-size:13.5px}.mockdev-landing .prices{gap:14px;margin-top:30px}.mockdev-landing .price{padding:24px}.mockdev-landing .price .amount{font-size:clamp(36px,10vw,48px);flex-direction:column;align-items:flex-start;gap:2px}.mockdev-landing .price .amount .unit{font-size:11px}.mockdev-landing .price li{font-size:14px}.mockdev-landing .price .ribbon{left:16px;font-size:9px;padding:4px 8px;letter-spacing:.08em}.mockdev-landing .price.featured{padding-top:32px}.mockdev-landing .price .act a{padding:12px 14px;font-size:11px}.mockdev-landing .voces-stage{margin-top:40px}.mockdev-landing .sticker{padding:18px 18px 16px}.mockdev-landing .sticker .qb{font-size:16px}.mockdev-landing .sticker .who{font-size:10px}.mockdev-landing .ft{gap:14px;margin-top:28px}.mockdev-landing .ft-col{padding:22px}.mockdev-landing .ft-col li{font-size:15.5px;gap:8px;grid-template-columns:18px 1fr}.mockdev-landing .faq{margin-top:26px}.mockdev-landing details{padding:18px 0}.mockdev-landing details summary{gap:12px;font-size:17px;align-items:flex-start}.mockdev-landing details summary .q-num{font-size:10px;min-width:28px;padding-top:4px}.mockdev-landing details summary>span:nth-child(2){padding:0 8px!important;flex:1 1}.mockdev-landing details summary .q-arrow{font-size:16px;padding-left:8px;padding-top:2px}.mockdev-landing details .a{padding-left:36px;font-size:14.5px}.mockdev-landing .endcap{padding:64px 0}.mockdev-landing .endcap .display{font-size:clamp(32px,9vw,52px)}.mockdev-landing .endcap .lede{font-size:16px}.mockdev-landing footer{padding:28px var(--pad)}.mockdev-landing .foot-inner{font-size:10.5px;gap:14px}.mockdev-landing .foot-links{gap:14px}}.mockdev-landing section.asym{padding:clamp(32px,5vw,56px) 0}.mockdev-landing .asym-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);padding:clamp(24px,3.6vw,36px);display:grid;grid-template-columns:1.4fr 1fr;grid-gap:clamp(20px,3vw,36px);gap:clamp(20px,3vw,36px);align-items:center}@media (max-width:880px){.mockdev-landing .asym-card{grid-template-columns:1fr}}.mockdev-landing .asym-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}.mockdev-landing .asym-h{font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);line-height:1.15;font-weight:500;letter-spacing:-.01em;margin:0;color:var(--fg)}.mockdev-landing .asym-h em{font-style:italic;color:var(--amber);font-weight:400}.mockdev-landing .asym-p{font-size:15.5px;line-height:1.6;color:var(--fg-mute);margin:14px 0 0;max-width:52ch}.mockdev-landing .asym-side{border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--bg)}.mockdev-landing .asym-side-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:8px}.mockdev-landing .asym-badge{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.mockdev-landing .asym-badge-num{font-family:var(--serif);font-size:44px;line-height:1;font-weight:500;color:var(--neg)}.mockdev-landing .asym-badge-lbl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neg);font-weight:700}.mockdev-landing .asym-side-p{font-size:13.5px;line-height:1.55;color:var(--fg-mute);margin:0}@media (max-width:420px){.mockdev-landing .h-display{font-size:40px;letter-spacing:-.02em}.mockdev-landing .topbar-inner .nav .cta{font-size:10.5px;padding:7px 10px}.mockdev-landing .topbar-inner .nav .cta:after{content:""}.mockdev-landing .topbar-inner .nav a:not(.cta){display:none}.mockdev-landing .scorehead .num{font-size:40px}.mockdev-landing .pullquote .qmark{font-size:110px}.mockdev-landing .sticker{padding:16px}.mockdev-landing .sticker .qb{font-size:15px}.mockdev-landing .price .amount{font-size:38px}}