:root{--ink:#10262a;--muted:#53676a;--paper:#f4f6f2;--surface:#fff;--accent:#087f75;--accent-dark:#075e57;--danger:#9b2c2c;--line:#ced8d4;--navy:#0d292f;--radius:4px;--space:clamp(1rem,3vw,2rem);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit}.skip-link,.sr-only{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:10}.site-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 var(--space);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}.brand img{display:block;width:auto;max-width:100%;height:50px}.brand-symbol{display:none!important}.site-header nav{display:flex;align-items:center;gap:1.5rem}.site-header nav a,.link-button{text-decoration:none;font-size:.92rem}.site-header form{display:inline}.link-button{border:0;background:none;cursor:pointer;padding:0;color:inherit}.hero,.section,.page-head,.auth,.dashboard,.operations,.form-page{max-width:var(--max);margin:auto;padding:clamp(4rem,8vw,8rem) var(--space)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;min-height:650px}.hero h1,.page-head h1,.auth h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.055em;margin:.4rem 0 1.5rem}.hero p{max-width:680px;font-size:1.1rem}.eyebrow{font-size:.72rem!important;letter-spacing:.16em;font-weight:800;color:var(--accent)}.actions{display:flex;gap:1.5rem;align-items:center;margin-top:2rem;flex-wrap:wrap}.button{display:inline-block;border:0;border-radius:var(--radius);padding:.8rem 1.15rem;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:var(--accent-dark)}.button.secondary{background:var(--navy)}.button.danger{background:var(--danger)}.text-link{font-weight:700}.network-card{height:360px;background:var(--navy);position:relative;overflow:hidden;color:#90e5d6;display:flex;align-items:flex-end;padding:2rem}.node{width:14px;height:14px;border:3px solid #65d1bd;border-radius:50%;position:absolute}.n1{top:22%;left:25%}.n2{top:42%;left:68%}.n3{top:70%;left:42%}.n4{top:18%;left:78%}.line{position:absolute;height:1px;background:#3b8179;transform-origin:left}.l1{width:47%;top:24%;left:27%;transform:rotate(23deg)}.l2{width:35%;top:44%;left:65%;transform:rotate(132deg)}.l3{width:37%;top:69%;left:43%;transform:rotate(-64deg)}h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:3rem;border:1px solid var(--line)}.grid article{background:var(--paper);padding:2rem}.grid h3{margin-top:0}.product-strip{background:var(--navy);color:#e8f4f1;padding:4rem max(var(--space),calc((100vw - var(--max))/2 + var(--space)));display:flex;align-items:center;justify-content:space-between;gap:3rem}.product-strip p{max-width:700px}.button-light{background:#e8f4f1;color:var(--navy)}.page-head{max-width:900px;margin-left:max(0px,calc((100vw - var(--max))/2))}.page-head>p:last-child{font-size:1.15rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.status{font-size:.7rem;border:1px solid var(--accent);padding:.3rem .5rem;color:var(--accent);font-weight:800}.note{border-left:3px solid var(--accent);padding-left:1rem;color:var(--muted)}.auth{display:grid;grid-template-columns:1fr 420px;gap:8vw}.auth h1{font-size:3.5rem}.login-form,.panel,.data-form{background:var(--surface);padding:2rem;border:1px solid var(--line)}.login-form label,.login-form input,.data-form label,.data-form input,.data-form select,.copy-panel input{display:block;width:100%}.login-form label,.data-form label,.copy-panel label{font-weight:700;margin-top:1rem}.login-form input,.data-form input,.data-form select,.copy-panel input{padding:.8rem;border:1px solid #91a39f;border-radius:var(--radius);font:inherit}.data-form input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem}.login-form .button,.copy-panel .button{margin-top:1.5rem}.error,.field-error,.errorlist{color:#922}.dashboard{display:grid;grid-template-columns:220px 1fr;gap:4rem}.dashboard aside nav{display:grid;gap:.5rem}.dashboard aside a{padding:.5rem;text-decoration:none}.dashboard aside .active{border-left:3px solid var(--accent);font-weight:700}.refresh,.help{color:var(--muted);font-size:.85rem}.messages{max-width:var(--max);margin:1rem auto;padding:0 var(--space)}.message{background:#dff3ec;border:1px solid #9ccdbd;padding:.75rem 1rem}.organization-list{display:grid;gap:1rem;margin-top:2rem}.organization-card{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem}.organization-card h2{margin-top:0}.status-active{color:#076b50;font-weight:700}.status-inactive{color:#922;font-weight:700}.selection-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;text-align:left}.selection-card span{display:block;color:var(--muted)}.inline-action{margin-top:2rem}.form-page{max-width:760px}.form-page h1,.operations h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:.4rem 0 1rem}.field{margin-bottom:1rem}.operation-nav{display:flex;gap:1.25rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2.5rem}.operation-nav a{font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);vertical-align:top}.row-actions{display:flex;gap:.8rem;align-items:center}.row-actions form{display:inline}.copy-panel{margin:2rem 0}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:2rem var(--space);display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}@media(max-width:760px){.brand-logo{display:none!important}.brand-symbol{display:block!important}.site-header{align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.site-header nav{gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.hero,.product-detail,.auth,.dashboard,.organization-card{grid-template-columns:1fr}.hero{padding-top:4rem}.network-card{height:260px}.grid{grid-template-columns:1fr}.product-strip{align-items:flex-start;flex-direction:column}.auth{gap:2rem}.dashboard{gap:2rem}.selection-card{align-items:flex-start;flex-direction:column}footer{flex-direction:column}}