/* Cothink WordPress Renewal — Code-First Editorial SaaS. Inter is default; product evidence uses neutral UI, CLI and AI workflow surfaces. */
:root {
  --paper: #fafafa;
  --surface: #f2f2f2;
  --soft: #ededed;
  --line: #dadada;
  --ink: #171717;
  --muted: #737373;
  --dark: #242424;
  --radius: 16px;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, sans-serif; letter-spacing: -.025em; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
.site-shell { min-height: 100vh; overflow: hidden; }
.frame { width: min(1380px, 100%); margin: 0 auto; padding: 0 30px; }
.site-header { position: sticky; top: 0; z-index: 20; height: 78px; background: rgb(250 250 250 / .88); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: border-color .18s var(--ease-out); }
.site-header.is-scrolled { border-color: var(--line); }
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-size: 18px; font-weight: 700; letter-spacing: -.06em; }
.brand-mark { width: 29px; height: 29px; display: grid; place-items: center; border: 1.5px solid currentColor; border-radius: 9px; font: 600 13px/1 "DM Mono", monospace; letter-spacing: -.18em; }
.nav-links, .nav-actions { display: flex; align-items: center; gap: 25px; }
.nav-links a, .utility-link { text-decoration: none; font-size: 12px; font-weight: 500; opacity: .65; transition: opacity .16s; }
.nav-links a:hover, .nav-links a.is-current, .utility-link:hover { opacity: 1; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 0 17px; border: 1px solid var(--dark); border-radius: 999px; background: var(--dark); color: #fff; text-decoration: none; font-size: 12px; font-weight: 600; cursor: pointer; transition: transform .16s var(--ease-out), box-shadow .16s var(--ease-out); }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgb(23 23 23 / .16); }
.button:active { transform: scale(.97); }
.button--pale { background: transparent; color: var(--ink); }
.menu-toggle { display: none; border: 0; background: transparent; font: 500 11px "DM Mono", monospace; }
.eyebrow { display: flex; align-items: center; gap: 8px; color: var(--muted); font: 500 10px/1 "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow i { width: 6px; height: 6px; border-radius: 99px; background: currentColor; }
.hero { min-height: 700px; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 70px; padding-top: 70px; padding-bottom: 46px; }
.mode-switch { display: inline-flex; gap: 3px; padding: 4px; border-radius: 13px; background: var(--dark); box-shadow: 0 9px 19px rgb(23 23 23 / .12); }
.mode-switch button { border: 0; border-radius: 9px; padding: 9px 11px; background: transparent; color: #bababa; font: 500 10px/1 "DM Mono", monospace; cursor: pointer; }
.mode-switch button.is-on { color: #fff; background: #4c4c4c; }
.hero h1 { max-width: 760px; margin: 30px 0 23px; font-size: clamp(66px, 8vw, 118px); line-height: .83; letter-spacing: -.095em; }
.hero h1 em, .section-head h2 em, .project-head h2 em, .archive-intro h1 em, .article-shell h1 em, .form-shell h1 em, .about-hero h1 em, .login-copy h1 em { font-style: normal; font-family: inherit; font-weight: inherit; letter-spacing: inherit; }
.hero-copy > p { max-width: 460px; margin: 0 0 28px; color: var(--muted); font-size: 17px; line-height: 1.45; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.workspace { position: relative; min-height: 500px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(135deg, #dadada, #f5f5f5 50%, #e3e3e3); box-shadow: 0 25px 55px rgb(23 23 23 / .10); }
.workspace::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgb(115 115 115 / .2) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(120deg, #000, transparent 77%); }
.workspace-top { position: absolute; top: 17px; left: 19px; right: 19px; display: flex; justify-content: space-between; color: var(--muted); font: 10px "DM Mono", monospace; }
.workspace-window { position: absolute; top: 22%; right: 8%; bottom: 9%; left: 8%; overflow: hidden; border: 1px solid #d4d4d4; border-radius: 17px; background: #fff; box-shadow: 0 17px 39px rgb(23 23 23 / .10); }
.window-chrome { display: flex; align-items: center; gap: 6px; height: 35px; padding: 0 13px; border-bottom: 1px solid var(--soft); }
.window-chrome i { width: 7px; height: 7px; border-radius: 50%; background: #dadada; }
.window-main { display: grid; grid-template-columns: 49px 1fr; min-height: calc(100% - 35px); }
.window-rail { padding: 14px 15px; border-right: 1px solid var(--soft); }
.window-rail i { display: block; width: 18px; height: 18px; margin-bottom: 10px; border-radius: 6px; background: #e2e2e2; }
.window-rail i:first-child { background: var(--dark); }
.work-page { position: relative; padding: 25px; }
.work-nav { display: flex; justify-content: flex-end; gap: 15px; color: var(--muted); font: 10px "DM Mono", monospace; }
.work-title { max-width: 340px; margin: 45px 0 13px; font-size: clamp(25px, 3vw, 41px); font-weight: 700; line-height: .93; letter-spacing: -.075em; }
.work-lines i { display: block; width: 50%; height: 7px; margin: 8px 0; border-radius: 99px; background: #e6e6e6; }
.work-lines i:nth-child(2) { width: 72%; }
.work-card { position: absolute; right: 25px; bottom: 24px; width: 170px; padding: 12px; border: 1px solid #dedede; border-radius: 12px; background: #fff; box-shadow: 0 10px 23px rgb(23 23 23 / .08); }
.work-card small { color: var(--muted); font: 10px "DM Mono", monospace; }.work-card b { display:block; margin-top:15px; font-size:16px; }.work-card span{display:block;height:6px;margin-top:9px;border-radius:99px;background:#e9e9e9}
.mode-panel { display: none; position: absolute; inset: 0; padding: 24px; background: #fff; }.workspace[data-mode="ask"] .ask-mode,.workspace[data-mode="design"] .design-mode,.workspace[data-mode="code"] .code-mode{display:block}
.ask-card { width: 85%; margin: 42px auto; padding: 24px; border-radius: 17px; background: var(--dark); color: #fff; box-shadow: 0 20px 35px rgb(23 23 23 / .2); }.ask-card small{color:#bdbdbd;font:10px "DM Mono",monospace}.ask-card b{display:block;margin:20px 0;font-size:27px;line-height:.99;letter-spacing:-.065em}.ask-input{padding:11px;border:1px solid #505050;border-radius:10px;background:#343434;color:#eee;font:10px "DM Mono",monospace}
.design-mode{background:linear-gradient(125deg,#fff,#ececec)}.design-tile{position:absolute;border:1px solid #d6d6d6;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgb(23 23 23 / .08)}.design-tile.one{top:15%;left:13%;width:48%;height:43%;padding:17px;background:#ededed;font-size:22px;font-weight:700;letter-spacing:-.07em}.design-tile.two{top:27%;right:11%;width:32%;height:33%;background:#242424}.design-tile.three{bottom:11%;left:28%;width:37%;height:24%;background:#d1d1d1}
.code-mode{background:#171717;color:#dedede;font:11px/1.8 "DM Mono",monospace}.code-tabs{padding-bottom:16px;border-bottom:1px solid #353535;color:#bababa}.code-lines{padding-top:25px}.code-lines i{display:block;color:#a3a3a3;font-style:normal}.code-lines b{display:inline-block;width:30px;color:#555;font-weight:400}.code-lines span{color:#dedede}.code-status{position:absolute;bottom:22px;left:24px;color:#bdbdbd}
.capability-strip { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--soft); }.capability-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.capability-track span{padding:17px 27px;border-right:1px solid var(--line);font:500 10px "DM Mono",monospace;letter-spacing:.03em}
.section { padding: 110px 0; border-top: 1px solid var(--line); }.section-head{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:end;margin-bottom:46px}.section-head h2{max-width:720px;margin:17px 0 0;font-size:clamp(43px,5vw,73px);line-height:.9;letter-spacing:-.08em}.section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.home-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}.feature{grid-column:span 4;display:flex;flex-direction:column;justify-content:space-between;min-height:292px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;text-decoration:none;transition:transform .2s var(--ease-out),box-shadow .2s}.feature:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgb(23 23 23 / .07)}.feature-no{color:var(--muted);font:10px "DM Mono",monospace}.feature h3{margin:35px 0 8px;font-size:24px;letter-spacing:-.065em}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.48}.feature-art{position:relative;min-height:105px;overflow:hidden;border-radius:12px;background:var(--soft)}.feature-art::before,.feature-art::after{content:"";position:absolute;border:1px solid #a3a3a3;border-radius:10px}.feature-art.a::before{top:19%;left:19%;width:58%;height:63%;background:#fff;box-shadow:15px 15px 0 #d3d3d3}.feature-art.a::after{top:42%;left:29%;width:42%;height:8px;border:0;background:#242424}.feature-art.b{background:#242424}.feature-art.b::before{top:25%;left:14%;width:72%;height:50%;border-color:#d1d1d1}.feature-art.b::after{top:47%;left:48%;width:7px;height:7px;border:0;border-radius:50%;background:#d1d1d1}.feature-art.c::before{top:15%;left:19%;width:61%;height:70%;border:0;background:linear-gradient(#fff 0 0) 18% 20%/64% 8% no-repeat,linear-gradient(#fff 0 0) 18% 42%/46% 8% no-repeat,#d1d1d1}.feature-art.c::after{right:12%;bottom:13%;width:24%;height:19%;border:0;background:#242424}
.product-proof{padding:110px 0;border-top:1px solid var(--line);background:#fafafa}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.proof-card{min-height:390px;overflow:hidden;padding:27px;border:1px solid var(--line);border-radius:16px;background:#f5f5f5}.proof-card--dark{border-color:#242424;background:#242424;color:#fff}.proof-card h3{margin:28px 0 8px;font-size:30px;letter-spacing:-.07em}.proof-card p{max-width:370px;color:var(--muted);font-size:14px;line-height:1.5}.proof-card--dark p{color:#bdbdbd}.cli{margin-top:40px;padding:17px;border:1px solid #515151;border-radius:11px;background:#191919;color:#dedede;font:12px/1.8 "DM Mono",monospace}.cli span{color:#a3a3a3}.cli b{color:#fff}.component-sheet{margin-top:42px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.component-sheet header{display:flex;justify-content:space-between;margin-bottom:25px;color:var(--muted);font:10px "DM Mono",monospace}.component-row{display:flex;gap:10px}.component-row i{display:block;width:80px;height:38px;border-radius:8px;background:#242424}.component-row i:nth-child(2){border:1px solid var(--line);background:#ededed}.component-row i:nth-child(3){border:1px dashed #a3a3a3;background:#fff}.ai-console{margin-top:42px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.ai-console small{color:var(--muted);font:10px "DM Mono",monospace}.ai-console b{display:block;margin:25px 0;font-size:21px;letter-spacing:-.06em}.ai-console div{padding:12px;border-radius:8px;background:var(--soft);font:10px "DM Mono",monospace}
.pricing-faq{padding:110px 0;border-top:1px solid var(--line);background:var(--soft)}.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.price-layout h2{margin:17px 0;font-size:clamp(44px,5vw,71px);line-height:.9;letter-spacing:-.08em}.plan{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:24px;border:1px solid #c9c9c9;border-radius:16px;background:#fafafa}.plan h3{margin:0;font-size:25px;letter-spacing:-.06em}.plan p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.faq{margin-top:35px;border-top:1px solid #c9c9c9}.faq details{padding:16px 0;border-bottom:1px solid #c9c9c9}.faq summary{font-size:14px;font-weight:600;cursor:pointer}.faq p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.project-band{padding:110px 0;background:#242424;color:#fff}.project-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:44px}.project-head h2{margin:17px 0 0;font-size:clamp(46px,6vw,82px);line-height:.87;letter-spacing:-.08em}.project-head p{max-width:290px;color:#bdbdbd;font-size:13px;line-height:1.55}.project-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;overflow:hidden;padding:17px;border:1px solid #ffffff26;border-radius:16px;background:#303030;color:#fff;text-decoration:none}.project-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8c8c8c,#242424);opacity:.85;transition:transform .35s var(--ease-out)}.project-card:nth-child(2n)::before{background:linear-gradient(135deg,#d1d1d1,#5c5c5c)}.project-card:nth-child(3n)::before{background:linear-gradient(135deg,#ececec,#575757)}.project-card:hover::before{transform:scale(1.06)}.project-card>*{position:relative;z-index:1}.project-card small,.project-card span{font:10px "DM Mono",monospace}.project-card h3{max-width:170px;margin:0;font-size:27px;letter-spacing:-.07em}
.archive-intro{padding:78px 0 52px;border-bottom:1px solid var(--line)}.archive-intro h1{margin:24px 0 0;font-size:clamp(58px,9vw,126px);line-height:.81;letter-spacing:-.1em}.control-rail{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.filter-group{display:flex;flex-wrap:wrap;gap:7px}.filter{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font:10px "DM Mono",monospace;cursor:pointer}.filter.is-active{border-color:#242424;background:#242424;color:#fff}.search{min-width:190px;border:0;background:transparent;font:12px "DM Mono",monospace;outline:0}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:40px 0 110px}.case-card{display:flex;flex-direction:column;justify-content:space-between;min-height:370px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s var(--ease-out)}.case-card:hover{transform:translateY(-5px)}.case-art{position:relative;height:205px;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#909090,#292929)}.case-card:nth-child(3n+2) .case-art{background:linear-gradient(135deg,#d1d1d1,#5a5a5a)}.case-card:nth-child(3n) .case-art{background:linear-gradient(135deg,#ececec,#595959)}.case-art::after{content:"";position:absolute;inset:21%;border:1px solid rgb(255 255 255 / .65);border-radius:10px}.case-meta{display:flex;justify-content:space-between;margin-top:15px;color:var(--muted);font:10px "DM Mono",monospace}.case-card h2{margin:20px 0 0;font-size:28px;letter-spacing:-.07em}.case-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:60px;padding:75px 0 110px}.article-shell h1{margin:24px 0;font-size:clamp(55px,7vw,96px);line-height:.84;letter-spacing:-.09em}.article-copy{max-width:720px;color:#3c3c3c;font-size:18px;line-height:1.58}.meta-rail{padding-left:20px;border-left:1px solid var(--line);color:var(--muted);font:11px/1.6 "DM Mono",monospace}.meta-rail b{display:block;margin:2px 0 18px;color:var(--ink)}
.board-layout{display:grid;grid-template-columns:250px 1fr;gap:48px;padding:50px 0 110px}.board-nav{position:sticky;top:100px;height:max-content}.board-nav button{display:block;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:13px;cursor:pointer}.board-nav button.is-active{color:#242424;font-weight:700}.board-list{border-top:1px solid var(--ink)}.post-row{display:grid;grid-template-columns:82px 1fr 120px 100px;gap:12px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.post-row small,.post-row time{color:var(--muted);font:10px "DM Mono",monospace}.post-row b{font-size:15px}.post-row.is-secret b::after{content:"LOCKED";margin-left:8px;color:var(--muted);font:9px "DM Mono",monospace}
.form-shell{width:min(680px,100%);margin:74px auto 120px}.form-shell h1{margin:22px 0 42px;font-size:clamp(50px,7vw,84px);line-height:.85;letter-spacing:-.09em}.form-row{padding:18px 0;border-top:1px solid var(--line)}.form-row label{display:block;margin-bottom:10px;color:var(--muted);font:10px "DM Mono",monospace;letter-spacing:.08em}.form-row input,.form-row textarea,.form-row select{width:100%;padding:7px 0;border:0;background:transparent;color:var(--ink);font-size:16px;outline:0}.form-row textarea{min-height:150px;resize:vertical}.form-row input:focus,.form-row textarea:focus{box-shadow:0 2px 0 #242424}
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;padding:90px 0 75px}.about-hero h1{margin:20px 0 0;font-size:clamp(67px,8vw,118px);line-height:.8;letter-spacing:-.1em}.about-hero p{max-width:430px;margin:0;color:var(--muted);font-size:17px;line-height:1.5}.about-art{position:relative;overflow:hidden;aspect-ratio:1.25;border-radius:16px;background:linear-gradient(120deg,#f7f7f7,#dcdcdc)}.about-art::before{content:"COTHINK";position:absolute;bottom:-3vw;left:-.2vw;color:#171717;font-size:clamp(65px,13vw,190px);font-weight:700;letter-spacing:-.12em}.timeline{padding:30px 0;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.timeline-item time{color:var(--muted);font:10px "DM Mono",monospace}.timeline-item h3{margin:0;font-size:23px;letter-spacing:-.06em}.timeline-item p{margin:7px 0 0;color:var(--muted);line-height:1.5}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:42px 0 110px}.shop-item{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none}.shop-thumb{height:155px;border-radius:10px;background:linear-gradient(135deg,#f0f0f0,#cfcfcf)}.shop-item:nth-child(2n) .shop-thumb{background:linear-gradient(135deg,#d4d4d4,#8f8f8f)}.shop-item h3{margin:18px 0 0;font-size:20px;letter-spacing:-.06em}
.login-scene{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 78px)}.login-copy{display:flex;flex-direction:column;justify-content:space-between;padding:60px;background:#242424;color:#fff}.login-copy h1{margin:0;font-size:clamp(60px,7vw,98px);line-height:.82;letter-spacing:-.1em}.login-copy p{max-width:340px;color:#bdbdbd;line-height:1.5}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(380px,100%)}.login-card h2{margin:0 0 12px;font-size:42px;letter-spacing:-.08em}.login-card p{margin:0 0 35px;color:var(--muted)}
.site-footer{padding:58px 0 26px;background:#171717;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px;padding-bottom:55px}.footer-grid h4{margin:4px 0 14px;color:#8f8f8f;font:10px "DM Mono",monospace;letter-spacing:.08em}.footer-grid a{display:block;margin:9px 0;color:#d6d6d6;font-size:13px;text-decoration:none}.footer-brand p{max-width:260px;color:#a4a4a4;font-size:13px;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #ffffff1d;color:#888;font:10px "DM Mono",monospace}
.toast{position:fixed;z-index:100;bottom:26px;left:50%;padding:12px 15px;border-radius:10px;background:#1c1c1c;color:#fff;font:11px "DM Mono",monospace;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.toast.is-on{opacity:1;transform:translate(-50%,0)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.nav-links{display:none}.menu-toggle{display:block}.nav-actions .utility-link{display:none}.nav-links.is-open{position:absolute;top:78px;right:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 30px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.nav-links.is-open a{padding:13px 0}.hero,.about-hero{grid-template-columns:1fr;gap:38px;min-height:auto}.hero{padding-top:52px}.workspace{min-height:420px}.section,.product-proof,.pricing-faq{padding:78px 0}.section-head{grid-template-columns:1fr;gap:17px}.proof-grid,.price-layout{grid-template-columns:1fr}.project-cards{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.board-layout{grid-template-columns:1fr;gap:25px}.board-nav{position:static;display:flex;gap:10px;overflow:auto}.board-nav button{min-width:max-content;padding:9px 12px;border:1px solid var(--line);border-radius:999px}.article-shell{grid-template-columns:1fr;gap:25px}.meta-rail{padding:18px 0;border-top:1px solid var(--line);border-left:0}.shop-grid{grid-template-columns:repeat(2,1fr)}.login-scene{grid-template-columns:1fr}.login-copy{min-height:310px;padding:40px}.footer-grid{grid-template-columns:1fr 1fr}.post-row{grid-template-columns:55px 1fr 80px}.post-row time{display:none}}
@media(max-width:560px){.frame{padding:0 18px}.site-header{height:68px}.nav-links.is-open{top:68px;padding-right:18px;padding-left:18px}.hero h1{font-size:63px}.workspace{min-height:340px}.workspace-window{top:18%;right:4%;bottom:7%;left:4%}.work-title{margin-top:35px}.project-cards,.archive-grid,.shop-grid{grid-template-columns:1fr}.feature{grid-column:span 12;min-height:245px}.project-head,.control-rail{flex-direction:column;align-items:flex-start}.search{width:100%}.post-row{grid-template-columns:42px 1fr}.post-row small:nth-of-type(2){display:none}.about-hero{padding:56px 0}.timeline-item{grid-template-columns:1fr;gap:8px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.login-copy{min-height:270px;padding:28px}.login-panel{padding:55px 22px}.form-shell{margin-top:50px}.plan{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.capability-track{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}