.foam-page{background:#f5f8fb}.foam-page .site-header{position:relative}.foam-page .nav a.active{color:#12d6b1}.foam-hero{position:relative;overflow:hidden;background:#06162b;color:#fff;padding:88px 0 76px}.foam-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(28,214,178,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(28,214,178,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.foam-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-210px;background:radial-gradient(circle,rgba(30,210,184,.2),transparent 68%)}.foam-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:72px;align-items:center}.foam-hero .breadcrumbs{display:flex;gap:9px;align-items:center;color:#9ab0c8;font-size:.79rem;margin-bottom:30px}.foam-hero .breadcrumbs a{color:#dbe8f5;text-decoration:none}.foam-hero h1{max-width:760px;margin:15px 0 22px;font-size:clamp(2.85rem,5vw,5.4rem);line-height:.94;letter-spacing:-.055em}.foam-hero h1 em{display:block;color:#27d8b4;font-style:normal}.foam-hero .lead{max-width:720px;color:#bfd0e1;font-size:1.13rem;line-height:1.75}.foam-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 26px}.foam-trust{display:flex;flex-wrap:wrap;gap:9px}.foam-trust span{border:1px solid rgba(132,164,192,.3);border-radius:100px;padding:7px 12px;color:#c7d5e4;font-size:.78rem}.foam-safety{color:#839bb2;font-size:.78rem;margin-top:20px}.foam-console{background:#07111f;border:1px solid rgba(75,222,194,.28);border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.36);overflow:hidden}.foam-console-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1c3147;padding:13px 17px;color:#8298ae;font:600 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.foam-console-bar span{display:flex;gap:6px}.foam-console-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#34475a}.foam-console-bar i:first-child{background:#27d8b4}.foam-console-body{padding:25px 25px 22px;font:500 .84rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.foam-console-body p{display:grid;grid-template-columns:27px 63px 1fr;gap:8px;margin:0;padding:11px 0;border-bottom:1px solid rgba(93,125,153,.13);color:#d5e2ee}.foam-console-body small{color:#4c657c}.foam-console-body p span{color:#27d8b4}.foam-console-result{margin-top:22px;padding:17px;border-left:2px solid #27d8b4;background:rgba(39,216,180,.07)}.foam-console-result b,.foam-console-result span{display:block}.foam-console-result b{color:#27d8b4;font-size:.72rem}.foam-console-result span{color:#9db1c4;margin-top:5px}.foam-jump{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe7ee;backdrop-filter:blur(12px)}.foam-jump .container{display:flex;gap:27px;overflow:auto}.foam-jump a{padding:15px 0;color:#536679;text-decoration:none;white-space:nowrap;font-size:.82rem;font-weight:700}.foam-jump a:hover{color:#079b81}.foam-section,.foam-workspace-section{padding:92px 0}.foam-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;margin-bottom:38px}.foam-heading h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.03;letter-spacing:-.04em;margin:10px 0 0;color:#10243a}.foam-heading>p{color:#64768a;line-height:1.7;margin:0}.foam-tool-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.foam-tool{position:relative;grid-column:span 4;min-height:285px;padding:28px;border:1px solid #dbe5ed;border-radius:13px;background:#fff;color:#10243a;text-decoration:none;transition:.2s ease}.foam-tool:nth-child(4),.foam-tool:nth-child(5),.foam-tool:nth-child(6){grid-column:span 4}.foam-tool:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(14,39,61,.1);border-color:#70dcca}.foam-tool.primary{background:#0b283b;color:#fff;border-color:#0b283b}.foam-tool.muted{background:#edf2f6;color:#64768a}.foam-index{display:block;color:#23bfa2;font:700 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin:36px 0 22px}.foam-tool h3{font-size:1.45rem;margin:0 0 12px;color:inherit}.foam-tool p{line-height:1.65;color:#6b7c8e;margin:0 0 25px}.foam-tool.primary p{color:#b8cbd9}.foam-tool strong{position:absolute;bottom:27px;left:28px;color:#0a9e84;font-size:.82rem}.foam-tool.primary strong{color:#31dfbd}.foam-tool code{background:#eff4f7;padding:2px 5px;border-radius:4px}.foam-status{position:absolute;top:22px;right:22px;padding:5px 8px;border-radius:100px;font-size:.62rem;font-weight:800;letter-spacing:.08em}.foam-status.live{color:#087b67;background:#dff9f3}.foam-status.planned{color:#657589;background:#dfe6ec}.foam-workspace-section{background:#071b2c;color:#fff}.foam-heading.light h2{color:#fff}.foam-heading.light>p{color:#a9bed0}.foam-builder{padding:34px;border-radius:16px;background:#0c263a;border:1px solid #26465d}.foam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.foam-builder label{display:block}.foam-builder label span{display:block;color:#bfd0de;font-size:.76rem;font-weight:700;margin-bottom:8px}.foam-builder input,.foam-builder select,.foam-builder textarea{width:100%;box-sizing:border-box;background:#071a2a;border:1px solid #355168;border-radius:8px;color:#fff;padding:13px 14px;font:inherit}.foam-builder input:focus,.foam-builder select:focus,.foam-builder textarea:focus{outline:2px solid #21c8a8;outline-offset:1px;border-color:transparent}.foam-builder option{color:#0c2438;background:#fff}.foam-wide{margin-top:18px}.foam-builder-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding-top:25px;border-top:1px solid #28465c}.foam-builder-foot p{color:#8fa7ba;font-size:.78rem;max-width:580px;margin:0}.foam-form-error{color:#ffb4aa;margin:14px 0 0}.foam-boundaries{background:#fff}.boundary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.boundary-grid>div{padding:32px;border:1px solid #dce6ed;border-radius:12px}.boundary-grid>div:first-child{border-top:4px solid #16b99b}.boundary-grid>div:last-child{border-top:4px solid #d98b65}.boundary-grid span{font-size:.7rem;letter-spacing:.1em;font-weight:800;color:#098a74}.boundary-grid h3{font-size:1.35rem;color:#152b40}.boundary-grid ul{padding-left:20px;color:#64768a;line-height:1.9}.foam-handoff{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:30px;padding:38px;background:#0a2639;color:#fff;border-radius:14px}.foam-handoff small{color:#39dbb8;font-weight:800;letter-spacing:.1em}.foam-handoff h2{margin:9px 0;color:#fff}.foam-handoff p{color:#acc0d0;margin:0}.foam-page .footer-bottom{gap:30px}.foam-page .footer-bottom span:last-child{max-width:760px;text-align:right}@media(max-width:980px){.foam-hero-grid,.foam-heading{grid-template-columns:1fr}.foam-hero-grid{gap:45px}.foam-tool{grid-column:span 6}.foam-page .nav a.active{display:none}}@media(max-width:680px){.foam-hero{padding:62px 0}.foam-hero-grid{grid-template-columns:1fr}.foam-console{display:none}.foam-section,.foam-workspace-section{padding:66px 0}.foam-tool{grid-column:1/-1}.foam-form-grid,.boundary-grid{grid-template-columns:1fr}.foam-builder{padding:22px}.foam-builder-foot,.foam-handoff{align-items:flex-start;flex-direction:column}.foam-page .footer-bottom span:last-child{text-align:left}}
.foam-tool-page{background:#f4f7fa}.foam-tool-hero{padding:68px 0;background:#071b2c;color:#fff}.foam-tool-hero h1{font-size:clamp(2.45rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:18px 0}.foam-tool-hero .lead{max-width:780px;color:#b8cada;line-height:1.75}.foam-tool-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.foam-panel{background:#fff;border:1px solid #d9e4eb;border-radius:14px;padding:28px}.foam-panel h2,.foam-panel h3{color:#11283d}.foam-panel-note{color:#66798b;font-size:.85rem;line-height:1.65}.foam-drop{display:block;border:1.5px dashed #7bb8ad;border-radius:12px;padding:28px;background:#f5fffc;text-align:center;cursor:pointer}.foam-drop input{display:block;margin:15px auto 0;max-width:100%}.foam-file-list{display:grid;gap:7px;margin-top:16px}.foam-file-list span{display:flex;justify-content:space-between;gap:15px;padding:9px 11px;background:#eef4f7;border-radius:7px;color:#496074;font-size:.77rem}.foam-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.foam-tool-actions button{border:0;cursor:pointer}.foam-results{margin-top:22px}.foam-results[hidden]{display:none}.foam-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.foam-metric{padding:16px;border-radius:10px;background:#eef4f7}.foam-metric strong{display:block;font-size:1.8rem;color:#102a3d}.foam-metric span{color:#667b8d;font-size:.72rem}.foam-findings{display:grid;gap:10px}.foam-finding{padding:14px 16px;border-left:4px solid #7e93a7;background:#f5f7f9}.foam-finding.error{border-color:#d55656;background:#fff1f1}.foam-finding.warning{border-color:#dc9a2b;background:#fff8e8}.foam-finding.ok{border-color:#1cad8e;background:#effbf7}.foam-finding b{display:block;color:#1a3043}.foam-finding p{margin:5px 0 0;color:#607487;font-size:.82rem;line-height:1.55}.foam-side-card{position:sticky;top:80px}.foam-side-card ol,.foam-side-card ul{padding-left:20px;color:#607487;line-height:1.8}.foam-ai-result{margin-top:18px;padding:20px;background:#091f31;color:#d8e6f1;border-radius:10px;line-height:1.7}.foam-ai-result h2,.foam-ai-result h3,.foam-ai-result h4{color:#fff}.foam-ai-result a{color:#43dfbe}.foam-code-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.foam-code-tabs button{border:1px solid #cddae3;background:#fff;border-radius:7px;padding:8px 11px;cursor:pointer}.foam-code-tabs button.active{background:#0a806b;color:#fff;border-color:#0a806b}.foam-code-output{position:relative;background:#071623;color:#dce8f1;border-radius:10px;padding:20px;overflow:auto;min-height:280px}.foam-code-output pre{margin:0;white-space:pre;font:500 .78rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.foam-file-actions{display:flex;gap:8px;margin-top:12px}.foam-file-actions button{border:1px solid #cbd8e1;background:#fff;padding:8px 11px;border-radius:7px;cursor:pointer}.foam-generator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.foam-generator-grid label span{display:block;font-size:.73rem;font-weight:800;color:#52697d;margin-bottom:6px}.foam-generator-grid input,.foam-generator-grid select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #cdd9e2;border-radius:7px;background:#fff}.foam-disclaimer{padding:14px 16px;border:1px solid #e3bb6e;background:#fff8e7;border-radius:9px;color:#79561d;font-size:.8rem;line-height:1.6}.foam-progress{display:flex;gap:10px;align-items:center;color:#557084}.foam-progress i{width:14px;height:14px;border-radius:50%;border:2px solid #8aa3b6;border-top-color:#0eb698;animation:foamspin .8s linear infinite}@keyframes foamspin{to{transform:rotate(360deg)}}@media(max-width:900px){.foam-tool-shell{grid-template-columns:1fr}.foam-side-card{position:static}}@media(max-width:620px){.foam-summary-grid,.foam-generator-grid{grid-template-columns:1fr}}