:root{--acme-900: #06303f;--acme-800: #0b4f6c;--acme-700: #0e6488;--acme-600: #1481ad;--acme-500: #2a9dc9;--acme-100: #e2f2f8;--acme-050: #f2f9fc;--ink-900: #10232b;--ink-700: #33474f;--ink-500: #5c6b72;--ink-400: #7d8a90;--line: #dfe6e9;--line-strong: #c4cfd3;--surface: #ffffff;--surface-2: #f6f9fa;--bg: #eef3f5;--success-700: #1b7a45;--success-100: #e0f4e8;--warning-700: #9a6300;--warning-100: #fdf1d8;--danger-700: #b02a2a;--danger-100: #fbe3e3;--info-700: var(--acme-700);--info-100: var(--acme-100);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs: .78rem;--fs-sm: .88rem;--fs-md: 1rem;--fs-lg: 1.18rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(6, 48, 63, .08);--shadow: 0 4px 16px rgba(6, 48, 63, .1);--shadow-lg: 0 12px 32px rgba(6, 48, 63, .14);--maxw: 720px;--maxw-wide: 1040px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-md);line-height:1.55;color:var(--ink-900);background:var(--bg)}h1,h2,h3,h4{line-height:1.25;margin:0 0 var(--sp-3);color:var(--ink-900)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-3)}a{color:var(--acme-700);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--acme-500);outline-offset:2px;border-radius:4px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--acme-800);color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.app-header__inner{max-width:var(--maxw-wide);margin:0 auto;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.brand{display:flex;align-items:center;gap:var(--sp-2);color:#fff;font-weight:800;letter-spacing:.3px}.brand:hover{text-decoration:none}.brand__logo{width:30px;height:30px;display:grid;place-items:center;background:#fff;color:var(--acme-800);border-radius:8px;font-weight:900}.brand small{display:block;font-weight:500;font-size:var(--fs-xs);opacity:.85}.app-header__nav{display:flex;gap:var(--sp-2)}.app-header__nav a{color:#fff;font-size:var(--fs-sm);padding:6px 10px;border-radius:999px;opacity:.9}.app-header__nav a:hover{background:#ffffff24;text-decoration:none}.app-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}.app-main--wide{max-width:var(--maxw-wide)}.app-footer{background:var(--acme-900);color:#cfe3ec;font-size:var(--fs-xs);text-align:center;padding:var(--sp-4)}.demo-ribbon{background:repeating-linear-gradient(45deg,#ffe9b0,#ffe9b0 10px,#ffdf90 10px,#ffdf90 20px);color:#6b4b00;font-size:var(--fs-xs);font-weight:700;text-align:center;padding:6px var(--sp-4)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-4)}.card--flush{padding:0;overflow:hidden}.card__title{margin-bottom:var(--sp-1)}.card__subtitle{color:var(--ink-500);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.stack>*+*{margin-top:var(--sp-4)}.muted{color:var(--ink-500)}.small{font-size:var(--fs-sm)}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:inherit;font-weight:700;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,transform .05s,box-shadow .15s;min-height:48px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--acme-700);color:#fff}.btn--primary:hover:not(:disabled){background:var(--acme-800)}.btn--secondary{background:#fff;color:var(--acme-800);border-color:var(--line-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{background:transparent;color:var(--acme-700)}.btn--ghost:hover:not(:disabled){background:var(--acme-050)}.btn--danger{background:var(--danger-700);color:#fff}.btn--block{width:100%}.btn--sm{min-height:38px;padding:8px 14px;font-size:var(--fs-sm)}.btn-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.btn-row--between{justify-content:space-between}.field{margin-bottom:var(--sp-4)}.field__label{display:block;font-weight:700;margin-bottom:6px;font-size:var(--fs-sm)}.field__hint{color:var(--ink-500);font-size:var(--fs-xs);margin-top:4px}.field__error{color:var(--danger-700);font-size:var(--fs-sm);margin-top:4px;font-weight:600}.input,.textarea,.select{width:100%;font:inherit;padding:12px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink-900)}.input:focus,.textarea:focus,.select:focus{border-color:var(--acme-600);outline:none;box-shadow:0 0 0 3px var(--acme-100)}.textarea{min-height:96px;resize:vertical}.input--error,.textarea--error{border-color:var(--danger-700)}.choice-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 520px){.choice-grid{grid-template-columns:1fr 1fr}}.choice{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--acme-500)}.choice--selected{border-color:var(--acme-700);background:var(--acme-050);box-shadow:inset 0 0 0 1px var(--acme-700)}.choice__icon{font-size:1.5rem}.choice__label{font-weight:700}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:700}.badge--info{background:var(--info-100);color:var(--info-700)}.badge--success{background:var(--success-100);color:var(--success-700)}.badge--warning{background:var(--warning-100);color:var(--warning-700)}.badge--danger{background:var(--danger-100);color:var(--danger-700)}.badge--neutral{background:var(--surface-2);color:var(--ink-700);border:1px solid var(--line)}.banner{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-sm);border:1px solid;font-size:var(--fs-sm);align-items:flex-start}.banner__icon{font-size:1.2rem;line-height:1.4}.banner--info{background:var(--info-100);border-color:var(--acme-500);color:var(--acme-900)}.banner--success{background:var(--success-100);border-color:#9bd3b1;color:#145532}.banner--warning{background:var(--warning-100);border-color:#e1c37a;color:#6b4b00}.banner--danger{background:var(--danger-100);border-color:#e6a6a6;color:#7d1f1f}.banner strong{display:block}.disclaimer{background:var(--warning-100);border:1px dashed #d9b25e;color:#6b4b00;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-weight:600;font-size:var(--fs-sm)}.stepper{display:flex;align-items:center;gap:4px;margin-bottom:var(--sp-5)}.stepper__item{display:flex;align-items:center;gap:4px;flex:1}.stepper__dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:800;background:var(--surface);border:2px solid var(--line-strong);color:var(--ink-400);flex-shrink:0}.stepper__item--active .stepper__dot{border-color:var(--acme-700);color:var(--acme-800)}.stepper__item--done .stepper__dot{background:var(--acme-700);border-color:var(--acme-700);color:#fff}.stepper__label{font-size:var(--fs-xs);font-weight:700;color:var(--ink-500)}.stepper__item--active .stepper__label{color:var(--acme-800)}.stepper__bar{flex:1;height:2px;background:var(--line-strong);border-radius:2px}.stepper__item--done .stepper__bar{background:var(--acme-700)}@media (max-width: 560px){.stepper__label{display:none}}.photo-example{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--sp-4);display:flex;gap:var(--sp-4);align-items:center}.photo-example svg{flex-shrink:0}.photo-drop{border:2px dashed var(--acme-500);border-radius:var(--radius);background:var(--acme-050);padding:var(--sp-5);text-align:center}.photo-preview{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:#000}.photo-preview img{width:100%;display:block;max-height:320px;object-fit:contain}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.thumb{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.thumb img{width:100%;height:110px;object-fit:cover;display:block}.thumb__cap{padding:6px 8px;font-size:var(--fs-xs);font-weight:700;display:flex;justify-content:space-between;align-items:center}.timeline{list-style:none;margin:0;padding:0}.timeline__item{display:flex;gap:var(--sp-4);padding-bottom:var(--sp-5);position:relative}.timeline__item:before{content:"";position:absolute;left:13px;top:28px;bottom:-4px;width:2px;background:var(--line-strong)}.timeline__item:last-child:before{display:none}.timeline__dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;z-index:1;display:grid;place-items:center;font-size:.9rem;color:#fff;background:var(--line-strong)}.timeline__item--reached .timeline__dot{background:var(--acme-700)}.timeline__item--current .timeline__dot{background:var(--acme-700);box-shadow:0 0 0 4px var(--acme-100)}.timeline__item--future .timeline__dot{background:var(--surface);border:2px solid var(--line-strong);color:var(--ink-400)}.timeline__body{flex:1}.timeline__title{font-weight:800;margin:2px 0}.timeline__time{font-size:var(--fs-xs);color:var(--ink-500)}.timeline__desc{font-size:var(--fs-sm);color:var(--ink-700);margin-top:4px}.estimate-value{font-size:var(--fs-2xl);font-weight:900;color:var(--acme-800)}.estimate-calc{display:flex;align-items:center;gap:var(--sp-3);color:var(--ink-500)}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--acme-100);border-top-color:var(--acme-700);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th,table.data td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data th{color:var(--ink-500);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}table.data tbody tr:hover{background:var(--surface-2)}.hero{text-align:center;padding:var(--sp-5) 0 var(--sp-4)}.hero h1{font-size:2.1rem}.hero p{color:var(--ink-700);font-size:var(--fs-lg);max-width:34ch;margin-inline:auto}.hero-actions{display:grid;gap:var(--sp-3);margin-top:var(--sp-5)}@media (min-width: 560px){.hero-actions{grid-template-columns:1fr 1fr}}.steps-preview{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,1fr);margin-top:var(--sp-5)}@media (min-width: 560px){.steps-preview{grid-template-columns:repeat(4,1fr)}}.steps-preview .step-chip{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);text-align:center;font-size:var(--fs-sm);font-weight:700}.steps-preview .step-chip span{display:block;font-size:1.5rem;margin-bottom:4px}.summary-row{display:flex;justify-content:space-between;gap:var(--sp-4);padding:10px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:none}.summary-row dt{color:var(--ink-500);font-size:var(--fs-sm)}.summary-row dd{margin:0;font-weight:700;text-align:right}.protocol-box{background:var(--acme-050);border:2px dashed var(--acme-500);border-radius:var(--radius);padding:var(--sp-5);text-align:center}.protocol-box .protocol{font-size:var(--fs-2xl);font-weight:900;letter-spacing:1px;color:var(--acme-800)}.divider{height:1px;background:var(--line);border:0;margin:var(--sp-4) 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}