:root{--white:#ffffff;--off-white:#fafafa;--cream:#f7f5f0;--navy:#374168;--navy-deep:#1f2644;--ink:#0f1620;--muted:#5f7386;--muted-2:#94a0ae;--green:#5BB45E;--green-deep:#4a9a4d;--gold:#d4a64a;--blue:#4a7bb5;--border:rgba(15,22,32,0.09);--border-card:rgba(22,49,78,0.1);--shadow-sm:0 1px 2px rgba(15,22,32,0.04);--shadow-md:0 4px 16px rgba(15,22,32,0.06);--shadow-lg:0 12px 40px rgba(15,22,32,0.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.agent-os-back{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .2s;margin-bottom:8px}.agent-os-back:hover{color:var(--navy-deep)}agent-os-section{padding:96px 32px}.agent-os-container{max-width:1200px;margin:0 auto}.agent-os-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--green-deep);margin-bottom:16px}h1,h2,h3{color:var(--navy-deep);letter-spacing:-.025em;font-weight:900}h1{font-size:clamp(40px,6vw,72px);line-height:1.05}h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin-bottom:16px}h3{font-size:20px;line-height:1.3}p.lead{color:var(--muted);font-size:18px;max-width:720px}.agent-os-hero{padding:48px 32px 96px;background:radial-gradient(circle at 80% 0,rgba(91,180,94,.08),transparent 50%),radial-gradient(circle at 0 100%,rgba(55,65,104,.05),transparent 50%),var(--cream)}.agent-os-hero h1{margin-bottom:24px;max-width:920px}.agent-os-hero h1 .accent{color:var(--green)}.agent-os-hero .lead{font-size:20px;max-width:700px;margin-bottom:32px}.agent-os-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.agent-os-cta-btn{background:var(--green);color:white;padding:10px 20px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;transition:background .3s ease,transform .3s ease;display:inline-block}.agent-os-cta-btn:hover{background:var(--green-deep);transform:translateY(-1px)}.agent-os-secondary-btn{background:white;color:var(--navy-deep);padding:10px 20px;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease}.agent-os-secondary-btn:hover{border-color:var(--navy);transform:translateY(-1px)}.agent-os-hero-stats{margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:32px;gap:32px;padding-top:40px;border-top:1px solid var(--border);max-width:900px}.stat .num{font-size:36px;font-weight:900;color:var(--navy-deep);letter-spacing:-.02em}.stat .label{font-size:13px;color:var(--muted);margin-top:4px}.agent-os-bridge{padding:64px 32px;background:white;border-bottom:1px solid var(--border-card)}.agent-os-bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.agent-os-bridge-item{padding-left:20px;border-left:3px solid var(--green)}.agent-os-bridge-tag{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.agent-os-bridge-item p{font-size:15px;color:var(--navy-deep);line-height:1.6;margin:0}.agent-os-bridge-item p a{color:var(--green);font-weight:700;text-decoration:underline;-webkit-text-decoration-color:rgba(91,180,94,.4);text-decoration-color:rgba(91,180,94,.4);text-underline-offset:3px}.agent-os-bridge-item p a:hover{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}@media (max-width:768px){.agent-os-bridge{padding:48px 24px}.agent-os-bridge-grid{grid-template-columns:1fr;gap:24px}}.what-section{padding:96px 32px}.what-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.what-card{background:white;border:1px solid var(--border-card);border-radius:16px;padding:32px;box-shadow:var(--shadow-sm)}.what-card h4{color:var(--navy-deep);font-size:14px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.what-card .row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.what-card .row:last-child{border-bottom:none}.what-card .row .k{color:var(--muted)}.what-card .row .v{color:var(--navy-deep);font-weight:600}.anatomy-section{padding:96px 32px;background:white}.anatomy-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.anatomy-card{background:white;border:1px solid var(--border-card);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.anatomy-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(91,180,94,.4)}.anatomy-card .icon{width:44px;height:44px;border-radius:12px;background:rgba(91,180,94,.12);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;margin-bottom:16px}.anatomy-card h3{margin-bottom:6px}.anatomy-card .file{font-size:12px;color:var(--green-deep);font-family:SFMono-Regular,Menlo,monospace;margin-bottom:12px}.anatomy-card p{font-size:14px;color:var(--muted)}.anatomy-card .details{max-height:0;overflow:hidden;transition:max-height .4s ease,margin-top .4s ease}.anatomy-card.open .details{max-height:400px;margin-top:16px}.anatomy-card .details ul{padding-left:18px;font-size:13px;color:var(--muted);line-height:1.8}.anatomy-card .toggle{margin-top:12px;font-size:12px;color:var(--green-deep);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.lifecycle-section{padding:96px 32px;background:white}.timeline{margin-top:56px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0;position:relative}.timeline:before{content:"";position:absolute;top:28px;left:5%;right:5%;height:2px;background:var(--border);z-index:0}.phase{position:relative;text-align:center;padding:0 12px;cursor:pointer;z-index:1}.phase .num-circle{width:56px;height:56px;border-radius:50%;background:white;border:2px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;margin:0 auto 16px;transition:all .3s ease}.phase.active .num-circle,.phase:hover .num-circle{background:var(--green);border-color:var(--green);color:white;transform:scale(1.08);box-shadow:0 0 0 6px rgba(91,180,94,.15)}.phase h4{color:var(--navy-deep);font-size:16px;font-weight:700;margin-bottom:6px}.phase p{font-size:13px;color:var(--muted)}.phase-detail{margin-top:48px;background:var(--cream);border-radius:16px;padding:32px;border:1px solid var(--border-card);min-height:180px}.phase-detail h3{margin-bottom:8px}.phase-detail .meta{color:var(--green-deep);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.phase-detail ul{padding-left:20px;color:var(--muted)}.phase-detail ul li{margin-bottom:6px}.team-section{padding:96px 32px}.org-chart{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative}.flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.flow-svg path.route{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 6;opacity:0;transition:opacity .4s ease;filter:drop-shadow(0 0 6px rgba(91,180,94,.35))}.flow-svg path.route.on{opacity:.85;animation:dashflow 1.2s linear infinite}@keyframes dashflow{to{stroke-dashoffset:-24}}.flow-svg .traveler{fill:var(--green);filter:drop-shadow(0 0 8px rgba(91,180,94,.7));opacity:0}.flow-svg .traveler.on{opacity:1}.flow-svg .traveler-ring{fill:none;stroke:var(--green);stroke-width:2;opacity:0}.flow-svg .traveler-ring.on{animation:ringPulse 1s ease-out infinite}@keyframes ringPulse{0%{opacity:.8;r:6}to{opacity:0;r:18}}.org-node.flow-active{box-shadow:0 0 0 3px rgba(91,180,94,.35),0 12px 28px rgba(91,180,94,.18);transform:translateY(-2px)}.org-node.flow-active .name{color:var(--green-deep)}.flow-banner{display:flex;flex-direction:column;align-items:center;gap:10px;margin:48px 0 8px}.flow-banner .label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(91,180,94,.1);border:1px solid rgba(91,180,94,.35);color:var(--green-deep);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.01em}.flow-banner .label .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(91,180,94,.5);animation:livedot 1.6s ease-out infinite}@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(91,180,94,.6)}to{box-shadow:0 0 0 12px rgba(91,180,94,0)}}.flow-banner .controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.flow-banner .controls button{background:white;border:1px solid var(--border-card);color:var(--muted);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .2s ease}.flow-banner .controls button:hover{color:var(--navy-deep);border-color:var(--navy)}.flow-banner .controls button.active{background:var(--navy-deep);color:white;border-color:var(--navy-deep)}.org-node{z-index:2}.org-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.org-node{background:white;border:1px solid var(--border-card);border-radius:14px;padding:18px 20px;min-width:160px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative}.org-node.active,.org-node:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.org-node .role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;opacity:.85}.org-node .name{font-size:18px;font-weight:800;color:var(--navy-deep)}.org-node .desc{font-size:12px;color:var(--muted);margin-top:4px}.org-node.tier-orchestrator{border-top:4px solid var(--gold)}.org-node.tier-orchestrator .role{color:var(--gold)}.org-node.tier-strategy{border-top:4px solid var(--gold)}.org-node.tier-strategy .role{color:#b88a30}.org-node.tier-marketing{border-top:4px solid var(--green)}.org-node.tier-marketing .role{color:var(--green-deep)}.org-node.tier-ops{border-top:4px solid var(--navy)}.org-node.tier-ops .role{color:var(--navy)}.org-node.tier-sales{border-top:4px solid var(--blue)}.org-node.tier-sales .role{color:var(--blue)}.org-node.tier-creative{border-top:4px solid var(--green)}.org-node.tier-creative .role{color:var(--green-deep)}.org-detail{margin-top:24px;background:white;border:1px solid var(--border-card);border-radius:16px;padding:28px;max-width:720px;width:100%;box-shadow:var(--shadow-sm);display:none}.org-detail.show{display:block;animation:fadeIn .4s ease}.org-detail h3{margin-bottom:4px}.org-detail .role-tag{font-size:13px;color:var(--green-deep);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.org-detail p{color:var(--muted);margin-bottom:12px;font-size:15px}.org-detail .scope{font-size:13px;color:var(--navy)}.org-detail .scope strong{color:var(--navy-deep)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.org-divider{width:1px;height:24px;background:var(--border);margin:-8px 0}.rules-section{padding:96px 32px;background:var(--white)}.rules-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.rule-card{background:var(--cream);border:1px solid var(--border-card);border-radius:16px;padding:24px;transition:all .3s ease}.rule-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.rule-card .num{font-size:13px;font-weight:900;color:var(--green-deep);margin-bottom:8px}.rule-card h3{margin-bottom:8px;font-size:18px}.rule-card p{font-size:14px;color:var(--muted)}.failure-section{padding:96px 32px}.failure-table-wrap{margin-top:48px;overflow-x:auto;background:white;border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:18px 24px;border-bottom:1px solid var(--border)}th{background:var(--cream);color:var(--navy-deep);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:none}td.failure{font-weight:600;color:var(--navy-deep)}td.detect{color:var(--muted)}td.fix{color:var(--green-deep);font-weight:500}.why-section{padding:96px 32px;background:var(--cream)}.why-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:32px;gap:32px}.why-item .icon{width:52px;height:52px;border-radius:14px;background:white;border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;color:var(--green-deep);font-weight:900;font-size:22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.why-item h3{margin-bottom:8px}.why-item p{color:var(--muted);font-size:15px}.agent-os-cta-section{padding:96px 32px;background:var(--navy-deep);color:white;text-align:center}.agent-os-cta-section h2{color:white}@media (max-width:768px){.agent-os-cta-section,.agent-os-hero,.anatomy-section,.failure-section,.lifecycle-section,.rules-section,.team-section,.what-section,.why-section{padding:64px 24px}.what-grid{gap:32px}.timeline,.what-grid{grid-template-columns:1fr}.timeline{gap:24px}.timeline:before{display:none}.phase{text-align:left;display:flex;gap:16px;align-items:flex-start}.phase .num-circle{margin:0;flex-shrink:0}td,th{padding:14px 16px}}