.process-studio{--ps-green:#203e32;--ps-lime:#d7f660;--ps-paper:#f5f1e8}.ps-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.ps-heading h2 em{font-style:normal;color:#b87962}.ps-heading .section-label{display:block;margin-bottom:15px}.ps-heading>p{font-size:15px;line-height:1.9;color:#636b61;margin:0 0 8px}.ps-console{border-radius:28px;overflow:hidden;background:var(--ps-green);color:var(--ps-paper);border:1px solid #405d4d;box-shadow:0 28px 60px -35px #203e3270}.ps-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ffffff1a;padding:12px 22px;gap:9px}.ps-tabs button{display:flex;align-items:center;gap:11px;position:relative;min-height:66px;border:0;border-radius:12px;padding:13px 16px;background:transparent;color:#d4dfd4;text-align:right;cursor:pointer;transition:background .25s,color .25s}.ps-tabs button>span{font:12px "Space Grotesk",sans-serif;opacity:.65}.ps-tabs button>b{font-size:17px}.ps-tabs button>i{margin-inline-start:auto;width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.ps-tabs button[aria-selected=true]{background:var(--ps-lime);color:#203e32}.ps-tabs button[aria-selected=true]>i{background:currentColor;box-shadow:0 0 0 4px #203e3215}.ps-tabs button:focus-visible,.ps-controls button:focus-visible{outline:2px solid white;outline-offset:-4px}
.ps-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.9fr);direction:ltr;min-height:480px}.ps-stage{position:relative;min-width:0;min-height:480px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#56755566,transparent 72%);direction:rtl}.ps-stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.ps-stage-orbit{position:absolute;width:380px;height:380px;border:1px solid #d7f66017;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 46px #d7f66004;z-index:-1}.ps-stage-label{position:absolute;left:28px;top:23px;font:9px "Space Grotesk",sans-serif;letter-spacing:2px;color:#cbdcc777}.ps-canvas-caption{position:absolute;bottom:17px;right:25px;font-size:10px;color:#bbcdb8}
.ps-copy{direction:rtl;padding:65px 32px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-inline-end:1px solid #ffffff12}.ps-counter{font:12px "Space Grotesk",sans-serif;letter-spacing:2px;color:var(--ps-lime);direction:ltr}.ps-copy h3{font-size:clamp(26px,2.6vw,38px);line-height:1.2;margin:22px 0 18px;letter-spacing:-.6px}.ps-copy>p{font-size:15px;line-height:1.85;color:#d1dbce;min-height:85px}.ps-deliverable{margin-top:25px;border-top:1px solid #ffffff25;padding-top:19px;width:100%}.ps-deliverable small{display:block;font-size:11px;color:#afc2ad;margin-bottom:8px}.ps-deliverable strong{font-size:15px;font-weight:500}.ps-controls{display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff1a;padding:18px 28px;direction:ltr}.ps-progress{height:3px;background:#ffffff1a;flex:1;overflow:hidden;border-radius:3px}.ps-progress i{display:block;height:100%;width:25%;background:var(--ps-lime);transition:width .65s cubic-bezier(.22,1,.36,1)}.ps-controls button{display:flex;align-items:center;gap:25px;direction:rtl;background:transparent;border:0;color:var(--ps-lime);min-height:44px;font-size:14px;font-weight:700}.ps-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:25px}.ps-bottom>p{font-size:12px;color:#67705f;line-height:1.8;max-width:560px}.ps-bottom .button{width:auto;min-width:270px;justify-content:center;font-size:14px}
.ps-brief{position:absolute;inset:0;transition:opacity .45s,transform .7s cubic-bezier(.22,1,.36,1)}.ps-note{position:absolute;display:flex;flex-direction:column;gap:17px;width:37%;max-width:195px;min-height:205px;padding:23px 20px;border-radius:5px 5px 22px 5px;color:#203e32;box-shadow:0 18px 25px #071c2733;transition:transform .65s,opacity .45s}.ps-note small{font-size:10px;opacity:.65}.ps-note b{font-size:26px;line-height:1.13}.ps-note i{font-size:11px;line-height:1.6;font-style:normal}.ps-note-one{top:18%;right:7%;background:#eee8dc;transform:rotate(9deg)}.ps-note-two{top:28%;left:8%;background:#d6e4c4;transform:rotate(-11deg)}.ps-note-three{top:43%;right:26%;background:var(--ps-lime);transform:rotate(2deg);z-index:1}.ps-brief-seal{position:absolute;left:25px;bottom:32px;font-size:11px;color:#caddc5;transform:rotate(-5deg)}
.ps-device{position:absolute;top:20%;left:8%;width:84%;transform:translateY(35px) scale(.85);opacity:0;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .45s}.ps-browser{background:#f4f0e5;border:1px solid #dbe5cb;border-radius:13px;overflow:hidden;color:#253e31;box-shadow:0 24px 45px #071c274d}.ps-browser-top{height:27px;display:flex;justify-content:space-between;align-items:center;direction:ltr;gap:8px;padding:0 13px;border-bottom:1px solid #203e3217;background:#fcfbf6;color:#8d9687;font:8px "Space Grotesk",sans-serif}.ps-dots{display:flex;gap:4px}.ps-dots i{width:4px;height:4px;border-radius:50%;background:#b8c1ae}.ps-page{padding:20px}.ps-nav{display:flex;justify-content:space-between;align-items:center}.ps-nav>b{font:700 19px "Space Grotesk",sans-serif;letter-spacing:2px;direction:ltr}.ps-nav>b span{display:block;font-size:5px;letter-spacing:1.4px;margin-top:3px}.ps-nav-links{font-size:7px;color:#6f7969}.ps-page-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:center;margin:22px 0}.ps-page-copy small{font-size:7px}.ps-page-copy strong{display:block;font-size:clamp(19px,2.5vw,34px);letter-spacing:-1px;line-height:1.14;margin:9px 0}.ps-page-copy strong em{font-style:normal;color:#9b7058}.ps-page-copy p{font-size:8px;line-height:1.7}.ps-demo-button{display:inline-block;padding:8px 10px;border-radius:5px;background:#233e31;color:#eff5df;font-size:7px;margin-top:13px}.ps-architecture{height:180px;position:relative;overflow:hidden;border-radius:70px 70px 7px 7px;background:linear-gradient(115deg,#b7ab8e,#e8dcc1 60%,#c8b590);box-shadow:0 10px 20px #574f2720}.ps-architecture i{position:absolute;left:15%;top:12%;width:50%;height:60%;border-radius:80px 80px 0 0;background:linear-gradient(120deg,#eef5d6,#9ab19b);border:8px solid #aa9c81;box-shadow:8px 9px 15px #74674644}.ps-architecture b{position:absolute;bottom:10%;left:24%;width:63%;height:23%;background:linear-gradient(90deg,#a18e6e,#e2d6bb,#a18e6e);border-radius:50% 50% 4px 4px}.ps-architecture>span{position:absolute;bottom:32%;left:48%;height:27%;width:22%;border-radius:26% 26% 40% 40%;background:linear-gradient(90deg,#93694d,#c59b73,#a07354)}.ps-page-bottom{display:flex;justify-content:space-between;border-top:1px solid #213d3120;padding-top:12px;gap:8px}.ps-page-bottom>span{display:flex;align-items:center;gap:4px;font-size:6px}.ps-page-bottom i{width:4px;height:4px;border-radius:50%;background:#8e9f67}
.ps-phone{position:absolute;bottom:21%;left:9%;width:100px;height:200px;padding:22px 9px 12px;border:4px solid #153125;border-radius:19px;background:#f4f0e5;color:#203e32;box-shadow:0 15px 35px #061b2980;opacity:0;transform:translateY(35px) rotate(-8deg);transition:transform .75s .1s,opacity .4s}.ps-phone-camera{position:absolute;top:5px;left:36%;width:28%;height:5px;border-radius:5px;background:#173b2c}.ps-phone>b{font:700 9px "Space Grotesk",sans-serif;letter-spacing:1px}.ps-phone>strong{display:block;font-size:21px;line-height:1.05;margin:11px 0 8px}.ps-phone-art{height:55px;background:linear-gradient(115deg,#aebd97,#ddc8a6);border-radius:25px 25px 3px 3px}.ps-phone-cta{display:block;margin-top:8px;background:#203e32;color:#e8f1d3;font-size:6px;text-align:center;padding:5px;border-radius:3px}.ps-live{position:absolute;bottom:44px;left:50%;width:85%;display:flex;justify-content:center;gap:6px;transform:translate(-50%,12px);opacity:0;transition:transform .6s .25s,opacity .5s .2s}.ps-live>span{font-size:9px;padding:6px 8px;background:#d7f66015;border:1px solid #d7f66033;border-radius:30px;color:#dfeecc;white-space:nowrap}
.process-studio:not([data-phase="0"]) .ps-brief{opacity:0;transform:scale(.65);pointer-events:none}.process-studio:not([data-phase="0"]) .ps-device{opacity:1;transform:translateY(0) scale(1)}
.process-studio[data-phase="1"] .ps-browser{box-shadow:none;border:1px dashed #b6c7b6;background:#f0f2ec}.process-studio[data-phase="1"] .ps-page{filter:grayscale(1)}.process-studio[data-phase="1"] .ps-page-copy strong,.process-studio[data-phase="1"] .ps-page-copy p,.process-studio[data-phase="1"] .ps-page-copy small,.process-studio[data-phase="1"] .ps-demo-button{color:transparent;background:#d9ded3;border-radius:3px}.process-studio[data-phase="1"] .ps-page-copy strong em{color:transparent}.process-studio[data-phase="1"] .ps-architecture{border:1px dashed #a8b0a1;border-radius:3px;background:linear-gradient(45deg,transparent 49.5%,#bdc6b5 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#bdc6b5 50%,transparent 50.5%),#e2e7dc;box-shadow:none}.process-studio[data-phase="1"] .ps-architecture>*{opacity:0}
.process-studio[data-phase="2"] .ps-device{transform:perspective(900px) rotateY(-5deg) rotateZ(1deg)}
.process-studio[data-phase="3"] .ps-device{transform:translate(6%,-7%) scale(.88)}.process-studio[data-phase="3"] .ps-phone{opacity:1;transform:translateY(0) rotate(-5deg)}.process-studio[data-phase="3"] .ps-live{opacity:1;transform:translate(-50%,0)}
.process-studio[data-phase="1"] .ps-progress i{width:50%}.process-studio[data-phase="2"] .ps-progress i{width:75%}.process-studio[data-phase="3"] .ps-progress i{width:100%}
@media(max-width:900px){.ps-workspace{grid-template-columns:minmax(0,1.4fr) minmax(210px,.9fr)}.ps-copy{padding:35px 24px}.ps-note{padding:18px 15px}.ps-note b{font-size:23px}.ps-page{padding:15px}.ps-architecture{height:150px}.ps-live>span{font-size:8px;padding:5px}.ps-tabs button{padding:12px;gap:8px}}
@media(max-width:760px){.ps-heading{display:block;margin-bottom:24px}.ps-heading>p{margin-top:20px;font-size:14px}.ps-console{border-radius:22px}.ps-tabs{gap:4px;padding:10px}.ps-tabs button{min-height:65px;padding:8px 4px;gap:6px;flex-direction:column;justify-content:center;text-align:center;border-radius:9px}.ps-tabs button>b{font-size:13px}.ps-tabs button>span{font-size:10px}.ps-tabs button>i{display:none}.ps-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.ps-stage{min-height:350px;height:350px}.ps-stage-label{font-size:7px;left:20px;top:18px}.ps-stage-orbit{width:240px;height:240px}.ps-note{width:41%;min-height:157px;max-width:none;padding:15px 13px;gap:11px}.ps-note b{font-size:23px}.ps-note small{font-size:9px}.ps-note i{font-size:9px}.ps-note-one{top:16%;right:6%}.ps-note-two{top:25%;left:5%}.ps-note-three{top:44%;right:25%}.ps-brief-seal{font-size:8px;left:16px;bottom:28px}.ps-canvas-caption{font-size:8px;bottom:12px;right:18px}.ps-device{top:17%;left:5%;width:90%}.ps-page{padding:12px}.ps-browser-top{height:22px;padding:0 9px;font-size:6px}.ps-nav>b{font-size:14px}.ps-nav>b span{font-size:4px}.ps-nav-links{font-size:5px}.ps-page-hero{gap:9px;margin:15px 0}.ps-page-copy strong{font-size:23px;letter-spacing:-.7px}.ps-page-copy small{font-size:6px}.ps-page-copy p{font-size:7px}.ps-demo-button{font-size:6px;padding:7px;margin-top:9px}.ps-architecture{height:135px}.ps-page-bottom{padding-top:9px}.ps-page-bottom>span{font-size:5px}.ps-phone{width:74px;height:155px;left:7%;bottom:24%;padding:17px 6px 8px;border-width:3px;border-radius:14px}.ps-phone>b{font-size:7px}.ps-phone>strong{font-size:17px;margin:7px 0}.ps-phone-art{height:40px}.ps-phone-cta{font-size:5px;padding:4px;margin-top:6px}.ps-live{bottom:37px;gap:4px;width:94%;flex-wrap:wrap}.ps-live>span{font-size:7px;padding:5px 6px}.ps-copy{padding:22px 24px 27px;border-top:1px solid #ffffff15;border-inline-end:0;min-height:255px;justify-content:flex-start}.ps-counter{font-size:10px}.ps-copy h3{font-size:27px;margin:13px 0 10px}.ps-copy>p{font-size:14px;min-height:52px;line-height:1.75}.ps-deliverable{margin-top:17px;padding-top:13px}.ps-deliverable small{font-size:10px}.ps-deliverable strong{font-size:14px}.ps-controls{padding:12px 22px;gap:25px}.ps-controls button{font-size:13px}.ps-bottom{display:block;margin-top:20px}.ps-bottom>p{font-size:11px}.ps-bottom .button{width:100%;min-width:0;margin-top:17px}.ps-heading h2{font-size:44px}}
@media(max-width:360px){.ps-page-copy strong{font-size:20px}.ps-stage{height:330px;min-height:330px}.ps-architecture{height:115px}.ps-note b{font-size:21px}.ps-note{min-height:145px}.ps-copy h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.process-studio *{transition:none!important;animation:none!important}}
.motion-paused .process-studio *{transition:none!important;animation:none!important}
.ps-noscript{line-height:1.9}