.studio-hero{background:radial-gradient(circle at 76% 42%,#d5e1d8c7,#0000 29%),linear-gradient(135deg,#0000 0 22%,#143f680e 22.1% 22.25%,#0000 22.3% 100%),#f3f5f0;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.25fr) minmax(290px,.65fr);column-gap:clamp(30px,5vw,85px);min-height:720px;padding-top:0;padding-bottom:54px;position:relative}.hero-topline{color:#516a77;font:500 10px var(--mono);letter-spacing:.13em;border-bottom:1px solid #ccd3ce;grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:48px;padding:28px 0;display:flex}.hero-topline span{align-items:center;gap:8px;display:flex}.studio-hero .hero-copy{align-self:center;padding-bottom:18px}.studio-hero h1{letter-spacing:-.075em;max-width:760px;font-size:clamp(50px,5.4vw,86px)}.studio-hero .hero-sub{color:#5d6f79;max-width:600px;font-size:17px}.studio-hero .kicker{color:#5b727e}.studio-hero .actions{gap:26px}.text-button{color:#173247;background:0 0;text-decoration:none}.text-button:hover{color:var(--gold)}.studio-hero .hero-meta{color:#5d6f79;margin-top:42px}.studio-hero .hero-meta span{align-items:center;gap:6px;display:flex}.studio-hero .hero-meta span:before{content:"";background:#d4a84f;border-radius:50%;width:7px;height:7px}.studio-hero .business-card{place-self:center;width:min(100%,350px)}@media (max-width:850px){.studio-hero{grid-template-columns:1fr;padding-top:0;display:grid}.hero-topline{margin-bottom:35px;padding:18px 0;font-size:8px}.hero-topline span:last-child{display:none}.studio-hero .business-card{grid-row:3;justify-self:stretch;width:100%;margin-top:35px}.studio-hero .hero-meta{margin-top:35px}}@media (max-width:540px){.studio-hero h1{font-size:48px}.studio-hero .hero-sub{font-size:16px}.studio-hero .actions{gap:14px}}@media (min-width:900px) and (max-width:1199px){.site-shell .container{padding-left:24px;padding-right:24px}.studio-hero{grid-template-columns:minmax(0,1fr) 240px;column-gap:24px}.studio-hero h1{font-size:clamp(36px,4vw,48px)}.studio-hero .actions{flex-wrap:wrap;gap:12px}.studio-hero .hero-meta{flex-wrap:wrap}.hero-topline{gap:16px;font-size:8px}}
.n8n-showcase{color:#f7f4ed;background:#07172d}.workflow-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.workflow-library-card{background:#0c1f3b;border:1px solid #1d385d;border-radius:20px;flex-direction:column;min-height:292px;padding:24px;transition:border-color .2s,transform .2s;display:flex}.workflow-library-card:hover{border-color:#3d6b83;transform:translateY(-4px)}.workflow-card-heading{grid-template-columns:52px minmax(0,1fr) auto;align-items:flex-start;gap:14px;display:grid}.workflow-card-icon{color:#57d9d2;background:#12354f;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.workflow-card-heading h3{color:#eef4ff;font:600 clamp(21px,2vw,27px)/1.1 var(--display);margin:3px 0 5px}.workflow-card-heading p{color:#57d9d2;font:600 11px var(--mono);margin:0}.workflow-card-heading>svg{color:#5d718d;margin-top:7px}.workflow-card-tags,.workflow-viewer-tags{flex-wrap:wrap;gap:8px;display:flex}.workflow-card-tags{margin-top:18px}.workflow-card-tags code,.workflow-viewer-tags code{color:#a9bbe0;font:500 11px var(--mono);background:#0d2344;border:1px solid #1b3b67;border-radius:7px;padding:6px 9px}.workflow-card-description{color:#b8c7db;margin:18px 0;font-size:13px;line-height:1.55}.workflow-card-footer{color:#8195b3;font:500 11px var(--sans);border-top:1px solid #183459;flex-wrap:wrap;align-items:center;gap:13px;margin-top:auto;padding-top:16px;display:flex}.workflow-card-footer span{align-items:center;gap:5px;display:flex}.workflow-card-footer button{color:#57d9d2;cursor:pointer;font:700 11px var(--sans);background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:0;display:flex}.workflow-card-footer button:hover{color:#f5c64e}.workflow-viewer{background:#07172d;border-top:1px solid #1d385d;margin-top:55px;padding-top:30px}.workflow-viewer-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.workflow-viewer-head p{color:#57d9d2;font:600 11px var(--mono);letter-spacing:.1em;margin:0 0 8px}.workflow-viewer-head h3{color:#f3f6fc;font:600 clamp(28px,3vw,43px)/1.05 var(--display);margin:0 0 11px}.workflow-viewer-head span{color:#8ea7d0;align-items:center;gap:7px;font-size:13px;display:flex}.workflow-viewer-head i{font-style:normal}.workflow-viewer-close{color:#a7bee0;cursor:pointer;background:0 0;border:1px solid #31537a;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.workflow-viewer-close:hover{color:#07172d;background:#d6a83a;border-color:#d6a83a}.workflow-viewer-tags{margin-bottom:26px}.workflow-graph-scroll{padding-bottom:8px;overflow-x:auto}.workflow-graph-stage{background-color:#0a1e3d;background-image:radial-gradient(#7093c03d 1px,#0000 1px);background-size:19px 19px;border:1px solid #1c3b67;border-radius:18px;min-width:1030px;height:460px;position:relative;overflow:hidden}.workflow-lines{width:100%;height:100%;position:absolute;inset:0}.workflow-lines path{fill:none;stroke:#57d9d2;stroke-dasharray:5 6;stroke-width:2px}.graph-node{color:#edf3ff;cursor:pointer;text-align:left;z-index:2;background:#102650;border:1px solid #365688;border-radius:12px;align-items:center;gap:10px;width:174px;min-height:70px;padding:12px;display:flex;position:absolute}.graph-node:hover,.graph-node.is-selected{border-color:#57d9d2;box-shadow:0 0 0 3px #57d9d221}.graph-node-icon{color:#57d9d2;background:#173960;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.graph-node-ai .graph-node-icon{color:#b394ff;background:#3b2a65}.graph-node-human .graph-node-icon{color:#57d9d2;background:#123f49}.graph-node b{font:600 12px var(--sans);text-overflow:ellipsis;white-space:nowrap;max-width:104px;display:block;overflow:hidden}.graph-node small{color:#7da4df;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:104px;margin-top:4px;display:block;overflow:hidden}.workflow-step-detail{background:#0c2140;border:1px solid #1c3b67;border-radius:14px;margin-top:16px;padding:22px 24px}.workflow-step-detail>span{color:#57d9d2;font:600 10px var(--mono);letter-spacing:.1em}.workflow-step-detail h4{color:#f5f7fc;font:600 23px var(--display);margin:9px 0}.workflow-step-detail p{color:#b9c9dc;max-width:800px;margin:0;line-height:1.6}@media (max-width:760px){.workflow-library{grid-template-columns:1fr}.workflow-library-card{min-height:0}.workflow-card-footer button{width:100%;margin-left:0}.workflow-viewer-head h3{font-size:30px}.workflow-viewer-head{gap:15px}.workflow-graph-stage{height:440px}}@media (prefers-reduced-motion:reduce){.workflow-library-card{transition:none}.workflow-library-card:hover{transform:none}}
.workflow-detail{position:relative}.workflow-close{color:#d6a83a;cursor:pointer;background:0 0;border:1px solid #405672;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:16px;right:16px}.workflow-close:hover{color:#07172d;background:#d6a83a}
@keyframes techDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-marquee{animation:22s linear infinite techDrift}.toolkit-strip:hover .tech-marquee{animation-play-state:paused}.project-process{background:#0b2543;border:1px solid #31516f;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:16px;display:flex}.project-process span{color:#d4a84f;font:600 10px var(--mono);text-transform:uppercase}.project-process{display:none}#projects #n8n-workflows{padding:0 0 50px}#projects #n8n-workflows .section-head{display:none}#projects #n8n-workflows .n8n-showcase{background:0 0}@media (prefers-reduced-motion:reduce){.tech-marquee{animation:none}}
.tech-viewport{min-width:0;overflow:hidden}.tech-viewport .tech-marquee{animation:28s linear infinite techDrift}.toolkit-link{place-self:start end}.project-process{display:none}
.workflow-case{border-top:1px solid #24496f;margin-top:16px;padding-top:12px}.workflow-case b{color:#d4a84f;font:10px var(--mono)}.workflow-case p{color:#c9d8e5;margin:5px 0 13px;font-size:12px;line-height:1.5}.workflow-viewer{border-top:1px solid #31506c;margin-top:48px;padding-top:28px}.workflow-viewer header{justify-content:space-between;display:flex}.workflow-viewer header h3{font:600 32px var(--display);margin:0}.workflow-viewer header span{color:#a7bdd2;font:12px var(--mono)}.workflow-viewer header button{color:#d4a84f;background:0 0;border:1px solid #31506c;width:38px;height:38px}.actual-workflow-grid{background:#0a1c35;border:1px solid #31506c;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:20px;padding:22px;display:grid}.actual-workflow-grid button{color:#fff;text-align:left;background:#112b50;border:1px solid #38618d;min-height:58px;padding:10px}.actual-workflow-grid i{color:#d4a84f;font:10px var(--mono);margin-bottom:5px;display:block}
.footer-legal{gap:16px;display:flex}.footer-legal a{color:#c1cedb;text-decoration:none}.footer-legal a:hover{color:var(--gold)}@media (max-width:540px){.footer-legal{flex-wrap:wrap}}