@font-face{font-family:Sohne;src:url('assets/fonts/Sohne-Book.otf')}@font-face{font-family:Sohne;src:url('assets/fonts/Sohne-ExtraBold.otf');font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9f5;color:#171717;font-family:Sohne,Arial,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;color:#171717;padding:.75rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1.25rem,4vw,5rem);background:#fff9f5;position:sticky;top:0;z-index:10;border-bottom:2px solid #171717;transition:transform .25s,background .25s}.site-header.scrolled{background:rgba(255,249,245,.94);backdrop-filter:blur(10px)}.brand img{display:block;width:166px;height:auto}.site-header nav{display:flex;gap:1.75rem}.site-header nav a{color:#171717;text-decoration:none;font-size:.9rem;font-weight:800;position:relative}.site-header nav a::after{content:"";position:absolute;height:3px;left:0;right:100%;bottom:-.45rem;background:#ff4300;transition:right .22s}.site-header nav a:hover::after,.site-header nav a.active::after{right:0}.site-header nav a.active{color:#ff4300}.menu-toggle{display:none}.button{border:2px solid #171717;background:#ff4300;color:white;padding:.82rem 1.1rem;font-weight:800;box-shadow:4px 4px 0 #171717;cursor:pointer;text-decoration:none;display:inline-flex;gap:.7rem;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.button span{transition:transform .2s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #171717}.button:hover span{transform:translateX(.25rem)}.button:active{transform:translate(4px,4px);box-shadow:0 0 0 #171717}.button:focus-visible,.text-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tab:focus-visible,.row-action:focus-visible,.page-button:focus-visible,.filter-chip:focus-visible,.option-card:focus-visible{outline:3px solid #00c9d8;outline-offset:3px}.button-small{padding:.6rem .85rem;font-size:.85rem;box-shadow:3px 3px 0 #171717}.button-outline{background:transparent;color:#171717}.button-white{background:#fff;color:#171717;border-color:#fff;box-shadow:4px 4px 0 #171717}.text-button{appearance:none;background:transparent;border:0;padding:.3rem 0;color:#171717;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.hero{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:#ff4300}.hero-copy{padding:clamp(4rem,9vw,9rem) clamp(1.25rem,7vw,8rem);color:#fff;position:relative;z-index:1}.js .hero-copy>*{animation:hero-in .65s cubic-bezier(.2,.8,.2,1) both}.js .hero-copy>*:nth-child(2){animation-delay:.08s}.js .hero-copy>*:nth-child(3){animation-delay:.16s}.js .hero-copy>*:nth-child(4){animation-delay:.24s}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.1em;margin:0 0 .8rem}.hero h1,.section h2,.feature-card h3,.help-card h3,dialog h2{font-size:clamp(2.7rem,5.8vw,6.6rem);font-weight:800;line-height:.87;letter-spacing:-.045em;margin:0}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);max-width:34rem;margin:1.75rem 0 2rem}.button-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-art{min-height:600px;position:relative;background:#00c9d8;overflow:hidden}.hero-art img{position:absolute;width:125%;min-width:680px;bottom:-21%;left:-19%;z-index:2;mix-blend-mode:multiply;animation:characters-in .8s .2s cubic-bezier(.2,.9,.2,1) both}.sun{position:absolute;width:42%;aspect-ratio:1;right:11%;top:12%;border-radius:50%;background:#ff1fa5;animation:soft-pulse 5s ease-in-out infinite}.shape{position:absolute;border:4px solid #171717;animation:shape-float 6s ease-in-out infinite alternate}.shape-one{width:10rem;height:10rem;left:13%;top:15%;background:#fff9f5;transform:rotate(13deg)}.shape-two{width:15rem;height:15rem;right:-3rem;bottom:7%;background:#ff4300;transform:rotate(22deg);animation-delay:-2s}.section{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem)}.section-dark{background:#171717;color:#fff}.section-heading{display:grid;grid-template-columns:.8fr 1.35fr 1fr;gap:2.5rem;align-items:start;margin-bottom:3rem}.section-heading h2{font-size:clamp(2.5rem,4.5vw,5rem)}.section-heading p:last-child{margin:0;padding-top:.35rem;max-width:28rem}.section-heading.compact{grid-template-columns:.6fr 1.4fr;margin-bottom:2.8rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.stat{background:#ff4300;color:#fff;padding:1.7rem;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid #fff;transition:transform .25s,box-shadow .25s}.stat:hover{transform:translateY(-.45rem) rotate(-1deg);box-shadow:7px 7px 0 #fff}.stat.cyan{background:#00c9d8;color:#171717}.stat.pink{background:#ff1fa5;color:#fff}.stat-value{font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.06em}.stat small{font-size:.78rem;margin-top:.8rem;opacity:.9}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.panel{border:2px solid #171717;background:#fff;padding:1.5rem;min-height:265px;transition:transform .22s,box-shadow .22s}.panel:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #171717}.panel h3,.form-card legend{font-size:1.35rem;font-weight:800;margin:0 0 1.35rem}.stack{display:flex;align-items:flex-start;gap:1.1rem;flex-direction:column}.tag-row{display:flex;gap:.55rem;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:.35rem .55rem;font-size:.75rem;font-weight:800;line-height:1.2;white-space:nowrap}.tag.orange{background:#ff4300;color:#fff}.tag.cyan{background:#00c9d8}.tag.pink{background:#ff1fa5;color:#fff}.tag.dark{background:#171717;color:#fff}.panel hr{border:0;border-top:2px solid #171717;margin:1.5rem 0}.notice{border-left:7px solid #00c9d8;padding-left:.9rem}.notice strong,.notice p{margin:0}.notice p{font-size:.9rem;margin-top:.25rem}.tabs{display:flex;border-bottom:2px solid #171717;gap:.25rem}.tab{border:0;background:transparent;padding:.5rem .65rem;cursor:pointer;font-weight:800;transition:color .2s,background .2s}.tab.active{background:#171717;color:#fff}.tab-panel{display:flex;flex-direction:column;gap:.2rem;background:#fff4ea;margin-top:1rem;padding:1rem}.tab-panel.changing{animation:tab-swap .28s ease}.tab-panel span{font-size:.9rem}.feature-card{margin-top:1.25rem;padding:clamp(1.5rem,4vw,4rem);background:#ff1fa5;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;position:relative}.feature-card h3{font-size:clamp(2.3rem,4vw,4.8rem);max-width:13ch}.feature-card p:not(.eyebrow){max-width:30rem}.feature-number{font-size:clamp(7rem,18vw,19rem);font-weight:800;letter-spacing:-.1em;line-height:.7;color:#ff4300;transform:translate(.1em,.1em);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.feature-card:hover .feature-number{transform:translate(-.03em,.02em) rotate(-6deg) scale(1.08)}.soft-section{background:#fff0e7}.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:stretch}.form-card,.help-card,.data-card{background:#fff;border:2px solid #171717;padding:clamp(1.25rem,3vw,2.5rem)}.form-card fieldset{border:0;margin:0;padding:0}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.15rem}.field label,.label{font-size:.88rem;font-weight:800}.muted{font-weight:400;color:#555}input:not([type=checkbox]),textarea,select{width:100%;border:2px solid #171717;background:#fff;padding:.7rem .75rem;border-radius:0;color:#171717;transition:box-shadow .2s,background .2s}input:not([type=checkbox]):focus,textarea:focus,select:focus{background:#fffdfb;box-shadow:4px 4px 0 #00c9d8}.field.invalid input{border-color:#ff1fa5}.field.valid input{border-color:#17894c}.field-feedback{min-height:1.1rem;font-size:.78rem;font-weight:800}.field.invalid .field-feedback{color:#b4006b}.field.valid .field-feedback{color:#096437}.character-count{align-self:flex-end;font-size:.75rem;color:#5c5651}textarea{resize:vertical}.choice{display:block;font-size:.93rem;margin:.4rem 0}.choice input{accent-color:#ff4300;width:1rem;height:1rem}.consent{margin:1.4rem 0}.help-card{background:#00c9d8;display:flex;flex-direction:column}.help-card h3{font-size:clamp(2rem,3vw,3.3rem);margin-bottom:1rem}.steps{list-style:none;padding:0;margin:1.5rem 0}.steps li{display:flex;gap:.7rem;padding:.7rem 0;border-top:2px solid #171717;transition:padding-left .25s,background .25s}.steps li.active{padding-left:.7rem;background:rgba(255,255,255,.45)}.steps span{font-weight:800}.progress-label{display:flex;justify-content:space-between;margin-top:auto;font-size:.85rem;font-weight:800}.progress{height:.7rem;background:#fff;margin-top:.4rem;border:2px solid #171717}.progress span{display:block;width:0;height:100%;background:#ff4300;transition:width .4s cubic-bezier(.2,.8,.2,1)}.data-card{padding:0;overflow:hidden}.table-tools{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:2px solid #171717}.search{display:flex;align-items:center;gap:.5rem;max-width:340px;width:100%}.search input{border-width:0 0 2px;padding:.45rem 0;background:transparent}.filter-group{display:flex;gap:.45rem;flex-wrap:wrap}.filter-chip{border:2px solid #171717;background:#fff;padding:.45rem .65rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .18s,color .18s,transform .18s}.filter-chip:hover{transform:translateY(-2px)}.filter-chip.active{background:#171717;color:#fff}.table-wrap{overflow-x:auto;position:relative}table{width:100%;border-collapse:collapse;text-align:left}th{background:#171717;color:#fff;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:1rem}td{padding:1rem;border-bottom:1px solid #c8c1bc;font-size:.92rem}tbody tr{transition:opacity .2s,transform .2s}tbody tr.row-enter{animation:row-in .3s ease both}td strong{font-weight:800}.table-sub{display:block;color:#5c5651;font-size:.78rem;margin-top:.2rem}.row-action,.page-button{background:#fff;border:2px solid #171717;width:2.2rem;height:2.2rem;font-weight:800;cursor:pointer;transition:background .18s,color .18s,transform .18s}.row-action:hover,.page-button:hover{background:#ff4300;color:#fff;transform:translateX(2px)}.empty-state{text-align:center;padding:3rem 1rem}.empty-state span{font-size:3rem;font-weight:800}.empty-state strong{display:block;font-size:1.2rem}.empty-state p{margin:.35rem 0 0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:.85rem}.pagination>div{display:flex;gap:.45rem}footer{background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1.25rem,7vw,8rem);font-size:.83rem}footer img{width:145px;filter:brightness(0) invert(1)}footer p{margin:0}footer a{color:#fff;font-weight:800}dialog{max-width:42rem;border:3px solid #171717;padding:clamp(1.5rem,4vw,3rem);box-shadow:8px 8px 0 #ff4300;animation:dialog-in .3s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:rgba(23,23,23,.7);animation:backdrop-in .25s ease}dialog h2{font-size:clamp(2.5rem,4vw,4rem)}.dialog-close{position:absolute;right:.75rem;top:.45rem;border:0;background:transparent;font-size:2rem;cursor:pointer}.dialog-meter{height:.5rem;background:#eee;margin:-.5rem 2.4rem 2rem 0}.dialog-meter span{display:block;width:50%;height:100%;background:#ff4300;transition:width .3s}.dialog-meter.complete span{width:100%}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.option-card{border:2px solid #171717;background:#fff;text-align:left;padding:1rem;min-height:145px;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,background .2s}.option-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 #171717;background:#00c9d8}.option-card>span{font-size:2rem}.option-card strong{font-size:1.15rem;margin-top:auto}.option-card small{margin-top:.2rem}.dialog-actions{display:flex;gap:1rem;align-items:center;margin-top:1.75rem}.toast{position:fixed;right:1.25rem;bottom:1.25rem;max-width:24rem;background:#171717;color:#fff;padding:1rem 1.2rem;font-weight:800;transform:translateY(150%) rotate(2deg);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:15;box-shadow:4px 4px 0 #00c9d8}.toast.visible{transform:translateY(0) rotate(0)}.js [data-reveal]{opacity:0;transform:translateY(2.5rem);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.js [data-reveal].revealed{opacity:1;transform:none}.js .stats-grid [data-reveal]:nth-child(2),.js .component-grid [data-reveal]:nth-child(2){transition-delay:.08s}.js .stats-grid [data-reveal]:nth-child(3),.js .component-grid [data-reveal]:nth-child(3){transition-delay:.16s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes hero-in{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes characters-in{from{opacity:0;transform:translateY(4rem) scale(.94)}to{opacity:1;transform:none}}@keyframes soft-pulse{50%{transform:scale(1.08)}}@keyframes shape-float{to{translate:0 -1.2rem;rotate:5deg}}@keyframes tab-swap{from{opacity:0;transform:translateX(.8rem)}to{opacity:1;transform:none}}@keyframes row-in{from{opacity:0;transform:translateX(-.75rem)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(1.5rem) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@media(max-width:900px){.site-header nav{display:flex;position:absolute;left:0;right:0;top:100%;background:#fff9f5;border-bottom:2px solid #171717;flex-direction:column;padding:0 1.25rem;gap:0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,padding .35s,visibility .35s}.site-header.nav-open nav{max-height:320px;padding-top:1rem;padding-bottom:1rem;visibility:visible}.site-header nav a{padding:.65rem 0}.menu-toggle{display:flex;width:2.8rem;height:2.8rem;border:2px solid #171717;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;cursor:pointer}.menu-toggle span{display:block;width:1.25rem;height:2px;background:#171717;transition:transform .25s,opacity .25s}.nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .menu-toggle span:nth-child(2){opacity:0}.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header>.button{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:400px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:1rem}.section-heading p:last-child{padding:0}.stats-grid,.component-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.feature-number{position:absolute;right:.1rem;bottom:0;opacity:.65}.feature-card>div:first-child{position:relative;z-index:1}.table-tools{align-items:flex-start;flex-direction:column}.search{max-width:none}}@media(max-width:520px){.site-header{height:70px;padding:.7rem 1rem}.brand img{width:130px}.hero-copy,.section{padding-left:1.25rem;padding-right:1.25rem}.hero-art{min-height:280px}.hero-art img{min-width:520px}.filter-group{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}th,td{padding:.8rem}.table-wrap{font-size:.8rem}.option-grid{grid-template-columns:1fr}.option-card{min-height:105px}footer{align-items:flex-start;flex-direction:column}.dialog-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}