.pr-sec{padding-top:var(--section-y)}.pr-head{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:end;gap:18px max(32px,min(5vw,96px));display:grid}.pr-head>div{max-width:none}.pr-head h2{max-width:18ch}.pr-head-aside{max-width:40ch;padding-bottom:6px}@media (max-width:1000px){.pr-head{grid-template-columns:1fr}.pr-head-aside{padding-bottom:0}}.pr-hero{padding-top:max(32px,min(4vw,72px));overflow-x:clip}.pr-sec-live{padding-top:var(--section-y-tight)}.pr-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:max(32px,min(5vw,112px));display:grid}.pr-hero-copy{max-width:760px}.pr-hero-copy h1{letter-spacing:-.052em;max-width:12ch;margin-top:22px;font-size:max(2.75rem,min(1.2rem + 4.6vw,6.25rem));line-height:.98}.pr-hero-copy .lead{max-width:40ch;margin-top:max(20px,min(2vw,28px))}.pr-hero-cta{flex-wrap:wrap;gap:12px;margin-top:max(28px,min(2.6vw,40px));display:flex}.pr-down:hover svg{transform:translateY(3px)}.pr-index{border-top:1px solid var(--line);margin-top:max(28px,min(2.6vw,36px))}.pr-index-row{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:4px 16px;padding-top:6px;padding-bottom:6px;display:grid}.pr-index-k{font:700 11.5px/1.2 var(--font-body),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.pr-index-k.is-live{color:#16683f}.pr-index-k.is-live:before{content:"";background:#22a065;border-radius:50%;width:7px;height:7px}.pr-index ul{flex-wrap:wrap;gap:0 16px;display:flex}.pr-index a{min-height:40px;font:600 15px/1.2 var(--font-body),sans-serif;color:var(--ink);transition:color var(--dur-2);align-items:center;gap:9px;display:inline-flex}.pr-index a:hover{color:var(--teal)}.pr-index a:hover .plogo{transform:scale(1.08)}.pr-index .plogo{width:26px;height:26px}.pr-hero-visual{justify-content:center;display:flex}.pr-hero-visual .pr-orb{width:min(100%,680px)}@media (max-width:980px){.pr-hero-grid{grid-template-columns:1fr;gap:max(24px,min(6vw,48px))}.pr-hero-copy{max-width:none}.pr-hero-visual .pr-orb{width:min(100%,500px)}}@media (max-width:480px){.pr-hero-cta{flex-direction:column;align-items:stretch}.pr-hero-cta .btn{width:100%}.pr-index-row{grid-template-columns:1fr;padding-top:12px;padding-bottom:6px}.pr-index ul{gap:0 18px}.pr-index a{min-height:44px}}.pr-live{gap:var(--grid-gap);flex-direction:column;display:flex}.pr-tile{--pad:clamp(28px,3.6vw,72px);background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:max(440px,min(36vw,600px));transition:border-color var(--dur-2)var(--ease-out);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid;overflow:hidden}.pr-tile:hover{border-color:var(--line-2)}.pr-tile-body{padding:var(--pad);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.pr-tile-head{align-items:center;gap:18px;display:flex}.pr-tile-head h3{letter-spacing:-.04em;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:max(1.75rem,min(1.2rem + 1.3vw,2.75rem));font-weight:800;line-height:1.05;display:flex}.pr-tile-head h3 a{transition:color var(--dur-2)}.pr-tile-head h3 a:hover{color:var(--teal)}.pr-tile-kicker{color:var(--muted);margin-top:6px;font-size:15px;line-height:1.3}.pr-tile-desc{font-size:var(--step-lead);max-width:36ch;margin-top:max(20px,min(2vw,28px));line-height:1.5}.pr-tile-actions{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:max(24px,min(2.2vw,34px));display:flex}.pr-tile-more{font-size:15px}.pr-tile-visual{--ph:clamp(170px,15vw,250px);--ov:calc(var(--ph)*.42);pointer-events:none;min-width:0;position:relative}.pr-tile-visual .win{bottom:0;left:calc(var(--ph) - var(--ov));right:var(--pad);width:auto;max-height:calc(100% - var(--pad));border-bottom:0;border-radius:14px 14px 0 0;position:absolute}.pr-tile-visual .win .screen{aspect-ratio:auto}.pr-tile-visual .win .screen>.app{height:auto}.pr-tile-visual .win .app{font-size:max(10.5px,min(2cqw,13px))}.pr-tile-visual .win .app-body{grid-template-columns:var(--ov)minmax(0,1fr)}.pr-tile-visual .win .app-side>*{visibility:hidden}.pr-tile-visual .win .app-top{padding-left:calc(var(--ov) + 1.2em)}.pr-tile-visual .win .res{display:none}.pr-tile-visual .phone{left:0;top:calc(var(--pad) + clamp(20px,2vw,36px));width:var(--ph);position:absolute}.pr-tile-visual .win,.pr-tile-visual .phone{transition:transform var(--dur-4)var(--ease-out)}.pr-tile:hover .pr-tile-visual .win{transform:translateY(-4px)}.pr-tile:hover .pr-tile-visual .phone{transform:translateY(-8px)}.pr-tile:nth-child(2n){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.pr-tile:nth-child(2n) .pr-tile-visual{order:-1}.pr-tile:nth-child(2n) .pr-tile-visual .phone{left:var(--pad)}.pr-tile:nth-child(2n) .pr-tile-visual .win{left:calc(var(--pad) + var(--ph) - var(--ov));right:0}@media (max-width:1100px){.pr-tile,.pr-tile:nth-child(2n){grid-template-columns:1fr;min-height:0}.pr-tile:nth-child(2n) .pr-tile-visual{order:0}.pr-tile-body{padding-bottom:0}.pr-tile-visual{--ph:clamp(150px,22vw,210px);padding:clamp(32px,4vw,48px)var(--pad)0 calc(var(--pad) + var(--ph) - var(--ov))}.pr-tile-visual .win,.pr-tile:nth-child(2n) .pr-tile-visual .win{max-height:none;position:relative;bottom:auto;left:auto;right:auto}.pr-tile-visual .phone,.pr-tile:nth-child(2n) .pr-tile-visual .phone{top:auto;bottom:calc(var(--ph)*-.32);left:var(--pad)}}@media (max-width:600px){.pr-tile-head{align-items:flex-start;gap:14px}.pr-tile-head .plogo{width:52px;height:52px}.pr-tile-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%}.pr-tile-actions .btn{width:100%}.pr-tile-more{justify-content:center;min-height:44px}.pr-tile-visual{height:400px}.pr-tile-visual .win{display:none}.pr-tile-visual .phone,.pr-tile:nth-child(2n) .pr-tile-visual .phone{width:min(66%,250px);margin-left:calc(min(66%,250px)/-2);top:32px;left:50%;right:auto}.pr-tile:hover .pr-tile-visual .phone{transform:none}}.pr-soon{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);gap:1px;display:grid;overflow:hidden}.pr-soon li{background:#fff;display:flex}.pr-soon-item{transition:background-color var(--dur-2)var(--ease-out);flex-direction:column;flex:1;align-items:flex-start;padding:max(24px,min(2.4vw,40px));display:flex}.pr-soon-item:hover{background:var(--bg-alt)}.pr-soon-item:focus-visible{outline-offset:-3px;border-radius:0}.pr-soon-item:hover .plogo{transform:scale(1.06)}.pr-soon-text{margin-top:max(20px,min(2vw,28px))}.pr-soon-text h3{letter-spacing:-.025em;font-size:max(1.1875rem,min(1.05rem + .4vw,1.4375rem))}.pr-soon-text p{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.55}.pr-soon-more{color:var(--ink);transition:color var(--dur-2);align-items:center;gap:6px;margin-top:auto;padding-top:22px;font-size:14.5px;font-weight:600;display:inline-flex}.pr-soon-more svg{width:16px;height:16px;transition:transform var(--dur-3)var(--ease-out)}.pr-soon-item:hover .pr-soon-more{color:var(--teal)}.pr-soon-item:hover .pr-soon-more svg{transform:translate(3px)}@media (max-width:1180px){.pr-soon{grid-template-columns:repeat(6,minmax(0,1fr))}.pr-soon li{grid-column:span 2}.pr-soon li:nth-child(-n+2){grid-column:span 3}}@media (max-width:600px){.pr-soon{grid-template-columns:1fr}.pr-soon li,.pr-soon li:nth-child(-n+2){grid-column:auto}.pr-soon-item{grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:18px;display:grid}.pr-soon-item .plogo{grid-row:1/span 2;width:44px;height:44px}.pr-soon-text{grid-column:2;margin-top:0}.pr-soon-text p{margin-top:4px;font-size:14.5px}.pr-soon-more{grid-column:2;min-height:32px;padding-top:8px}}.pr-eco{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:max(40px,min(6vw,128px));display:grid}.pr-eco-band+.cta-band{margin-top:0}.pr-eco-copy h2{margin-top:14px}.pr-eco-copy .lead{margin-top:16px}.pr-eco-points{border-top:1px solid var(--line-2);margin-top:max(28px,min(3vw,44px))}.pr-eco-points>div{border-bottom:1px solid var(--line-2);padding-top:max(18px,min(1.8vw,24px));padding-bottom:max(18px,min(1.8vw,24px))}.pr-eco-points dt{font:700 1.0625rem/1.3 var(--font-display),sans-serif;color:var(--ink);letter-spacing:-.01em;align-items:baseline;gap:14px;display:flex}.pr-eco-n{width:20px;font:700 12px/1 var(--font-body),sans-serif;letter-spacing:.08em;color:var(--teal);flex:none}.pr-eco-points dd{color:var(--text);max-width:52ch;margin-top:6px;padding-left:34px;font-size:15px;line-height:1.6}.pr-eco-diagram{flex-direction:column;display:flex}.pr-eco-step{flex-direction:column;align-items:stretch;display:flex}.pr-eco-link{background:var(--line-2);align-self:center;width:2px;height:max(18px,min(2vw,28px));position:relative}.pr-eco-link:after{content:"";background:var(--bg-alt);border:2px solid var(--line-2);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.pr-eco-layer{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:max(110px,min(10vw,150px)) minmax(0,1fr);align-items:center;gap:16px 24px;padding:max(16px,min(1.6vw,22px)) max(18px,min(2vw,28px));display:grid}.pr-eco-label{font:700 11.5px/1.3 var(--font-body),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pr-eco-chips{flex-wrap:wrap;gap:8px;display:flex}.pr-eco-chips li{background:var(--bg-alt);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex}.pr-eco-chips svg{width:16px;height:16px;color:var(--teal)}.pr-eco-layer.is-suite{border:1.5px solid var(--ink);padding-top:max(20px,min(2vw,28px));padding-bottom:max(20px,min(2vw,28px))}.pr-eco-layer.is-suite .pr-eco-label{color:var(--ink)}.pr-eco-suite{flex-wrap:wrap;gap:14px 28px;display:flex}.pr-eco-suite li{font:700 14.5px/1.25 var(--font-display),sans-serif;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;display:flex}@media (max-width:1100px){.pr-eco{grid-template-columns:1fr}.pr-eco-copy{max-width:760px}}@media (max-width:600px){.pr-eco-layer{grid-template-columns:1fr;gap:12px}.pr-eco-suite{gap:12px 22px}.pr-eco-points dd{padding-left:0}}.pr-phero-id{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.pr-phero-id .plogo{width:max(52px,min(4.4vw,64px));height:auto}.pr-phero-name{flex-direction:column;gap:4px;min-width:0;display:flex}.pr-phero-name span{font:800 clamp(1.25rem,1.1rem + .5vw,1.625rem)/1.1 var(--font-display),sans-serif;letter-spacing:-.03em;color:var(--ink)}.pr-phero-name small{color:var(--muted);font-size:14.5px;line-height:1.3}.pr-phero-id .status{margin-left:2px}.pr-phero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px max(32px,min(5vw,112px));margin-top:max(24px,min(2.6vw,40px));display:grid}.pr-phero-title{max-width:15ch}.pr-phero-title .acc{color:var(--teal)}.pr-phero-side{flex-direction:column;align-items:flex-start;padding-top:max(4px,min(.6vw,12px));display:flex}.pr-phero-lead{font-size:var(--step-lead);color:var(--text);max-width:46ch;line-height:1.55}.pr-phero-sub{color:var(--muted);max-width:52ch;margin-top:12px;font-size:15.5px;line-height:1.6}.pr-phero-cta{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:max(22px,min(2vw,30px));display:flex}.pr-phero-cta .link-arrow{font-size:15.5px}.pr-phero-for{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.4}@media (max-width:1000px){.pr-phero-grid{grid-template-columns:1fr;align-items:start}}@media (max-width:767px){.pr-phero-sub{display:none}.pr-phero-cta{flex-direction:column;align-items:stretch;width:100%}.pr-phero-cta .btn{width:100%}.pr-phero-cta .link-arrow{justify-content:center;min-height:44px}.pr-phero-side{padding-top:0}}.pr-stage{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-lg);margin:0;padding:max(40px,min(5vw,88px)) max(24px,min(6vw,120px)) max(36px,min(4vw,64px));position:relative;overflow:hidden}.pr-stage-laptop{width:min(86%,1120px);margin-left:auto;margin-right:auto}.pr-stage.has-phone .pr-stage-laptop{margin-left:8%;margin-right:auto}.pr-stage-phone{z-index:1;width:max(140px,min(15vw,260px));position:absolute;bottom:max(28px,min(3vw,52px));right:max(24px,min(7vw,150px))}.pr-stage-note{z-index:2;max-width:calc(100% - 28px);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 12px;font-size:13.5px;line-height:1.35;display:inline-flex;position:absolute;top:max(14px,min(1.6vw,24px));left:max(14px,min(1.6vw,24px))}.pr-stage-note span{background:var(--yellow);border-radius:50%;flex:none;width:7px;height:7px}@media (max-width:767px){.pr-stage{height:max(320px,min(92vw,440px));padding:0}.pr-stage.has-note{height:max(350px,min(100vw,470px))}.pr-stage-laptop{width:220%;max-width:none;margin:0;position:absolute;top:28px;left:-38%}.pr-stage.has-note .pr-stage-laptop{top:64px}.pr-stage[data-id=kodeio] .pr-stage-laptop{left:-69%}.pr-stage[data-id=deploy] .pr-stage-laptop,.pr-stage.has-note[data-id=deploy] .pr-stage-laptop{top:30px;left:-114%}.pr-stage.has-phone .pr-stage-laptop{display:none}.pr-stage.has-phone .pr-stage-phone{width:min(64%,250px);top:32px;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.pr-stage.has-phone.has-note .pr-stage-phone{top:64px}.pr-stage-note{padding:6px 12px 6px 10px;font-size:12.5px}}.pr-feat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:max(36px,min(6vw,128px));display:grid}.pr-feat-head{top:calc(var(--nav-h) + 32px);position:-webkit-sticky;position:sticky}.pr-feat-head h2{max-width:14ch;margin-top:14px}.pr-feat-head .lead{margin-top:18px}.pr-extras{margin-top:max(24px,min(2.4vw,36px))}.pr-extras>span{font:700 12px/1 var(--font-body),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}.pr-extras ul{flex-wrap:wrap;gap:8px;display:flex}.pr-extras li{background:var(--bg-alt);color:var(--ink);border-radius:999px;align-items:center;padding:7px 13px;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex}.pr-feat-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:max(28px,min(3.4vw,64px));display:grid}.pr-feat-list li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:18px;padding-top:max(24px,min(2.4vw,34px));padding-bottom:max(24px,min(2.4vw,34px));display:grid}.pr-feat-ic{background:var(--teal-soft);width:44px;height:44px;color:var(--teal);border-radius:12px;grid-row:1/span 2;place-items:center;display:grid}.pr-feat-ic svg{width:21px;height:21px}.pr-feat-list h3{letter-spacing:-.02em;padding-top:10px;font-size:1.1875rem;line-height:1.3}.pr-feat-list p{color:var(--text);margin-top:6px;font-size:15.5px;line-height:1.6}@media (max-width:1000px){.pr-feat{grid-template-columns:1fr}.pr-feat-head{position:static}.pr-feat-head h2{max-width:20ch}}@media (max-width:640px){.pr-feat-list{grid-template-columns:1fr}.pr-feat-list li{column-gap:16px}.pr-feat-ic{width:40px;height:40px}}.pr-aud{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pr-aud-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;flex-direction:column;align-items:flex-start;padding:max(24px,min(2.6vw,40px));display:flex}.pr-aud-card h3{font-size:max(1.1875rem,min(1.05rem + .45vw,1.5rem))}.pr-aud-card ul{flex-direction:column;gap:12px;width:100%;margin-top:20px;display:flex}.pr-aud-card li{color:var(--text);align-items:flex-start;gap:12px;font-size:15.5px;line-height:1.45;display:flex}.pr-aud-card li svg{width:18px;height:18px;color:var(--teal);flex:none;margin-top:2px}.pr-aud-action{margin-top:auto;padding-top:28px;font-size:15px}.pr-aud-action.ext:hover svg{transform:translate(2px,-2px)}@media (max-width:1000px){.pr-aud{grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1000px){.pr-aud-card{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px 32px;display:grid}.pr-aud-card ul{grid-area:1/2/span 2;margin-top:0}.pr-aud-action{grid-column:1;align-self:end;padding-top:8px}}@media (max-width:640px){.pr-aud-action{min-height:44px}}.pr-row{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);gap:1px;display:grid;overflow:hidden}.pr-row li{background:#fff;display:flex}.pr-row-item{transition:background-color var(--dur-2)var(--ease-out);flex-direction:column;flex:1;align-items:flex-start;gap:14px;padding:max(20px,min(1.8vw,28px));display:flex;position:relative}.pr-row-item:hover{background:var(--bg-alt)}.pr-row-item:hover .plogo{transform:scale(1.06)}.pr-row-item:focus-visible{outline-offset:-3px;border-radius:0}.pr-row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.pr-row-text b{font:700 1.0625rem/1.25 var(--font-display),sans-serif;color:var(--ink);letter-spacing:-.015em}.pr-row-text small{color:var(--muted);font-size:14px;line-height:1.4}.pr-row-item .status{margin-top:auto}.pr-row-arrow{width:18px;height:18px;color:var(--muted);transition:transform var(--dur-3)var(--ease-out),color var(--dur-2);position:absolute;top:max(20px,min(1.8vw,28px));right:max(20px,min(1.8vw,28px))}.pr-row-item:hover .pr-row-arrow{color:var(--teal);transform:translate(3px)}@media (max-width:1100px){.pr-row{grid-template-columns:1fr}.pr-row-item{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.pr-row-item .status{margin-top:0}.pr-row-arrow{position:static}}@media (max-width:480px){.pr-row-item{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px}.pr-row-item .plogo{grid-row:1/span 2;width:44px;height:44px}.pr-row-item .status{grid-area:2/2;justify-self:start;padding:4px 8px;font-size:10px}.pr-row-arrow{grid-area:1/3/span 2}}