.conceptPage{padding-bottom:100px}.featuredCard{border-color:color-mix(in srgb, var(--project-accent) 32%, var(--line));box-shadow:inset 0 3px 0 var(--project-accent)}.featuredCard:hover{border-color:color-mix(in srgb, var(--project-accent) 58%, var(--line))}.conceptNotice{border:1px solid var(--line);background:var(--card);color:var(--muted-foreground);align-items:center;gap:10px;padding:14px 16px;font-size:11px;line-height:1.6;display:flex}.conceptNotice strong{color:var(--foreground);font-weight:580}.conceptColumns{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(28px,6vw,78px);padding-top:48px;display:grid}.conceptMain h2{letter-spacing:-.055em;margin:0 0 13px;font-size:29px;font-weight:540}.conceptMain p{max-width:620px;color:var(--muted-foreground);margin:0 0 36px;font-size:13px;line-height:1.9}.conceptMain ul{gap:12px;margin:0 0 38px;padding:0;list-style:none;display:grid}.conceptMain li{border:1px solid var(--line);background:var(--card);align-items:center;gap:11px;padding:13px 15px;font-size:11px;display:flex}.conceptMain li span{color:var(--hero-highlight);font-family:var(--font-geist-mono), monospace;font-size:9px}.conceptSide{border:1px solid var(--line);background:var(--hero-bg);color:var(--hero-foreground);align-self:start;padding:22px}.conceptSide .section-label{color:var(--hero-muted)}.conceptSide h3{letter-spacing:-.04em;margin:20px 0 10px;font-size:20px;font-weight:540}.conceptSide p{color:var(--hero-muted);margin:0 0 22px;font-size:11px;line-height:1.8}.conceptSide a{color:var(--hero-foreground)}.backLink{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:30px;font-size:11px;text-decoration:none;display:inline-flex}.backLink:hover{color:var(--foreground)}.mockupSection{padding-block:15px 0}.mockupHeading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:15px;display:flex}.mockupHeading .section-label{margin-bottom:11px}.mockupHeading h2{letter-spacing:-.06em;margin:0;font-size:clamp(24px,3.5vw,38px);font-weight:540}.mockupHeading>p{max-width:300px;color:var(--muted-foreground);margin:0 0 3px;font-size:10px;line-height:1.7}@media (max-width:700px){.conceptColumns{grid-template-columns:1fr}.mockupHeading{flex-direction:column;align-items:start;gap:9px}}