.p12{--accent-50:#f7ffe0;--accent-100:#eeffb4;--accent-200:#e6ff7e;--accent-300:#dfff4f;--accent-400:#d2f531;--accent-500:#bde01c;--accent-600:#96b312;--accent-700:#6d820e;--accent-contrast:#1b2408;--sh-accent:0 10px 26px #bde01c4d;--bg:#b9c2ae;--surface:#fff;--surface-2:#f2f4ec;--paper:#eef0e8;--line:#e2e5d8;--ink:#171b12;--ink-2:#5f6657;--ink-3:#939a8c;--deep:#14170f;--sage:#9aa88f;background:var(--bg);font-family:var(--font-ui);color:var(--ink);grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(12,1fr);gap:18px;padding:62px 96px;display:grid;position:absolute;inset:0}.p12 section{transition:transform var(--t-base) var(--e-out), box-shadow var(--t-base) var(--e-smooth);border-radius:34px}.p12 section:hover{transform:translateY(-3px);box-shadow:0 18px 40px #14170f24}.p12__round{background:var(--surface);width:42px;height:42px;color:var(--ink);transition:transform var(--t-fast) var(--e-out);border:0;border-radius:50%;place-items:center;display:grid}.p12__round svg{width:18px;height:18px}.p12__round:hover{transform:scale(1.08)}.p12__chip,.p12__effChip{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:36px;color:var(--ink-2);transition:border-color var(--t-base) var(--e-smooth);align-items:center;gap:5px;padding:0 15px;font-size:12.5px;font-weight:500;display:inline-flex}.p12__chip svg,.p12__effChip svg{width:13px;height:13px}.p12__chip:hover{border-color:var(--ink-3)}.p12__proj{background:linear-gradient(140deg, var(--accent-300) 0%, var(--accent-200) 62%, #e9ff96 100%);color:var(--accent-contrast);flex-direction:column;grid-area:1/1/span 6/span 5;padding:24px 26px 26px;display:flex;position:relative;overflow:hidden}.p12__proj:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff80,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-90px;right:-80px}.p12__proj header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.p12__who{align-items:center;gap:12px;display:flex}.p12__avatar{width:46px;height:46px;font-family:var(--font-display);color:#fff;background:linear-gradient(150deg,#f0b9a0,#c96a44);border-radius:50%;place-items:center;font-size:14px;font-style:normal;font-weight:700;display:grid}.p12__who b{letter-spacing:-.018em;font-size:15px;font-weight:600;display:block}.p12__who em{color:#1b240899;font-size:12px;font-style:normal}.p12__projTools{gap:8px;display:flex}.p12__proj h2{font-family:var(--font-display);letter-spacing:-.042em;margin:26px 0 0;font-size:42px;font-weight:600}.p12__industry{color:#1b24089e;margin:8px 0 0;font-size:13px}.p12__industry b{color:var(--accent-contrast);font-weight:600}.p12__prog{margin-top:auto}.p12__progTrack{border-radius:var(--r-full);background:#ffffff9e;height:7px;display:block;overflow:hidden}.p12__progTrack i{border-radius:var(--r-full);background:var(--accent-contrast);width:0;height:100%;transition:width var(--t-draw) var(--e-out);display:block}.p12__progTrack i[data-in=true]{width:var(--w)}.p12__progFoot{color:#1b2408a8;justify-content:space-between;margin-top:9px;font-size:12.5px;display:flex}.p12__progFoot b{font-family:var(--font-display);color:var(--accent-contrast);font-weight:600}.p12__projFoot{align-items:center;gap:12px;margin-top:20px;display:flex}.p12__select{border-radius:var(--r-full);height:52px;color:var(--accent-contrast);transition:background var(--t-base) var(--e-smooth);background:#ffffff80;border:1px solid #1b240829;flex:1;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:500;display:flex}.p12__select span{text-align:left;flex:1}.p12__select svg{flex:none;width:16px;height:16px}.p12__select:hover{background:#ffffffd1}.p12__send{background:var(--deep);width:52px;height:52px;color:var(--accent-300);transition:transform var(--t-base) var(--e-spring);border:0;border-radius:50%;place-items:center;display:grid}.p12__send svg{width:19px;height:19px}.p12__send:hover{transform:translate(3px)rotate(-8deg)}.p12__meet{background:var(--paper);flex-direction:column;grid-area:1/6/span 6/span 7;padding:24px 26px 26px;display:flex}.p12__meet header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.p12__meet h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:36px;font-weight:600;line-height:1.08}.p12__meetSub{color:var(--ink-2);align-items:center;gap:9px;margin:14px 0 0;font-size:13px;display:flex}.p12__meetSub svg{width:16px;height:16px}.p12__meetSub b{color:var(--ink);font-weight:600}.p12__dateRow{gap:12px;margin:auto 0 0;display:flex}.p12__dateRow button{border-radius:var(--r-full);background:var(--surface);opacity:0;height:112px;animation:p12In var(--t-slow) var(--e-out) forwards;animation-delay:calc(var(--i) * 55ms + .14s);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth);border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;transform:translateY(8px)}@keyframes p12In{to{opacity:1;transform:none}}.p12__dateRow b{font-family:var(--font-display);letter-spacing:-.028em;font-size:20px;font-weight:600}.p12__dateRow i{color:var(--ink-3);font-size:11.5px;font-style:normal}.p12__dateRow button:hover{background:var(--surface-2)}.p12__dateRow button[data-active=true]{background:var(--accent-300)}.p12__dateRow button[data-active=true] i{color:#1b240899}.p12__dots{justify-content:center;gap:22px;margin-top:16px;display:flex}.p12__dots span{width:7px;height:7px;transition:background var(--t-base) var(--e-smooth);background:#c8ccbd;border-radius:50%}.p12__dots span[data-on=true]{background:var(--deep)}.p12__road{background:var(--surface);flex-direction:column;grid-area:7/1/span 6/span 5;padding:24px 26px 22px;display:flex}.p12__road header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.p12__road h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:33px;font-weight:600;line-height:1.08}.p12__add{border-radius:var(--r-full);background:var(--deep);color:#fff;height:44px;transition:transform var(--t-fast) var(--e-out);border:0;align-items:center;gap:7px;padding:0 20px;font-size:13px;font-weight:500;display:inline-flex}.p12__add svg{width:15px;height:15px}.p12__add:hover{transform:translateY(-2px)}.p12-road{flex-direction:column;flex:1;min-height:0;margin-top:18px;display:flex}.p12-road__body{flex-direction:column;flex:1;justify-content:space-around;min-height:0;display:flex;position:relative}.p12-road__hatch{background:repeating-linear-gradient(-45deg, var(--surface-2) 0 5px, transparent 5px 10px);border-radius:8px;position:absolute;inset:0 6% 0 62%}.p12-road__now{background:var(--deep);width:1.5px;position:absolute;top:-4px;bottom:0;left:68%}.p12-road__now i{background:var(--deep);border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:-4px;left:50%}.p12-road__row{z-index:1;height:44px;position:relative}.p12-road__bar{top:0;left:var(--s);border-radius:var(--r-full);white-space:nowrap;width:0;height:44px;transition:width var(--t-draw) var(--e-out), transform var(--t-base) var(--e-out), filter var(--t-base) var(--e-smooth);transition-delay:calc(var(--i) * .11s), 0s, 0s;align-items:center;gap:8px;padding:0 6px 0 16px;display:flex;position:absolute;overflow:hidden}.p12-road__bar[data-in=true]{width:var(--w)}.p12-road__bar[data-hot=true]{filter:brightness(1.04);transform:translateY(-2px)}.p12-road__bar[data-k=grey]{background:var(--surface-2)}.p12-road__bar[data-k=lime]{background:var(--accent-300)}.p12-road__name{font-size:13px;font-weight:500}.p12-road__pct{color:var(--ink-2);margin-left:auto;font-size:11.5px;font-weight:600}.p12-road__who{flex:none;display:flex}.p12-road__who u{border:2px solid var(--surface);width:32px;height:32px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;margin-left:-8px;font-size:9.5px;font-weight:700;text-decoration:none;display:grid}.p12-road__who u:first-child{margin-left:4px}.p12-road__who u[data-i="0"]{background:#c96a44}.p12-road__who u[data-i="1"]{background:#4d6b8a}.p12-road__who u[data-i="2"]{background:#7a5ea8}.p12-road__who u[data-i="3"]{background:#3f8a6a}.p12-road__axis{flex:none;padding-top:14px;display:flex}.p12-road__axis span{text-align:center;color:var(--ink-3);transition:color var(--t-fast) var(--e-smooth);flex:1;font-size:12px}.p12-road__axis span[data-on=true]{color:var(--ink);font-weight:700}.p12__date{background:var(--surface);grid-area:7/6/span 2/span 3;align-items:center;gap:14px;padding:0 22px;display:flex}.p12__date b{background:var(--deep);color:#fff;width:54px;height:54px;font-family:var(--font-display);letter-spacing:-.03em;border-radius:50%;flex:none;place-items:center;font-size:21px;font-weight:600;display:grid}.p12__date span{font-family:var(--font-display);letter-spacing:-.026em;font-size:17px;font-weight:600}.p12__date i{font-style:normal;display:block}.p12__time{color:#f7f9f3;background:linear-gradient(150deg,#8b9a80,#6d7c64);grid-area:7/9/span 3/span 4;grid-template-columns:auto 1fr;align-content:start;gap:8px 14px;padding:22px 24px;display:grid}.p12__timeIco{background:#ffffff47;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.p12__timeIco svg{width:19px;height:19px}.p12__timeLabel{color:#f7f9f3e0;align-self:center;font-size:12.5px;line-height:1.35}.p12__timeFig{font-family:var(--font-display);letter-spacing:-.044em;grid-column:1/-1;margin:auto 0 0;font-size:46px;font-weight:600}.p12__timeFig em{margin-left:4px;font-size:.52em;font-style:normal}.p12__eff{background:var(--deep);color:#f1f3ea;flex-direction:column;grid-area:9/6/span 4/span 3;padding:20px 22px 0;display:flex;position:relative;overflow:hidden}.p12__eff header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.p12__eff b{font-family:var(--font-display);letter-spacing:-.028em;font-size:19px;font-weight:600}.p12__effChip{color:#a9b09c;background:0 0;border-color:#ffffff2e;height:30px;padding:0 12px;font-size:11.5px}.p12__effChip:hover{border-color:#fff6}.p12__effPill{border-radius:var(--r-full);background:var(--surface);color:var(--deep);font-family:var(--font-display);align-self:center;margin-top:16px;padding:7px 16px;font-size:14px;font-weight:600}.p12-spark{width:calc(100% + 44px);height:96px;margin:auto -22px 0}.p12-spark__f{opacity:0;transition:opacity var(--t-slow) var(--e-smooth) .26s}.p12-spark__l{fill:none;stroke:var(--accent-300);stroke-width:2.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:620;stroke-dashoffset:620px;transition:stroke-dashoffset var(--t-draw) var(--e-out)}.p12-spark[data-in=true] .p12-spark__f{opacity:1}.p12-spark[data-in=true] .p12-spark__l{stroke-dashoffset:0}.p12__ai{background:linear-gradient(120deg, var(--accent-300) 0%, var(--accent-200) 52%, #f0ffb0 100%);color:var(--accent-contrast);grid-area:10/9/span 3/span 4;align-items:flex-end;padding:20px 22px;display:flex;position:relative;overflow:hidden}.p12__aiGlow{width:260px;height:260px;transition:transform var(--t-slow) var(--e-out);background:radial-gradient(circle at 36% 30%,#fdf1e4 0%,#efd3b8 30%,#d3a682 60%,#a9714f 88%,#86573c 100%);border-radius:50%;position:absolute;bottom:-70px;right:-30px;box-shadow:inset -18px -22px 52px #5a342073}.p12__ai:hover .p12__aiGlow{transform:scale(1.06)translateY(-6px)}.p12__aiGo{background:var(--surface);width:44px;height:44px;color:var(--ink);transition:transform var(--t-base) var(--e-spring);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:22px}.p12__aiGo svg{width:17px;height:17px}.p12__ai:hover .p12__aiGo{transform:rotate(45deg)}.p12__ai b{z-index:1;font-family:var(--font-display);letter-spacing:-.028em;font-size:20px;font-weight:500;line-height:1.2;position:relative}.p12__ai b span{font-weight:700}
