@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{color:#153966;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f8fa;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #78b7b0}.site-shell{background:#fff;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;box-shadow:0 10px 60px #163f6114}.site-shell.narrow{max-width:760px}.header{border-bottom:1px solid #e7eff0;align-items:center;gap:28px;min-height:76px;padding:0 42px;display:flex}.brand{color:#153966;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:21px;font-weight:700;display:flex}.leaf{color:#2b8276;background:#dcefe9;border-radius:60% 40%;place-items:center;width:31px;height:31px;font-size:25px;display:grid;transform:rotate(-25deg)}nav{flex:1;justify-content:flex-end;gap:21px;display:flex}nav button,.text-button,.back-link{color:#24548a;background:0 0;border:0;padding:7px;font-size:14px}.text-button{color:#153966;font-weight:600}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2.5px;margin-bottom:18px;font-size:clamp(34px,5vw,58px);line-height:1.07}h2{margin-bottom:12px;font-size:27px;line-height:1.15}h3{margin:8px 0;font-size:16px}.lead{color:#3c5d7e;max-width:610px;font-size:18px;line-height:1.55}.muted{color:#55718b}.eyebrow{color:#2a8278;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.hero-section{background:linear-gradient(115deg,#eff9fb 20%,#e7f0e4);grid-template-columns:1.05fr .95fr;min-height:460px;display:grid;overflow:hidden}.hero-copy{z-index:1;padding:76px 32px 65px 58px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary,.secondary{border:1px solid #164e86;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:700}.primary{color:#fff;background:#07508e;box-shadow:0 4px 11px #174b7524}.primary span{margin-left:8px;font-size:18px}.secondary{color:#12538d;background:#fff;text-decoration:none}.full{justify-content:center;width:100%}.hero-visual,.practice-banner{position:relative;overflow:hidden}.hero-visual{background:linear-gradient(#dbeff5,#fff3dc);min-height:375px}.hero-visual p{z-index:4;color:#24558d;font-family:Playfair Display,serif;font-size:24px;font-style:italic;position:absolute;top:50px;left:24%;transform:rotate(-5deg)}.sun{background:#facb72;border-radius:50%;width:70px;height:70px;position:absolute;top:68px;right:27%}.hill{border-radius:50% 50% 0 0;width:130%;height:310px;position:absolute;bottom:-130px}.hill-one{background:#a8d0c4;left:-50%}.hill-two{background:#6ba59a;right:-70%}.path{z-index:3;clip-path:polygon(43% 0,64% 0,100% 100%,0 100%);background:#f7ead3;width:68px;height:310px;position:absolute;bottom:-30px;left:52%}.content-section{padding:42px 58px 28px}.content-section>p{color:#406383;max-width:680px;line-height:1.5}.process-list{align-items:center;gap:6px;margin-top:26px;padding-bottom:8px;display:flex;overflow-x:auto}.process-list div{color:#174e85;text-align:center;min-width:115px;font-size:12px;font-weight:700}.process-list span{color:#2d8278;background:#e8f4f4;border-radius:50%;place-items:center;width:31px;height:31px;margin:auto auto 7px;display:grid}.not-positive{color:#2a5f6c;background:#f0f8f5;border-left:4px solid #47a599;max-width:730px;margin-top:24px;padding:17px 20px}.not-positive p{margin:6px 0 0;line-height:1.45}.audience-section{padding:14px 58px 46px}.audience-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.audience-cards article{background:#f9fcfc;border:1px solid #deebed;border-radius:15px;padding:21px}.audience-cards article>span{color:#2d867b;background:#e1f2eb;border-radius:50%;place-items:center;width:41px;height:41px;display:grid}.audience-cards h3{margin-top:13px}.audience-cards p{color:#4f6f88;min-height:62px;font-size:14px;line-height:1.4}.audience-cards button{color:#fff;background:#0c548e;border:0;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:700}.limits{color:#416786;background:#eff7f7;padding:15px 58px;font-size:13px}.centered-page{text-align:center;max-width:600px;margin:0 auto;padding:68px 32px}.centered-page h1{font-size:clamp(32px,5vw,45px)}.access-cards{text-align:left;gap:14px;margin:32px 0 20px;display:grid}.access-card{color:#153966;text-align:left;background:#eff8fc;border:1px solid #dcebf0;border-radius:15px;align-items:center;gap:16px;width:100%;padding:20px;display:flex}.access-card.free{background:#fff6e4}.access-card>span:nth-child(2){flex:1;gap:5px;display:grid}.access-card small{color:#52708e;line-height:1.35}.access-card b{font-size:27px;font-weight:400}.access-icon{border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.blue{color:#4688c8;background:#d9edfc}.green{color:#388b77;background:#dff2ea}.gold{color:#bb8a24;background:#ffebba}.form-page label,.practice-card label{color:#244f79;text-align:left;gap:9px;margin:28px 0;font-size:14px;font-weight:700;display:grid}.form-page input,.practice-card input,.practice-card textarea,.practice-card select{color:#193d63;resize:vertical;background:#fff;border:1px solid #cbdce5;border-radius:11px;width:100%;padding:14px}.form-page input{font-size:18px}.check{text-align:left;color:#3d617f;align-items:flex-start;gap:10px;margin:24px 0;line-height:1.4;display:flex}.check input{margin-top:3px}.consent-box{text-align:left;color:#3d617f;background:#f2f8f8;border-radius:15px;padding:20px;line-height:1.45}.dashboard{padding:44px 58px 60px}.welcome{align-items:center;gap:14px;display:flex}.welcome h1{letter-spacing:-1.3px;margin:0 0 4px;font-size:32px}.welcome p{color:#56718a}.avatar{color:#2b8278;background:#dff1e9;border-radius:50%;place-items:center;width:53px;height:53px;font-size:32px;display:grid}.practice-banner{background:linear-gradient(100deg,#e8f6fb,#e2eee5);border-radius:18px;min-height:238px;margin:32px 0 14px;padding:32px}.practice-banner h2{max-width:400px;font-size:27px}.practice-banner p:not(.eyebrow){color:#4b6e8b}.banner-landscape{clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#0000 30%,#a7cfbf 31% 70%,#70a79a 71%);position:absolute;inset:0 0 0 55%}.banner-landscape i{background:#f8cd76;border-radius:50%;width:52px;height:52px;position:absolute;top:34px;right:27%}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dashboard-grid button{text-align:left;color:#174e85;background:#fff;border:1px solid #dce7ec;border-radius:14px;grid-template-columns:38px 1fr;gap:2px 10px;padding:19px;display:grid}.dashboard-grid button>span{color:#338c84;grid-row:span 2;font-size:25px}.dashboard-grid small{color:#5d7890;line-height:1.3}.dashboard-grid button:disabled{opacity:.55;cursor:not-allowed}.intro-points{text-align:left;color:#365e80;background:#f1f8f8;border-radius:14px;gap:13px;margin:28px 0;padding:22px;display:grid}.intro-points span:first-letter{color:#31877e}.practice-shell{min-height:100vh}.practice-layout{max-width:770px;margin:0 auto;padding:36px 32px 62px}.practice-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.progress{color:#496b8a;align-items:center;gap:11px;font-size:13px;font-weight:700;display:flex}.progress>div{background:#e0ebee;border-radius:9px;width:190px;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:#2b8a9e;height:100%;transition:width .25s;display:block}.practice-layout>.eyebrow{margin-top:46px}.practice-layout h1{font-size:clamp(32px,5vw,44px)}.practice-card{background:#fbfdfd;border:1px solid #dbe7eb;border-radius:16px;margin-top:25px;padding:25px}.practice-card textarea{min-height:150px;font-size:16px;line-height:1.5}.range-label>div{align-items:center;gap:15px;display:flex}.range-label input[type=range]{accent-color:#188279;padding:0}.range-label output{color:#187269;min-width:52px;font-weight:700}.practice-actions{justify-content:space-between;gap:14px;margin-top:25px;display:flex}.autosave{color:#59758c;text-align:center;margin:19px 0;font-size:13px}.safety{padding-top:90px}.safety h1{color:#8a3f3f}.safety-box{color:#75484a;text-align:left;background:#fff1ef;border-radius:14px;margin:26px 0;padding:22px;line-height:1.5}.resource-list{text-align:left;gap:11px;margin:0 0 26px;display:grid}.resource-list a{color:#1d527f;background:#fff;border:1px solid #dce7ec;border-radius:12px;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.resource-list a:hover{border-color:#2c8a82}.resource-list span{color:#55718b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.resource-list strong{font-size:21px}.resource-list small{color:#516e85;line-height:1.35}.resource-list .emergency-resource{color:#fff;background:#b54343;border-color:#b54343}.resource-list .emergency-resource span,.resource-list .emergency-resource small{color:#fff4f4}.result{text-align:center;padding:48px 58px 65px}.result h1{font-size:44px}.result-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 14px;display:grid}.result-grid article{background:#edf6fa;border-radius:15px;padding:19px}.result-grid article:nth-child(2){background:#fff0f1}.result-grid article>span{color:#2b8278;font-size:25px}.result-grid p,.result-notes p{color:#41627f;font-size:14px;line-height:1.45}.metric{color:#1e827a;align-items:center;gap:13px;display:flex}.metric b{font-size:25px}.metric i{color:#5e8098;font-style:normal}.result-notes{text-align:left;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;display:grid}.result-notes>div{border:1px solid #e0eaed;border-radius:12px;padding:15px}.result-notes strong{color:#275680;font-size:14px}.form-message{color:#9b4141;text-align:left;background:#fff1ef;border-radius:9px;padding:11px;font-size:14px}.auth-page code{background:#eaf3f4;border-radius:4px;padding:2px 5px;font-size:.88em}.demo-note{color:#61798d;margin-top:20px;font-size:13px;line-height:1.45}.demo-banner{color:#376c66;background:#eef8f5;border-radius:9px;margin:18px 0 0;padding:10px 13px;font-size:13px}.dictation{gap:8px;margin-top:12px;display:grid}.dictation-actions{flex-wrap:wrap;gap:8px;display:flex}.dictation-button,.voice-note{color:#1d6670;background:#f1f9f8;border:1px solid #77aab1;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.voice-note{color:#285889;background:#f0f6fc;border-color:#8cb5d3}.dictation-button.recording,.voice-note.recording{color:#fff;background:#b54343;border-color:#b54343;animation:1.3s infinite recording-pulse}.dictation span{color:#678093;font-size:12px;line-height:1.3}.dictation audio{width:min(100%,340px);height:34px}@keyframes recording-pulse{50%{box-shadow:0 0 0 5px #b543432e}}.restricted-fields,.result-inputs{text-align:left;gap:15px;margin:26px 0;display:grid}.restricted-fields label,.result-inputs label{color:#244f79;gap:8px;font-size:14px;font-weight:700;display:grid}.restricted-fields input,.result-inputs input,.result-inputs textarea{color:#193d63;resize:vertical;background:#fff;border:1px solid #cbdce5;border-radius:11px;width:100%;padding:14px}.result-inputs textarea{min-height:92px}.result-inputs .range-label{margin:0}.consent-options{margin:23px 0}.check.optional{color:#60758a;font-weight:400}.check small{margin-top:3px;display:block}button:disabled{cursor:not-allowed;opacity:.52}@media (width<=720px){.site-shell{width:100%}.header{min-height:64px;padding:0 20px}.header nav,.text-button{display:none}.hero-section{grid-template-columns:1fr}.hero-copy{padding:54px 28px}.hero-visual{min-height:250px}.content-section,.audience-section,.limits,.dashboard,.result{padding-left:24px;padding-right:24px}.centered-page{padding:50px 24px}.dashboard{padding-top:31px}.practice-banner{padding:26px}.banner-landscape{opacity:.45;left:35%}.audience-cards,.dashboard-grid,.result-grid,.result-notes{grid-template-columns:1fr}.audience-cards p{min-height:0}.practice-layout{padding:26px 20px}.practice-top{flex-direction:column-reverse;align-items:flex-start}.progress>div{width:150px}.result h1{font-size:36px}}:root{color:#123f49;background:#f7f8f0}body{background:radial-gradient(circle at 93% 5%,#dfe9e4 0 2px,#0000 3px) 0 0/74px 74px,#f7f8f0}.site-shell{background:#fffef9;box-shadow:0 14px 60px #0b4b5620}.header{background:#fffefb;border-bottom-color:#d9e7e1}.brand{color:#123f49}.network-logo{object-fit:contain;width:39px;height:39px}.leaf{display:none}h1,h2,h3{color:#123f49}.lead,.muted{color:#35626a}.eyebrow{color:#007f80}.primary{background:#007f80;border-color:#007f80}.secondary{color:#0b6369;border-color:#4d868d}.text-button,nav button,.back-link{color:#145967}.hero-section{background:linear-gradient(125deg,#fffef8 4%,#f2f5df 56%,#fdf0bd 100%)}.hero-visual{background:radial-gradient(circle at 58% 44%,#ffe47a80 0 10%,#0000 34%),linear-gradient(140deg,#f8fbeb,#fff5cb)}.hero-visual p{color:#175d65;font-size:23px;top:42px;left:12%}.hero-mark{opacity:.9;filter:saturate(.88)contrast(.98);width:min(690px,135%);height:auto;position:absolute;bottom:-41%;right:-21%}.hero-section{isolation:isolate;background:radial-gradient(circle at 57% 18%,#fff7c9 0,#0000 23%),linear-gradient(125deg,#fffef9 4%,#eff6ed 58%,#e9f2e9 100%);grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:330px;position:relative}.hero-section:before{content:"";z-index:-1;border:1px solid #75a69f36;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-250px;left:37%;box-shadow:0 0 0 34px #75a69f10,0 0 0 70px #75a69f0b}.hero-copy{z-index:2;flex-direction:column;justify-content:center;padding:42px 32px 42px 58px;display:flex;position:relative}.hero-copy .eyebrow{align-items:center;gap:9px;margin-bottom:9px;display:flex}.hero-copy .eyebrow:before{content:"";background:#d5a722;width:29px;height:2px}.hero-copy h1{max-width:630px;margin-bottom:12px;font-size:clamp(35px,3.7vw,49px)}.hero-copy .lead{max-width:545px;font-size:16px}.hero-copy .actions{margin-top:19px}.hero-copy .primary{background:linear-gradient(120deg,#007f80,#0b6369);padding:12px 20px;box-shadow:0 12px 24px #007f8030}.hero-copy .secondary{background:#fffffff0;border-color:#bfd8d2;padding:12px 20px}.hero-visual{min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0}.hero-video{z-index:0;object-fit:contain;filter:saturate(.88);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.hero-visual:after{display:none}.hero-visual p{z-index:3;color:#155761;text-shadow:0 1px 16px #fffef4;margin:0;font-family:inherit;font-size:15px;font-style:normal;font-weight:600;line-height:1.35;inset:auto 24px 28px 29px;transform:none}.hero-visual p:before{content:"CuestionarME";color:#9b7410;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.content-section{background:#fffefb}.process-list span{color:#007f80;background:#e2f0ea}.process-list div:nth-child(4n) span,.process-list div:nth-child(7n) span{color:#a77700;background:#ffe487}.not-positive{color:#356057;background:#fff8df;border-left-color:#d8a520}.audience-section{background:linear-gradient(#fbfdf8,#f0f7f4)}.audience-cards article{background:#fffefb;border-color:#d4e6df}.audience-cards article>span{color:#007f80;background:#dceee7}.audience-cards article:nth-child(2)>span{color:#357980;background:#e4efef}.audience-cards article:nth-child(3)>span{color:#af8000;background:#fff0b9}.audience-cards button{background:#007f80}.limits{color:#315b62;background:#eaf4ef}.practice-banner{background:linear-gradient(102deg,#e6f4ee,#fff4c9)}.banner-landscape{opacity:.65;background:linear-gradient(145deg,#0000 30%,#78a9a0 31% 70%,#367b7d 71%)}.dashboard-grid button{color:#155761;border-color:#d4e5df}.dashboard-grid button>span{color:teal}.progress i{background:linear-gradient(90deg,teal,#d4aa21)}.practice-card{background:#fcfdf9;border-color:#cde2dc}.practice-card input,.practice-card textarea,.practice-card select{border-color:#b5d4cf}.range-label input[type=range]{accent-color:teal}.result-grid article:nth-child(3){background:#ecf6e8}@media (width<=720px){.hero-section{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 28px 26px;display:block}.hero-copy h1{font-size:clamp(35px,10vw,45px)}.hero-copy .lead{font-size:15px}.hero-visual{min-height:225px;margin:0}.hero-video{transform:scale(1.16)}.hero-mark-overlay{width:130%;bottom:-48%;right:-37%}.hero-visual p{font-size:15px;bottom:20px;left:22px}}
