/* PROMPTLAB — editorial product experience / authored using GSAP & ScrollTrigger */
.pro-hero{background:#0d1715!important;color:#f5faee;overflow:hidden;position:relative;isolation:isolate;padding-top:75px}
.pro-hero:before{display:none}
.pro-hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 63% 10%,#29453a 0%,transparent 42%),linear-gradient(120deg,#0b1412 18%,#162922 55%,#080f0e)}
.pro-hero-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(0deg,#ffffff07 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,transparent 8%,#0008 45%,transparent 90%)}
.pro-noise{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E")}
.pro-light{position:absolute;border-radius:50%;filter:blur(70px);opacity:.52;pointer-events:none}
.pro-light-one{width:800px;height:700px;right:-160px;top:-200px;background:radial-gradient(ellipse,#658e6c80,transparent 65%);animation:pro-lights 13s ease-in-out infinite alternate}
.pro-light-two{width:680px;height:500px;right:13%;bottom:-270px;background:radial-gradient(ellipse,#71e1ad3d,transparent 66%);animation:pro-lights 17s ease-in-out infinite alternate-reverse}
.pro-ray{position:absolute;width:850px;height:850px;right:-300px;top:-280px;border-radius:50%;border:1px solid #b9ffc51f;box-shadow:inset 0 0 0 150px #ffffff02,0 0 0 150px #ffffff03,0 0 0 350px #ffffff02;transform:scaleY(.55) rotate(-20deg)}
@keyframes pro-lights{to{transform:translate(70px,45px) scale(1.19);opacity:.72}}
.pro-hero-inner{position:relative;z-index:2;max-width:1580px;min-height:785px;margin:auto;padding:95px clamp(20px,5.1vw,86px) 105px;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(35px,5vw,85px);align-items:center}
.pro-hero-copy{position:relative;z-index:8}
.pro-kicker{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;border:1px solid #aee9b23d;border-radius:100px;background:#c3ffce0d;padding:10px 13px;color:#b5dabb;font:700 9px "IBM Plex Mono",monospace;letter-spacing:.85px}
.pro-kicker-pulse{width:7px;height:7px;border-radius:50%;background:#c8f7a1;box-shadow:0 0 13px #b4fda4aa;flex-shrink:0}
.pro-kicker-plus{color:#729e87;margin-left:10px}
.pro-hero h1{font-family:"Manrope",sans-serif;font-size:clamp(54px,5.85vw,93px);line-height:1.09;font-weight:800;letter-spacing:-.082em;color:#f4f7ee;margin:30px 0 26px}
.pro-h1-muted{color:#a4b3aa}.pro-h1-accent{color:#b7f896;display:inline-block;position:relative}
.pro-h1-accent:after{content:"";display:block;height:5px;border-radius:4px;width:0;background:#b2f392;margin-top:3px;transition:width 1.3s cubic-bezier(.2,.8,.2,1)}
.pro-hero.mounted .pro-h1-accent:after{width:88%}
.pro-hero-lead{max-width:530px;margin:0;color:#aebeb3;font-size:clamp(15px,1.15vw,18px);line-height:1.82}
.pro-hero-lead strong{color:#f5ffeb;font-weight:750}
.pro-hero-ctas{margin-top:33px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pro-cta-main{border:1px solid #c8f6a4;background:#c9f8a7;color:#17301e;padding:7px 7px 7px 22px;border-radius:11px;min-height:57px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;font-weight:800;box-shadow:0 10px 25px #a6f4891a;transition:background .2s,transform .2s,box-shadow .2s}
.pro-cta-main:hover{background:#e5ffd2;transform:translateY(-3px);box-shadow:0 17px 37px #a6f48929}
.pro-cta-symbol{height:41px;width:41px;display:grid;place-items:center;border-radius:8px;background:#143625;color:#dcf9cb;font-size:24px;font-weight:400}
.pro-cta-second{background:none;color:#e1f1e3;font-size:13px;font-weight:750;padding:12px 0;border-bottom:1px solid #e6f3e35b}
.pro-cta-second:hover{color:#bdff9d;border-color:#bdff9d}
.pro-trust{margin-top:26px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#b4c9b9;font-size:11px}
.pro-trust i{width:3px;height:3px;background:#7ba48c;border-radius:50%}.pro-trust-tick{font-weight:800;color:#c7f9a8}
.pro-scroll-note{margin-top:72px;display:flex;align-items:center;gap:15px;font:600 9px "IBM Plex Mono",monospace;letter-spacing:.75px;color:#89a496}
.pro-scroll-line{height:1px;width:48px;background:#b9e3b3;display:inline-block;position:relative}
.pro-scroll-line:after{content:"";position:absolute;right:0;top:-3px;height:7px;width:7px;background:#b9e3b3;border-radius:50%}
.pro-hero-product{position:relative;z-index:3;perspective:1300px;min-width:0;padding:52px 15px 38px 0}
.pro-stage-halo{position:absolute;inset:2% -15% -7% -15%;border-radius:50%;background:radial-gradient(ellipse,#72e8ae40,transparent 67%);filter:blur(25px);pointer-events:none}
.pro-stage-grid{position:absolute;width:90%;height:95%;left:4%;top:4%;border:1px solid #b9debf22;transform:rotate(-9deg) skew(6deg);border-radius:27px;box-shadow:0 0 0 35px #ffffff05,0 0 0 72px #ffffff03;pointer-events:none}
.pro-screen-shadow{position:absolute;inset:53px 0 0 0;border-radius:24px;background:#0008;filter:blur(55px);transform:translateY(35px) scale(.89)}
.pro-hero-product .cv-product-panel{position:relative;z-index:2;transform:perspective(1000px) rotateY(-8deg) rotateX(5deg) rotateZ(-1.4deg);background:#fff;border:1px solid #d6ead9;border-radius:17px;box-shadow:22px 35px 50px #0008,-4px -6px 25px #d4ffb314,0 0 0 7px #a9f5bd12;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}
.pro-hero-product .cv-panel-head{height:75px;background:#16412d}
.pro-hero-product .cv-panel-content{padding:clamp(16px,2vw,25px)}
.pro-hero-product .cv-goals{margin:12px 0 20px}
.pro-hero-product .cv-goal{min-height:48px}
.pro-hero-product .cv-live-result{margin-top:11px;padding:13px 15px}
.pro-hero-product .cv-preview-text{max-height:38px}
.pro-hero-product .cv-run{margin-top:10px;padding:14px 16px}
.pro-hero-product #demoContext{min-height:70px}
.pro-hero-product .cv-panel-foot{font-size:9px}
.pro-float{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;background:#f4fff0;border:1px solid #bbefaf;border-radius:12px;box-shadow:0 20px 45px #0005;color:#1f4328;padding:11px 15px;pointer-events:none;animation:pro-hover 5.7s ease-in-out infinite alternate}
.pro-float-01{left:-36px;bottom:14%;transform:rotate(-5deg)}
.pro-float-01>span:last-child{display:flex;flex-direction:column;gap:3px}.pro-float-01 strong{font:800 12px "Manrope",sans-serif}.pro-float-01 small{font-size:10px;color:#5d7d61}
.pro-float-icon{display:grid;place-items:center;height:37px;width:37px;flex-shrink:0;background:#d4efc6;color:#167646;font-size:20px;border-radius:50%}
.pro-float-02{right:-17px;top:18px;background:#172f24;color:#b9f49c;border-color:#6b996e85;font:800 9px "IBM Plex Mono",monospace;letter-spacing:.3px;padding:12px 15px;animation-delay:-3s}
.pro-green-dot{display:inline-block;width:7px;height:7px;background:#a6f57b;border-radius:50%;box-shadow:0 0 13px #b5ffa2}
.pro-product-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a8c8b1;font:700 9px "IBM Plex Mono",monospace;letter-spacing:.4px;margin-top:23px}
@keyframes pro-hover{to{translate:0 -12px}}
.pro-hero-base{position:relative;z-index:4;border-top:1px solid #ffffff29;background:#07141190;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px clamp(20px,5.1vw,86px);max-width:1580px;margin:auto}
.pro-hero-base>div:not(.pro-base-phrase){display:flex;align-items:center;gap:15px}
.pro-hero-base strong{font:800 34px "Manrope",sans-serif;letter-spacing:-1.3px;color:#cdf7b1}
.pro-hero-base span{font-size:12px;color:#b5cdb8}
.pro-base-phrase{font:700 10px "IBM Plex Mono",monospace;color:#b0d4ac;letter-spacing:.9px}
.pro-story{position:relative;min-height:240vh;background:#0b1714;color:#f2f8ed;isolation:isolate}
.pro-story-sticky{position:sticky;top:0;height:100svh;min-height:735px;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#254a37 0%,transparent 57%),#0b1714}
.pro-story-sticky:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(0deg,#ffffff05 1px,transparent 1px);background-size:92px 92px;opacity:.36;mask-image:linear-gradient(to bottom,transparent,#000 28%,transparent);pointer-events:none}
.pro-story-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:clamp(26px,3.5vw,48px) clamp(22px,6vw,100px) 0;color:#b9d1bd;font:700 10px "IBM Plex Mono",monospace;letter-spacing:.65px}
.pro-story-progress{font-size:20px;color:#d6ffb9}.pro-story-progress i{font-style:normal;color:#577b66}
.pro-story-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;max-width:1510px;margin:auto;padding:35px clamp(22px,6vw,100px) 55px;gap:clamp(35px,5vw,95px);height:calc(100% - 82px);align-items:center}
.pro-story-left{min-width:0}
.pro-story-super{font:700 10px "IBM Plex Mono",monospace;color:#b1ed96;letter-spacing:.7px}
.pro-story-left h2{font:800 clamp(37px,4.1vw,62px)/1.12 "Manrope",sans-serif;letter-spacing:-2.4px;margin:22px 0 36px}
.pro-story-left h2 em{color:#c1f49f;font-style:normal}
.pro-story-steps{display:flex;flex-direction:column;border-top:1px solid #ffffff30;max-width:510px}
.pro-story-step{display:grid;grid-template-columns:33px 1fr 20px;gap:16px;align-items:start;width:100%;text-align:left;border-bottom:1px solid #ffffff26;background:transparent;padding:20px 0;color:#728c7b;transition:color .3s}
.pro-story-step:hover{color:#b9dbbd}
.pro-story-step.selected{color:#f4fff0}
.pro-story-step>.pro-n{font:800 12px "IBM Plex Mono",monospace;color:#93b39a}
.pro-story-step.selected>.pro-n{color:#c2ff9f}
.pro-story-step>span:nth-child(2){display:flex;flex-direction:column;gap:8px}
.pro-story-step strong{font:750 clamp(15px,1.35vw,20px) "Manrope",sans-serif;letter-spacing:-.2px}
.pro-story-step small{color:#8ba79a;font-size:13px;line-height:1.65;max-width:385px;font-weight:450}
.pro-story-step.selected small{color:#b0cbbb}
.pro-step-check{font-size:30px;line-height:15px;text-align:right;color:#597862}
.pro-story-step.selected .pro-step-check{color:#c9f6aa}
.pro-story-try{margin-top:28px;background:transparent;border-bottom:1px solid #b8ef9c;color:#d6ffb9;padding:12px 0;font-size:13px;font-weight:800;display:flex;align-items:center;gap:38px}
.pro-story-try:hover{color:white}
.pro-story-right{position:relative;min-width:0;perspective:1100px}
.pro-story-window{position:relative;border:1px solid #668a7699;border-radius:16px;overflow:hidden;box-shadow:0 45px 100px #0008,0 0 80px #75da8559;background:#f8fbf7;transform:perspective(1100px) rotateY(-3deg);min-height:510px}
.pro-story-browser{height:48px;background:#1c3e2e;color:#b6d3bd;padding:0 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #3c7654;font:600 10px "IBM Plex Mono",monospace}
.pro-browser-dots{display:flex;gap:5px}.pro-browser-dots i{width:7px;height:7px;border-radius:50%;background:#557b64}.pro-browser-dots i:first-child{background:#d19c6a}
.pro-browser-secure{color:#b7f8a3;white-space:nowrap}
.pro-story-screen{position:absolute;inset:48px 0 0;opacity:0;visibility:hidden;display:flex;background:#f8faf7;color:#203a2a;pointer-events:none}
.pro-story-screen.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.pro-story-window{height:525px}
.pro-screen-aside{width:127px;background:#e6f0e6;border-right:1px solid #cdddcf;padding:25px 15px;display:flex;flex-direction:column;gap:18px;flex-shrink:0;color:#6f8873;font-size:10px;font-weight:700}
.pro-screen-logo{display:grid;place-items:center;width:35px;height:35px;background:#1c5839;border-radius:9px;color:#c0f3a1;font-size:21px;font-weight:800;margin-bottom:26px}
.pro-screen-body{flex:1;min-width:0;padding:35px clamp(15px,3vw,40px);overflow:hidden}
.pro-screen-eyebrow{font:800 9px "IBM Plex Mono",monospace;letter-spacing:.9px;color:#367e56;margin-bottom:15px}
.pro-screen-body h3{font:800 clamp(20px,2.2vw,32px)/1.22 "Manrope",sans-serif;letter-spacing:-.8px;margin:0 0 24px;color:#173d2b}
.pro-fake-search{display:flex;align-items:center;gap:9px;padding:15px;border-radius:8px;border:1px solid #91b79d;background:white;font-size:12px;color:#3e5f48;box-shadow:0 4px 20px #173a1912}
.pro-fake-search>span{font-size:26px;color:#2f8759}.pro-fake-search b{margin-left:auto;font-size:16px}
.pro-fake-results{margin-top:16px;display:grid;gap:9px}
.pro-fake-results>div{display:flex;align-items:center;gap:10px;padding:12px 13px;background:#fff;border:1px solid #dfebe0;border-radius:9px}
.pro-result-ic{width:32px;height:32px;background:#e4f4e5;color:#2c8b53;border-radius:7px;display:grid;place-items:center;font-size:16px}
.pro-fake-results>div>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.pro-fake-results strong{font-size:11px;color:#284632}.pro-fake-results small{font-size:10px;color:#849587}
.pro-fake-results b{font:800 9px "IBM Plex Mono",monospace;color:#287953}
.pro-screen-form{padding:30px clamp(25px,4vw,52px)}
.pro-screen-form h3{font-size:26px;margin-bottom:16px}
.pro-field-label{color:#508563;font:750 10px "IBM Plex Mono",monospace;margin:16px 0 6px}
.pro-field-filled{border:1px solid #d5e4d6;background:#fff;border-radius:8px;padding:11px 14px;line-height:1.4;font-size:11px;color:#536f5b}
.pro-fake-button{padding:14px 16px;background:#1e6845;color:#fff;border-radius:7px;font:800 12px "DM Sans",sans-serif;display:flex;justify-content:space-between;margin-top:19px}
.pro-screen-prompt{padding:24px clamp(25px,4vw,52px)}
.pro-screen-prompt h3{font-size:27px;margin:7px 0 15px}
.pro-success-mark{width:37px;height:37px;border-radius:50%;background:#d4f3d8;color:#1f8b53;display:grid;place-items:center;font-size:23px}
.pro-prompt-document{border:1px solid #d4e3d7;border-radius:10px;overflow:hidden;background:#fff}
.pro-doc-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf5ed;border-bottom:1px solid #d8e6d8;padding:12px 14px;font:800 9px "IBM Plex Mono",monospace;color:#648068}
.pro-doc-bar b{color:#269255}
.pro-prompt-document p{font-size:12px;line-height:1.6;color:#59735e;padding:0 15px;margin:13px 0}
.pro-screen-prompt>small{display:block;color:#718675;margin-top:12px;font-size:10px}
.pro-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;color:#8fafa0;font:700 9px "IBM Plex Mono",monospace;letter-spacing:.25px}
.pro-story-meter{display:flex;gap:4px}.pro-story-meter i{height:3px;width:28px;border-radius:3px;background:#3c6950}.pro-story-meter i.active{background:#c1f9a0}
@media(max-width:1300px){.pro-hero-inner{gap:28px;grid-template-columns:.95fr 1.05fr}.pro-hero h1{font-size:clamp(48px,5.35vw,76px)}.pro-hero-product .cv-product-panel{transform:perspective(1000px) rotateY(-5deg) rotateX(3deg)}.pro-float-01{left:-16px;bottom:4%}.pro-story-grid{gap:32px}.pro-story-window{height:485px;min-height:485px}}
@media(max-width:1050px){.pro-hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:78px;gap:50px}.pro-hero-copy{max-width:760px}.pro-hero h1{font-size:clamp(57px,7.3vw,83px)}.pro-hero-product{width:100%;max-width:710px;margin:0 auto}.pro-hero-product .cv-product-panel{transform:perspective(1000px) rotateY(-6deg) rotateX(3deg)}.pro-scroll-note{margin-top:33px}.pro-story{min-height:220vh}.pro-story-grid{gap:20px;padding-left:30px;padding-right:30px}.pro-story-left h2{font-size:39px}.pro-story-step small{font-size:11px}.pro-screen-aside{display:none}.pro-story-window{height:470px;min-height:470px}}
@media(max-width:760px){.pro-hero{padding-top:66px}.pro-hero-inner{padding:48px 18px 70px;gap:50px}.pro-kicker{font-size:8px;letter-spacing:.2px;padding:8px 10px}.pro-kicker-plus{display:none}.pro-hero h1{font-size:clamp(38px,10.25vw,60px);letter-spacing:-.07em;margin:23px 0 20px;line-height:1.13}.pro-h1-accent:after{height:3px}.pro-hero-lead{font-size:14px;line-height:1.8}.pro-hero-ctas{margin-top:26px;gap:15px}.pro-cta-main{min-height:49px;padding:5px 5px 5px 16px;font-size:12px;gap:12px}.pro-cta-symbol{width:37px;height:37px;font-size:19px}.pro-cta-second{font-size:11px}.pro-trust{gap:7px;font-size:10px;line-height:1.6}.pro-scroll-note{margin-top:30px;font-size:8px}.pro-scroll-line{width:23px}.pro-hero-product{padding:33px 5px 30px 2px}.pro-hero-product .cv-product-panel{transform:none;border-radius:14px}.pro-hero-product .cv-panel-head{height:69px}.pro-hero-product .cv-panel-content{padding:16px}.pro-float-02{font-size:8px;right:0;top:3px;padding:9px}.pro-float-01{left:5px;bottom:8px;padding:8px 9px;gap:8px}.pro-float-icon{height:26px;width:26px;font-size:14px}.pro-float-01 strong{font-size:9px}.pro-float-01 small{font-size:8px}.pro-product-caption{font-size:8px}.pro-hero-base{padding:24px 18px;gap:16px;flex-wrap:wrap}.pro-hero-base>div:not(.pro-base-phrase){display:block;min-width:75px;flex:1}.pro-hero-base strong{display:block;font-size:26px}.pro-hero-base span{display:block;font-size:10px;line-height:1.4}.pro-base-phrase{display:none}
.pro-story{min-height:0;padding:0;background:#0b1714}.pro-story-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden}.pro-story-header{padding:45px 18px 10px}.pro-story-progress{font-size:16px}.pro-story-grid{display:block;height:auto;padding:28px 18px 65px}.pro-story-super{font-size:9px}.pro-story-left h2{font-size:clamp(33px,8vw,46px);letter-spacing:-1.35px;margin:18px 0 25px}.pro-story-step{grid-template-columns:24px 1fr 14px;padding:15px 0;gap:10px}.pro-story-step strong{font-size:13px}.pro-story-step small{font-size:11px}.pro-story-try{margin-top:22px;font-size:12px}.pro-story-right{margin-top:35px}.pro-story-window{height:422px;min-height:422px;transform:none;border-radius:12px}.pro-story-browser{font-size:8px;padding:0 10px;height:42px}.pro-story-screen{top:42px}.pro-screen-aside{display:none}.pro-screen-body{padding:24px 17px}.pro-screen-eyebrow{font-size:8px}.pro-screen-body h3{font-size:22px;margin-bottom:20px}.pro-fake-search{font-size:10px;padding:12px;gap:6px}.pro-fake-results>div{padding:10px}.pro-fake-results strong{font-size:10px}.pro-fake-results small{font-size:9px}.pro-screen-form{padding:19px 17px}.pro-screen-form h3{font-size:20px;margin-bottom:13px}.pro-field-label{font-size:9px;margin:12px 0 5px}.pro-field-filled{font-size:10px;padding:9px}.pro-fake-button{padding:12px}.pro-screen-prompt h3{font-size:24px}.pro-prompt-document p{font-size:11px}.pro-story-bottom{font-size:8px;margin-top:12px}
}
@media(max-width:380px){.pro-hero h1{font-size:36px}.pro-hero-ctas{align-items:stretch;flex-direction:column}.pro-cta-main{justify-content:space-between}.pro-cta-second{align-self:flex-start}.pro-story-window{height:440px;min-height:440px}}
@media(prefers-reduced-motion:reduce){.pro-light,.pro-float{animation:none}.pro-h1-accent:after{transition:none;width:88%}}