@font-face{font-family:Manrope;src:url('assets/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-Bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Oswald;src:url('assets/Oswald-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#000;--paper:#fff;--ink:#111;--accent:#ff6a00;--muted:#666;--rule:#dedede;color-scheme:dark;font-family:Manrope,'Segoe UI',sans-serif;color:#fff;background:#000;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1200px;margin-inline:auto;padding-inline:36px}
.site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #454545;padding-block:16px}.brand{display:flex;align-items:center;gap:20px}.brand-logo{display:block;flex:none;width:124px;height:128px;background:url('assets/brand-logo.webp') center/contain no-repeat}.brand-name{font-family:Oswald,sans-serif;font-weight:600;font-size:22px;line-height:1.2;letter-spacing:.01em}.brand-name span{display:block;font-family:Manrope,sans-serif;font-weight:400;font-size:12px;letter-spacing:0;color:#bcbcbc;margin-top:8px}.header-note{display:flex;gap:16px;align-items:center;color:#ccc;font-size:12px}.header-note span{color:var(--accent)}.eyebrow{font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.12em;margin:0 0 16px}.hero{padding-top:34px;padding-bottom:32px}.hero .eyebrow{color:#b6b6b6;margin-bottom:12px}h1,h2{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;line-height:1.07;letter-spacing:-.022em;text-transform:uppercase}h1{font-size:clamp(40px,5.2vw,64px);margin:0 0 17px}h1 span{color:var(--accent)}.hero-description{font-size:15px;line-height:1.7;color:#d2d2d2;margin:0;max-width:650px}
.workspace{display:grid;grid-template-columns:242px minmax(0,1fr);gap:40px;align-items:start}.sidebar{align-self:stretch;min-width:0}.sidebar-sticky{position:sticky;top:24px}.sidebar .eyebrow{color:#b8b8b8;font-size:10px}.sidebar nav{display:grid;gap:4px}.nav-button{display:flex;gap:13px;align-items:center;width:100%;padding:17px 12px 17px 0;min-height:62px;text-align:left;background:transparent;border:0;border-bottom:1px solid #383838;color:#bbb;font-size:13px;line-height:1.6}.nav-button:hover{color:#fff}.nav-number{border:1px solid #666;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:29px;width:29px;flex:none;font-size:10px;line-height:1}.nav-button[aria-current=step]{color:#fff}.nav-button[aria-current=step] .nav-number{border-color:var(--accent);color:var(--accent)}.nav-complete{margin-left:auto;color:var(--accent);font-size:14px}.sidebar-note{border-top:2px solid var(--accent);margin-top:28px;padding-top:18px;display:flex;gap:12px}.sidebar-note-number{color:var(--accent);font-size:24px;line-height:1.1}.sidebar-note p{font-size:12px;line-height:1.85;margin:0;color:#fff}.sidebar-note p span{color:#aaa}.text-button{background:transparent;border:0;padding:8px 0;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#bbb}.reset-button{margin-top:16px;text-align:left}.mobile-nav-label,#mobile-section,#reset-mobile{display:none}
.form-panel{background:var(--paper);color:var(--ink);color-scheme:light;border-radius:18px;padding:30px 38px 24px;min-width:0}.panel-top{display:flex;gap:12px;justify-content:space-between;align-items:center}.panel-top .eyebrow{margin:0;color:#555;font-size:10px}.panel-top>span:last-child{font-size:11px;color:#666}.progress-track{height:3px;margin:16px 0 27px;background:#e6e6e6;overflow:hidden}.progress-track>div{height:100%;background:var(--accent);transition:width .2s}.section-intro #section-kicker{display:none}.section-intro h2{font-size:35px;margin:0 0 11px}.section-intro>p:last-child{margin:0 0 25px;color:#666;font-size:13px;line-height:1.7}.question{border:0;border-top:1px solid var(--rule);padding:26px 0;margin:0;min-width:0}.question-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:10px}.question-number{font-family:Oswald,sans-serif;font-weight:600;color:#bf4700;font-size:15px;line-height:1.6;flex:none}.question h3{font-size:16px;font-weight:700;line-height:1.6;margin:0;overflow-wrap:anywhere}.question .hint{font-size:12px;line-height:1.8;color:#666;margin:0 0 17px;white-space:pre-line}.question[data-question="1"] .hint,.question[data-question="2"] .hint,.question:has(.choices) .hint{display:none}.field-label{display:block;font-size:12px;line-height:1.7;color:#525252;margin:0 0 8px}.field-label:not(:first-child){margin-top:18px}.field-help{color:#666;font-size:11px;line-height:1.8;margin:11px 0 0}input,textarea{display:block;min-width:0;width:100%;border:1px solid #aaa;border-radius:8px;background:#fff;color:#111;padding:14px 15px;font-size:16px;line-height:1.6}input::placeholder,textarea::placeholder{color:#777;opacity:1}input:focus,textarea:focus{border-color:#b94b00}textarea{resize:vertical;min-height:112px;field-sizing:content;overflow-wrap:anywhere}textarea.own-answer{min-height:84px}input[type=date]{min-height:55px;max-width:100%;width:100%}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=number]{appearance:textfield}input[aria-invalid=true]{border-color:#be321a}.inline-error{font-size:12px;line-height:1.8;color:#a32210;margin:9px 0 0}.field-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.field-grid>div{min-width:0}.field-grid .field-label{margin-top:0}
.choices{display:grid;gap:8px}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #c8c8c8;background:#fff;border-radius:8px;padding:13px 14px;cursor:pointer;font-size:14px;line-height:1.7;min-height:52px}.choice:hover{border-color:#c54c00}.choice:has(input:checked){border-color:#d95700;background:#fff5ec}.choice input{width:18px;height:18px;flex:none;margin:3px 0 0;padding:0;accent-color:#d95700}.list-rows{display:grid;gap:12px}.list-row{padding:17px;background:#f6f6f6;border:1px solid #d7d7d7;border-radius:10px}.list-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#555;font-size:12px;margin-bottom:9px}.remove-row{border:0;background:transparent;color:#555;font-size:12px;min-height:44px;min-width:72px;padding:5px}.remove-row:hover{color:#b54300}.list-row .field-grid{gap:12px}.add-row{background:#fff;color:#a53d00;border:1px solid #c75a16;border-radius:8px;min-height:50px;width:100%;padding:12px;margin-top:12px;font-size:13px;font-weight:700}.add-row:hover{background:#fff5ec}.paste-list{margin-top:16px;border-top:1px solid #ddd}.paste-list summary{font-size:12px;line-height:1.6;font-weight:700;min-height:48px;padding:14px 0;color:#555;list-style-position:inside}.paste-list[open] summary{margin-bottom:3px}.paste-list .field-label{font-size:11px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;line-height:1.6;white-space:normal}.primary{background:var(--accent);color:#000}.primary:hover{background:#ff8126}.secondary{border-color:#999;background:#fff;color:#111}.secondary:hover{background:#f1f1f1}.form-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #ccc;padding-top:24px;margin-top:8px}.form-footer>span{font-size:10px;line-height:1.8;text-align:center;color:#666;max-width:150px}.form-footer #next{margin-left:auto}.draft-meta{border-top:1px solid #e4e4e4;margin-top:22px;padding-top:18px}.draft-box{display:flex;align-items:flex-start;gap:8px}.small-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;flex:none}.draft-box .small-dot{margin-top:7px}.draft-box p{font-size:11px;line-height:1.8;margin:0;color:#666}.privacy-note{font-size:11px;line-height:1.8;margin:5px 0 0;color:#666}.export-card{border-top:2px solid var(--accent);margin-top:8px;padding-top:25px}.export-card h3{font-family:Oswald,sans-serif;font-size:29px;font-weight:600;line-height:1.15;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 12px}.export-card p{font-size:13px;line-height:1.8;color:#555}.export-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.export-actions button{min-height:54px}.export-status{color:#864000!important;font-size:12px!important;line-height:1.8;white-space:pre-line}.export-status:empty{margin:0;min-height:0}.notice{border-left:3px solid var(--accent);padding:14px;background:#fff2e7;color:#693100;font-size:12px;line-height:1.8;margin-top:0}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:30px;font-size:11px;color:#aaa;line-height:1.8}.site-footer span:first-child{color:#ddd}.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#fff;color:#111;border:1px solid #666;border-top:3px solid var(--accent);padding:14px 20px;border-radius:8px;z-index:10;font-size:13px;line-height:1.6;max-width:90vw;box-shadow:0 8px 30px #0003}dialog{background:#fff;color:#111;color-scheme:light;border:0;border-top:4px solid var(--accent);border-radius:14px;padding:28px;max-width:470px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#000b}dialog h2{font-size:28px;margin:0 0 13px}dialog p{font-size:13px;line-height:1.8;color:#555}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px;padding-bottom:env(safe-area-inset-bottom)}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#000;padding:12px;z-index:20}.skip:focus{top:12px}
@media(max-width:1000px){.wrap{padding-inline:28px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:28px}.form-panel{padding:28px}.form-footer>span{display:none}.brand-name{font-size:20px}}
@media(max-width:720px){.wrap{padding-inline:20px}.site-header{padding-block:12px}.brand{gap:16px}.brand-logo{width:110px;height:114px}.brand-name{font-size:18px;line-height:1.25}.brand-name span{font-size:10px;line-height:1.7;margin-top:5px}.header-note{display:none}.hero{padding-top:22px;padding-bottom:22px}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:10px}h1{font-size:clamp(33px,8.6vw,43px);line-height:1.1;margin-bottom:12px}.hero-description{font-size:13px;line-height:1.7}.workspace{display:block}.sidebar{margin-bottom:14px}.sidebar-sticky{position:static}.sidebar nav,.sidebar .eyebrow,.sidebar-note,.sidebar .reset-button{display:none}.mobile-nav-label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#mobile-section{display:block;width:100%;max-width:100%;min-height:52px;border:1px solid #777;border-radius:10px;background:#000;color:#fff;padding:11px 14px;font-size:16px;line-height:1.6}.form-panel{padding:22px 20px;border-radius:14px}.panel-top .eyebrow{font-size:9px}.panel-top>span:last-child{font-size:10px}.progress-track{margin-top:13px;margin-bottom:21px}.section-intro h2{font-size:29px;margin-bottom:9px}.section-intro>p:last-child{font-size:12px;margin-bottom:20px}.question{padding:23px 0}.question-head{gap:12px;margin-bottom:10px}.question h3{font-size:15px}.question-number{font-size:14px}.question .hint{font-size:12px}.field-label{font-size:11px}input,textarea{font-size:16px;padding:12px}.field-grid{grid-template-columns:1fr;gap:15px}.birth-fields{grid-template-columns:minmax(0,1fr) 92px;gap:12px}.birth-fields .field-label{min-height:38px}.birth-fields input{padding-inline:9px}.field-help{font-size:11px}textarea{min-height:104px;max-height:400px;overflow:auto}textarea.own-answer{min-height:80px}.choice{font-size:14px;padding:12px;gap:11px}.choice input{margin-top:4px}.list-row{padding:14px}.list-row .field-grid{grid-template-columns:1fr}.list-row-title{font-size:11px}.add-row{font-size:12px}.form-footer{gap:12px;padding-top:22px}.form-footer .primary,.form-footer .secondary{padding:12px 16px;min-height:50px;font-size:13px;gap:15px}.draft-meta{margin-top:20px;padding-top:16px}.export-card h3{font-size:27px}.export-actions{flex-direction:column;gap:10px}.export-actions button{width:100%;font-size:14px}.export-card p{font-size:13px}.site-footer{flex-direction:column;gap:6px;padding-top:24px;padding-bottom:20px}.site-footer #reset-mobile{display:inline-block;width:max-content;text-align:left}.site-footer span:nth-child(2){display:none}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}.form-panel{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.wrap{padding-inline:14px}.brand-logo{width:100px;height:104px}.brand{gap:12px}.brand-name{font-size:18px}.brand-name span{font-size:9px}.hero-description{font-size:12px}.form-panel{padding-inline:16px}.birth-fields{grid-template-columns:1fr;gap:14px}.birth-fields .field-label{min-height:0}.hero .eyebrow{font-size:9px}h1{font-size:33px}.question h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track>div{transition:none}}
.brand{min-width:0;max-width:100%}.brand-name{min-width:0;overflow-wrap:anywhere}.question-head h3,.choice>span{min-width:0;overflow-wrap:anywhere}.field-label,.field-help,.inline-error,.list-row-title>span{overflow-wrap:anywhere}.list-row-title>span{min-width:0}.remove-row{flex-shrink:0}
.birth-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}.date-of-birth{border:0;margin:0;padding:0;min-width:0;min-inline-size:0}.date-of-birth>legend{padding:0;float:none;width:100%;margin-bottom:12px}.date-parts{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.date-part{flex:1 1 4em;min-width:min(100%,4em)}.date-part-year{flex:1.4 1 5.5em;min-width:min(100%,5.5em)}.birth-fields .field-label{min-height:0;margin-top:0}.birth-fields input{padding:12px;min-height:52px;max-width:100%;width:100%}.date-part-label{margin-bottom:7px}.age-field{min-width:0}.age-field>input{width:100%}.birth-fields .field-help{margin-top:10px}.form-footer{flex-wrap:wrap}.form-footer .primary,.form-footer .secondary{min-width:0}
@media(max-width:720px){.form-footer .primary,.form-footer .secondary{flex:1 1 10em}.date-of-birth>legend{margin-bottom:10px}.birth-fields{gap:20px}.site-footer span{overflow-wrap:anywhere}}
h1,h2,h3{overflow-wrap:anywhere}.panel-top{flex-wrap:wrap}.panel-top>span{min-width:0;overflow-wrap:anywhere}