/* Smithey Lab: crisp surfaces, deep ink, and electric blue/teal accents. */
.tools-preview{display:grid;grid-template-columns:.6fr 1fr;gap:45px;align-items:center;background:#081b34;color:#f5faff;border-radius:24px;padding:55px;margin-bottom:80px}.tools-mark{font:clamp(55px,8vw,110px) var(--mono);color:#55decc;text-align:center}.tools-preview .eyebrow{color:#55decc}.tools-preview h2{font-size:clamp(32px,4vw,52px);margin:20px 0}.tools-preview p{color:#b6cbe1;max-width:530px;margin-bottom:25px}@media(max-width:700px){.tools-preview{grid-template-columns:1fr;padding:28px;gap:20px}.tools-mark{text-align:left}.site-header nav a{font-size:13px}}
:root{--line:#d6e2ef;--muted:#53657e}
.site-header{border-bottom:1px solid #dce6f1}.button{border-radius:10px}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #218eeb;outline-offset:5px}.nav-login{border:1px solid #b6cce5;border-radius:7px;padding:9px 13px;color:#1759df;background:#edf6ff}@media(max-width:380px){.site-header nav .nav-login{padding:7px 8px}}
.page-intro{position:relative}.page-intro:after{content:'+';position:absolute;right:0;top:80px;font:90px var(--mono);color:#138fba22;pointer-events:none}
.path-card{background:linear-gradient(145deg,#fff,#f3f8ff);border-radius:24px}.path-card:nth-child(2){background:linear-gradient(145deg,#fff,#eaf9f7)}.path-card:nth-child(3){background:linear-gradient(145deg,#fff,#edf0ff)}.path-action{display:flex;justify-content:space-between}.path-number{letter-spacing:1.5px}
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.project-filters{display:flex;flex-wrap:wrap;gap:8px}.project-filters button{font:500 14px var(--sans);padding:11px 19px;border:1px solid #c7d7e9;border-radius:100px;background:#fff;color:#415570;cursor:pointer;transition:background .2s,color .2s,transform .2s}.project-filters button:hover{transform:translateY(-2px);border-color:#1759df}.project-filters button[aria-pressed=true]{background:#102a4d;color:white;border-color:#102a4d}#project-count{font:12px var(--mono);color:#53657e;white-space:nowrap}
.project-card{border:1px solid #d6e2ef;border-radius:22px;padding:12px 12px 24px;background:#ffffffc9;box-shadow:0 8px 28px #12355a06}.project-card[hidden]{display:none}.project-title-row,.project-card>p,.project-actions{margin-left:12px;margin-right:12px}.project-visual{height:285px;border-radius:14px;background:radial-gradient(ellipse at 80% 20%,#153f67,#07192f)!important}.project-card:nth-child(2n) .project-visual{background:radial-gradient(ellipse at 20% 10%,#164b59,#071d31)!important}.project-card .project-index,.project-card .project-category{color:#c2d8ee}.project-arrow{color:#d2efff;border-color:#76b3d64d}.project-artwork{width:86%;max-width:440px;transition:transform .5s}.project-artwork svg{width:100%;stroke:#67bdff;stroke-width:1.5;filter:drop-shadow(0 0 12px #1598e633)}.project-artwork .art-fill{fill:#37b5d520;stroke:#55daca}.project-artwork .art-dot{fill:#54ead0;stroke:#54ead0}.project-visual:hover .project-artwork{transform:scale(1.05) translateY(-3px)}.project-category{font-size:10px;letter-spacing:1.5px}.project-actions{align-items:center;flex-wrap:wrap}.project-details{border-radius:7px}
.featured-build{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:60px;margin-bottom:90px;background:#081b34;color:#f5faff;border:1px solid #1e4565;border-radius:28px;overflow:hidden}.featured-copy>.eyebrow{color:#65dccc}.featured-copy h2{font-size:clamp(38px,4vw,60px);margin:25px 0}.featured-copy p{color:#b6cbe1;max-width:420px;margin-bottom:28px}.featured-copy h2 em{color:#56dfca;font-style:normal;font-family:var(--sans)}.signal-art{height:330px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#116c8640,transparent 65%)}.signal-ring{position:absolute;border:1px solid #51cce155;border-radius:50%;width:270px;height:270px}.ring-b{width:190px;height:190px;border-style:dashed}.ring-c{width:110px;height:110px}.ring-a:after{content:'';position:absolute;top:35px;left:34px;width:9px;height:9px;border-radius:50%;background:#54ead0;box-shadow:0 0 25px #54ead0}.signal-center{font:100px var(--mono);color:#65dccc}.signal-label,.signal-caption{position:absolute;font:11px var(--mono);letter-spacing:2px;color:#adcde3}.signal-label{top:0;left:0}.signal-caption{bottom:0;text-align:center}
.contact-form{border-radius:24px;box-shadow:0 24px 65px #163e750c;border-top:3px solid #10aaa9}.contact-signal{height:150px;max-width:300px;position:relative;display:grid;place-items:center;margin:22px 0;overflow:hidden;background:radial-gradient(ellipse,#c4f1f4,transparent 70%)}.contact-signal span{font-size:64px;color:#1759df;z-index:1}.contact-signal i{position:absolute;width:85px;height:85px;border:1px solid #159bc44d;border-radius:50%;transform:rotateX(35deg)}.contact-signal i:nth-of-type(2){width:150px;height:150px}.contact-signal i:nth-of-type(3){width:220px;height:220px}.contact-note{margin-top:20px}.contact-aside h2 em{font-family:var(--sans);font-style:normal;color:#087f94}.field input,.field select,.field textarea{background:#f7faff;border-radius:10px}
@media(max-width:900px){.featured-build{padding:35px;gap:20px}.project-artwork{width:95%}}
@media(max-width:700px){.page-intro:after{font-size:55px;top:38px}.project-toolbar{align-items:flex-start;flex-direction:column;gap:4px}.project-filters{gap:6px}.project-filters button{padding:10px 15px;font-size:13px}.project-visual{height:240px}.featured-build{grid-template-columns:1fr;padding:28px;margin-bottom:55px;border-radius:22px}.signal-art{height:290px}.featured-copy h2{font-size:39px}.contact-signal{display:none}.project-title-row{gap:8px}.project-title-row h3{font-size:23px}}
.project-card:nth-child(odd) .project-visual{background:radial-gradient(ellipse at 80% 20%,#153f67,#07192f)!important}
