/* Coordination is a shared plan, with a clear contribution at each step. */
.co-hero{background:radial-gradient(ellipse at 65% 5%,#5e704332,transparent 62%),var(--green);overflow:hidden}
.co-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:70px 55px}
.co-hero-copy h1{font-size:clamp(48px,4.6vw,69px);line-height:1.06}
.co-hero-copy>p{font-size:17px;line-height:1.75;max-width:500px;margin-top:25px}
.co-hero-copy .button-row{margin-top:30px;gap:12px}.co-hero-copy .btn{font-size:14px}
.co-planner{position:relative;height:585px;isolation:isolate}
.co-planner-shadow{position:absolute;bottom:70px;left:0;right:0;border:1px solid #56704c;height:85px;border-radius:50%;transform:rotate(-5deg);background:#092d20}
.co-planner-back{position:absolute;top:29px;left:24px;right:51px;height:424px;background:#c0a552;border:1px solid #dcc374;transform:rotate(3deg);border-radius:5px}
.co-planner-page{position:absolute;top:12px;left:12px;right:42px;padding:26px 26px 21px;border:1px solid #e3e3d7;border-left:5px solid #d9c885;border-radius:6px;background:var(--paper);color:var(--ink);transform:rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.co-planner:hover .co-planner-page{transform:rotate(-1deg) translateY(-3px)}
.co-planner-meta{display:flex;justify-content:space-between;gap:17px;flex-wrap:wrap;font-size:11px;color:var(--bronze);line-height:1.5;letter-spacing:.035em}
.co-planner-page h2{color:var(--ink);font-size:38px;line-height:1.1;margin-top:20px;margin-bottom:24px}
.co-planner-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #d8ddcf}
.co-planner-no{font-size:11px;color:var(--bronze);align-self:flex-start;padding-top:4px}
.co-planner-row>div{flex:1;min-width:0}.co-planner-row strong{display:block;font-size:14px;line-height:1.5}
.co-planner-row div>span{font-size:12px;color:var(--muted);display:block;margin-top:3px;line-height:1.5}
.co-planner-row>i{font-size:11px;color:var(--bronze);font-style:normal;padding:5px 7px;background:#f0ebd9;border:1px solid #e3d7b5;border-radius:3px;white-space:nowrap}
.co-planner-row:first-of-type>i{background:#e6ecd8;color:var(--green)}
.co-planner-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid #d8ddcf;padding-top:18px;margin-top:9px;font-size:11px;color:var(--muted);line-height:1.55}
.co-planner-note{position:absolute;bottom:1px;right:0;width:216px;padding:18px 19px;background:#e2c46b;color:var(--ink);border:1px solid #f0d891;border-radius:3px;transform:rotate(3deg);box-shadow:0 7px 0 #07291d2b}
.co-planner-note>span{display:block;font-size:11px;letter-spacing:.08em}
.co-planner-note strong{font-family:var(--serif);font-size:25px;line-height:1.14;display:block;margin-top:11px}
.co-planner-note small{display:block;font-size:11px;margin-top:12px;color:#4d5733}
.co-path-section{background:var(--cream)}
.co-example-tabs{display:flex;align-items:stretch;gap:9px;margin-bottom:24px;flex-wrap:wrap}
.co-example-tabs button{min-height:48px;padding:12px 20px;background:transparent;border:1px solid #b8c3b1;border-radius:5px;font-size:14px;color:var(--green);transition:background .2s}
.co-example-tabs button[aria-selected=true]{background:var(--green);color:var(--cream);border-color:var(--green)}
.co-example-tabs button:hover:not([aria-selected=true]){background:#e7ebdd}
.co-workbench{display:grid;grid-template-columns:233px 1fr;border:1px solid #ccd4c1;border-radius:7px;overflow:hidden;background:var(--paper)}
.co-stage-tabs{padding:22px 17px;background:#e8ebdc;border-right:1px solid #ccd4c1;display:grid;align-content:start;gap:12px}
.co-stage-tabs button{display:flex;gap:13px;text-align:left;padding:17px 13px;border:1px solid #c6d0ba;background:#f5f5e9;border-radius:4px;color:var(--ink);min-height:111px;position:relative}
.co-stage-tabs button>span{font-size:11px;color:var(--bronze);padding-top:3px}
.co-stage-tabs button strong{font-size:16px;line-height:1.5;display:block}.co-stage-tabs button small{font-size:12px;color:var(--muted);display:block;margin-top:8px;line-height:1.55}
.co-stage-tabs button svg{position:absolute;width:17px;height:17px;top:18px;right:13px}
.co-stage-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:var(--cream)}
.co-stage-tabs button[aria-selected=true]>span{color:var(--gold-light)}.co-stage-tabs button[aria-selected=true] small{color:#c5d0bb}
.co-stage-panel{min-width:0}
.co-panel-top{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:19px 26px;border-bottom:1px solid #dce0d4;font-size:14px;color:var(--green)}
.co-panel-top .demo-label{font-size:11px}
.co-panel-grid{display:grid;grid-template-columns:1fr 1fr}
.co-work-scene{padding:31px 25px 25px;background:#f0f1e4;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;border-right:1px solid #dce0d4}
.co-scene-back{position:absolute;left:32px;right:28px;top:36px;bottom:73px;border:1px solid #b8c8ac;background:#d8e0c9;border-radius:5px;transform:rotate(2deg)}
.co-work-record{background:#fff;border:1px solid #d0d9c6;border-left:4px solid var(--gold);border-radius:5px;padding:25px 22px 22px;position:relative;transform:rotate(-1.5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s}
.co-record-label{font-size:11px;color:var(--bronze);display:block}.co-work-record h3{font-size:28px;line-height:1.17;margin-top:16px}
.co-record-meta{font-size:12px;color:var(--muted);line-height:1.6;margin-top:15px}
.co-record-facts dl{margin:21px 0 18px}.co-record-facts dl>div{border-top:1px solid #dce3d3;padding:12px 0}
.co-record-facts dt{font-size:12px;color:var(--bronze)}.co-record-facts dd{font-size:13px;line-height:1.55;color:var(--ink);margin:5px 0 0}
.co-record-status{display:block;padding:8px 10px;border:1px solid #dfd4b4;border-radius:4px;background:#f4efdf;color:var(--bronze);font-size:12px;line-height:1.5}
.co-record-owner{display:flex;gap:10px;align-items:center;border-top:1px solid #dce3d3;margin-top:18px;padding-top:15px}
.co-record-owner div>span{display:block;font-size:11px;color:var(--muted)}.co-record-owner strong{display:block;font-size:12px;line-height:1.5;margin-top:2px}
.co-object-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#64704c;margin-top:24px;position:relative}
.co-object-caption i{flex:1;height:1px;background:#acb598}
.co-stage-panel[data-stage="1"] .co-work-record{transform:rotate(0deg);border-left-color:var(--green)}
.co-stage-panel[data-stage="2"] .co-work-record{transform:rotate(1.2deg);border-left-color:var(--gold)}
.co-stage-panel[data-stage="3"] .co-work-record{transform:none;border-bottom:7px solid var(--green)}
.co-stage-panel[data-stage="3"] .co-scene-back{transform:none;top:21px;background:#173f2c;border-color:#497751}
.co-stage-panel[data-stage="3"] .co-scene-back:before{content:'DOSARUL ACTIVITĂȚII';display:block;position:absolute;top:4px;right:15px;font-size:11px;color:var(--gold-light);letter-spacing:.03em}
.co-stage-copy{padding:31px 26px;display:flex;flex-direction:column;align-items:flex-start}
.co-stage-copy .eyebrow{letter-spacing:.07em;margin-bottom:16px}
.co-stage-copy>h3{font-size:30px;line-height:1.18}.co-stage-copy>p{font-size:15px;line-height:1.7;margin-top:19px}
.co-output,.co-remaining{border-top:1px solid #d7ddcd;padding-top:17px;margin-top:23px;width:100%}
.co-output>span,.co-remaining>span{font-size:11px;color:var(--bronze)}
.co-output p,.co-remaining p{font-size:13px;line-height:1.7;margin-top:7px}
.co-stage-copy .text-link{font-size:13px;margin-top:auto;padding-top:24px;line-height:1.5}
.co-actors{border-top:1px solid #dce0d4;padding:22px 25px}
.co-actors-label{display:block;font-size:11px;color:var(--bronze);margin-bottom:18px}
.co-actors>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.co-actor{display:flex;gap:11px;align-items:flex-start;min-width:0}.co-actor strong{font-size:13px;line-height:1.4;display:block}
.co-actor p{font-size:12px;line-height:1.6;margin-top:6px}
.co-actor .sl-avatar{width:31px;height:31px;font-size:11px}
.co-controls{padding:15px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f1f2e8;border-top:1px solid #dce0d4}
.co-controls>span{font-size:11px;color:var(--muted)}
.co-controls>div{display:flex;gap:10px}.co-controls .btn{font-size:12px;min-height:44px;padding:10px 14px}
.co-controls .btn svg{width:17px;height:17px}.co-controls #co-prev svg{transform:rotate(180deg)}.co-controls .btn:disabled{opacity:.5;transform:none}
.co-demo-note{font-size:12px;margin-top:21px;line-height:1.7}
.co-context-section{border-top:1px solid #dce0d4;background:#eeeee4}
.co-context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.co-context-cards>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d4dacb;background:var(--paper);padding:31px;border-radius:5px;transition:transform .25s,background .25s}
.co-context-cards>a:hover{transform:translateY(-3px);background:#fff}
.co-context-number{font-family:var(--serif);font-size:38px;color:var(--green);margin-bottom:25px;border-bottom:1px solid #d8c58e;line-height:1.15;padding-bottom:10px}
.co-context-cards .eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:.08em}
.co-context-cards h3{font-size:29px;line-height:1.15}.co-context-cards p{font-size:14px;line-height:1.7;margin-top:19px}
.co-context-link{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:27px;font-size:13px;color:var(--bronze)}
.co-review-section{background:radial-gradient(ellipse at 80% 80%,#3b613333,transparent 55%),var(--green);overflow:hidden}
.co-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.co-review-copy>p{margin-top:23px;font-size:17px;line-height:1.75;max-width:470px}
.co-review-copy ol{list-style:none;padding:0;margin:27px 0 0}.co-review-copy li{display:flex;gap:19px;padding:17px 0;border-top:1px solid #5872517a}
.co-review-copy li>span{font-size:11px;color:var(--gold-light)}.co-review-copy li strong{display:block;font-size:14px;line-height:1.5}
.co-review-copy li p{font-size:13px;line-height:1.6;margin-top:5px}.co-review-copy .text-link{font-size:13px;margin-top:17px}
.co-folder{position:relative;padding:31px 25px 45px;background:#214d36;border:1px solid #5a7b57;border-radius:7px;transform:rotate(2deg);margin:20px 8px 10px}
.co-folder-tab{position:absolute;top:-23px;left:18px;padding:9px 18px 6px;background:#214d36;border:1px solid #5a7b57;border-bottom:0;border-radius:5px 5px 0 0;font-size:11px;color:var(--gold-light)}
.co-folder-paper{background:var(--paper);border:1px solid #e0e3d2;padding:25px 25px 134px;border-radius:4px;transform:rotate(-2deg);color:var(--ink)}
.co-folder-paper .eyebrow{color:var(--bronze);font-size:11px;letter-spacing:.08em;line-height:1.6;margin-bottom:16px}
.co-folder-paper h3{font-size:31px;color:var(--ink);line-height:1.15}
.co-folder-items{margin-top:22px}.co-folder-items>div{padding:12px 0;border-top:1px solid #d9decc}
.co-folder-items span{font-size:11px;color:var(--bronze);display:block}.co-folder-items strong{font-size:14px;line-height:1.5;display:block;margin-top:5px}
.co-folder-note{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:12px}
.co-folder-front{position:absolute;bottom:0;left:0;right:0;background:#153e2b;border:1px solid #5a7b57;border-radius:5px 5px 7px 7px;padding:24px 27px}
.co-folder-front>span{font-size:11px;color:var(--gold-light);letter-spacing:.07em;display:block}
.co-folder-front strong{font-family:var(--serif);font-size:28px;line-height:1.12;display:block;margin-top:12px;color:var(--cream)}
@media(max-width:1190px){
 .co-hero-grid{gap:35px;padding-block:58px 48px}.co-hero-copy h1{font-size:55px}.co-planner{height:600px}
 .co-planner-page{left:8px;right:19px;padding-inline:22px}.co-planner-back{right:29px}.co-planner-row{gap:10px}.co-planner-row>i{white-space:normal;max-width:80px}
 .co-workbench{grid-template-columns:205px 1fr}.co-stage-tabs{padding:17px 13px}.co-stage-tabs button{padding:16px 11px;gap:10px}.co-stage-tabs button svg{display:none}
 .co-panel-grid{grid-template-columns:1fr 1fr}.co-work-scene{padding:29px 18px 22px}.co-work-record{padding:22px 18px}
 .co-work-record h3{font-size:25px}.co-stage-copy{padding:28px 22px}.co-stage-copy>h3{font-size:27px}
 .co-actors>div{gap:14px}.co-actor{display:block}.co-actor .sl-avatar{margin-bottom:9px}
 .co-review-grid{gap:60px}
}
@media(max-width:960px){
 .co-hero-grid{grid-template-columns:1fr;gap:35px}.co-hero-copy h1{font-size:62px}.co-hero-copy>p{max-width:620px}.co-planner{width:min(550px,100%);margin-inline:auto;height:600px}
 .co-workbench{grid-template-columns:1fr}.co-stage-tabs{grid-template-columns:repeat(4,1fr);gap:9px;border:0;border-bottom:1px solid #ccd4c1;padding:17px}
 .co-stage-tabs button{min-height:115px;display:block}.co-stage-tabs button>span{display:block;margin-bottom:8px}.co-stage-tabs button strong{font-size:14px}.co-stage-tabs button small{font-size:11px}
 .co-review-grid{grid-template-columns:1fr;gap:49px}.co-folder{width:min(470px,calc(100% - 18px));margin-inline:auto}
 .co-context-cards{grid-template-columns:1fr}.co-context-cards>a{padding:27px}.co-context-number{position:absolute;right:27px;top:23px;font-size:30px;margin:0}
 .co-context-cards .eyebrow{padding-right:50px}.co-context-cards h3 br{display:none}
}
@media(max-width:720px){
 .co-hero-grid{padding-block:39px 38px;gap:34px}.co-hero-copy h1{font-size:42px;line-height:1.08}
 .co-hero-copy .eyebrow{line-height:1.65;margin-bottom:20px;letter-spacing:.08em}.co-hero-copy>p{font-size:15px;margin-top:23px}
 .co-hero-copy .button-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.co-hero-copy .btn{font-size:13px}
 .co-planner{height:auto;padding-bottom:137px;width:min(440px,100%)}
 .co-planner-page{position:relative;top:auto;left:auto;right:auto;width:calc(100% - 14px);margin-inline:7px;padding:23px 20px 21px;transform:none}
 .co-planner:hover .co-planner-page{transform:none}.co-planner-back{top:13px;left:16px;right:10px;bottom:127px;height:auto;transform:rotate(2deg)}
 .co-planner-shadow{bottom:140px;height:50px;left:3%;right:1%}
 .co-planner-meta{gap:5px;font-size:11px;letter-spacing:0}.co-planner-page h2{font-size:32px;margin-top:20px;margin-bottom:24px}
 .co-planner-row{display:grid;grid-template-columns:18px 1fr;gap:4px 10px;padding-block:13px}
 .co-planner-row>div{grid-column:2}.co-planner-row strong{font-size:13px}.co-planner-row div>span{font-size:11px;margin-top:3px}
 .co-planner-row>i{grid-column:2;justify-self:start;max-width:none;font-size:11px;margin-top:5px;padding:4px 7px}
 .co-planner-bottom{font-size:11px;gap:9px;margin-top:3px;padding-top:15px}
 .co-planner-note{right:9px;bottom:0;width:204px;padding:16px 17px;transform:rotate(2deg)}
 .co-planner-note strong{font-size:23px;margin-top:9px}.co-planner-note small{margin-top:10px}
 .co-path-section .section-heading,.co-context-section .section-heading{display:block;margin-bottom:30px}
 .co-path-section h2,.co-context-section h2{font-size:32px}.co-path-section .section-heading>p,.co-context-section .section-heading>p{font-size:14px;line-height:1.7;margin-top:18px;max-width:none}
 .co-example-tabs{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:19px}.co-example-tabs button{font-size:13px;padding:13px 15px;min-height:48px}
 .co-stage-tabs{grid-template-columns:1fr 1fr;padding:15px;gap:8px}
 .co-stage-tabs button{min-height:89px;display:flex;gap:10px;padding:13px 10px}.co-stage-tabs button>span{margin:0;font-size:11px}
 .co-stage-tabs button strong{font-size:13px}.co-stage-tabs button small{font-size:11px;line-height:1.4;margin-top:5px}
 .co-panel-top{padding:17px 18px;display:block;font-size:13px;line-height:1.5}.co-panel-top>.demo-label{margin-top:10px;font-size:11px}
 .co-panel-grid{grid-template-columns:1fr}.co-work-scene{padding:27px 21px 23px;border-right:0;border-bottom:1px solid #dce0d4}
 .co-work-record{transform:none;padding:24px 19px 21px}.co-stage-panel[data-stage] .co-work-record{transform:none}
 .co-scene-back{left:28px;right:21px;top:30px;bottom:65px;transform:rotate(1.8deg)}
 .co-work-record h3{font-size:27px}.co-record-facts dd{font-size:13px}.co-record-status{font-size:11px}
 .co-object-caption{gap:9px;font-size:11px;margin-top:21px}
 .co-stage-copy{padding:27px 22px}.co-stage-copy>h3{font-size:28px}.co-stage-copy>p{font-size:14px;margin-top:18px}.co-stage-copy .eyebrow{line-height:1.6}
 .co-stage-copy .text-link{font-size:12px;margin-top:13px;padding-top:13px;gap:9px}
 .co-output,.co-remaining{margin-top:22px}.co-output p,.co-remaining p{font-size:13px}
 .co-actors{padding:23px 21px}.co-actors>div{grid-template-columns:1fr;gap:21px}.co-actor{display:flex;gap:12px}.co-actor .sl-avatar{margin:0}
 .co-actor strong{font-size:13px}.co-actor p{font-size:12px;margin-top:4px}.co-actors-label{font-size:11px;margin-bottom:20px}
 .co-controls{display:block;padding:18px}.co-controls>div{display:flex;justify-content:space-between;margin-top:14px}.co-controls .btn{font-size:12px;padding:10px 13px}
 .co-demo-note{font-size:11px;line-height:1.7}
 .co-context-cards>a{padding:27px 24px}.co-context-cards h3{font-size:27px}.co-context-cards p{font-size:14px}.co-context-link{font-size:12px}
 .co-review-grid{gap:43px}.co-review-copy h2{font-size:34px}.co-review-copy>p{font-size:15px}
 .co-review-copy li strong{font-size:13px}.co-review-copy li p{font-size:13px}.co-review-copy .text-link{font-size:12px}
 .co-folder{padding:24px 17px 40px;width:calc(100% - 16px);transform:rotate(1deg)}
 .co-folder-tab{font-size:11px;left:10px;max-width:calc(100% - 20px);padding-inline:14px}
 .co-folder-paper{padding:23px 18px 142px;transform:rotate(-1deg)}.co-folder-paper h3{font-size:28px}
 .co-folder-items strong{font-size:13px}.co-folder-front{padding:22px 22px}.co-folder-front strong{font-size:27px}
}
@media(max-width:390px){.co-hero-copy h1{font-size:39px}.co-stage-tabs{padding:12px;gap:7px}.co-stage-tabs button{padding-inline:9px;gap:8px}.co-stage-tabs button strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.co-planner-page,.co-work-record,.co-context-cards>a{transition:none}.co-planner:hover .co-planner-page,.co-context-cards>a:hover{transform:none}}