:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand-blue:#1667ff;--brand-sky:#0ea5ff;--brand-violet:#6d4aff;--gradient:linear-gradient(135deg, #125dff 0%, #4f57f0 50%, #7c3aed 100%);--gradient-soft:linear-gradient(135deg, #1667ff1a, #7c3aed1a);--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--line:#e4eaf5;--line-strong:#d5dfef;--paper:#fff;--error:#cf3d4e;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--shadow-xl:0 42px 90px -48px #1e40af80;--shadow-lg:0 28px 70px -42px #1e40af6b;--shadow-md:0 16px 40px -28px #0f172a59;--shadow-sm:0 8px 24px -18px #0f172a47;background:#f5f8ff;font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background-color:#f6f9ff;background-image:radial-gradient(1100px 800px at 8% -16%,#1667ff2b,#0000 60%),radial-gradient(900px 700px at 104% 0,#7c3aed24,#0000 55%),radial-gradient(1000px 800px at 50% 112%,#0ea5ff1a,#0000 62%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}body:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#3b5bdb24 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 42%);mask-image:linear-gradient(#00000080,#0000 42%)}#app{z-index:1;position:relative}::selection{color:#0b2a6f;background:#1667ff2e}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}p{overflow-wrap:anywhere}h1,h2{letter-spacing:-.035em;font-weight:750;line-height:1.28}h1{font-size:34px}h2{font-size:24px}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #1667ff80}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:var(--ink);z-index:100;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.muted{color:var(--muted)}.small{font-size:13px}.desktop-only{display:inline}.accent{color:var(--brand-blue)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.accent{background:var(--gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}.eyebrow{color:#3156c9;letter-spacing:.11em;background:#1667ff12;border:1px solid #1667ff26;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.status-dot{background:var(--brand-blue);border-radius:50%;flex:0 0 7px;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 #1667ff59}@keyframes pulse{0%,to{box-shadow:0 0 #1667ff4d}50%{box-shadow:0 0 0 5px #1667ff00}}.paper{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.button{border-radius:var(--radius-md);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:650;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:active{transform:translateY(0)scale(.995)}.button.primary{color:#fff;background:var(--gradient);background-position:0;background-size:140% 140%;box-shadow:0 16px 32px -18px #2552ebb3}.button.primary:hover:not(:disabled){background-position:100%;transform:translateY(-1px);box-shadow:0 20px 38px -18px #2552ebc7}.button.secondary{border-color:var(--line-strong);color:var(--ink-soft);background:#fff}.button.secondary:hover:not(:disabled){color:var(--brand-blue);background:#f8faff;border-color:#1667ff59}.full{width:100%}.text-button{color:var(--muted);text-underline-offset:5px;background:0 0;border:0;padding:4px 0;font-size:12px;-webkit-text-decoration:underline #c5d0e3;text-decoration:underline #c5d0e3;transition:color .18s}.text-button:hover:not(:disabled){color:var(--brand-blue)}.text-button.danger{color:var(--error)}input,textarea,select{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;color:var(--ink);background:#fbfcff;outline:none;padding:13px 16px;transition:border-color .18s,box-shadow .18s,background .18s}input:hover,textarea:hover,select:hover{border-color:#c4d0e5}input:focus,textarea:focus,select:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 0 0 4px #1667ff1f}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}input::placeholder,textarea::placeholder{color:#93a0b5}textarea{resize:vertical;min-height:90px}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-blue);box-shadow:none;flex:0 0 20px;margin:0;padding:0}input[type=radio]:focus,input[type=checkbox]:focus{box-shadow:0 0 0 3px #1667ff26}.field-label{color:var(--ink-soft);margin:22px 0 8px;font-size:12px;font-weight:650;display:block}.field-error{color:var(--error);margin-top:12px;font-size:13px}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:20px;align-items:center;gap:20px;width:min(1200px,100% - 32px);margin:14px auto 0;padding:10px 14px 10px 16px;display:flex;position:sticky;top:14px;box-shadow:0 12px 40px -24px #1e40af59}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-weight:750;display:flex}.brand-logo{background:#fff;border:1px solid #1667ff2e;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 6px 16px -10px #2552eb80,inset 0 0 0 1px #ffffffb3}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-web{background:var(--gradient);color:#fff;letter-spacing:.16em;vertical-align:2px;border-radius:999px;margin-left:7px;padding:3px 7px;font-size:8px;font-weight:700}.header-note{color:var(--muted);letter-spacing:.04em;margin-left:auto;font-size:12px}.nav-link{background:var(--gradient);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:650;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 26px -16px #2552ebcc}.nav-link:hover{transform:translateY(-1px);box-shadow:0 16px 30px -16px #2552ebe0}.site-footer{border-top:1px solid var(--line);width:min(1200px,100% - 32px);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:84px auto 0;padding:22px 4px 34px;font-size:11px;display:flex}.footer-brand{align-items:center;gap:9px;display:flex}.footer-logo{border:1px solid var(--line);background:#fff;border-radius:8px;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid;overflow:hidden}.footer-logo img{object-fit:contain;width:100%;height:100%}.footer-meta{align-items:center;gap:18px;display:flex}.footer-meta a{color:var(--ink-soft);border-bottom:1px solid #0000;transition:color .18s,border-color .18s}.footer-meta a:hover{color:var(--brand-blue);border-color:#1667ff59}.home-layout{grid-template-columns:minmax(0,1.08fr) 440px;align-items:start;gap:72px;width:min(1180px,100% - 64px);margin:76px auto 0;display:grid}.home-intro{padding-top:18px}.home-intro h1{letter-spacing:-.05em;margin:22px 0 20px;font-size:clamp(44px,5.4vw,68px);font-weight:800;line-height:1.16}.intro-copy{max-width:560px;color:var(--muted);font-size:15px;line-height:1.95}.home-points{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.home-points span{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink-soft);background:#ffffffb8;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:550;display:inline-flex}.home-points i{color:var(--brand-blue);font-style:normal;font-weight:800}.hero-visual{isolation:isolate;background:linear-gradient(145deg,#ffffffc7,#edf3ff9e);border:1px solid #ffffffe6;border-radius:32px;place-items:center;width:min(100%,520px);height:290px;margin-top:44px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 30px 70px -45px #2552eb73}.hero-visual:before{content:"";z-index:-2;filter:blur(10px);background:radial-gradient(circle at 30% 30%,#1667ff33,#0000 45%),radial-gradient(circle at 70% 70%,#7c3aed38,#0000 45%);position:absolute;inset:-30%}.hero-visual:after{content:"";z-index:-1;opacity:.7;background-image:radial-gradient(#1667ff2e 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.logo-tile{background:linear-gradient(#fff, #fff) padding-box, var(--gradient) border-box;border:2px solid #0000;border-radius:42px;width:190px;height:190px;padding:14px;animation:7s ease-in-out infinite floaty;box-shadow:0 34px 60px -30px #2552eba6,inset 0 1px #fff}.logo-tile img{object-fit:contain;border-radius:28px;width:100%;height:100%;display:block}@keyframes floaty{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-1deg)}}.float-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink-soft);background:#ffffffe6;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 14px 30px -20px #1e40af8c}.float-card--a{top:24px;right:26px}.float-card--b{bottom:30px;left:26px}.float-dot{background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98126}.float-check{color:var(--brand-blue);font-weight:800}.home-entry{position:relative}.entry-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:32px;position:relative;overflow:hidden}.entry-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed29,#0000 65%);width:220px;height:220px;position:absolute;top:-110px;right:-110px}.entry-card>*{z-index:1;position:relative}.entry-top{align-items:center;gap:10px;margin-bottom:18px;display:flex;position:relative}.entry-icon{background:var(--gradient);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:grid;box-shadow:0 10px 20px -12px #2552ebcc}.card-index{color:var(--muted);letter-spacing:.1em;font-size:10px;font-weight:650}.entry-card h2{margin-bottom:8px;font-size:26px;position:relative}.entry-card>.muted{font-size:13px;line-height:1.8;position:relative}.entry-card .field-label{position:relative}.entry-card textarea{background:#f8faff;font-size:13px;line-height:1.7}.entry-card .button{margin-top:22px;position:relative}.entry-card>.small{text-align:center;margin-top:14px;font-size:11px;position:relative}.demo-card{background:linear-gradient(135deg,#1667ff12,#7c3aed14);border:1px solid #1667ff1f;border-radius:18px;align-items:center;gap:14px;margin-top:16px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.demo-card:hover{border-color:#1667ff40;transform:translateY(-2px);box-shadow:0 18px 34px -28px #2552eb99}.demo-icon{width:38px;height:38px;color:var(--brand-blue);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #1667ff24;border-radius:12px;flex:0 0 38px;place-items:center;font-size:18px;display:grid}.demo-text strong{color:var(--ink);font-size:13px;font-weight:650;display:block}.demo-text small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.demo-arrow{color:var(--brand-blue);margin-left:auto;font-size:14px}.entry-note{text-align:center;color:var(--muted);margin-top:18px;font-size:11px}.survey-container{width:min(1160px,100% - 48px);margin:34px auto 0;padding-bottom:20px}.demo-banner{color:var(--ink-soft);background:linear-gradient(135deg,#1667ff14,#7c3aed14);border:1px solid #1667ff1f;border-radius:14px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 16px;font-size:12px;display:flex}.demo-banner>span{background:var(--gradient);color:#fff;letter-spacing:.06em;border-radius:999px;flex:none;padding:3px 9px;font-size:10px;font-weight:650}.survey-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.survey-sidebar{position:sticky;top:96px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--brand-blue)}.sidebar-body{border:1px solid var(--line);box-shadow:var(--shadow-md);background:radial-gradient(150px 150px at 100% 0,#7c3aed12,#0000 70%),#ffffffe6;border-radius:24px;padding:24px}.sidebar-body h2{margin:16px 0 10px;font-size:25px;line-height:1.4}.sidebar-body>.muted{font-size:12px;line-height:1.9}.progress-info{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:28px;font-size:11px;display:flex}.progress-info strong{color:var(--brand-blue);letter-spacing:-.03em;font-size:30px;font-weight:750}.progress-info strong span{color:var(--muted);font-size:14px;font-weight:500}.progress-track{background:#e8eefb;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--gradient);height:100%;transition:width .25s;display:block;box-shadow:0 0 14px #1667ff73}.draft-status{color:var(--muted);margin-top:10px;font-size:11px}.sidebar-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sidebar-actions .text-button{font-size:11px}.survey-heading{border-radius:26px;padding:34px 36px 24px;position:relative;overflow:hidden}.survey-heading:before{content:"";background:var(--gradient);height:4px;position:absolute;inset:0 0 auto}.survey-heading:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed29,#0000 65%);width:300px;height:300px;position:absolute;top:-130px;right:-80px}.survey-heading>*{z-index:1;position:relative}.tags{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.tags span{color:#455bd0;background:#1667ff12;border:1px solid #1667ff1f;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600}.survey-heading h1{overflow-wrap:anywhere;margin-bottom:15px;font-size:30px;line-height:1.35}.survey-description{color:var(--muted);white-space:pre-wrap;font-size:13px;line-height:1.9}.survey-heading-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:14px;font-size:11px;display:flex}.heading-logo{border:1px solid var(--line);background:#fff;border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.heading-logo img{object-fit:contain;width:100%;height:100%}.question-card{min-width:0;border-radius:22px;min-inline-size:0;margin:16px 0 0;padding:28px 32px;transition:border-color .18s,box-shadow .18s}.question-card:hover{border-color:#d5e1f7;box-shadow:0 20px 45px -38px #1e40af8c}.question-card.has-error{border-color:#cf3d4e80;box-shadow:0 0 0 4px #cf3d4e0f}.question-card:focus{outline-offset:3px;outline:2px solid #1667ff73}.question-meta{color:var(--muted);letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.question-number{background:var(--gradient-soft);min-width:30px;height:24px;color:var(--brand-blue);letter-spacing:0;border:1px solid #1667ff26;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.required-label{color:#b45309;background:#fff6ed;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:600}.optional-label{color:var(--muted);margin-left:auto}.question-title{letter-spacing:-.01em;font-size:18px;font-weight:650;line-height:1.6}.question-description{color:var(--muted);white-space:pre-wrap;margin-top:8px;font-size:12.5px;line-height:1.8}.question-description:empty{display:none}.choice-list{gap:10px;margin-top:20px;display:grid}.choice{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fbfcff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:13.5px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.choice:hover{background:#fff;border-color:#c6d5f1;transform:translateY(-1px)}.choice.selected{color:var(--ink);background:linear-gradient(135deg,#1667ff17,#7c3aed17);border-color:#1667ff8c;box-shadow:0 8px 20px -18px #2552eb99}.choice span{overflow-wrap:anywhere;min-width:0}.question-card select,.question-card textarea,.question-card>input{margin-top:18px;font-size:13px}.question-card select{padding-right:30px}.rating-list{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.rating-choice{flex:1;min-width:40px;max-width:88px;position:relative}.rating-choice input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rating-choice span{border:1px solid var(--line);height:54px;color:var(--ink-soft);background:#fbfcff;border-radius:14px;place-items:center;font-size:18px;font-weight:600;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.rating-choice:hover span{background:#fff;border-color:#c6d5f1;transform:translateY(-1px)}.rating-choice.selected span{background:var(--gradient);color:#fff;border-color:#0000;box-shadow:0 14px 26px -16px #2552ebb3}.rating-choice:focus-within span{outline-offset:3px;outline:3px solid #1667ff59}.rating-labels{color:var(--muted);justify-content:space-between;margin-top:9px;font-size:10px;display:flex}.text-count{text-align:right;color:var(--muted);margin-top:6px;font-size:10px}.clear-answer{margin-top:12px;font-size:11px}.submit-area{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 0 20px;display:flex}.submit-button{border-radius:16px;min-width:280px;padding:16px 32px;font-size:15px}.submit-area>.small{font-size:11px}.draft-controls{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;display:flex}.draft-controls>p{flex:1;min-width:200px;font-size:11px}.confirm-clear{background:#1667ff0d;border:1px solid #1667ff1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:15px;width:100%;padding:15px;font-size:12px;display:flex}.danger{color:var(--error)}.error-notice{color:#a9323f;background:#fff5f5;border:1px solid #cf3d4e33;border-radius:14px;margin-top:18px;padding:18px;font-size:13px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.state-card{border-radius:var(--radius-xl);width:min(620px,100%);box-shadow:var(--shadow-lg);text-align:center;margin:60px auto 0;padding:52px 44px;position:relative;overflow:hidden}.state-card:before{content:"";background:var(--gradient);height:4px;position:absolute;inset:0 0 auto}.state-card h1{margin:18px 0 12px;font-size:28px}.state-card>.muted{font-size:13px;line-height:1.9}.state-card>.button,.state-card .actions{margin-top:26px}.state-icon,.success-icon{place-items:center;width:68px;height:68px;margin:0 auto 22px;font-size:28px;display:grid}.state-icon{background:var(--gradient-soft);color:var(--brand-blue);border:1px solid #1667ff29;border-radius:22px}.success-icon{background:var(--gradient);color:#fff;border-radius:50%;box-shadow:0 18px 36px -18px #2552eba6}.success-card{padding:56px 44px}.receipt{background:linear-gradient(135deg,#1667ff12,#7c3aed14);border:1px solid #1667ff1a;border-radius:18px;flex-direction:column;gap:7px;margin-top:28px;padding:22px;display:flex}.receipt small{color:var(--muted);font-size:12px}.receipt span{color:var(--muted);letter-spacing:.08em;font-size:10px}.receipt strong{color:var(--ink);letter-spacing:.1em;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.state-logo,.login-logo{background:linear-gradient(#fff, #fff) padding-box, var(--gradient) border-box;box-shadow:var(--shadow-md);border:2px solid #0000;border-radius:18px;place-items:center;display:grid}.state-logo{width:68px;height:68px;margin:0 auto 20px;padding:6px}.state-logo img,.login-logo img{object-fit:contain;border-radius:12px;width:100%;height:100%}.login-card{text-align:left;max-width:480px;margin:60px auto 0;padding:38px 38px 34px}.login-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.login-logo{flex:0 0 52px;width:52px;height:52px;padding:4px}.login-card h1{margin:0 0 10px;font-size:27px}.login-card .field-label{margin-top:18px}.login-card .button{margin-top:24px}.login-card>.small{margin-top:16px;font-size:11px;line-height:1.8}.not-found-card{margin-top:70px}.loader{border:3px solid #1667ff26;border-top-color:var(--brand-blue);border-radius:50%;width:38px;height:38px;margin:0 auto 22px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1080px){.home-layout{grid-template-columns:minmax(0,1fr) 400px;gap:44px}.home-intro h1{font-size:clamp(40px,5vw,58px)}.hero-visual{height:260px}.logo-tile{border-radius:36px;width:165px;height:165px}.survey-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}.question-card{padding:26px}.survey-heading{padding:30px 28px 22px}}@media (width<=860px){.home-layout{width:min(640px,100% - 40px);margin-top:52px;display:block}.home-entry{max-width:520px;margin:40px auto 0}.hero-visual{display:none}.survey-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.survey-sidebar{top:92px}.site-footer{width:min(1180px,100% - 40px)}}@media (width<=740px){.site-header{border-radius:18px;gap:10px;width:calc(100% - 20px);padding:8px 10px 8px 12px;top:8px}.brand{gap:9px;font-size:16px}.brand-logo{border-radius:11px;width:38px;height:38px}.brand-web{margin-left:6px;padding:2px 6px;font-size:8px}.header-note{display:none}.nav-link{margin-left:auto;padding:9px 14px;font-size:12px}.home-layout{width:calc(100% - 32px);margin-top:40px}.home-intro h1{margin:18px 0 16px;font-size:clamp(38px,11vw,48px);line-height:1.2}.intro-copy{font-size:14px;line-height:1.9}.home-points{gap:8px;margin-top:22px}.home-points span{padding:7px 11px;font-size:11px}.home-entry{margin-top:32px}.entry-card{border-radius:24px;padding:24px}.entry-card h2{font-size:23px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px;width:calc(100% - 32px);margin-top:52px;padding:20px 0 28px}.footer-meta{flex-wrap:wrap;gap:10px 16px}.survey-container{width:calc(100% - 24px);margin-top:20px}.demo-banner{gap:8px;margin-bottom:16px;padding:10px 12px;font-size:11px}.survey-layout{display:block}.survey-sidebar{position:static}.back-link{margin-bottom:8px}.sidebar-body{border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:15px 16px;display:flex}.sidebar-body>.eyebrow,.sidebar-body>h2,.sidebar-body>.muted:not([role=status]){display:none}.progress-info{gap:8px;margin:0;font-size:11px}.progress-info strong{font-size:22px}.progress-track{flex:1;min-width:100px;height:6px;margin:0}.draft-status{width:100%;margin:0;font-size:10px}.sidebar-actions{border-top:0;width:100%;margin:0;padding:0}.sidebar-actions .text-button{font-size:11px}.survey-heading{border-radius:20px;padding:24px 20px 16px}.survey-heading h1{margin:12px 0;font-size:25px}.tags{margin-bottom:14px}.survey-description{font-size:12.5px}.survey-heading-foot{margin-top:18px;padding-top:12px;font-size:10.5px;line-height:1.8}.question-card{border-radius:18px;margin-top:14px;padding:22px 18px}.question-title{font-size:16.5px}.choice{padding:13px 12px;font-size:13px}.rating-list{gap:8px}.rating-choice{min-width:34px}.rating-choice span{border-radius:12px;height:48px}.submit-area{padding:26px 4px 18px}.submit-button{width:100%;min-width:0}.draft-controls{gap:8px}.state-card{border-radius:24px;margin:38px auto 0;padding:36px 22px}.state-card h1{font-size:24px}.state-icon,.success-icon{width:60px;height:60px}.state-icon{border-radius:18px;font-size:26px}.success-icon{border-radius:50%}.receipt{padding:18px}.receipt strong{font-size:18px}.login-card{padding:30px 22px}.login-card h1{font-size:24px}.login-logo{flex-basis:46px;width:46px;height:46px}.desktop-only{display:none}.actions{gap:10px}}@media (width<=460px){.brand-text{font-size:15px}.home-intro h1{font-size:36px}.survey-heading h1{font-size:23px}.state-card{padding:32px 18px}.login-card{padding:26px 18px}.login-head{gap:10px}.login-head .eyebrow{letter-spacing:.06em;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}