@font-face{font-family:Manrope;src:url('/demos/site-register/assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--paper:#efeee7;--ink:#222720;--accent:#c33e20;--accent-deep:#9e321c;--line:#b9bbb2;--soft:#e3e4da;--white:#fff;--ease-out:cubic-bezier(.23,1,.32,1);color-scheme:light}
*{box-sizing:border-box}
html{font:16px/1.5 Manrope,Arial,sans-serif;scroll-behavior:auto;background:var(--paper);color:var(--ink)}
body{margin:0;min-width:0}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
button,a,input,select,textarea,summary{touch-action:manipulation}
a,button,summary{-webkit-tap-highlight-color:transparent}
h1,h2,h3,p,figure,fieldset{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.06}
p{line-height:1.65}
img{display:block;width:100%;height:100%;object-fit:cover}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
input,textarea,select{max-width:100%;min-width:0;border-radius:4px}
input,select{min-height:48px}
textarea{resize:vertical}
fieldset{padding:0;border:0;min-width:0}
legend{padding:0}
:focus-visible{outline:3px solid var(--accent-deep);outline-offset:5px}
main:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:absolute;top:12px;left:16px;z-index:20;padding:12px 16px;background:var(--ink);color:var(--white);transform:translateY(-170%)}
.skip-link:focus{transform:none}
.eyebrow,.category-index,.choice-group legend,.contact-scope>span{font:600 .74rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.015em}
.arrow{font:400 1.35em/1 Manrope,Arial,sans-serif;flex:none}
.site-header{border-bottom:1px solid #22272035;position:relative}
.header-row{display:flex;align-items:center;gap:2rem;min-height:88px;margin-inline:5%;position:relative}
.wordmark{font-size:1.12rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;overflow-wrap:anywhere;max-width:min(42vw,38ch)}
.desktop-nav{display:flex;align-items:center;gap:2.3rem;margin-left:auto;font-size:.9rem}
.desktop-nav a,.header-inquiry{padding-block:12px}
.desktop-nav a[aria-current],.header-inquiry[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.header-inquiry{display:inline-flex;gap:.45rem;align-items:center;font-size:.9rem}
.inquiry-short,.mobile-menu{display:none}
.text-link,.plate-action,.answer-inquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:13px 0;border-bottom:1px solid currentColor;line-height:1.45;max-width:100%;min-height:46px}
.text-link .arrow,.plate-action .arrow,.answer-inquiry .arrow{align-self:center}
.home-hero{position:relative;min-height:660px;margin:26px 3% 0;display:grid}
.hero-figure{grid-area:1/1;position:relative;min-height:660px;min-width:0}
.hero-figure .image-shell{position:absolute;inset:0;height:100%;width:100%}
.image-shell{position:relative;overflow:hidden;background:#d6d6c9;isolation:isolate;min-width:0}
.image-shell picture{display:block;width:100%;height:100%;position:relative;z-index:1}
.image-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center;line-height:1.5;color:var(--ink);visibility:hidden}
.image-failed .image-fallback{visibility:visible}
.image-failed picture{visibility:hidden}
.image-hero img{object-position:var(--hero-desktop-position,50% 50%)}
.image-detail img{object-position:var(--detail-desktop-position,50% 50%)}
.title-plate{position:relative;grid-area:1/1;align-self:end;max-width:calc(100% - 30px);width:min(46%,620px);padding:32px 40px 30px;background:var(--accent);color:var(--white);z-index:2;min-width:0}
.title-plate .eyebrow{margin-bottom:24px}
.title-plate h1{font-size:clamp(3.5rem,6.4vw,6rem);font-weight:650;letter-spacing:-.055em;line-height:1.01;max-width:11ch;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.plate-action{margin-top:28px;font-size:1rem;min-width:min(230px,100%)}
.home-register{margin:0 5%;padding:34px 0 50px;display:grid;grid-template-columns:1fr 1.3fr;gap:7%}
.home-intro .eyebrow{margin-bottom:15px}
.home-intro>p:not(.eyebrow){font-size:1.07rem;max-width:41ch}
.home-intro>.text-link{margin-top:18px;font-size:.95rem}
.category-register{padding:0;margin:0;list-style:none;min-width:0}
.category-register li+li{border-top:1px solid #22272035}
.category-register a{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:18px;padding:20px 0;align-items:start}
.category-index{color:var(--accent-deep)}
.category-register h2{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:6px}
.category-register p{font-size:.92rem;max-width:45ch}
.category-register .arrow{margin-top:4px}
.service-layout{margin:0 5%;padding:56px 0;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-template-areas:'controls photo' 'controls answer';column-gap:5.5%;row-gap:20px;align-items:start}
.service-controls{grid-area:controls;min-width:0}
.service-controls>h1{font-size:clamp(3.1rem,5.6vw,5.2rem);line-height:1.01;letter-spacing:-.055em;max-width:10ch;margin-top:27px;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.service-intro{font-size:1.15rem;margin-top:28px;max-width:43ch}
.interactive-register{margin-top:32px}
.choice-group legend{margin-bottom:12px;color:var(--ink)}
.choice{position:relative;display:block;min-width:0;cursor:pointer}
.choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;inset:50% auto auto 12px;margin:0}
.choice-body{display:flex;align-items:center;gap:16px;min-width:0;min-height:59px;border-top:1px solid var(--line);padding:16px 2px;line-height:1.4;transition:none}
.choice-label{flex:1;min-width:0;overflow-wrap:anywhere}
.choice-mark{width:12px;height:12px;flex:none;border:1px solid currentColor;border-radius:50%;margin-right:3px}
.choice input:checked+.choice-body{color:var(--accent-deep);border-color:var(--accent);font-weight:650}
.choice input:checked+.choice-body .choice-mark{background:currentColor;box-shadow:inset 0 0 0 3px var(--paper)}
.choice input:focus-visible{outline:none}
.choice input:focus-visible+.choice-body{outline:3px solid var(--accent-deep);outline-offset:4px;position:relative;z-index:1}
.service-choices .choice:last-child .choice-body{border-bottom:1px solid var(--line)}
.service-choices>.choice:first-of-type .choice-body{border-top-color:var(--accent)}
.stage-wrapper{margin-top:28px;min-height:124px}
.stage-choices{display:flex;flex-wrap:wrap;gap:10px}
.stage-choices legend{float:left;width:100%;margin-bottom:13px}
.stage-choices .choice-body{padding:12px 16px;border:1px solid var(--ink);border-radius:6px;min-height:46px;gap:12px;font-size:.88rem}
.stage-choices .choice-mark{display:none}
.stage-choices input:checked+.choice-body{background:var(--accent);border-color:var(--accent);color:var(--white)}
.stage-choices:disabled .choice{cursor:default;opacity:.64}
.stage-choices:disabled .choice-body{border-color:#72776c}
.stage-helper,.stage-bypass{font-size:.81rem;line-height:1.5;margin-top:10px;max-width:40ch}
.stage-bypass{padding:15px;border-left:3px solid var(--accent);background:var(--soft);margin:0}
.preparation{grid-area:answer;min-width:0;background:var(--ink);color:var(--paper);padding:27px 30px 28px;border-radius:3px;align-self:start}
.preparation .eyebrow{color:#f4b19b;margin-bottom:15px;text-transform:none}
.preparation h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.03em;max-width:24ch}
.preparation>p:not(.eyebrow):not(.sr-only){margin-top:18px;font-size:.97rem;max-width:48ch}
.answer-inquiry{color:#f8c0ab;font-size:.9rem;margin-top:13px}
.answer-inquiry:focus-visible{outline-color:#fff}
.scope-photo{grid-area:photo;min-width:0}
.scope-photo .image-shell{height:380px;border-radius:3px}
.scope-photo figcaption{font-size:.72rem;padding-top:8px;line-height:1.5}
.fallback-answers{grid-area:answer;min-width:0}
.fallback-answers>h2{font-size:2rem;margin-top:10px}
.fallback-answers article{padding:23px 0;border-bottom:1px solid var(--line)}
.fallback-answers h3{font-size:1.15rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}
.fallback-answers article p,.scope-note{font-size:.95rem}
.fallback-answers .text-link{font-size:.88rem;margin-top:7px}
.scope-note{margin-top:24px}
.fallback-note{border-left:3px solid var(--accent);padding-left:15px;font-size:.95rem;margin-top:24px}
.contact-layout{margin:0 5%;padding:48px 0 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
.contact-intro{padding-top:15px}
.contact-intro h1{font-size:clamp(3.5rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.055em;max-width:10ch;margin-top:25px;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.lead{font-size:1.13rem;max-width:40ch;margin-top:25px}
.contact-scope{margin-top:48px;padding:22px 0 0;border-top:1px solid var(--accent);max-width:43ch}
.contact-scope>p{font-size:.93rem;margin-top:13px}
.contact-panel{border-top:5px solid var(--accent);padding-top:22px;min-width:0}
.inactive-notice{font-size:.83rem;line-height:1.55;margin-bottom:22px;max-width:48ch}
.topic-editor>label{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;font-weight:650;line-height:1.5;margin-bottom:9px}
.topic-editor>label>span{font-weight:400;font-size:.75rem}
.topic-editor>input{display:block;width:100%;padding:12px 13px;border:1px solid #7b8176;background:#f7f6f0;font-size:1rem;line-height:1.4;min-height:49px}
#topic-hint{font-size:.73rem;line-height:1.5;margin-top:7px}
.topic-options{font-size:.8rem;margin-top:10px}
.topic-options summary{cursor:pointer;display:list-item;width:fit-content;padding-block:6px;min-height:32px}
.topic-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.topic-selects label{display:block;font-size:.78rem;line-height:1.5;min-width:0}
.topic-selects select{width:100%;display:block;font-size:1rem;background:var(--paper);border:1px solid #7b8176;padding:10px;margin-top:6px}
.topic-edit-status{font-size:.76rem;line-height:1.5;margin-top:9px}
.inactive-fields{margin-top:28px;min-width:0}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}
.contact-fields label{font-size:.85rem;line-height:1.5;font-weight:600;min-width:0}
.contact-fields label>span{font-weight:400;font-size:.72rem;display:block;margin-top:2px}
.contact-fields input,.contact-fields textarea{display:block;width:100%;padding:12px 13px;background:#f5f4ee;border:1px solid #92978c;font-size:1rem;margin-top:9px;opacity:1;-webkit-text-fill-color:#4c5447}
.contact-fields textarea{min-height:114px}
.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#545a4f;opacity:1}
.wide-field{grid-column:1/-1}
.inactive-button{border:0;border-radius:6px;background:var(--soft);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:15px 18px;line-height:1.45;font-size:.9rem;min-height:53px;margin-top:24px;opacity:1;text-align:left}
.contact-note{font:400 .75rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:18px;max-width:48ch}
.site-footer{border-top:1px solid #2227202d;padding:25px 5% 30px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:start;font-size:.75rem}
.footer-name{font-size:.8rem}
.site-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px}
.site-footer nav a{padding:4px 0;min-height:28px}
.image-context{grid-column:1/-1;font-size:.68rem;color:#4a5144}
[data-input=keyboard] .choice-body{transition:none}
@media(hover:hover) and (pointer:fine){
  .desktop-nav a:hover,.header-inquiry:hover,.text-link:hover,.site-footer a:hover{color:var(--accent-deep)}
  .choice:not(:has(input:disabled)):hover .choice-body{background:#22272007}
  .choice:has(input:checked):hover .choice-body{background:#c33e2008}
  .stage-choices .choice:has(input:checked):hover .choice-body{background:var(--accent-deep)}
  .category-register a:hover h2{text-decoration:underline;text-underline-offset:5px}
}
@media(max-width:1100px){
  .header-row{gap:1.5rem}
  .desktop-nav{gap:1.5rem}
  .title-plate{width:52%;padding:30px}
  .home-hero,.hero-figure{min-height:580px}
  .home-register{gap:5%;grid-template-columns:1fr 1.1fr}
  .service-layout{column-gap:4%}
  .scope-photo .image-shell{height:330px}
  .contact-layout{gap:5%}
  .contact-intro h1{font-size:4.4rem}
}
@media(max-width:899px){
  .header-row{min-height:72px;gap:22px;margin-inline:5%}
  .desktop-nav{display:none}
  .header-inquiry{margin-left:auto;font-size:.82rem;flex:none}
  .inquiry-long{display:none}.inquiry-short{display:inline}
  .wordmark{font-size:1rem;max-width:55%;line-height:1.3}
  .mobile-menu{display:block;flex:none;font-size:.82rem}
  .mobile-menu summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none;padding-block:12px;min-height:44px;border-bottom:1px solid var(--ink)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{font-size:1.1rem}
  .mobile-menu[open] summary span{transform:rotate(45deg)}
  .mobile-menu nav{position:absolute;z-index:10;top:100%;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:9px 0 14px}
  .mobile-menu nav a{display:block;padding:13px 5px;line-height:1.5;min-height:44px}
  .site-header:has(.mobile-menu[open]){padding-bottom:calc(3 * (1.5em + 26px) + 23px)}
  .home-hero{margin:0;min-height:580px}
  .title-plate{width:72%;padding:28px;max-width:calc(100% - 24px)}
  .title-plate h1{font-size:4.1rem}
  .home-register{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:35px}
  .category-register a{grid-template-columns:1.4rem minmax(0,1fr) auto;gap:12px}
  .category-register p{font-size:.85rem}
  .service-layout{display:flex;flex-direction:column;gap:24px;padding-top:36px}
  .service-controls,.preparation,.scope-photo,.fallback-answers{width:100%}
  .service-controls>h1{font-size:4.4rem;max-width:11ch;margin-top:24px}
  .service-intro{max-width:42ch;margin-top:24px;font-size:1.07rem}
  .interactive-register{margin-top:28px}
  .scope-photo .image-shell{height:360px}
  .stage-wrapper{min-height:112px;margin-top:26px}
  .preparation{padding:26px}
  .contact-layout{display:block;padding-top:30px}
  .contact-intro{padding-top:0}
  .contact-intro h1{font-size:4.3rem;margin-top:22px;max-width:12ch}
  .lead{margin-top:22px}
  .contact-scope{display:none}
  .contact-panel{margin-top:28px;padding-top:18px}
  .contact-panel .inactive-notice{margin-bottom:19px}
}
@media(max-width:600px){
  .header-row{gap:0 18px;margin-inline:22px;flex-wrap:wrap;padding-block:8px}
  .wordmark{font-size:.92rem;max-width:none;min-width:min(100%,12ch);flex:1 1 12ch}
  .header-inquiry{gap:3px}
  .header-inquiry .arrow{font-size:1.1rem}
  .mobile-menu summary{gap:0}
  .mobile-menu summary span{display:none}
  .home-hero,.hero-figure{min-height:540px}
  .title-plate{width:calc(100% - 60px);max-width:none;padding:23px 22px 22px}
  .title-plate .eyebrow{font-size:.65rem;margin-bottom:21px}
  .title-plate h1{font-size:3.35rem;max-width:11ch;line-height:1.02}
  .plate-action{font-size:.88rem;margin-top:22px;min-width:185px;max-width:100%;gap:24px}
  .home-register{margin:0 22px;padding:27px 0 32px;display:block}
  .home-intro>p:not(.eyebrow){font-size:1rem}
  .home-intro .eyebrow{font-size:.65rem;margin-bottom:13px}
  .home-intro>.text-link{margin-top:10px;font-size:.88rem}
  .category-register{margin-top:25px}
  .category-register li:first-child{border-top:1px solid var(--line)}
  .category-register a{padding:20px 0;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:12px}
  .category-register h2{font-size:1.07rem}
  .category-register p{font-size:.88rem}
  .service-layout{margin:0 22px;padding:29px 0 35px;gap:23px}
  .service-controls>.eyebrow{font-size:.65rem}
  .service-controls>h1{font-size:3.4rem;line-height:1.01;max-width:10ch;margin-top:24px}
  .service-intro{font-size:1rem;line-height:1.6;margin-top:24px;max-width:36ch}
  .interactive-register{margin-top:26px}
  .choice-group legend{font-size:.65rem;margin-bottom:10px}
  .choice-body{padding:14px 0;min-height:54px;gap:12px;font-size:.91rem}
  .choice-body .category-index{font-size:.68rem;min-width:1.4rem}
  .choice-mark{width:11px;height:11px}
  .stage-wrapper{margin-top:25px;min-height:105px}
  .stage-choices{gap:8px}
  .stage-choices .choice-body{font-size:.82rem;padding:12px 14px;min-height:46px}
  .stage-helper,.stage-bypass{font-size:.75rem}
  .stage-bypass{padding:15px}
  .preparation{padding:23px 22px}
  .preparation h2{font-size:1.5rem;line-height:1.2}
  .preparation .eyebrow{font-size:.68rem;margin-bottom:13px}
  .preparation>p:not(.eyebrow):not(.sr-only){font-size:.9rem;line-height:1.65;margin-top:16px}
  .answer-inquiry{font-size:.85rem;gap:22px;margin-top:12px}
  .scope-photo .image-shell{height:260px}
  .scope-photo figcaption{font-size:.67rem}
  .fallback-answers>h2{font-size:1.7rem}
  .contact-layout{margin:0 22px;padding:26px 0 34px}
  .contact-intro .eyebrow{font-size:.65rem}
  .contact-intro h1{font-size:3.35rem;max-width:10ch;line-height:1.02;margin-top:21px}
  .lead{font-size:.98rem;line-height:1.6;margin-top:22px}
  .contact-panel{margin-top:25px;border-top-width:4px;padding-top:14px}
  .inactive-notice{font-size:.75rem;line-height:1.55;margin-bottom:18px!important}
  .topic-editor>label{font-size:.81rem;display:block;margin-bottom:8px}
  .topic-editor>label>span{font-size:.68rem;font-weight:400;margin-left:6px}
  .topic-editor>input{font-size:1rem;min-height:47px;padding:11px 12px}
  #topic-hint{font-size:.68rem;margin-top:6px}
  .topic-options{margin-top:7px;font-size:.75rem}
  .topic-selects{display:block;margin-top:6px}
  .topic-selects label+label{margin-top:13px}
  .inactive-fields{margin-top:20px}
  .contact-fields{grid-template-columns:1fr;gap:20px}
  .contact-fields label{font-size:.81rem}
  .contact-fields label>span{display:inline;margin-left:6px;font-size:.68rem}
  .contact-fields input,.contact-fields textarea{margin-top:8px}
  .contact-fields textarea{min-height:103px}
  .inactive-button{font-size:.8rem;padding:13px 14px;margin-top:20px;gap:12px}
  .contact-note{font-size:.68rem}
  .site-footer{padding:22px;display:block;font-size:.7rem}
  .footer-name{font-size:.76rem}
  .site-footer nav{justify-content:flex-start;gap:18px;margin-top:13px}
  .image-context{margin-top:12px;font-size:.64rem}
  .image-hero img{object-position:var(--hero-phone-position,50% 50%)}
  .image-detail img{object-position:var(--detail-phone-position,50% 50%)}
}
@media(max-width:350px){
  .header-row{margin-inline:16px;gap:14px}
  .wordmark{font-size:.82rem;max-width:none}
  .header-inquiry,.mobile-menu{font-size:.75rem}
  .title-plate{width:calc(100% - 30px);padding:22px 18px}
  .title-plate h1{font-size:2.8rem}
  .home-hero,.hero-figure{min-height:510px}
  .home-register,.service-layout,.contact-layout{margin-inline:16px}
  .service-controls>h1,.contact-intro h1{font-size:2.9rem}
  .service-controls>h1{max-width:10ch}
  .choice-body{font-size:.84rem;gap:10px}
  .stage-choices .choice-body{padding-inline:11px;font-size:.75rem}
  .service-layout{gap:20px}
  .preparation{padding:22px 18px}
  .preparation h2{font-size:1.4rem}
  .topic-editor>label>span{display:block;margin-left:0;margin-top:2px}
  .site-footer{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(prefers-contrast:more){
  :root{--line:#5f6658}
  .choice-body,.contact-fields input,.contact-fields textarea,.topic-editor>input{border-color:var(--ink)}
  :focus-visible,.choice input:focus-visible+.choice-body{outline-width:4px}
}