/* JoveWorks Proposal Studio V10 · Interactive local executive-briefing concept */
:root{--ps-gold:#edc98d;--ps-muted:#a8bdd9;--ps-border:rgba(151,187,232,.22);--ps-bg:#0b182c}
.ps-hero,.ps-builder,.ps-next{position:relative;isolation:isolate}
.ps-hero{padding:106px 0 124px;background:radial-gradient(ellipse at 79% 36%,rgba(46,98,211,.2),transparent 60%),linear-gradient(155deg,#070f20,#0c1930)}
.ps-hero:before,.ps-builder:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(153,185,223,.037) 1px,transparent 1px),linear-gradient(90deg,rgba(153,185,223,.037) 1px,transparent 1px);background-size:71px 71px;mask-image:linear-gradient(#000,transparent 90%)}
.ps-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.94fr);gap:64px;align-items:center}
.ps-kicker{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.15em;color:#eaca98}
.ps-kicker>span:last-child{font-size:9px;color:#8da8ca;border:1px solid rgba(169,192,230,.24);border-radius:30px;padding:6px 9px}
.ps-pulse,.ps-pulse-small,.ps-demo-chip i{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#eec98d;box-shadow:0 0 13px rgba(240,199,125,.8)}
.ps-hero h1{font:700 clamp(3.3rem,5.4vw,5.7rem)/1.055 "Space Grotesk",sans-serif;letter-spacing:-.063em;margin:32px 0 26px}
.ps-hero-copy>p{font-size:16px;color:#aec2df;max-width:680px;line-height:1.9;margin-bottom:29px}
.ps-hero-copy>p strong{color:#f1f5ff}
.ps-hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.ps-hero-facts{display:flex;flex-wrap:wrap;gap:12px 23px;color:#90a8c6;font-size:11px;margin-top:35px}
.ps-hero-art{height:448px;width:100%;position:relative;border-radius:18px;border:1px solid rgba(225,189,128,.32);background:linear-gradient(145deg,#1b3556,#0d1b31);box-shadow:0 28px 75px rgba(0,0,0,.38);overflow:hidden;padding:20px}
.ps-art-rings{position:absolute;inset:-24% -24%;pointer-events:none;background:radial-gradient(circle at 58% 43%,rgba(224,181,113,.13),transparent 35%),radial-gradient(circle at 40% 65%,rgba(69,120,206,.19),transparent 48%)}
.ps-art-top,.ps-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:11px;position:relative;z-index:2;font-size:9px;color:#91afd2;font-weight:800;letter-spacing:.12em}
.ps-art-top span:last-child{color:#edce9c}
.ps-art-bottom{margin-top:18px}.ps-art-bottom span:last-child{color:#e7c48e}
.ps-art-paper{position:relative;z-index:2;background:linear-gradient(150deg,#e9eef5,#e0e7f1);color:#18304e;max-width:395px;height:312px;border-radius:12px;box-shadow:0 17px 44px rgba(0,0,0,.37);margin:32px auto 0;transform:perspective(1000px) rotateZ(-4deg) rotateY(-5deg);padding:22px 26px;overflow:hidden}
.ps-paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}
.ps-paper-top small{font-weight:800;letter-spacing:.1em;color:#a27538;display:block}
.ps-paper-top strong{font:700 18px "Space Grotesk",sans-serif;display:block}
.ps-paper-top>span{color:#8595a7;font-size:9px;font-weight:800}
.ps-paper-heading{margin-top:29px;padding-top:20px;border-top:1px solid #c8d2dc}
.ps-paper-heading small{font-size:9px;letter-spacing:.14em;color:#997542;font-weight:800;display:block;margin-bottom:10px}
.ps-paper-heading strong{font:700 30px/1.08 "Space Grotesk",sans-serif;letter-spacing:-.04em}
.ps-paper-lines{display:grid;gap:8px;margin-top:19px}
.ps-paper-lines i{height:7px;width:80%;background:#bdcbd8;border-radius:12px}
.ps-paper-lines i:nth-child(2){width:57%}.ps-paper-lines i:nth-child(3){width:69%}
.ps-paper-steps{display:flex;gap:7px;align-items:center;position:absolute;bottom:16px;left:22px;right:22px}
.ps-paper-steps span{flex:1;border-radius:4px;background:#d7e2eb;color:#385371;padding:6px 5px;font-size:8px;font-weight:700;text-align:center}
.ps-art-floating{position:absolute;right:7%;bottom:38px;z-index:3;padding:13px;border:1px solid rgba(225,187,117,.44);border-radius:10px;background:rgba(17,36,62,.92);box-shadow:0 16px 33px rgba(0,0,0,.28);font-size:18px;color:#e7c588;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center}
.ps-art-floating strong{font-size:11px;color:#eff5ff}.ps-art-floating small{font-size:9px;color:#97b1d0;grid-column:2}
.ps-builder{background:radial-gradient(ellipse at 4% 50%,rgba(91,69,181,.085),transparent 61%),#091427;padding:112px 0 129px;border-top:1px solid rgba(149,177,223,.16)}
.ps-section-head{display:flex;align-items:end;justify-content:space-between;gap:49px;margin-bottom:38px}
.ps-section-head h2{font-size:clamp(2.7rem,4.2vw,4.3rem);line-height:1.13}
.ps-section-head>p{font-size:14px;line-height:1.85;color:#a5b9d5;max-width:390px;margin:0}
.ps-layout{display:grid;grid-template-columns:minmax(280px,.73fr) minmax(0,1.27fr);gap:20px;align-items:start}
.ps-config,.ps-preview{min-width:0;border:1px solid rgba(159,190,230,.23);border-radius:17px;background:linear-gradient(153deg,#152b49,#101c33 84%);box-shadow:0 22px 55px rgba(0,0,0,.19);overflow:hidden}
.ps-config{padding:25px 23px}
.ps-config-header{display:flex;align-items:center;justify-content:space-between;gap:11px;padding-bottom:22px;border-bottom:1px solid rgba(158,190,225,.16)}
.ps-config-header>div>span{font-size:9px;color:#eac791;font-weight:800;letter-spacing:.13em}
.ps-config-header h3{margin:9px 0 0;font-size:23px}
.ps-demo-chip{display:flex;gap:7px;align-items:center;white-space:nowrap;border-radius:20px;border:1px solid rgba(230,192,128,.37);background:rgba(220,172,95,.07);padding:8px 10px;color:#e8c78c;font-size:9px;font-weight:800;letter-spacing:.08em}
.ps-demo-chip i{width:6px;height:6px}
.ps-config-group{margin-top:23px;padding-top:23px;border-top:1px solid rgba(158,188,227,.16)}
.ps-config-group h4{display:flex;align-items:center;gap:9px;font-size:13px;margin:0 0 17px}
.ps-config-group h4>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:7px;border:1px solid rgba(231,192,127,.31);font-size:11px;font-weight:800;color:#eccb92}
.ps-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ps-segments button{color:#c1d4eb;background:#0c213b;border:1px solid rgba(163,190,229,.24);padding:12px 10px;font-size:11px;font-weight:800;border-radius:8px;text-align:left}
.ps-segments button:last-child{grid-column:1/-1}
.ps-segments button:hover,.ps-segments button.active{color:#f5ddaa;border-color:#e5c386;background:rgba(227,184,109,.11)}
.ps-field-label{font-size:10px;font-weight:800;color:#b6cee8;display:block;margin:15px 0 8px}
.ps-config input[type=text],.ps-config select{background:#091c33;color:#e9f2ff;border:1px solid rgba(158,191,228,.29);border-radius:8px;padding:12px 13px;outline:none;width:100%;font-size:12px}
.ps-config input[type=text]::placeholder{color:#728dac}
.ps-config input[type=text]:focus,.ps-config select:focus{border-color:#edc68d;box-shadow:0 0 0 2px rgba(234,194,131,.1)}
.ps-product-options{display:grid;gap:9px}
.ps-product{display:flex;gap:12px;align-items:center;min-width:0;background:#0e223a;border:1px solid rgba(160,192,230,.19);border-radius:10px;padding:12px 13px;cursor:pointer;transition:border-color .18s,background .18s}
.ps-product:hover,.ps-product:has(input:focus-visible){border-color:#e9c78d}
.ps-product:has(input:checked){background:rgba(191,153,99,.115);border-color:rgba(237,196,125,.6)}
.ps-product:has(input:disabled){opacity:.43;cursor:not-allowed}
.ps-product-symbol{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;color:#eac990;background:rgba(211,177,115,.1);border:1px solid rgba(225,193,135,.19);font-size:23px;border-radius:8px}
.ps-product-symbol.purple{color:#c5b0ff}.ps-product-symbol.blue{color:#99bdfa}
.ps-product>span:nth-child(2){min-width:0;flex:1}.ps-product strong{display:block;font-size:12px;color:#e6f1ff}
.ps-product small{display:block;color:#93abc9;font-size:10px;line-height:1.4;margin-top:4px}
.ps-product input{height:19px;width:19px;flex-shrink:0;accent-color:#e8be7b;cursor:pointer}
.ps-product-note{font-size:10px;color:#90a9c8;line-height:1.7;border-left:2px solid #d7b782;margin:13px 0 0;padding:3px 11px}
.ps-group-help{font-size:11px;color:#91aaca;line-height:1.7;margin:-4px 0 14px}
.ps-addons{display:grid;gap:9px}
.ps-addons label{display:flex;gap:10px;align-items:center;border-radius:8px;border:1px solid rgba(151,184,227,.19);padding:11px 12px;background:rgba(12,33,58,.76);cursor:pointer}
.ps-addons label:has(input:checked){border-color:rgba(224,194,135,.45);background:rgba(211,179,128,.065)}
.ps-addons input{height:17px;width:17px;accent-color:#e9c88e;flex-shrink:0}
.ps-addons strong{font-size:11px;display:block;color:#dce9f7}
.ps-addons small{display:block;font-size:10px;line-height:1.5;color:#91a9c6;margin-top:3px}
.ps-approaches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ps-approaches button{min-width:0;min-height:86px;padding:12px 9px;text-align:left;color:#d5e4f6;background:#0e2039;border:1px solid rgba(169,196,231,.22);border-radius:9px}
.ps-approaches button.active,.ps-approaches button:hover{border-color:#ebc990;background:rgba(218,175,101,.1)}
.ps-approaches strong{display:block;font-size:11px}
.ps-approaches small{display:block;margin-top:8px;font-size:9px;color:#91a7c5;line-height:1.45}
.ps-import{margin-top:26px;padding:20px 17px;background:radial-gradient(ellipse at 92% 20%,rgba(116,103,198,.18),transparent 64%),linear-gradient(143deg,#213453,#12243d);border:1px solid rgba(192,158,245,.28);border-radius:12px}
.ps-import>div:first-child>span{font-size:9px;font-weight:800;color:#d6baff;letter-spacing:.12em}
.ps-import>div:first-child>strong{display:block;font-size:13px;margin:11px 0 5px}
.ps-import>div:first-child>p{font-size:11px;color:#aab8d1;line-height:1.7;margin:0}
.ps-import-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 9px}
.ps-import-buttons button,.ps-reset-button{border:1px solid rgba(193,174,239,.32);background:rgba(182,154,232,.085);color:#dac9fe;border-radius:7px;padding:10px 11px;font-size:10px;font-weight:800}
.ps-import-buttons button:hover{border-color:#dec4ff}
#ps-import-message{font-size:10px;color:#a5b2d0;line-height:1.7;margin:10px 0 0}
.ps-reset-button{display:block;margin:14px auto 0;border-color:rgba(167,190,228,.2);background:none;color:#adc2dc}
.ps-reset-button:hover{color:#e7cf9c;border-color:#e7cf9c}
.ps-preview{position:sticky;top:108px;background:linear-gradient(135deg,#203955,#12233c 80%);border-color:rgba(224,187,128,.39)}
.ps-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 23px;border-bottom:1px solid rgba(164,197,230,.19)}
.ps-preview-toolbar>div{display:flex;align-items:center;gap:10px;color:#efd09e;font-size:10px;font-weight:800;letter-spacing:.12em}
.ps-preview-toolbar>small{font-size:9px;color:#a2b6d4;letter-spacing:.11em}
.ps-preview-sheet{margin:22px 22px 0;padding:28px 30px 25px;background:linear-gradient(160deg,#f8f8f9,#e7eef5);color:#1f3a57;border:1px solid rgba(221,222,224,.85);border-radius:13px;box-shadow:0 22px 42px rgba(0,0,0,.22);min-width:0}
.ps-proposal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid #d4dce7}
.ps-proposal-brand{display:flex;align-items:center;gap:9px;min-width:0}
.ps-proposal-brand>div{display:grid;place-items:center;height:43px;width:43px;border-radius:9px;background:linear-gradient(125deg,#183351,#354d67);color:#f3d49c;font:700 19px "Space Grotesk",sans-serif;letter-spacing:-.08em}
.ps-proposal-brand>span{font:700 21px "Space Grotesk",sans-serif;letter-spacing:-.055em;color:#23425e}
.ps-proposal-brand>span small{display:block;font:800 7px "DM Sans",sans-serif;letter-spacing:.16em;color:#b08d57;margin-top:4px}
.ps-proposal-index{color:#93a3b6;font-size:9px;font-weight:800;letter-spacing:.08em}
.ps-document-lead{padding:29px 0 20px}
.ps-document-lead>span{color:#b2874d;font-size:10px;letter-spacing:.13em;font-weight:800}
.ps-document-lead h3{font-size:clamp(1.6rem,2.65vw,2.5rem);line-height:1.16;letter-spacing:-.047em;color:#1d354f;margin:12px 0}
.ps-document-lead p{font-size:11px;color:#657b91;line-height:1.75;max-width:540px;margin:0}
.ps-identification{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin:6px 0 17px}
.ps-identification>div{background:#e8eef4;padding:12px;border-radius:7px}
.ps-identification span,.ps-price-note>span{color:#8a9db0;font-size:9px;font-weight:800;letter-spacing:.11em;display:block}
.ps-identification strong{display:block;color:#233b54;font-size:12px;overflow-wrap:anywhere;margin-top:6px}
.ps-document-section{border-top:1px solid #d4dee7;padding:17px 0}
.ps-document-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ps-document-section-title span{color:#a97e47;font-size:10px;font-weight:800;letter-spacing:.08em}
.ps-document-section-title small{color:#8799ad;font-size:8px;font-weight:700;text-align:right}
.ps-objective{color:#344e69;font-size:13px;line-height:1.7;margin:0}
.ps-selected-products{display:grid;grid-template-columns:1fr;gap:7px}
.ps-selected-item{display:flex;align-items:center;gap:11px;border:1px solid #d2dce6;background:#f0f3f6;border-radius:7px;padding:9px 12px}
.ps-selected-item>span{display:grid;place-items:center;background:#dfe8f2;color:#34577f;border-radius:6px;width:33px;height:33px;flex-shrink:0;font-size:17px}
.ps-selected-item>div{min-width:0;flex:1}
.ps-selected-item strong{display:block;color:#263d54;font-size:11px}
.ps-selected-item small{display:block;color:#7e91a5;font-size:9px;margin-top:3px}
.ps-selected-item>i{color:#9c7b52;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.06em}
.ps-empty-product{color:#8c99a9;font-style:italic;font-size:12px;border:1px dashed #c2cfdd;border-radius:7px;padding:13px}
.ps-extras-preview{display:flex;gap:7px;flex-wrap:wrap}
.ps-extras-preview span{border-radius:20px;border:1px solid #cfdae5;background:#edf1f6;color:#425971;font-size:9px;font-weight:700;padding:7px 10px}
.ps-extras-preview .ps-blank{background:transparent;color:#8898aa}
.ps-roadmap{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.ps-roadmap li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:flex-start;line-height:1.6;color:#40576e;font-size:11px}
.ps-roadmap li>span{font-weight:800;font-size:10px;color:#ac7f44;background:#ecdfc9;border-radius:6px;padding:4px 5px;text-align:center}
.ps-price-note{padding:14px 15px;background:#e5ecef;border:1px solid #d1dce4;border-left:3px solid #be955e;border-radius:7px;margin:9px 0 13px}
.ps-price-note strong{display:block;font-size:15px;color:#29415d;margin:6px 0}
.ps-price-note small{font-size:9px;color:#74899f;line-height:1.65;display:block}
.ps-document-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:19px;border-top:1px solid #d4dce7;color:#9c805d;font-size:8px;font-weight:800;letter-spacing:.08em}
.ps-export{padding:24px 22px 26px}
.ps-export>div:first-child strong{font:700 17px "Space Grotesk",sans-serif}
.ps-export>div:first-child p{font-size:11px;color:#a8bbd6;line-height:1.7;margin:9px 0 18px}
.ps-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ps-export-grid button{border-radius:8px;padding:12px 9px;font-size:11px;font-weight:800;background:#173553;border:1px solid rgba(164,191,231,.25);color:#dbebfc}
.ps-export-grid button:hover{border-color:#efcf99;color:#f2d394}
.ps-export-grid .ps-export-primary{background:linear-gradient(125deg,#f2d59c,#d7ad6d);color:#1a2c44;border-color:transparent}
#ps-export-message{font-size:10px;line-height:1.7;color:#9bb5d2;margin:16px 0 0}
#ps-export-message.success{color:#a7e6c9}
.ps-next{padding:111px 0 124px;background:linear-gradient(150deg,#0e1d34,#081020);border-top:1px solid rgba(165,188,224,.15)}
.ps-next-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.ps-next h2{font-size:clamp(2.7rem,4.2vw,4.2rem);line-height:1.14}
.ps-next-grid>div:first-child>p{color:#b0c1da;font-size:14px;line-height:1.85;margin:20px 0 27px}
.ps-next-actions{display:flex;gap:11px;flex-wrap:wrap}
.ps-next-steps{display:grid;gap:13px}
.ps-next-steps>div{display:grid;grid-template-columns:48px 1fr;gap:5px 16px;padding:23px;border:1px solid rgba(164,190,231,.2);border-radius:12px;background:linear-gradient(140deg,#1d324e,#111f36)}
.ps-next-steps>div span{grid-row:span 2;font:700 21px "Space Grotesk",sans-serif;color:#ecca8e}
.ps-next-steps strong{font:700 20px "Space Grotesk",sans-serif}
.ps-next-steps p{font-size:11px;line-height:1.7;color:#9eb3cc;margin:0}
@media(max-width:1170px){.ps-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.ps-config{padding:20px 17px}.ps-preview-sheet{margin:15px 13px 0;padding:22px 18px}.ps-hero-grid{gap:28px}.ps-hero-art{height:420px}}
@media(max-width:1020px){.ps-hero-grid{grid-template-columns:1fr}.ps-hero-art{width:min(100%,670px);margin:36px auto 0}.ps-layout{grid-template-columns:1fr}.ps-preview{position:static}.ps-approaches{grid-template-columns:repeat(3,1fr)}.ps-section-head{display:block}.ps-section-head>p{margin-top:21px;max-width:610px}.ps-next-grid{grid-template-columns:1fr;gap:38px}.ps-config{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.ps-config-header,.ps-import,.ps-reset-button{grid-column:1/-1}.ps-config-group{margin-top:18px}.ps-reset-button{width:max-content}.ps-preview-sheet{margin:25px auto 0;width:min(100% - 50px,780px)}}
@media(max-width:790px){.ps-hero{padding:82px 0}.ps-builder{padding:85px 0}.ps-next{padding:84px 0}.ps-config{display:block}.ps-hero-art{max-width:550px}.ps-preview-sheet{width:calc(100% - 32px)}}
@media(max-width:560px){.ps-hero{padding:74px 0}.ps-hero h1{font-size:clamp(2.9rem,11.2vw,4rem)}.ps-hero-copy>p{font-size:13px}.ps-hero-actions .btn{width:100%}.ps-hero-facts{font-size:10px}
.ps-hero-art{height:338px;padding:14px}.ps-art-top,.ps-art-bottom{font-size:7px}.ps-art-paper{margin-top:23px;height:240px;padding:13px;max-width:295px}.ps-paper-top{font-size:8px}.ps-paper-top strong{font-size:14px}.ps-paper-heading{margin-top:13px;padding-top:14px}.ps-paper-heading strong{font-size:23px}.ps-paper-lines{margin-top:12px}.ps-paper-steps{left:10px;right:10px;bottom:8px}.ps-paper-steps span{font-size:6px}.ps-art-floating{right:7px;bottom:28px;padding:9px;font-size:13px}.ps-art-floating strong{font-size:9px}
.ps-builder{padding:74px 0}.ps-section-head h2{font-size:clamp(2.7rem,10vw,3.5rem)}.ps-section-head>p{font-size:12px}
.ps-config{padding:20px 14px}.ps-config-header h3{font-size:20px}.ps-approaches{grid-template-columns:1fr}.ps-approaches button{min-height:0}.ps-approaches button small{margin-top:3px}
.ps-preview-toolbar{padding:14px 13px}.ps-preview-toolbar>div{font-size:8px}.ps-preview-sheet{width:calc(100% - 22px);margin:11px auto 0;padding:17px 11px}
.ps-proposal-brand>div{width:33px;height:33px;font-size:16px}.ps-proposal-brand>span{font-size:16px}.ps-proposal-brand>span small{font-size:6px}
.ps-proposal-index{font-size:7px}.ps-document-lead h3{font-size:clamp(1.6rem,7vw,2rem)}.ps-document-lead>span{font-size:8px}.ps-document-lead p{font-size:10px}
.ps-identification{grid-template-columns:1fr 1fr}.ps-identification>div{padding:8px}.ps-identification strong{font-size:11px}
.ps-document-section-title span{font-size:9px}.ps-document-section-title small{font-size:7px}
.ps-selected-item{padding:8px 6px;gap:6px}.ps-selected-item>span{width:26px;height:26px;font-size:15px}.ps-selected-item strong{font-size:10px}.ps-selected-item>i{display:none}
.ps-extras-preview span{font-size:8px}.ps-roadmap li{font-size:10px}.ps-document-footer{font-size:6px}
.ps-export{padding:18px 12px}.ps-export-grid{grid-template-columns:1fr}.ps-next{padding:78px 0}.ps-next h2{font-size:clamp(2.55rem,9.5vw,3.4rem)}.ps-next-grid>div:first-child>p{font-size:12px}.ps-next-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.ps-product{transition:none}}