@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#24473c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#c4decccc,#0000 34%),linear-gradient(#f3efe7 0%,#eef4ef 42%,#f8f4ec 100%);font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before,body:after{content:"";z-index:-1;filter:blur(18px);border-radius:50%;position:fixed}body:before{background:#a9ccb257;width:320px;height:320px;top:8%;left:-110px}body:after{background:#d69d6038;width:260px;height:260px;bottom:10%;right:-80px}a{color:inherit}#root{min-height:100vh}h1,h2,strong{color:#19342d;font-family:Fraunces,Georgia,serif}h1{letter-spacing:-.05em;font-size:clamp(2.7rem,6vw,5rem);line-height:.98}h2{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.1}p{margin:0}.page-shell{width:min(1520px,100% - 40px);margin:0 auto;padding:28px 0 72px}.page-shell-report{width:calc(100% - 24px);max-width:none}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:18px;margin-bottom:16px;display:grid}.hero-copy,.hero-status-card,.intro-card,.survey-section,.submit-panel,.section-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcf9f3c7;border:1px solid #48605524;box-shadow:0 24px 60px #1a252114}.hero-copy{background:#fcf9f3e0;border-radius:24px;flex-direction:column;justify-content:flex-start;padding:18px 24px;display:flex;position:relative;overflow:hidden}.hero-copy:after{content:none}.hero-brand-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.client-logo{object-fit:contain;object-position:left top;background:0 0;border:0;border-radius:0;width:clamp(280px,28vw,360px);max-width:100%;max-height:112px;padding:0}.eyebrow{color:#3e655a;letter-spacing:.12em;text-transform:uppercase;background:#1e43380f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.hero-copy h1{letter-spacing:-.02em;max-width:19ch;margin:14px 0 8px;font-size:clamp(1.78rem,2.35vw,2.35rem);line-height:1.08}.hero-lead{color:#486055;max-width:62ch;margin:0;font-size:.95rem}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero-chips span,.inline-code{color:#496257;background:#ffffff9e;border:1px solid #48605514;border-radius:14px;align-items:center;min-height:34px;padding:0 12px;font-size:.92rem;display:inline-flex}.inline-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.hero-status-card{color:#f6f1e8;background:linear-gradient(#1f3630f5,#152824eb);border-radius:24px;align-content:start;gap:10px;padding:18px 20px;display:grid}.status-block{border-bottom:1px solid #ffffff14;gap:5px;padding-bottom:9px;display:grid}.status-block:last-child{border-bottom:0;padding-bottom:0}.status-label{color:#f6f1e8c7;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.draft-note{color:#f6f1e8e6;font-size:.98rem;line-height:1.45}.expired-summary{gap:10px;display:grid}.expired-summary p{color:#365247;margin:0}.survey-expired-card{background:linear-gradient(135deg,#faf1eaf2,#f7f8f3eb)}.status-block strong{color:#fffaf1;letter-spacing:-.01em;font-size:1.38rem;line-height:1.25}.survey-id-value{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;line-height:1.45;display:block}.progress-track{background:#ffffff24;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#d59c5f,#f0d7a0);height:100%;display:block}.intro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.intro-grid-single-card{grid-template-columns:1fr}.intro-card,.survey-section,.submit-panel,.section-nav{border-radius:24px;padding:24px}.intro-card h2,.survey-section h2,.submit-panel h2{margin:0 0 8px;font-size:1.35rem}.intro-card p,.section-header p,.submit-panel p,.field-helper,.section-nav a{color:#557062}.intro-card-accent{background:linear-gradient(135deg,#edf4efeb,#faf4e9eb)}.ppwr-summary-card{grid-template-columns:minmax(180px,.26fr) minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.ppwr-summary-card h2,.ppwr-summary-card p{margin:0}.ppwr-summary-card span{color:#496257;white-space:nowrap;background:#ffffffad;border:1px solid #4860551a;border-radius:999px;justify-self:end;padding:8px 12px;font-weight:700}.survey-theme-dawtona{isolation:isolate;color:#183d2d;position:relative}.survey-theme-dawtona:before,.survey-theme-dawtona:after{content:"";z-index:-1;pointer-events:none;position:fixed}.survey-theme-dawtona:before{background:linear-gradient(105deg,#0000 0 14%,#dd202629 14% 20%,#0000 20% 35%,#ffcb2d33 35% 39%,#0000 39% 100%),repeating-linear-gradient(115deg,#16563014 0 18px,#0000 18px 72px);height:58vh;inset:-16vh -10vw auto;transform:skewY(-5deg)}.survey-theme-dawtona:after{background:linear-gradient(75deg,#dd20262e,#0000 32% 68%,#dd202624),repeating-linear-gradient(90deg,#0000 0 56px,#ffcb2d21 56px 68px,#0000 68px 132px);height:46vh;inset:auto -12vw -18vh;transform:skewY(4deg)}.survey-theme-dawtona .hero-panel{grid-template-columns:minmax(0,.95fr) minmax(340px,.72fr);gap:20px}.survey-theme-dawtona .hero-copy,.survey-theme-dawtona .intro-card,.survey-theme-dawtona .survey-section,.survey-theme-dawtona .submit-panel,.survey-theme-dawtona .section-nav{background:#fff7e7f0;border-color:#dd202629;box-shadow:0 22px 52px #6f12141f}.survey-theme-dawtona .hero-copy{background:linear-gradient(112deg,#fff7e7fa 0%,#fff7e7f0 48%,#dd202624 100%),linear-gradient(28deg,#0000 0 54%,#ffcb2d38 54% 60%,#0000 60%);min-height:260px;padding:20px 26px 24px}.survey-theme-dawtona .hero-brand-row{justify-content:space-between;align-items:flex-start}.survey-theme-dawtona .client-logo{width:clamp(320px,31vw,430px);max-height:132px}.survey-theme-dawtona .eyebrow{color:#fff7e7;letter-spacing:.1em;background:#dd2026;border-radius:4px;padding:7px 11px}.survey-theme-dawtona .hero-copy h1{color:#8f151b;text-transform:uppercase;max-width:16ch;margin-top:18px}.survey-theme-dawtona .hero-lead{color:#3e6049;max-width:58ch;font-weight:600}.survey-theme-dawtona .hero-status-card{background:linear-gradient(#b01820 0%,#7f1018 100%);border:1px solid #ffcb2d3d;box-shadow:0 24px 58px #6f121442}.survey-theme-dawtona .progress-track span{background:linear-gradient(90deg,#dd2026,#ffcb2d)}.survey-theme-dawtona .ppwr-summary-card{color:#fff7e7;background:linear-gradient(90deg,#b01820,#dd2026 52%,#165630);border-color:#ffcb2d47}.survey-theme-dawtona .ppwr-summary-card h2,.survey-theme-dawtona .ppwr-summary-card p{color:#fff7e7}.survey-theme-dawtona .ppwr-summary-card span{color:#12341f;background:#ffcb2d;border-color:#12341f14}.survey-theme-dawtona .section-nav a:hover,.survey-theme-dawtona .section-nav a:focus-visible,.survey-theme-dawtona .admin-link:hover,.survey-theme-dawtona .admin-link:focus-visible{color:#dd2026}.survey-theme-dawtona button[type=submit],.survey-theme-dawtona .submit-panel button{color:#fff7e7;background:#dd2026}.content-grid{grid-template-columns:250px minmax(0,1fr);gap:20px;display:grid}.content-grid-single{grid-template-columns:1fr}.section-nav{flex-direction:column;align-self:start;gap:10px;display:flex;position:sticky;top:20px}.section-nav-title{color:#1e4136;text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:.78rem;font-weight:800}.section-nav a{border-radius:14px;padding:10px 12px;text-decoration:none;transition:background-color .18s,color .18s,transform .18s}.section-nav a:hover,.section-nav a:focus-visible{color:#1f5f4d;background:#1f5f4d14;transform:translate(3px)}.survey-form,.survey-section{gap:18px;display:grid}.section-header{gap:8px;display:grid}.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:10px;display:grid}.field-textarea,.field-file,.field-radio{grid-column:1/-1}.field-label{color:#213d34;align-items:center;gap:8px;font-weight:700;display:flex}.required-dot{color:#bf5f33}.field input,.field textarea,.field select{box-sizing:border-box;width:100%;font:inherit;color:#1f302b;background:#ffffffeb;border:1px solid #4e655b2e;border-radius:18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#1f5f4d70;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1f5f4d1f}.field textarea{resize:vertical;min-height:132px}.field-helper{font-size:.9rem}.radio-group{flex-wrap:wrap;gap:12px;display:flex}.radio-option{color:#24473c;background:#ffffffd6;border:1px solid #4e655b29;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.radio-option input{width:auto;margin:0}.file-upload{background:linear-gradient(#f3f8f5e6,#ffffffd1);border:1px dashed #1f5f4d57;border-radius:22px;align-content:start;gap:10px;min-height:128px;padding:18px;display:grid;position:relative}.file-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-upload-copy{color:#f8f4eb;cursor:pointer;background:#1f5f4d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.file-upload-name{color:#557062;line-height:1.5}.file-upload-list{gap:10px;display:grid}.file-upload-item{background:#ffffffd6;border:1px solid #4e655b24;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.file-upload-item-copy{gap:4px;min-width:0;display:grid}.file-upload-item-copy strong,.file-upload-item-copy span{overflow-wrap:anywhere}.file-upload-item-copy span{color:#557062;font-size:.9rem}.file-upload-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.file-upload-download,.file-upload-remove{appearance:none;min-height:38px;font:inherit;cursor:pointer;border-radius:999px;padding:0 16px;font-weight:700;line-height:1;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s,color .16s}.file-upload-download{color:#1f5f4d;background:linear-gradient(#eaf5effa,#d6eae0fa);border:1px solid #1f5f4d2e;box-shadow:0 10px 24px #1f5f4d1f}.file-upload-download:hover,.file-upload-download:focus-visible{border-color:#1f5f4d4d;outline:none;transform:translateY(-1px);box-shadow:0 14px 28px #1f5f4d2e}.file-upload-remove{color:#9a4626;background:linear-gradient(#fef3effa,#fae4dbfa);border:1px solid #bf5f332e;box-shadow:0 10px 24px #bf5f331a}.file-upload-remove:hover,.file-upload-remove:focus-visible{border-color:#bf5f3347;outline:none;transform:translateY(-1px);box-shadow:0 14px 28px #bf5f3329}.file-upload-download:disabled,.file-upload-remove:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.submit-panel{justify-content:space-between;align-items:center;gap:24px;margin-top:6px;display:flex}.submit-panel button{min-width:220px;min-height:56px;font:inherit;color:#f8f4ebb8;cursor:pointer;background:linear-gradient(90deg,#1f5f4db8,#346554b8);border:none;border-radius:999px;padding:0 28px;font-weight:800}.submit-panel button:disabled{cursor:not-allowed;opacity:.7}.submit-actions{align-items:center;gap:12px;display:flex}.submit-actions .secondary-action{color:#1f5f4d;cursor:pointer;background:#1f5f4d14;border:1px solid #1f5f4d2e;min-width:180px}.app-toast{z-index:30;border-radius:18px;width:fit-content;max-width:min(420px,100%);margin:0 0 18px auto;padding:14px 18px;font-weight:700;position:sticky;top:18px;box-shadow:0 24px 60px #1a252129}.app-toast-success{color:#1f5f4d;background:#e7f4ebf5;border:1px solid #1f5f4d2e}.app-toast-error{color:#9a4626;background:#fdede9fa;border:1px solid #bf5f332e}.admin-grid{gap:18px;display:grid}.notice-banner{border:1px solid #48605524;border-radius:20px;margin-bottom:18px;padding:16px 18px;box-shadow:0 24px 60px #1a252114}.success-banner{color:#1f5f4d;background:#e7f4ebe6}.error-banner{color:#9a4626;background:#fdede9eb}.generated-card,.admin-instance-item{background:#ffffffb8;border:1px solid #4860551f;border-radius:20px;gap:14px;padding:18px;display:grid}.generated-card p,.admin-instance-item p,.admin-instance-item h3{margin:0}.generated-actions,.admin-instance-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-instance-list{gap:14px;display:grid}.token-preview,.token-inline{overflow-wrap:anywhere}.admin-link,.ghost-action,.primary-action{color:#1f5f4d;font-weight:700;text-decoration:none}.admin-link:hover,.admin-link:focus-visible,.ghost-action:hover,.ghost-action:focus-visible,.primary-action:hover,.primary-action:focus-visible{text-decoration:underline}.ghost-action,.primary-action{appearance:none;min-height:42px;font:inherit;cursor:pointer;background:#1f5f4d14;border:1px solid #1f5f4d2e;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.primary-action{color:#fff;background:#1f5f4d;border-color:#1f5f4d}.ghost-action:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.58;text-decoration:none}.admin-muted{color:#557062;margin:0}.admin-session-strip{color:#557062;background:#ffffffc2;border:1px solid #1f5f4d24;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;width:min(1520px,100% - 40px);margin:18px auto -18px;padding:10px 16px;display:flex;box-shadow:0 18px 50px #1a252114}.admin-session-strip strong{color:#1f5f4d}.admin-session-user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.admin-logout-button{min-height:34px;padding:0 14px}.admin-auth-shell{padding-top:42px}.admin-auth-card{max-width:720px;margin:0 auto}.admin-auth-form{gap:20px}.microsoft-login-panel{background:linear-gradient(135deg,#1f5f4d14,#f1ba401f);border:1px solid #1f5f4d29;border-radius:24px;gap:10px;margin-bottom:24px;padding:18px;display:grid}.microsoft-login-panel p{color:#557062;margin:0}.microsoft-login-button{width:fit-content}.admin-auth-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-auth-actions{justify-content:flex-start}@media (width<=720px){.admin-auth-fields{grid-template-columns:1fr}}.admin-submit-panel{margin-top:12px}.admin-list-section{margin-bottom:0}.report-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.report-list-section{padding:18px}.table-shell{background:#ffffff94;border:1px solid #4860551f;border-radius:18px;width:100%;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;min-width:1120px}.report-table th,.report-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #4860551a;padding:10px 14px;line-height:1.35}.report-table th{color:#1f4136;text-transform:uppercase;letter-spacing:.08em;background:#1f5f4d14;font-size:.82rem}.report-table tbody tr:hover{background:#ffffff6b}.table-token{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.84rem;overflow:hidden}.table-date,.table-actions,.table-meta{white-space:nowrap}.table-meta{color:#476156;font-size:.9rem}.status-pill{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.status-pill-draft{color:#8d5f2a;background:#d69d602e}.status-pill-submitted{color:#1f5f4d;background:#1f5f4d24}.status-pill-closed{color:#3d514b;background:#404d4a29}.status-pill-expired{color:#9a4f37;background:#ad614629}@media (width<=1080px){.hero-panel,.content-grid,.intro-grid,.report-intro-grid,.ppwr-summary-card{grid-template-columns:1fr}.ppwr-summary-card span{white-space:normal;justify-self:start}.section-nav{position:static}}@media (width<=760px){.page-shell{width:min(100% - 24px,1280px);padding:18px 0 48px}.hero-copy,.hero-status-card,.intro-card,.survey-section,.submit-panel,.section-nav{border-radius:22px;padding:20px}.hero-copy h1{max-width:none;font-size:clamp(1.8rem,8vw,2.4rem)}.fields-grid{grid-template-columns:1fr}.submit-panel,.submit-actions{flex-direction:column;align-items:stretch}.submit-panel button{width:100%;min-width:0}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}
