.automation-panel{align-self:center;min-width:0;overflow:hidden;border:1px solid #4c7183;border-radius:22px;background:radial-gradient(ellipse at 50% 38%,#23556c55,transparent 62%),#0d1d2a;box-shadow:0 28px 80px #0005;color:#eaf6f6;transition:opacity .3s}.automation-panel.switching{opacity:.7}.auto-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 25px;border-bottom:1px solid #365769;font:9px 'DM Mono',monospace;color:#aed1dc}.auto-header span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff9875;box-shadow:0 0 16px #ff9875;margin-right:9px}.auto-header button{color:#c2e9ed;background:#1e3949;border:1px solid #597886;padding:8px 10px;border-radius:20px;font:9px 'DM Mono',monospace;cursor:pointer;white-space:nowrap}.auto-status{padding:24px 25px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.auto-status>div>span{font:8px 'DM Mono',monospace;color:#88aeba;letter-spacing:.13em}.auto-status strong{display:block;margin-top:8px;font:500 clamp(17px,1.6vw,25px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.03em}.auto-phase{color:#ffb797;font:11px 'DM Mono',monospace;white-space:nowrap}.auto-scene{position:relative;display:grid;grid-template-columns:1fr 32px 1.1fr 32px 1fr;align-items:center;gap:0;padding:48px 25px 36px;min-height:260px;background-image:linear-gradient(#81c2d009 1px,transparent 1px),linear-gradient(90deg,#81c2d009 1px,transparent 1px);background-size:30px 30px}.auto-node{position:relative;padding:18px 13px;min-height:147px;border:1px solid #50798a;border-radius:8px;background:#112b3b;box-shadow:0 13px 25px #0003}.auto-node small{color:#ffac87;font:8px 'DM Mono',monospace}.auto-node strong{display:block;margin-top:10px;font:500 clamp(13px,1.2vw,19px)/1.2 'Space Grotesk',sans-serif}.auto-node em{display:block;color:#9ebfcb;font:8px/1.5 'DM Mono',monospace;font-style:normal;margin-top:10px}.auto-document{display:block;margin-top:15px}.auto-document i{display:block;height:3px;width:90%;background:#63ccd7;margin:5px 0;border-radius:5px}.auto-document i:nth-child(2){width:65%}.auto-document i:nth-child(3){width:77%}.auto-cable{height:2px;background:#507a8c;position:relative;overflow:visible}.auto-cable i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#ffc5a3;box-shadow:0 0 14px #ff9875;animation:auto-packet 7s linear infinite}.auto-cable-output i{animation-delay:-3.5s;background:#7ce4e7;box-shadow:0 0 14px #7ce4e7}@keyframes auto-packet{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:100%;opacity:0}}.auto-core{position:relative;aspect-ratio:1;max-width:200px;width:100%;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#24607966,transparent 66%);text-align:center;padding:13px}.auto-core>span{font-size:31px;color:#ffac83}.auto-core>strong{font:600 clamp(12px,1.2vw,17px) 'Space Grotesk',sans-serif;margin:8px 0}.auto-core>small{font:7px 'DM Mono',monospace;color:#91e2e7;letter-spacing:.06em}.auto-ring{position:absolute;inset:-8px;border:1px dashed #ffac8399;border-radius:50%;animation:auto-orbit 44s linear infinite}.auto-ring:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#ffac83;top:15%;left:12%;box-shadow:0 0 14px #ff9875}.auto-ring-inner{inset:3px;border-color:#7ce4e777;animation-duration:32s;animation-direction:reverse}.auto-ring-inner:after{background:#7ce4e7}.auto-check{display:grid;place-items:center;border:1px solid #638e9299;background:#285d5766;width:30px;height:30px;border-radius:50%;margin-top:14px;color:#9fe6c5;transition:background 2s,box-shadow 2s}[data-automation-step="3"] .auto-check{background:#387e6a;box-shadow:0 0 25px #8aebbb55}@keyframes auto-orbit{to{transform:rotate(360deg)}}.auto-steps{list-style:none;padding:0 25px;margin:5px 0 17px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.auto-steps li{display:flex;gap:7px;align-items:center;padding:10px 8px;border-radius:5px;background:#18313f;border:1px solid #314d5d;color:#86a8b7;font:9px 'DM Mono',monospace;transition:background 1.5s,color 1.5s,border-color 1.5s}.auto-steps b{font-weight:400}.auto-steps .is-current{color:#ffd6bc;background:#493b36;border-color:#a97d65}.auto-steps .is-done{color:#b5ece4}.auto-progress{height:3px;background:#253f4e;margin:0 25px}.auto-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#77dce5,#ffb18b);transition:width 4.5s ease}.auto-activity{padding:21px 25px 15px}.auto-activity>div{display:flex;justify-content:space-between;gap:10px;color:#89b6c5;font:8px 'DM Mono',monospace}.auto-log-label{color:#dda689}.auto-activity ul{list-style:none;padding:0;margin:12px 0 0;min-height:69px}.auto-activity li{display:flex;gap:12px;align-items:center;color:#b9d4df;font:9px/1.6 'DM Mono',monospace;padding:4px 0;animation:auto-log-in 1.4s ease both}.auto-activity li span{color:#6db7c6}@keyframes auto-log-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.auto-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #304f60;padding:15px 25px;color:#8cabb9;font:8px 'DM Mono',monospace}.auto-footer .experience-corner{position:static;padding:0;border:0;background:none;color:#ffb592;width:auto;height:auto}.automation-paused *{animation-play-state:paused!important}.automation-paused .auto-progress i{transition:none}
.portfolio-page{background:#0b111b;color:#f0f7f8}.pf-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4%;min-height:620px;background:radial-gradient(ellipse at 80% 50%,#22617826,transparent 60%)}.pf-hero h1{font:600 clamp(43px,4.6vw,76px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:25px 0}.pf-hero em,.pf-finale em{color:#ffac88;font-style:normal}.pf-hero p,.pf-finale p{color:#adc7d3;line-height:1.7;max-width:650px;font-size:17px}.pf-hero .button{margin-top:22px}.pf-hero-art{overflow:hidden;border:1px solid #48697a;border-radius:18px;background:#102231;box-shadow:0 28px 65px #0005}.pf-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2}.pf-hero-art>span{display:block;padding:18px 22px;font:9px 'DM Mono',monospace;color:#a5dce0}.pf-work{border-top:1px solid #2b485a}.pf-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.pf-section-head h2{font:600 clamp(31px,3.4vw,55px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:18px 0}.pf-section-head p{color:#92b0bf;font-size:13px;line-height:1.6;max-width:640px}.pf-filters{display:flex;gap:7px;flex-wrap:wrap}.pf-filters button{padding:12px 16px;border:1px solid #527080;background:#122735;color:#b9d9df;border-radius:24px;cursor:pointer;font-size:12px;white-space:nowrap}.pf-filters button[aria-pressed=true]{background:#ffac88;color:#101b27;border-color:#ffac88}.pf-count{font:10px 'DM Mono',monospace;color:#7c9dab;margin:25px 0}.pf-project{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:45px 0;border-top:1px solid #304d60;align-items:center}.pf-project[hidden]{display:none}.pf-project:nth-of-type(even) .pf-preview{order:2}.pf-preview{min-width:0;position:relative;background:radial-gradient(ellipse at 20% 20%,#5ba1b435,transparent 65%),#142736;padding:38px 24px 45px;overflow:hidden;border:1px solid #456575;border-radius:18px}.pf-college .pf-preview{background:radial-gradient(ellipse at 20% 20%,#9b78b83b,transparent 65%),#202333}.pf-iti .pf-preview{background:radial-gradient(ellipse at 20% 20%,#4f968e44,transparent 65%),#132a2d}.pf-commerce .pf-preview{background:radial-gradient(ellipse at 20% 20%,#c7815e3b,transparent 65%),#292633}.pf-window{background:#0b1a28;border:1px solid #7194a4;border-radius:10px;overflow:hidden;box-shadow:0 20px 45px #0007;transform:perspective(1100px) rotateY(-5deg) rotateX(3deg);transition:transform .8s}.pf-preview:hover .pf-window{transform:perspective(1100px) rotateY(0) rotateX(0)}.pf-window-bar{display:flex;justify-content:space-between;gap:7px;padding:12px;border-bottom:1px solid #415e6e;font:8px 'DM Mono',monospace;color:#bbd4dd}.pf-window-bar>span:last-child{color:#ffac88}.pf-screen{display:flex;min-height:295px}.pf-screen aside{flex:0 0 39px;display:flex;align-items:center;flex-direction:column;gap:23px;padding:16px 0;background:#142735;color:#7197a8;font-size:13px}.pf-screen aside b{color:#ffac88;font-size:11px}.pf-screen-main{padding:19px;min-width:0;flex:1}.pf-screen-main>small{font:7px 'DM Mono',monospace;color:#72ced8}.pf-screen-main h3{font:500 clamp(16px,1.6vw,25px) 'Space Grotesk',sans-serif;color:#e9f6f7;letter-spacing:-.035em;margin:10px 0 18px}.pf-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.pf-kpis>span{padding:12px 9px;border:1px solid #405f6e;background:#193340;color:#8fc4d0;font:8px 'DM Mono',monospace}.pf-kpis b{display:block;font-size:9px;color:#d5e9ed;margin-top:7px;font-weight:400}.pf-school-chart{height:55px;display:flex;align-items:end;gap:13px;border-bottom:1px solid #3b5f72;margin:12px 0}.pf-school-chart i{height:60%;flex:1;background:#64b9c7;border-radius:2px 2px 0 0;animation:pf-bars 7s ease-in-out infinite alternate;transform-origin:bottom}.pf-school-chart i:nth-child(2n){height:90%;animation-delay:-3s;background:#d99373}.pf-school-chart i:nth-child(3n){height:70%;animation-delay:-5s}@keyframes pf-bars{to{transform:scaleY(.6)}}.pf-table>div{display:flex;justify-content:space-between;gap:5px;padding:10px 1px;border-bottom:1px solid #3d596a;color:#b6d0db;font-size:9px}.pf-table b{font-weight:400;color:#7496a7;font-size:8px}.pf-table em{font:7px 'DM Mono',monospace;color:#9edbc8;font-style:normal}.pf-departments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pf-departments div{padding:19px 5px;background:#312d46;border:1px solid #716181;text-align:center}.pf-departments b{display:block;color:#cab4e6;font:17px 'Space Grotesk',sans-serif}.pf-departments span{display:block;font-size:8px;margin-top:7px;color:#b2a7cb}.pf-preview-foot{font:7px 'DM Mono',monospace;color:#82acbd;border-top:1px solid #345266;padding-top:14px;margin-top:15px;letter-spacing:.05em}.pf-trades{margin:15px 0}.pf-trades>div{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #3c696c;background:#183a40;margin:7px 0}.pf-trades span{font:9px 'DM Mono',monospace;color:#84b1b3}.pf-trades b{font-size:12px;font-weight:500;color:#cde8e5}.pf-trades i{margin-left:auto;color:#9dd2c5;font-style:normal}.pf-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pf-products>div{background:radial-gradient(#8b66523d,transparent),#20323e;border:1px solid #6e6861;padding:18px 10px 10px;text-align:center}.pf-products b{font-size:8px;font-weight:400;display:block;color:#c3d4d9;margin-top:14px}.pf-product-bag{display:block;position:relative;width:55px;height:61px;margin:9px auto;background:linear-gradient(120deg,#d99c78,#825238);border-radius:3px;box-shadow:8px 9px 20px #0006}.pf-product-bag:before{content:'';position:absolute;left:15px;top:-14px;width:24px;height:22px;border:3px solid #d3a384;border-radius:20px 20px 0 0}.pf-product-box{display:block;position:relative;width:59px;height:58px;background:linear-gradient(120deg,#83c4ce,#2e596e);margin:12px auto 9px;box-shadow:8px 9px 20px #0006}.pf-product-box:before{content:'';position:absolute;inset:0 23px;background:#d9b296}.pf-checkout{display:flex;flex-direction:column;gap:12px;margin-top:20px;font:7px 'DM Mono',monospace;color:#8faebe}.pf-checkout b{background:#be8d71;color:#0b1b29;padding:12px;text-align:center;font-size:9px}.pf-preview-badge{position:absolute;bottom:15px;right:24px;color:#a1c4cf;font:8px 'DM Mono',monospace}.pf-project-copy h2{font:500 clamp(32px,3.4vw,54px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:22px 0}.pf-project-copy>p{color:#aac5d1;line-height:1.7;font-size:15px}.pf-project-copy ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 30px}.pf-project-copy li{font-size:12px;color:#bed9df;line-height:1.5}.pf-project-copy li:before{content:'+';color:#ffac88;margin-right:7px}.pf-project-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pf-detail-link{color:#9cdce4;font:9px 'DM Mono',monospace}.pf-finale{border-top:1px solid #35566a;background:#122837}.pf-finale h2{font:600 clamp(38px,4.4vw,70px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:25px 0}.pf-finale .button{margin-top:20px}
@media(max-width:1100px){.auto-scene{grid-template-columns:1fr 17px 1fr 17px 1fr;padding:40px 18px 30px}.auto-node{padding:14px 9px}.auto-steps{gap:4px;padding-inline:18px}.auto-steps li{font-size:8px;padding:9px 5px}.auto-core>small{font-size:6px}.pf-section-head{display:block}.pf-filters{margin-top:22px}.pf-screen-main{padding:13px}}
@media(max-width:760px){.automation-panel{width:100%}.auto-header{padding:17px 15px;font-size:8px}.auto-status{padding:19px 16px 0}.auto-status strong{font-size:19px}.auto-scene{padding:38px 15px 25px;min-height:230px}.auto-node strong{font-size:12px}.auto-node small,.auto-node em{font-size:7px}.auto-core>strong{font-size:12px}.auto-core>span{font-size:25px}.auto-core{padding:10px}.auto-ring{inset:-3px}.auto-ring-inner{inset:5px}.auto-activity{padding:18px 16px}.auto-log-label{display:none}.auto-footer{padding:14px 16px;font-size:7px}.auto-progress{margin-inline:18px}.pf-hero{grid-template-columns:1fr;gap:30px;min-height:0}.pf-hero-art{max-width:560px}.pf-project{grid-template-columns:1fr;gap:30px}.pf-project:nth-of-type(even) .pf-preview{order:0}.pf-preview{padding:28px 18px 42px}.pf-screen-main{padding:17px}.pf-project-copy h2{font-size:40px}.pf-project-copy ul{gap:13px}.pf-hero h1{font-size:clamp(40px,8vw,62px)}}
@media(max-width:400px){.auto-scene{grid-template-columns:1fr 12px .9fr 12px 1fr;padding-inline:10px}.auto-node{padding:12px 8px}.auto-core>strong{font-size:10px}.auto-core>small{font-size:5px}.auto-steps li{gap:4px;font-size:7px}.auto-header button{font-size:8px}.pf-screen-main{padding:12px}.pf-window-bar{font-size:7px}}
@media(prefers-reduced-motion:reduce){.automation-panel *,.pf-work *{animation:none!important;transition:none!important}}