/* App surfaces */
.case-search{margin:30px 0 18px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px 11px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px #073f6607}.case-search input{flex:1;border:0;outline:0;padding:11px 4px;background:transparent;color:var(--ink);min-width:0}.search-icon{font-size:25px;color:#8297a6;line-height:1}.search-result{color:var(--muted);font-size:13px;margin:0 0 15px}.case-card-improved .case-head{padding:22px 25px}.case-identity{display:flex;align-items:center;gap:17px}.case-number{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#e7f4f4;color:#168d90;font-weight:900;font-size:12px}.case-identity small{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-identity h2{font-size:19px;margin:5px 0}.case-identity p{font-size:12px;margin:0;color:var(--muted)}.case-status{font-weight:800;color:#617887}@media(max-width:600px){.case-search{flex-wrap:wrap}.case-search input{flex-basis:calc(100% - 45px)}.case-search .button{flex:1}.case-card-improved .case-head{align-items:stretch}.case-identity{align-items:flex-start}.case-number{display:none}}
.case-head [data-copy],.title-actions [data-copy]{display:none!important}
.brand-summary{margin:28px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:linear-gradient(115deg,#fff,#f1f9f8);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 35px #073f6608}.brand-preview{width:72px;height:72px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--preview-primary),var(--preview-secondary));color:#fff;font-size:22px;font-weight:900;overflow:hidden}.brand-preview img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.brand-summary small,.plan-badge small{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.1em}.brand-summary h2{margin:5px 0}.brand-summary p{color:var(--muted);font-size:12px;margin:0;overflow-wrap:anywhere}.plan-badge{display:flex;flex-direction:column;gap:5px;text-align:right}.plan-badge span{font-size:11px;color:var(--muted)}.brand-layout{margin-top:0}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-grid input[type=color]{width:100%;height:48px;padding:4px}.muted-copy{color:var(--muted);line-height:1.6}.url-box{background:#f2f6f7;border:1px solid var(--line);border-radius:9px;padding:13px;overflow-wrap:anywhere;font-size:12px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 35px #073f6608;display:flex;flex-direction:column}.pricing-card.current{border:2px solid var(--aqua);transform:translateY(-5px)}.pricing-card h2{font-size:25px;margin:12px 0}.plan-price{font-size:34px;font-weight:900;color:var(--navy)}.plan-price small{font-size:12px;color:var(--muted)}.pricing-card ul{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:12px;color:#587185;font-size:13px}.pricing-card form,.pricing-card>.button{margin-top:auto}.disabled{opacity:.6;pointer-events:none}.payment-note{text-align:center;color:var(--muted);font-size:12px;margin-top:25px}.plan-editor{padding:22px;display:grid;grid-template-columns:1.2fr 1fr .7fr .7fr auto auto;gap:12px;align-items:end}.plan-editor label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800}.plan-editor input{border:1px solid var(--line);border-radius:7px;padding:10px}.plan-editor-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.global-alert{position:fixed;right:20px;top:90px;z-index:50;box-shadow:0 12px 30px #0002}.global-alert a{font-weight:900;text-decoration:underline}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-card.current{transform:none}.plan-editor{grid-template-columns:1fr 1fr}.brand-summary{grid-template-columns:auto 1fr}.plan-badge{grid-column:2;text-align:left}}@media(max-width:560px){.brand-summary{grid-template-columns:1fr;text-align:center}.brand-preview{margin:auto}.plan-badge{grid-column:1;text-align:center}.color-grid,.plan-editor{grid-template-columns:1fr}}
.app-main{background:radial-gradient(circle at 100% 0,#eaf7f6 0,transparent 320px),#f4f7f8}.app-content{padding-top:42px}.app-top{box-shadow:0 1px 12px #0b3e5e08}.back-link{display:inline-flex;margin-bottom:26px;color:#5e788b;font-size:13px;font-weight:800}.title-actions{display:flex;gap:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.section-heading small{color:var(--aqua);font-size:11px;font-weight:900;letter-spacing:.1em}.section-heading h2{margin:5px 0}.section-heading p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.5;margin:0}.client-create{display:none;margin-top:25px;padding:28px}.client-create.is-open{display:flex;animation:reveal .22s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(-8px)}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.form-grid .span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px}.client-grid{display:grid;gap:14px;margin-top:28px}.client-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 23px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;box-shadow:0 8px 30px #073f6608;transition:.2s}.client-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px #073f6610}.client-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-size:20px;font-weight:900}.client-avatar.large{width:72px;height:72px;border-radius:18px;font-size:28px}.client-name{display:flex;align-items:center;gap:10px}.client-name h2{font-size:18px;margin:0}.client-card-main>p{color:var(--muted);font-size:13px;margin:6px 0 13px}.client-meta{display:flex;gap:25px;flex-wrap:wrap}.client-meta span{display:flex;flex-direction:column;gap:3px;color:#8aa;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.client-meta b{color:#466176;font-size:12px;text-transform:none;letter-spacing:0}.client-card-actions{display:flex;align-items:center;gap:12px}.danger{color:#ba4c4c!important}.empty-icon{width:48px;height:48px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#e5f3f3;color:var(--aqua);font-size:22px}.profile-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:28px}.profile-heading h1{margin:5px 0}.profile-heading p{color:var(--muted);margin:0}.profile-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.profile-layout>.config-card{margin:0;padding:26px;align-self:start}.profile-save{grid-column:1/-1;display:flex;justify-content:flex-end}.security-note{background:#eef8f7;border-radius:10px;padding:15px}.security-note p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:0}.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;box-shadow:0 8px 25px #073f6608}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e5f4f3;color:#118f91;font-size:21px}.service-card small{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.1em}.service-card h2{margin:5px 0}.service-card p{margin:0 0 8px;color:var(--muted);font-size:13px}.service-card span{font-size:12px;font-weight:800;color:#5d7689}.service-settings{display:grid;grid-template-columns:1fr 2fr auto auto;gap:15px;align-items:end;padding:22px;margin:28px 0}.service-settings label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800}.service-settings input{border:1px solid var(--line);padding:11px;border-radius:8px}.requirements-editor{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.requirements-editor>.section-heading{padding:24px}.requirement-edit{display:grid;grid-template-columns:auto 2fr 1fr 70px auto auto auto;gap:10px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.requirement-edit input,.requirement-edit select{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}.drag-handle{color:#9aabb5}.add-requirement{background:#f5faf9}.status-received{background:#e2f3fc;color:#0a7fbc}.status-approved{background:#def5ed;color:#078d73}.status-rejected{background:#fde8e8;color:#b64646}.professional-review article{transition:.15s}.professional-review article:hover{background:#fbfdfd}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-save{grid-column:1}.service-settings{grid-template-columns:1fr 1fr}.requirement-edit{grid-template-columns:1fr 1fr}.drag-handle{display:none}.client-card{grid-template-columns:auto 1fr}.client-card-actions{grid-column:2}.title-actions{width:100%;flex-wrap:wrap}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:1}.client-card{grid-template-columns:1fr}.client-avatar{display:none}.client-card-actions{grid-column:1;justify-content:space-between}.profile-heading{grid-template-columns:auto 1fr}.profile-heading>.pill{grid-column:2}.service-card{grid-template-columns:auto 1fr}.service-card>.button{grid-column:2}.service-settings,.requirement-edit{grid-template-columns:1fr}.title-actions .button{flex:1}.section-heading{flex-direction:column}}
.public-url-card{background:#e9f7f6;border:1px solid #cce9e6;border-radius:13px;padding:18px 22px;margin-top:28px;display:flex;align-items:center;gap:12px}.public-url-card>div{display:flex;flex-direction:column;gap:6px;margin-right:auto;min-width:0}.public-url-card small{color:#168f91;font-weight:900;letter-spacing:.08em}.public-url-card strong{overflow-wrap:anywhere}.workspace-public{min-height:calc(100vh - 70px);background:linear-gradient(145deg,#f2faf9,#fff 60%,#e3f4f5)}.workspace-public .client-header{justify-content:space-between}.workspace-hero{max-width:800px;margin:auto;text-align:center;padding:120px 25px}.workspace-hero h1{font-size:48px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.workspace-hero>p{font-size:18px;color:var(--muted);line-height:1.6}.workspace-help{margin:38px 0;display:flex;justify-content:center;gap:25px;flex-wrap:wrap;color:#557185;font-weight:700}.workspace-logo{max-height:48px;max-width:180px;object-fit:contain}@media(max-width:650px){.public-url-card{align-items:stretch;flex-direction:column}.public-url-card .button{width:100%}.workspace-hero{padding-top:80px}.workspace-hero h1{font-size:36px}}
.auth-page{min-height:calc(100vh - 70px);display:grid;place-items:center;background:#f3f7f8;padding:30px}.auth-card{position:relative}.auth-card .brand{margin-bottom:8px}.auth-card>a:last-child{text-align:center;color:var(--navy);font-weight:700}.error,.success{padding:12px 15px;border-radius:8px}.error{background:#fff0f0;color:#a52d2d}.success{background:#e3f7f0;color:#087c66}.manage-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;margin-top:30px;align-items:start}.form-card{display:flex;flex-direction:column;align-items:stretch;gap:15px}.form-card label,.review-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.form-card input,.form-card textarea,.form-card select,.inline-form input,.inline-form select,.review-form input,.review-form select,.client-entry input,.client-entry textarea{border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff}.form-card textarea{min-height:90px}.service-stack{display:flex;flex-direction:column;gap:15px}.inline-form{padding:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 75px auto auto;gap:10px;align-items:center}.standalone-form{margin:30px auto;position:relative}.review-form{display:flex;flex-direction:column;gap:7px;min-width:230px}.client-entry{display:flex;flex-direction:column;gap:8px;min-width:260px}.wide-form{max-width:720px;margin-top:30px}.edit-plan{padding:18px;display:grid;grid-template-columns:1.3fr 1fr .7fr auto auto auto;gap:12px;align-items:end}.edit-plan label{display:flex;flex-direction:column;gap:6px;font-size:12px}.edit-plan input{border:1px solid var(--line);border-radius:7px;padding:10px}@media(max-width:900px){.manage-grid{grid-template-columns:1fr}.inline-form,.edit-plan{grid-template-columns:1fr 1fr}.review-form,.client-entry{grid-column:2}.client-entry{min-width:0}}@media(max-width:560px){.inline-form,.edit-plan{grid-template-columns:1fr}.review-form,.client-entry{grid-column:1}.client-items article{align-items:start}}
button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;background:#f3f7f8;display:grid;grid-template-columns:245px 1fr}.sidebar{background:var(--navy);color:#dcecf4;padding:28px 20px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:10px;color:#fff;margin-bottom:48px}.side-brand span{background:#fff;color:var(--navy);padding:9px 7px;border-radius:7px;font-size:13px}.sidebar>small{color:#66d2d1;letter-spacing:.14em;font-weight:900;margin:0 10px 15px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:14px;border-radius:9px;font-weight:700;cursor:pointer}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff18;color:#fff}.plan-mini{margin-top:auto;border-top:1px solid #ffffff20;padding:22px 10px 0;display:flex;flex-direction:column;gap:8px;font-size:12px}.plan-mini div{height:5px;border-radius:5px;background:#ffffff1d}.plan-mini i{display:block;height:100%;background:var(--aqua)}.plan-mini a{color:#65d6d4;font-weight:800}.app-main{min-width:0}.app-top{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 38px;gap:20px}.app-top>div:first-of-type{display:flex;flex-direction:column;font-size:13px;text-align:right}.app-top span{color:var(--muted);font-size:11px;margin-top:3px}.user-chip{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#dcf2f1;color:#087775!important;font-weight:900}.mobile-menu{display:none}.app-content{padding:48px;max-width:1250px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.title-row h1{font-size:38px;margin:10px 0 8px}.title-row p{color:var(--muted);margin:0}.button{border:0;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;display:grid;grid-template-columns:1fr auto}.stat-grid b{font-size:30px;grid-row:1/3;grid-column:2}.stat-grid span{font-weight:700;color:#60778b;font-size:13px}.stat-grid small{color:var(--aqua);margin-top:10px}.case-list{display:flex;flex-direction:column;gap:15px}.list-tools{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.list-tools input{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 14px;width:260px}.case-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.case-head{padding:24px 27px;display:flex;justify-content:space-between;align-items:center}.case-head>div:last-child{display:flex;gap:12px;align-items:center}.case-head small{color:var(--aqua);font-weight:900}.case-head h2{margin:7px 0 4px}.case-head p{color:var(--muted);margin:0}.plain-button{background:none;border:0;color:var(--navy);font-weight:800;cursor:pointer}.case-progress{background:#f8fafb;border-top:1px solid var(--line);padding:15px 27px;display:grid;grid-template-columns:220px 1fr 45px;align-items:center;gap:20px;font-size:13px}.case-progress .progress{margin:0}.modal-backdrop{position:fixed;inset:0;background:#062e4a99;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;background:#fff;border-radius:16px;padding:34px;width:min(500px,100%);box-shadow:0 30px 90px #0018;display:flex;flex-direction:column;gap:18px}.modal h2{margin:0}.modal label{font-size:13px;font-weight:800;display:flex;flex-direction:column;gap:7px}.modal input,.modal select{border:1px solid var(--line);padding:13px;border-radius:9px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;background:#063f66;color:#fff;padding:15px 19px;border-radius:10px;box-shadow:0 15px 40px #0014;z-index:20;font-weight:800}.toast button{background:none;border:0;color:#fff;margin-left:12px;cursor:pointer}.client-page{background:#f4f8fa;min-height:100vh}.client-header{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(25px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:32px}.client-header>div{border-left:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column}.client-header small{color:var(--muted);margin-top:5px}.client-content{max-width:1120px;margin:auto;padding:50px 25px}.client-intro{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center}.client-intro h1{font-size:40px;letter-spacing:-.03em;margin:15px 0}.client-intro p{color:var(--muted);font-size:17px;line-height:1.5}.client-intro aside{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:16px}.client-intro aside span{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.client-intro aside b{color:var(--ink)}.client-progress{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;margin:30px 0 18px}.client-progress>div:first-child{display:flex;justify-content:space-between}.client-progress strong{color:var(--aqua)}.client-items{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.client-items article{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:23px;border-bottom:1px solid var(--line)}.client-items article:last-child{border:0}.client-items article.optional{background:#f4fcfb}.client-items h3{margin:0 0 7px}.client-items h3 .pill{margin-left:8px}.client-items p{color:var(--muted);font-size:13px;margin:0}.client-items textarea{border:0;background:#f5f8f9;border-radius:7px;padding:8px;margin-top:10px;width:100%;height:35px;resize:none}.upload-button{border:1px solid var(--line);border-radius:9px;padding:13px 16px;font-weight:800;cursor:pointer}.upload-button input{display:none}.sent-label{background:#e1f5f0;color:#078e76;padding:12px;border-radius:9px;font-weight:800;font-size:12px}.save-bar{margin-top:18px;background:var(--navy);color:#fff;padding:22px;border-radius:13px;display:flex;align-items:center;gap:15px}.save-bar>div{display:flex;flex-direction:column;gap:5px;margin-right:auto}.save-bar span{color:#d6eaf3;font-size:12px}.client-page footer{margin-top:25px}.admin-table,.config-card,.empty-panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:32px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr 1.5fr;align-items:center;padding:19px 23px;border-bottom:1px solid var(--line);font-size:13px}.table-row:last-child{border:0}.table-head{background:#f7fafb;color:var(--muted);font-weight:900}.table-row>span:last-child{display:flex;align-items:center;gap:7px}.table-row .plain-button{margin-left:auto}.status-dot{display:inline-block;width:8px;height:8px;background:#19ae8d;border-radius:50%}.config-card{padding:25px;display:flex;justify-content:space-between;align-items:center}.config-card p{color:var(--muted)}.integration-status{display:flex;flex-direction:column;gap:13px}.integration-status code{background:#f1f5f6;padding:10px;border-radius:7px}.empty-panel{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.app-content{padding:28px 18px}.stat-grid{grid-template-columns:1fr}.app-top{padding:0 20px}.mobile-menu{display:block;margin-right:auto;border:0;background:none;font-size:22px}.case-progress{grid-template-columns:1fr auto}.case-progress .progress{grid-row:2;grid-column:1/3}.client-intro{grid-template-columns:1fr}.save-bar{flex-direction:column;align-items:stretch}.save-bar>div{margin:0}.table-row{grid-template-columns:1fr 1fr}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.table-row span:last-child{justify-content:flex-end}.config-card{flex-direction:column;align-items:flex-start}.client-items article{grid-template-columns:auto 1fr}.client-items article>:last-child{grid-column:2;justify-self:start}.title-row h1{font-size:32px}}@media(max-width:560px){.title-row{flex-direction:column}.title-row .button{width:100%}.list-tools{align-items:stretch;flex-direction:column;gap:12px}.list-tools input{width:100%}.case-head{align-items:flex-start;flex-direction:column;gap:18px}.case-head>div:last-child{width:100%;justify-content:space-between}.client-header>div{display:none}.client-content{padding:35px 15px}.client-intro h1{font-size:32px}.client-progress>div:first-child{gap:10px;font-size:12px}.client-items article{padding:18px 13px;gap:12px}.save-bar .button{width:100%}}
:root{--navy:#073f66;--blue:#078dd8;--aqua:#2fb3b6;--ink:#15324b;--muted:#70869a;--line:#dbe6eb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:18px}.brand-mark,.mini-logo{background:var(--navy);color:#fff;font-weight:800;letter-spacing:.06em}.brand-mark{padding:10px 8px;border-radius:8px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;padding:12px 19px;border-radius:10px;font-weight:800;box-shadow:0 7px 18px #078dd830}.button-ghost{background:#fff;color:var(--navy)!important;border:1px solid var(--line);box-shadow:none}.hero{min-height:690px;background:linear-gradient(135deg,#f4fafb 0%,#fff 55%,#e8f6f5 100%);padding:85px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;overflow:hidden}.eyebrow{color:var(--aqua);font-size:13px;font-weight:900;letter-spacing:.12em}.hero h1{font-size:54px;line-height:1.05;letter-spacing:-.045em;margin:18px 0 24px;max-width:570px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:19px;line-height:1.6;color:var(--muted);max-width:560px}.hero-actions{display:flex;align-items:center;gap:27px;margin:32px 0}.button-large{padding:16px 25px}.text-link{font-weight:800;color:var(--navy)}.text-link span{color:var(--blue);margin-left:7px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#6e8796;font-size:12px;font-weight:700}.product-window{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 70px #073f6620;transform:rotate(1deg);min-width:0}.window-bar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 20px;font-size:13px;font-weight:800}.window-bar i{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#dce9ee}.mini-logo{padding:7px;border-radius:5px}.window-body{padding:27px}.preview-heading{display:flex;justify-content:space-between;gap:15px}.preview-heading small{color:var(--aqua);font-weight:900;letter-spacing:.1em}.preview-heading h2{font-size:24px;margin:8px 0}.preview-heading p{margin:0;color:var(--muted)}.pill{font-size:11px;font-weight:900;padding:7px 11px;background:#edf2f4;border-radius:999px;align-self:center;white-space:nowrap;color:#667986}.pill-blue{background:#e1f2fb;color:#087fc0}.pill-green{background:#daf3ec;color:#078e76}.progress-copy{display:flex;justify-content:space-between;margin-top:28px;font-size:13px}.progress-copy span{color:var(--aqua);font-weight:900}.progress{height:7px;background:#e8eef1;border-radius:9px;margin:10px 0 18px}.progress i{display:block;width:50%;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--aqua),var(--blue))}.requirements{border:1px solid var(--line);border-radius:12px;overflow:hidden}.requirement{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border-bottom:1px solid var(--line)}.requirement:last-child{border:0}.requirement>span:nth-child(2){display:flex;flex-direction:column;gap:4px;font-size:13px}.requirement small{color:var(--muted)}.check{height:31px;width:31px;display:grid;place-items:center;border-radius:50%;background:#edf2f4;color:#789}.check.done{background:#ddf5ef;color:#098d78}.quick-proof{text-align:center;padding:35px 20px;border-bottom:1px solid var(--line)}.quick-proof p{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.quick-proof div{display:flex;justify-content:center;gap:58px;flex-wrap:wrap;margin-top:23px;font-weight:800;color:#466176}.benefits{text-align:center;padding:100px 25px}.benefits h2{font-size:40px;line-height:1.18;letter-spacing:-.035em;margin:15px 0 50px}.benefit-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.benefit-grid article{border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 10px 35px #073f6609}.benefit-grid i{font-style:normal;color:var(--aqua);font-size:12px;font-weight:900}.benefit-grid h3{font-size:20px;margin:25px 0 12px}.benefit-grid p{color:var(--muted);line-height:1.6;margin:0}footer{background:var(--navy);color:#d9edf5;padding:27px max(28px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;font-size:13px}footer a{font-weight:800;color:#fff}@media(max-width:900px){.site-header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.benefit-grid{grid-template-columns:1fr}.product-window{transform:none}.hero h1{font-size:45px}}@media(max-width:560px){.site-header{height:70px;padding:0 18px}.brand>span:last-child{display:none}.site-header nav{gap:8px}.button{padding:11px 13px}.hero{padding:55px 18px;gap:42px}.hero h1{font-size:38px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.window-body{padding:18px}.requirement{grid-template-columns:auto 1fr}.requirement>.pill{grid-column:2;justify-self:start}.quick-proof div{gap:24px}.benefits{padding:70px 18px}.benefits h2{font-size:32px}footer{flex-direction:column;text-align:center}}
/* ==================== SOCIAL PROOF ==================== */
.social-proof {
  padding: 3rem 1.5rem;
  border-bottom: 1px solid var(--border);
}
.social-proof-inner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.sp-metric {
  text-align: center;
}
.sp-number {
  display: block;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--green);
  letter-spacing: -0.02em;
}
.sp-label {
  font-size: 0.8rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.sp-divider {
  width: 1px;
  height: 40px;
  background: var(--border);
}

/* ==================== SECTION HEADERS ==================== */
.section-header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 3.5rem;
}
.section-header .eyebrow {
  display: block;
  margin-bottom: 0.75rem;
}
.section-header h2 {
  margin-bottom: 1rem;
}
.section-sub {
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.6;
}

/* ==================== HOW IT WORKS ==================== */
.how-it-works {
  padding: 5rem 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
}
.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}
.step-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 2rem;
  position: relative;
  transition: border-color 0.3s;
}
.step-card:hover {
  border-color: var(--green);
}
.step-number {
  position: absolute;
  top: -12px;
  left: 24px;
  background: var(--green);
  color: #000;
  font-weight: 700;
  font-size: 0.75rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-icon {
  color: var(--green);
  margin-bottom: 1.25rem;
}
.step-card h3 {
  font-size: 1.15rem;
  margin-bottom: 0.75rem;
}
.step-card p {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.step-details {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.step-details li {
  font-size: 0.8rem;
  color: var(--muted);
  padding-left: 1rem;
  position: relative;
}
.step-details li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--green);
}

/* ==================== BENEFITS (6 items) ==================== */
.benefits {
  padding: 5rem 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.benefits .benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 3rem;
  text-align: left;
}
.benefits article {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1.75rem;
  transition: border-color 0.3s, transform 0.3s;
}
.benefits article:hover {
  border-color: var(--green);
  transform: translateY(-2px);
}
.benefits article i {
  color: var(--border);
  font-size: 0.8rem;
  font-style: normal;
  display: block;
  margin-bottom: 0.75rem;
  transition: color 0.3s;
}
.benefits article:hover i {
  color: var(--green);
}
.benefits article h3 {
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
}
.benefits article p {
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

/* ==================== COMPARISON ==================== */
.comparison {
  padding: 5rem 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
}
.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.comparison-card {
  border-radius: 12px;
  padding: 2rem;
}
.comparison-before {
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--border);
}
.comparison-after {
  background: rgba(0,255,136,0.03);
  border: 1px solid rgba(0,255,136,0.2);
}
.comparison-card h3 {
  font-size: 1.1rem;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cross-icon { color: var(--muted); }
.check-icon { color: var(--green); }
.comparison-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparison-card li {
  font-size: 0.875rem;
  color: var(--muted);
  line-height: 1.5;
  padding-left: 0.25rem;
}
.comparison-after li {
  color: var(--fg);
}
.comparison-before li s {
  opacity: 0.6;
}

/* ==================== TESTIMONIALS ==================== */
.testimonials {
  padding: 5rem 1.5rem;
  max-width: 1100px;
  margin: 0 auto;
}
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}
.testimonial-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.testimonial-stars {
  color: #f5a623;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  letter-spacing: 2px;
}
.testimonial-card > p {
  color: var(--fg);
  font-size: 0.925rem;
  line-height: 1.65;
  flex: 1;
  margin-bottom: 1.5rem;
  font-style: italic;
}
.testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top: 1px solid var(--border);
  padding-top: 1.25rem;
}
.author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--green);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.testimonial-author b {
  display: block;
  font-size: 0.9rem;
}
.testimonial-author small {
  color: var(--muted);
  font-size: 0.78rem;
}

/* ==================== PRICING ==================== */
.pricing {
  padding: 5rem 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
  align-items: start;
}
.pricing-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 2.5rem 2rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pricing-featured {
  border-color: var(--green);
  box-shadow: 0 0 40px rgba(0,255,136,0.07);
  transform: scale(1.03);
}
.pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--green);
  color: #000;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.3rem 1rem;
  border-radius: 100px;
  white-space: nowrap;
}
.pricing-name {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin-bottom: 0.75rem;
}
.pricing-price {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-bottom: 0.5rem;
}
.pricing-price span {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--muted);
}
.pricing-desc {
  font-size: 0.875rem;
  color: var(--muted);
  margin-bottom: 1.75rem;
  line-height: 1.5;
}
.pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}
.pricing-features li {
  font-size: 0.85rem;
  color: var(--fg);
  line-height: 1.5;
}
.pricing-features li.disabled {
  color: var(--muted);
  opacity: 0.5;
}
.button-full {
  display: block;
  text-align: center;
  width: 100%;
}
.pricing-note {
  text-align: center;
  color: var(--muted);
  font-size: 0.78rem;
  margin-top: 2rem;
  line-height: 1.6;
}

/* ==================== FAQ ==================== */
.faq {
  padding: 5rem 1.5rem;
  max-width: 720px;
  margin: 0 auto;
}
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.faq-item {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s;
}
.faq-item[open] {
  border-color: var(--green);
}
.faq-item summary {
  padding: 1.25rem 1.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  user-select: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: '+';
  font-size: 1.2rem;
  color: var(--muted);
  flex-shrink: 0;
  transition: transform 0.3s;
}
.faq-item[open] summary::after {
  content: '−';
  color: var(--green);
}
.faq-answer {
  padding: 0 1.5rem 1.25rem;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.7;
}

/* ==================== FINAL CTA ==================== */
.final-cta {
  padding: 6rem 1.5rem;
  text-align: center;
  border-top: 1px solid var(--border);
  background: linear-gradient(180deg, transparent, rgba(0,255,136,0.02));
}
.final-cta-inner {
  max-width: 600px;
  margin: 0 auto;
}
.final-cta h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.final-cta > .final-cta-inner > p {
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.final-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .social-proof-inner { gap: 1.25rem; }
  .sp-divider { display: none; }
  .sp-number { font-size: 1.35rem; }
  .comparison-grid { grid-template-columns: 1fr; }
  .pricing-featured { transform: none; }
  .steps-grid { grid-template-columns: 1fr; }
  .benefits .benefit-grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .final-cta h2 { font-size: 1.5rem; }
}