:root{--yf-charcoal:#212529;--yf-surface:#292e30;--yf-surface-raised:#303638;--yf-surface-inset:#1f2426;--yf-border:#3a4143;--yf-border-soft:#343b3d;--yf-cloud:#f4f5f2;--yf-mist:#aeb4af;--yf-quiet:#747c76;--yf-sky:#a7d4f7;--yf-sky-strong:#79b7e7;--yf-sage:#8ebaa1;--yf-sage-strong:#67a17d;--yf-sand:#e8cb96;--yf-sand-strong:#cba55d;--yf-sakura:#e7b8c4;--yf-sakura-strong:#d77989;--yf-font-display:"Instrument Serif", Georgia, serif;--yf-font-ui:"Plus Jakarta Sans", "Segoe UI", sans-serif;--yf-font-hand:"Caveat", cursive;--yf-font-mono:Consolas, monospace;--yf-space-1:4px;--yf-space-2:8px;--yf-space-3:12px;--yf-space-4:16px;--yf-space-6:24px;--yf-space-8:32px;--yf-space-12:48px;--yf-space-16:64px;--yf-space-24:96px;--yf-radius-xs:4px;--yf-radius-sm:8px;--yf-radius-md:12px;--yf-radius-lg:16px;--yf-radius-xl:24px;--yf-radius-pill:999px;--yf-duration-fast:.13s;--yf-duration-base:.18s;--yf-duration-slow:.32s;--yf-ease-standard:cubic-bezier(.2, .8, .2, 1);--yf-z-base:0;--yf-z-sticky:30;--yf-z-nav:40;--yf-z-popover:60;--yf-z-modal:80;--yf-z-toast:100;--yf-shadow-raised:0 1px 0 #ffffff0d inset, 0 5px 14px #00000029;--yf-shadow-tactile:0 4px 0 var(--yf-button-base), 0 10px 22px #0000003d;--yf-shadow-overlay:0 24px 72px #0000006b;--yf-paper:#f4f3ed;--yf-paper-muted:#e7e7df;--yf-paper-line:#d8dad3;--yf-paper-ink:#292e30;--yf-paper-tape:#d9c995;--yf-overlay:#090c0db8;--yf-envelope-drive-stage:#e7ecd9;--yf-envelope-drive-back:#b7c99f;--yf-envelope-drive-border:#9eb28d;--yf-envelope-drive-face-a:#dce5c7;--yf-envelope-drive-face-b:#c1d0a4;--yf-envelope-drive-ink:#355337;--yf-envelope-sand-stage:#f0e9dc;--yf-envelope-sand-back:#dbc89f;--yf-envelope-sand-border:#c3a978;--yf-envelope-sand-face-a:#eee1c4;--yf-envelope-sand-face-b:#d8c295;--yf-envelope-sand-ink:#846936;--yf-envelope-mist-stage:#e7ebe5;--yf-envelope-mist-back:#bac8b8;--yf-envelope-mist-border:#9eae9d;--yf-envelope-mist-face-a:#dce4da;--yf-envelope-mist-face-b:#bdcabc;--yf-envelope-mist-ink:#526b55;--background:var(--yf-charcoal);--foreground:var(--yf-cloud);--card:var(--yf-surface);--primary:var(--yf-cloud);--primary-foreground:var(--yf-charcoal);--muted:var(--yf-surface-raised);--muted-foreground:var(--yf-mist);--border:var(--yf-border);--accent:var(--yf-mist);--radius:var(--yf-radius-lg);--sans:var(--yf-font-ui);--heading:var(--yf-font-display);--mono:var(--yf-font-mono)}.yf-button{--yf-button-top:#fafbf8;--yf-button-bottom:#e8ebe7;--yf-button-base-top:#c8ceca;--yf-button-base-bottom:#aeb5b0;--yf-button-text:var(--yf-charcoal);--yf-button-stroke:#ffffffbf;--yf-button-base-stroke:#0003;--yf-button-shine:#ffffff40;--yf-button-highlight:#ffffffe6;isolation:isolate;text-align:center;vertical-align:top;background:0 0;border:0;border-radius:13px;padding:0;text-decoration:none;display:inline-block;position:relative}.yf-button:before{content:"";z-index:0;pointer-events:none;border:1px solid var(--yf-button-base-stroke);background:linear-gradient(var(--yf-button-base-top), var(--yf-button-base-bottom));transition:transform var(--yf-duration-fast) var(--yf-ease-standard), box-shadow var(--yf-duration-fast) var(--yf-ease-standard);border-radius:12px;position:absolute;inset:5px 1px -4px;box-shadow:0 9px 19px #00000052}.yf-button-face{z-index:1;justify-content:center;align-items:center;gap:var(--yf-space-2);border:1px solid var(--yf-button-stroke);background:linear-gradient(var(--yf-button-shine), transparent 30%), linear-gradient(var(--yf-button-top), var(--yf-button-bottom));width:100%;min-height:48px;color:var(--yf-button-text);box-shadow:inset 0 1px 0 var(--yf-button-highlight), inset 0 -1px 0 #0000001a;transition:transform var(--yf-duration-fast) var(--yf-ease-standard), filter var(--yf-duration-fast) var(--yf-ease-standard);border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;line-height:20px;display:flex;position:relative}.yf-button:hover:not(:disabled) .yf-button-face{filter:brightness(1.02);transform:translateY(-1px)}.yf-button:hover:not(:disabled):before{transform:translateY(1px);box-shadow:0 12px 24px #0000005c}.yf-button:active:not(:disabled) .yf-button-face{transform:translateY(4px)}.yf-button:active:not(:disabled):before{transform:translateY(-1px);box-shadow:0 3px 8px #00000038}.yf-button:focus-visible{outline:2px solid var(--yf-sky);outline-offset:5px}.yf-button-secondary{--yf-button-top:#414849;--yf-button-bottom:#303637;--yf-button-base-top:#222829;--yf-button-base-bottom:#151a1b;--yf-button-text:var(--yf-cloud);--yf-button-stroke:#ffffff52;--yf-button-base-stroke:#0000008c;--yf-button-shine:#ffffff1a;--yf-button-highlight:#ffffff61}.yf-button-info{--yf-button-top:color-mix(in srgb, var(--yf-sky) 82%, white);--yf-button-bottom:var(--yf-sky);--yf-button-base-top:var(--yf-sky-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sky-strong) 78%, black)}.yf-button-success{--yf-button-top:color-mix(in srgb, var(--yf-sage) 82%, white);--yf-button-bottom:var(--yf-sage);--yf-button-base-top:var(--yf-sage-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sage-strong) 78%, black)}.yf-button-warning{--yf-button-top:color-mix(in srgb, var(--yf-sand) 82%, white);--yf-button-bottom:var(--yf-sand);--yf-button-base-top:var(--yf-sand-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sand-strong) 78%, black)}.yf-button-danger{--yf-button-top:color-mix(in srgb, var(--yf-sakura) 82%, white);--yf-button-bottom:var(--yf-sakura);--yf-button-base-top:var(--yf-sakura-strong);--yf-button-base-bottom:color-mix(in srgb, var(--yf-sakura-strong) 78%, black)}.yf-button-info,.yf-button-success,.yf-button-warning,.yf-button-danger{--yf-button-text:var(--yf-charcoal);--yf-button-stroke:#ffffff73}.yf-button-ghost{--yf-button-top:color-mix(in srgb, var(--yf-surface) 94%, white);--yf-button-bottom:var(--yf-surface);--yf-button-base-top:var(--yf-surface-raised);--yf-button-base-bottom:var(--yf-surface-inset);--yf-button-text:var(--yf-mist);--yf-button-stroke:var(--yf-border-soft)}.yf-button-sm .yf-button-face{min-height:44px;padding:10px 16px}.yf-button-lg .yf-button-face{min-height:56px;padding:16px 32px;font-size:16px}.yf-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite yf-spin}.yf-badge{border:1px solid var(--yf-border);border-radius:var(--yf-radius-pill);background:var(--yf-surface-raised);color:var(--yf-mist);align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.yf-badge-dot{background:var(--yf-mist);border-radius:50%;width:7px;height:7px;display:inline-block}.yf-badge-dot-info{background:var(--yf-sky)}.yf-badge-dot-success{background:var(--yf-sage)}.yf-badge-dot-warning{background:var(--yf-sand)}.yf-badge-dot-danger{background:var(--yf-sakura)}.yf-badge-info{border-color:color-mix(in srgb, var(--yf-sky) 42%, var(--yf-border));color:var(--yf-sky)}.yf-badge-success{border-color:color-mix(in srgb, var(--yf-sage) 42%, var(--yf-border));color:var(--yf-sage)}.yf-badge-warning{border-color:color-mix(in srgb, var(--yf-sand) 42%, var(--yf-border));color:var(--yf-sand)}.yf-badge-danger{border-color:color-mix(in srgb, var(--yf-sakura) 42%, var(--yf-border));color:var(--yf-sakura)}.yf-card{padding:var(--yf-space-6);border:1px solid var(--yf-border);border-radius:var(--yf-radius-lg);background:var(--yf-surface)}.yf-card-interactive{transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard)}.yf-card-interactive:hover{border-color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transform:translateY(-2px)}.yf-progress{border:1px solid var(--yf-border-soft);border-radius:var(--yf-radius-pill);background:var(--yf-surface-inset);width:100%;height:9px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.yf-progress span{border-radius:inherit;background:var(--yf-sky);height:100%;transition:width var(--yf-duration-slow) var(--yf-ease-standard);display:block}.yf-progress-complete span{background:var(--yf-sage)}.yf-progress-warning span{background:var(--yf-sand)}.yf-progress-failed span{background:var(--yf-sakura)}.yf-icon-muted{color:var(--yf-mist)}.yf-icon-info{color:var(--yf-sky)}.yf-icon-success{color:var(--yf-sage)}.yf-icon-warning{color:var(--yf-sand)}.yf-icon-danger{color:var(--yf-sakura)}.yf-alert{gap:var(--yf-space-3);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface);color:var(--yf-mist);grid-template-columns:auto 1fr;font-size:14px;display:grid}.yf-alert strong{margin-bottom:var(--yf-space-1);color:var(--yf-cloud);display:block}.yf-alert p{margin:0}.yf-alert-info{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 7%, var(--yf-surface))}.yf-alert-success{border-color:var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 7%, var(--yf-surface))}.yf-alert-warning{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 7%, var(--yf-surface))}.yf-alert-danger{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 7%, var(--yf-surface))}.yf-toast{align-items:start;gap:var(--yf-space-3);width:min(100%,380px);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(145deg, var(--yf-surface-raised), var(--yf-surface));box-shadow:var(--yf-shadow-overlay);color:var(--yf-mist);animation:yf-toast-enter var(--yf-duration-base) var(--yf-ease-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.yf-toast-content strong{margin-bottom:var(--yf-space-1);color:var(--yf-cloud);font-size:14px;display:block}.yf-toast-content p{margin:0;font-size:13px;line-height:1.6}.yf-toast-dismiss{border:1px solid var(--yf-border);border-radius:var(--yf-radius-xs);background:var(--yf-surface-inset);width:28px;height:28px;padding:0;position:relative}.yf-toast-dismiss:before,.yf-toast-dismiss:after{content:"";background:var(--yf-mist);width:12px;height:1px;position:absolute;top:13px;left:7px}.yf-toast-dismiss:before{transform:rotate(45deg)}.yf-toast-dismiss:after{transform:rotate(-45deg)}.yf-toast-dismiss:hover{border-color:var(--yf-mist)}.yf-toast-info{border-color:color-mix(in srgb, var(--yf-sky) 58%, var(--yf-border))}.yf-toast-success{border-color:color-mix(in srgb, var(--yf-sage) 58%, var(--yf-border))}.yf-toast-warning{border-color:color-mix(in srgb, var(--yf-sand) 58%, var(--yf-border))}.yf-toast-danger{border-color:color-mix(in srgb, var(--yf-sakura) 58%, var(--yf-border))}.yf-chip{color:var(--yf-mist);transition:color var(--yf-duration-fast) var(--yf-ease-standard);background:linear-gradient(#333a3c,#2a3032);border:1px solid #444c4e;border-radius:999px;padding:7px 10px;font-size:10px;box-shadow:0 2px #171b1d}.yf-chip:hover{border-color:var(--yf-mist);color:var(--yf-cloud)}.yf-chip-selected{color:var(--yf-cloud);border-color:#a7d4f78c;box-shadow:inset 0 2px 4px #0003}.yf-control{border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);width:100%;min-height:48px;color:var(--yf-cloud);background:linear-gradient(#1f2426,#242a2c);outline:none;padding:11px 12px;box-shadow:inset 0 2px 6px #00000057,inset 0 1px #ffffff05}textarea.yf-control{resize:vertical;min-height:120px}.yf-control:hover:not(:disabled):not(:read-only){border-color:var(--yf-quiet)}.yf-control:focus{border-color:var(--yf-sky);box-shadow:inset 0 2px 6px #00000057,0 0 0 3px #a7d4f714}.yf-control-error{border-color:var(--yf-sakura)}.yf-control-success{border-color:var(--yf-sage)}.yf-select,.yf-date-picker{width:100%;position:relative}.yf-select-trigger,.yf-date-trigger{justify-content:space-between;align-items:center;gap:var(--yf-space-3);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);width:100%;min-height:48px;color:var(--yf-cloud);text-align:left;background:linear-gradient(#1f2426,#242a2c);padding:11px 12px;display:flex;box-shadow:inset 0 2px 6px #00000057,inset 0 1px #ffffff05}.yf-select-trigger:hover,.yf-date-trigger:hover{border-color:var(--yf-quiet)}.yf-select-trigger[aria-expanded=true],.yf-date-trigger[aria-expanded=true]{border-color:var(--yf-sky);box-shadow:inset 0 2px 6px #00000057,0 0 0 3px #a7d4f714}.yf-select-placeholder,.yf-date-placeholder{color:var(--yf-quiet)}.yf-select-chevron{border-right:1.5px solid var(--yf-mist);border-bottom:1.5px solid var(--yf-mist);width:8px;height:8px;transition:transform var(--yf-duration-fast) var(--yf-ease-standard);flex:none;margin:0 4px 4px 0;transform:rotate(45deg)}.yf-select-trigger[aria-expanded=true] .yf-select-chevron{margin-bottom:-4px;transform:rotate(225deg)}.yf-select-menu,.yf-calendar{z-index:var(--yf-z-popover);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:linear-gradient(145deg, var(--yf-surface-raised), var(--yf-surface));width:100%;box-shadow:var(--yf-shadow-overlay);padding:6px;position:absolute;top:calc(100% + 8px);left:0}.yf-select-option{justify-content:space-between;align-items:center;gap:var(--yf-space-3);border-radius:var(--yf-radius-sm);width:100%;min-height:40px;color:var(--yf-mist);text-align:left;background:0 0;border:0;padding:9px 10px;font-size:13px;display:flex}.yf-select-option.is-active{background:var(--yf-surface-inset);color:var(--yf-cloud)}.yf-select-option[aria-selected=true]{color:var(--yf-sky)}.yf-select-check{border-bottom:1.5px solid;border-left:1.5px solid;width:8px;height:5px;margin-right:3px;transform:rotate(-45deg)}.yf-date-icon{border:1.5px solid var(--yf-mist);border-radius:3px;flex:none;width:16px;height:15px;position:relative}.yf-date-icon:before{content:"";border-top:1px solid var(--yf-mist);position:absolute;top:3px;left:0;right:0}.yf-calendar{width:min(320px,100vw - 32px);padding:12px}.yf-calendar-header{align-items:center;gap:var(--yf-space-2);margin-bottom:var(--yf-space-3);grid-template-columns:36px 1fr 36px;display:grid}.yf-calendar-header strong{color:var(--yf-cloud);text-align:center;text-transform:capitalize;font-size:13px}.yf-calendar-header button{border:1px solid var(--yf-border);border-radius:var(--yf-radius-sm);background:linear-gradient(var(--yf-surface-raised), var(--yf-surface-inset));width:36px;height:36px;color:var(--yf-cloud);place-items:center;padding:0;font-size:20px;display:grid;box-shadow:0 2px #00000061}.yf-calendar-header button:hover{border-color:var(--yf-mist)}.yf-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.yf-calendar-weekday{height:28px;color:var(--yf-quiet);place-items:center;font-size:10px;font-weight:700;display:grid}.yf-calendar-grid button{aspect-ratio:1;border-radius:var(--yf-radius-sm);color:var(--yf-mist);background:0 0;border:1px solid #0000;padding:0;font-size:12px}.yf-calendar-grid button:hover:not(:disabled),.yf-calendar-grid button:focus-visible{border-color:var(--yf-border);background:var(--yf-surface-inset);color:var(--yf-cloud)}.yf-calendar-grid button.is-selected{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 16%, var(--yf-surface-inset));color:var(--yf-sky);box-shadow:inset 0 -2px var(--yf-sky)}.yf-select.yf-control-error .yf-select-trigger,.yf-date-picker.yf-control-error .yf-date-trigger{border-color:var(--yf-sakura)}.yf-select.yf-control-success .yf-select-trigger,.yf-date-picker.yf-control-success .yf-date-trigger{border-color:var(--yf-sage)}@keyframes yf-spin{to{transform:rotate(360deg)}}@keyframes yf-toast-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}}:root{font-family:var(--sans);color:var(--foreground);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-top:100px}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--background);min-width:320px;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}main:focus{outline:none}h1,h2,h3,h4{margin:0 0 var(--yf-space-4);color:var(--foreground);line-height:1.2}h1,h2{font-family:var(--heading);letter-spacing:-.035em;font-weight:400}h1{font-size:clamp(40px,5vw,60px);line-height:1.2}h2{font-size:clamp(30px,3.5vw,36px);line-height:1.22}h3{letter-spacing:-.02em;font-size:20px;font-weight:600}h4{font-size:17px}p{margin:0 0 20px}p:last-child{margin-bottom:0}a{color:var(--primary);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--yf-sky);outline-offset:4px}::selection{color:var(--yf-charcoal);background:var(--yf-sky)}img,svg{max-width:100%}img{height:auto;display:block}svg{vertical-align:middle;flex-shrink:0}hr{border:0;border-top:1px solid var(--border);margin:28px 0}ul,ol{padding-left:24px}li+li{margin-top:8px}blockquote{border-left:3px solid var(--accent);background:var(--muted);margin:24px 0;padding:16px 24px}code{background:var(--muted);overflow-wrap:anywhere;border-radius:4px;padding:3px 6px;font-size:.9em}pre{background:var(--muted);border-radius:12px;padding:20px;overflow-x:auto}[hidden]{display:none!important}@media (width<=639px){html{scroll-padding-top:80px}h3{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.component-page{padding-block:var(--yf-space-16) var(--yf-space-24)}.component-page-heading{max-width:760px;margin-bottom:var(--yf-space-24)}.component-page-heading h1{margin-block:var(--yf-space-4);font-size:clamp(44px,7vw,64px);font-weight:400;line-height:1.06}.component-page-heading p,.component-section-heading p,.yf-card p{color:var(--yf-mist)}.component-section{padding-block:var(--yf-space-12);border-top:1px solid var(--yf-border)}.component-section-heading{gap:var(--yf-space-8);margin-bottom:var(--yf-space-8);grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);display:grid}.component-section-heading span{color:var(--yf-quiet);letter-spacing:.14em;font-size:12px;font-weight:700}.component-section-heading h2{margin-top:var(--yf-space-2)}.component-demo-row{align-items:center;gap:var(--yf-space-4);margin-bottom:var(--yf-space-8);flex-wrap:wrap;display:flex}.component-icon-grid{gap:var(--yf-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.component-icon-grid>div{align-items:center;gap:var(--yf-space-3);padding:var(--yf-space-4);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface);color:var(--yf-mist);font-size:14px;display:flex}.component-card-grid,.component-form-grid{gap:var(--yf-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-composition-preview{gap:var(--yf-space-3);width:min(100%,420px);margin-top:var(--yf-space-8);display:grid}.component-composition-preview>span{color:var(--yf-quiet);letter-spacing:.16em;font-size:10px;font-weight:800}.component-stack{gap:var(--yf-space-4);display:grid}.component-form-grid label,.component-field{gap:var(--yf-space-2);color:var(--yf-mist);font-size:14px;font-weight:600;display:grid}.component-form-grid small{color:var(--yf-sakura);font-weight:400}.component-form-wide{grid-column:1/-1}.component-toast-demo{gap:var(--yf-space-8);margin-top:var(--yf-space-12);padding-top:var(--yf-space-8);border-top:1px solid var(--yf-border);grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);display:grid}.component-toast-demo>div>p,.component-toast-stage>span{color:var(--yf-mist);font-size:14px}.component-toast-demo .component-demo-row{margin-block:var(--yf-space-4) 0}.component-toast-stage{min-height:180px;padding:var(--yf-space-6);border:1px dashed var(--yf-border);border-radius:var(--yf-radius-lg);background:var(--yf-surface-inset);justify-content:flex-end;align-items:flex-end;display:flex}@media (width<=639px){.component-page{padding-block:var(--yf-space-12) var(--yf-space-16)}.component-page-heading{margin-bottom:var(--yf-space-16)}.component-section-heading,.component-card-grid,.component-form-grid,.component-toast-demo{grid-template-columns:1fr}.component-toast-stage{min-height:150px;padding:var(--yf-space-4)}.component-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-form-wide{grid-column:auto}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.container{width:min(1160px,100% - 64px);margin-inline:auto}.site-header{z-index:var(--yf-z-nav);background:color-mix(in srgb, var(--background) 82%, transparent);transition:background var(--yf-duration-base) var(--yf-ease-standard), border-color var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);animation:nav-enter var(--yf-duration-slow) var(--yf-ease-standard) both;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-color:color-mix(in srgb, var(--border) 74%, transparent);background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);box-shadow:0 10px 36px #0000002e}main{padding-top:88px}.site-header>.container{align-items:center;gap:32px;min-height:88px;display:flex}.brand{color:var(--primary);font-family:var(--heading);letter-spacing:-1px;white-space:nowrap;align-items:center;gap:11px;font-size:28px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--yf-radius-md) var(--yf-radius-md) var(--yf-radius-md) var(--yf-radius-xs);background:var(--primary);width:37px;height:41px;color:var(--primary-foreground);transition:transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);place-items:center;font-size:23px;display:inline-grid}.brand:hover .brand-mark{box-shadow:var(--yf-shadow-raised);transform:translateY(-1px)}.brand-mark svg{width:23px;height:23px}.nav-links{justify-content:center;align-items:center;gap:30px;margin-left:auto;display:flex}.nav-links a,.mobile-nav a{color:var(--muted-foreground);transition:color var(--yf-duration-fast) var(--yf-ease-standard);font-size:14px;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--primary);transform-origin:100%;height:1px;transition:transform var(--yf-duration-base) var(--yf-ease-standard);position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.nav-links a:hover,.nav-links a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--primary)}.header-cta{flex-shrink:0}.menu-toggle{--yf-button-base:var(--yf-surface-inset);border:1px solid var(--yf-border);border-radius:var(--yf-radius-sm);background:var(--yf-surface-raised);min-width:44px;min-height:44px;color:var(--yf-cloud);box-shadow:var(--yf-shadow-raised);transition:background var(--yf-duration-fast) var(--yf-ease-standard), border-color var(--yf-duration-fast) var(--yf-ease-standard), transform var(--yf-duration-fast) var(--yf-ease-standard);place-items:center;padding:8px;font-weight:600;display:none}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{border-color:var(--yf-mist);background:color-mix(in srgb, var(--yf-surface-raised) 84%, var(--yf-cloud));transform:translateY(-1px)}.mobile-nav{display:none}.hero{text-align:center;place-items:center;min-height:calc(100svh - 88px);padding-block:72px 96px;display:grid}.hero-copy{width:min(100%,940px);min-width:0}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:11px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--accent);width:23px;height:1px}.hero h1{letter-spacing:-.045em;animation:hero-title-in var(--yf-duration-slow) var(--yf-ease-standard) both;margin-bottom:30px;font-size:clamp(48px,6vw,64px);line-height:1.06}.hero h1 em{color:var(--primary);font-weight:400}.hero-copy>p:not(.eyebrow):not(.microcopy){max-width:620px;color:var(--muted-foreground);animation:hero-detail-in var(--yf-duration-slow) var(--yf-ease-standard) both;margin-inline:auto;font-size:16px;line-height:1.8}.hero .eyebrow{animation:hero-detail-in var(--yf-duration-slow) var(--yf-ease-standard) both;justify-content:center}.hero-actions{animation:hero-detail-in var(--yf-duration-slow) var(--yf-ease-standard) both;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.scribble-link{color:var(--primary);align-items:center;padding:11px 2px 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.scribble-underline{pointer-events:none;width:100%;height:8px;position:absolute;bottom:1px;left:0;right:0;overflow:visible}.scribble-underline path{fill:none;stroke:var(--accent);stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220px;transition:stroke-dashoffset var(--yf-duration-slow) var(--yf-ease-standard)}.scribble-link:hover .scribble-underline path,.scribble-link:focus-visible .scribble-underline path{stroke-dashoffset:0}.final-cta>small{margin-top:7px;display:block}.section{padding-block:72px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading h2{margin-bottom:10px}.section-heading p{max-width:570px;color:var(--muted-foreground);font-size:15px}.section-heading .eyebrow{margin-bottom:13px}.text-link{align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link svg{transition:transform var(--yf-duration-fast) var(--yf-ease-standard)}.text-link:hover svg,.text-link:focus-visible svg{transform:translate(4px)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.featured-envelope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.featured-envelope{border:1px solid var(--border);border-radius:var(--yf-radius-lg);min-width:0;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);background:0 0}.envelope-trigger{border-radius:inherit;width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;overflow:hidden}.envelope-stage{border-radius:var(--yf-radius-lg);background:radial-gradient(circle at 50% 15%, #ffffffbf, transparent 38%), var(--yf-envelope-drive-stage);height:300px;position:relative;overflow:hidden}.envelope-stage.attendance{background:radial-gradient(circle at 50% 15%, #ffffffb8, transparent 38%), var(--yf-envelope-sand-stage)}.envelope-stage.ai{background:radial-gradient(circle at 50% 15%, #ffffffb8, transparent 38%), var(--yf-envelope-mist-stage)}.envelope-back{z-index:1;border:1px solid var(--yf-envelope-drive-border);border-radius:var(--yf-radius-md);background:var(--yf-envelope-drive-back);height:212px;position:absolute;bottom:21px;left:27px;right:27px;box-shadow:0 10px 20px #304a3314}.attendance .envelope-back{border-color:var(--yf-envelope-sand-border);background:var(--yf-envelope-sand-back)}.ai .envelope-back{border-color:var(--yf-envelope-mist-border);background:var(--yf-envelope-mist-back)}.envelope-paper{z-index:2;border:1px solid var(--yf-paper-line);background:var(--yf-paper);border-radius:8px 8px 3px 3px;flex-direction:column;align-items:flex-start;width:min(72%,226px);height:210px;transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)translateY(46px);box-shadow:0 7px 18px #293c321a}.envelope-paper:after{content:"";background:var(--yf-paper-line);width:62%;height:2px;box-shadow:0 7px 0 var(--yf-paper-muted);margin:35px auto 0}.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(5px)rotate(-1deg)}.envelope-front{z-index:3;border:1px solid var(--yf-envelope-drive-border);background:linear-gradient(145deg, var(--yf-envelope-drive-face-a), var(--yf-envelope-drive-face-b));height:174px;color:var(--yf-envelope-drive-ink);border-radius:8px 8px 12px 12px;transition:filter .22s;position:absolute;bottom:13px;left:14px;right:14px;overflow:hidden}.envelope-front:before{content:"";clip-path:polygon(0 0,50% 76%,100% 0);background:#809a6930;height:84px;position:absolute;inset:0 0 auto}.attendance .envelope-front:before{background:#9a773a29}.ai .envelope-front:before{background:#536c5726}.envelope-front h3{color:currentColor;font-family:var(--heading);text-align:center;margin:0;font-size:clamp(17px,1.55vw,21px);font-weight:400;line-height:1.22;position:absolute;bottom:21px;left:23px;right:23px}.attendance .envelope-front{border-color:var(--yf-envelope-sand-border);background:linear-gradient(145deg, var(--yf-envelope-sand-face-a), var(--yf-envelope-sand-face-b));color:var(--yf-envelope-sand-ink)}.ai .envelope-front{border-color:var(--yf-envelope-mist-border);background:linear-gradient(145deg, var(--yf-envelope-mist-face-a), var(--yf-envelope-mist-face-b));color:var(--yf-envelope-mist-ink)}.featured-envelope:hover .envelope-front{filter:brightness(1.025)}.paper-modal-open .featured-envelope,.paper-modal-open .featured-envelope:hover,.paper-modal-open .featured-envelope:focus-within{border-color:var(--border);box-shadow:none;transform:none}.paper-modal-open .featured-envelope .envelope-paper,.paper-modal-open .featured-envelope:hover .envelope-paper,.paper-modal-open .featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}.paper-modal-open .featured-envelope .envelope-front{filter:none}.paper-modal-backdrop{z-index:var(--yf-z-modal);background:var(--yf-overlay);-webkit-backdrop-filter:blur(15px)saturate(80%);backdrop-filter:blur(15px)saturate(80%);animation:modal-backdrop-in var(--yf-duration-base) var(--yf-ease-standard) both;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.paper-modal{border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-sm);background:linear-gradient(#f4f3edf5, #f4f3edf5), repeating-linear-gradient(0deg, transparent 0 30px, var(--yf-paper-line) 30px 31px);width:min(100%,570px);max-height:calc(100svh - 56px);color:var(--yf-paper-ink);box-shadow:var(--yf-shadow-overlay);animation:paper-modal-in .2s var(--yf-ease-standard) both;scrollbar-width:none;-ms-overflow-style:none;padding:38px 42px 40px;position:relative;overflow:auto}.paper-modal::-webkit-scrollbar{width:0;height:0;display:none}.paper-modal:after{content:"";pointer-events:none;border:1px solid var(--yf-paper-line);position:absolute;inset:10px}.paper-modal-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:32px;display:flex;position:relative}.paper-modal-close{border:1px solid var(--yf-paper-line);width:44px;height:44px;color:var(--yf-paper-ink);transition:color var(--yf-duration-fast) var(--yf-ease-standard), background var(--yf-duration-fast) var(--yf-ease-standard), transform var(--yf-duration-fast) var(--yf-ease-standard);background:0 0;border-radius:50%;place-items:center;font-size:25px;line-height:1;display:grid}.paper-modal-close:hover{background:var(--yf-paper-ink);color:var(--yf-paper)}.paper-modal-icon{border-radius:var(--yf-radius-lg);background:var(--yf-envelope-drive-stage);width:68px;height:68px;color:var(--yf-envelope-drive-ink);place-items:center;margin-bottom:28px;display:grid}.paper-modal-icon.attendance{background:var(--yf-envelope-sand-stage);color:var(--yf-envelope-sand-ink)}.paper-modal-icon.ai{background:var(--yf-envelope-mist-stage);color:var(--yf-envelope-mist-ink)}.paper-modal h2{max-width:470px;color:var(--yf-paper-ink);font-size:clamp(32px,5vw,46px)}.paper-modal>p{color:color-mix(in srgb, var(--yf-paper-ink) 72%, transparent);line-height:1.8}.paper-modal-meta{border-block:1px solid var(--yf-paper-line);color:color-mix(in srgb, var(--yf-paper-ink) 72%, transparent);flex-wrap:wrap;gap:8px;margin-top:25px;padding-block:16px;font-size:13px;display:flex}.paper-modal-progress .app-progress{margin-bottom:8px}.paper-modal-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes paper-modal-in{0%{opacity:0;transform:translateY(70px)scale(.88)rotate(1.5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.faidah-card{flex-direction:column;min-width:0;min-height:390px;padding:22px;display:flex}.faidah-card.coming-soon{background:color-mix(in srgb, var(--yf-surface) 78%, var(--yf-surface-inset))}.faidah-card-kicker{color:var(--yf-mist);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.4}.faidah-card-status{border-radius:var(--yf-radius-pill);background:0 0;align-self:flex-start;gap:6px;margin-top:16px;font-size:10px}.faidah-card-status>span{background:currentColor;border-radius:50%;width:7px;height:7px}.faidah-card h3{margin:14px 0 12px;font-size:clamp(22px,2vw,27px);line-height:1.04}.faidah-card-description{color:var(--yf-mist);margin:0;font-size:13px;line-height:1.7}.faidah-card-meta{color:var(--yf-quiet);flex-wrap:wrap;gap:12px;margin-top:22px;font-size:10px;display:flex}.faidah-card-progress{width:100%;margin-top:18px}.faidah-card-progress small{color:var(--yf-quiet);margin-top:7px;font-size:10px;display:block}.faidah-card-action{width:100%;margin-top:auto;padding-top:24px}.faidah-card-action .yf-button{width:100%}.card-icon{width:66px;height:70px;color:var(--yf-envelope-drive-ink);border:1px solid color-mix(in srgb, var(--yf-paper) 65%, transparent);border-radius:var(--yf-radius-lg);background:color-mix(in srgb, var(--yf-paper) 70%, transparent);place-items:center;display:grid;transform:rotate(-7deg);box-shadow:0 7px 14px #0000000a}.card-icon svg{width:32px;height:32px}.attendance .card-icon{color:var(--yf-envelope-sand-ink);transform:rotate(6deg)}.ai .card-icon{color:var(--yf-envelope-mist-ink);transform:rotate(-4deg)}.process-section{grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);align-items:start;gap:clamp(48px,8vw,104px);padding-block:96px 64px;display:grid}.process-intro{padding-block:20px;position:sticky;top:142px}.process-intro h2{font-size:clamp(38px,4vw,58px)}.process-intro>p{max-width:390px;color:var(--muted-foreground);margin-top:24px}.process-progress{align-items:center;gap:8px;margin-top:36px;display:flex}.process-progress span{border:1px solid var(--border);border-radius:var(--yf-radius-pill);width:38px;height:38px;color:var(--muted-foreground);font-family:var(--heading);transition:width var(--yf-duration-base) var(--yf-ease-standard), color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), border-color var(--yf-duration-base) var(--yf-ease-standard);place-items:center;font-size:14px;display:grid}.process-progress span.active{border-radius:var(--yf-radius-pill);border-color:var(--yf-sky);background:var(--yf-sky);width:62px;color:var(--yf-charcoal)}.process-stack{min-width:0;padding-bottom:12svh;position:relative}.process-step-slot{--paper-angle:-1.8deg;--paper-x:-12px;--paper-top:132px;--paper:var(--yf-paper);top:var(--paper-top);z-index:1;margin-bottom:48svh;position:sticky}.process-step-slot:nth-child(2){--paper-angle:1.35deg;--paper-x:14px;--paper-top:148px;--paper:var(--yf-paper);z-index:2}.process-step-slot:nth-child(3){--paper-angle:-.65deg;--paper-x:-5px;--paper-top:164px;--paper:var(--yf-paper);z-index:3;margin-bottom:24svh}.how-step{isolation:isolate;border:1px solid var(--yf-paper-line);border-radius:var(--yf-radius-xs) var(--yf-radius-sm) var(--yf-radius-xs) var(--yf-radius-xs);background:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, color-mix(in srgb, var(--yf-paper-ink) 10%, transparent) 31px, color-mix(in srgb, var(--yf-paper-ink) 10%, transparent) 32px), var(--paper);opacity:.8;min-height:300px;transform:translateX(var(--paper-x)) rotate(var(--paper-angle)) scale(.98);transition:opacity var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), border-color var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);padding:34px 38px 32px 82px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 16px 35px #3832241c}.how-step.is-active{border-color:color-mix(in srgb, var(--yf-paper-ink) 28%, var(--yf-paper-line));opacity:1;transform:translateX(var(--paper-x)) rotate(var(--paper-angle)) scale(1);box-shadow:0 22px 48px #38322426}.how-step:before{content:"";z-index:-1;background:color-mix(in srgb, var(--yf-sakura) 48%, transparent);width:1px;position:absolute;top:0;bottom:0;left:62px}.how-step:after{content:"";background:color-mix(in srgb, var(--yf-paper-tape) 58%, transparent);width:96px;height:22px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 1px 3px #4e412a12}.how-step:hover{border-color:color-mix(in srgb, var(--yf-paper-ink) 28%, var(--yf-paper-line))}.how-step-top{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.step-number{width:52px;height:40px;color:var(--yf-paper-ink);font-family:var(--yf-font-hand);place-items:center;margin-bottom:0;font-size:23px;font-weight:600;line-height:1;display:inline-grid;position:relative;transform:rotate(-3deg)}.step-number span{z-index:1;position:relative}.step-number svg{width:calc(100% + 6px);height:calc(100% + 4px);position:absolute;inset:-2px -3px;overflow:visible}.step-number path{fill:none;stroke:var(--yf-paper-ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:0;opacity:.48}.how-step:not(.is-active) .step-number path{stroke-dashoffset:0}.how-step.is-active .step-number path,.how-step:hover .step-number path{opacity:1;animation:scribble-circle var(--yf-duration-slow) var(--yf-ease-standard) both}@keyframes scribble-circle{0%{stroke-dashoffset:150px}to{stroke-dashoffset:0}}.how-step-kicker{color:color-mix(in srgb, var(--yf-paper-ink) 68%, transparent);letter-spacing:.15em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.how-step h3{color:var(--yf-paper-ink);font-family:var(--yf-font-hand);letter-spacing:.01em;margin:-2px 0 4px;font-size:48px;font-weight:600;line-height:1}.how-step p{max-width:430px;color:color-mix(in srgb, var(--yf-paper-ink) 72%, transparent);font-size:14px;line-height:32px}.how-step-cue{color:var(--yf-paper-ink);align-items:center;gap:7px;margin-top:0;font-size:12px;font-weight:600;display:inline-flex}.how-step-cue svg{transition:transform var(--yf-duration-fast) var(--yf-ease-standard)}.how-step:hover .how-step-cue svg{transform:translate(4px)}.needs-banner{background:var(--yf-surface);border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding:23px 30px;display:flex}.needs-banner h3{margin-bottom:5px;font-size:17px}.needs-banner p{color:var(--muted-foreground);font-size:14px}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.audience-card{--glow-x:50%;--glow-y:50%;isolation:isolate;border:1px solid var(--yf-border);border-radius:var(--yf-radius-lg);background:radial-gradient(circle 170px at var(--glow-x) var(--glow-y), #f4f5f214, transparent 70%), var(--yf-surface);min-height:282px;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;padding:25px;display:flex;position:relative;overflow:hidden}.audience-card:before{content:"";z-index:-1;pointer-events:none;border:1px solid var(--yf-border-soft);border-radius:var(--yf-radius-md);position:absolute;inset:4px}.audience-card:after{content:"";z-index:-1;width:180px;height:180px;transition:transform var(--yf-duration-slow) var(--yf-ease-standard);background:#f4f5f20a;border-radius:50%;position:absolute;top:-80px;right:-70px}.audience-card:hover{border-color:var(--yf-mist);transform:translateY(-2px)}.audience-card:hover:after{transform:translate(-20px,18px)scale(1.15)}.audience-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.audience-icon{border:1px solid var(--yf-border);border-radius:var(--yf-radius-md);background:var(--yf-surface-raised);width:52px;height:52px;color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transition:color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard);place-items:center;display:grid}.audience-card:hover .audience-icon{background:var(--yf-cloud);color:var(--yf-charcoal)}.audience-index{color:var(--yf-quiet);font-family:var(--heading);font-size:24px;line-height:1}.audience-card h3{font-family:var(--heading);margin-bottom:10px;font-size:25px;font-weight:400}.audience-card p{color:var(--muted-foreground);font-size:13px}.audience-card .text-link{width:fit-content;margin-top:auto;padding-top:18px}.loop-strip{border-block:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:24px;font-size:13px;display:flex}.loop-strip strong{color:var(--primary)}.final-cta{text-align:center;border:1px solid var(--yf-border);border-radius:var(--yf-radius-xl);background:var(--yf-surface);margin-block:38px 72px;padding:54px 40px}.final-cta h2{max-width:680px;margin-inline:auto}.final-cta p{max-width:560px;color:var(--muted-foreground);margin-inline:auto}.final-cta .hero-actions{justify-content:center}.final-cta .yf-button{margin-top:8px}.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--background), var(--yf-surface-inset));padding-top:64px;position:relative;overflow:hidden}.footer-grid{z-index:1;grid-template-columns:2fr 1fr 1fr;gap:48px;min-height:132px;display:grid;position:relative}.footer-grid .brand{margin-bottom:15px;font-size:25px}.footer-grid h3{font-family:var(--sans);margin-bottom:15px;font-size:13px}.footer-grid p{max-width:320px;color:var(--muted-foreground);font-size:13px}.footer-grid a:not(.brand){width:fit-content;color:var(--muted-foreground);margin-bottom:9px;font-size:13px;text-decoration:none;display:block}.footer-grid a:hover{color:var(--primary);text-decoration:underline}.site-footer>.container>p{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:32px;padding-top:22px;font-size:12px}.footer-wordmark{--glint-x:50%;--glint-y:50%;isolation:isolate;color:#0000;width:100%;font-family:var(--heading);letter-spacing:-.075em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #f4f5f214;filter:drop-shadow(0 12px 14px #0000002e);background:linear-gradient(108deg,#f4f5f20a 18%,#f4f5f23d 45%,#f4f5f214 62%,#f4f5f224 82%);-webkit-background-clip:text;background-clip:text;margin-top:10px;font-size:clamp(150px,24.5vw,430px);font-weight:700;line-height:.68;position:relative;transform:translateY(10%)scaleX(1.06)}.footer-wordmark:before{content:attr(data-text);z-index:1;pointer-events:none;color:#0000;background:radial-gradient(circle 180px at var(--glint-x) var(--glint-y), #f4f5f2b8 0, #aeb4af52 38%, transparent 72%);-webkit-text-fill-color:transparent;opacity:0;transition:opacity var(--yf-duration-base) var(--yf-ease-standard);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.footer-wordmark:hover:before{opacity:1}.footer-wordmark:after{content:attr(data-text);z-index:-1;color:#f4f5f208;-webkit-text-fill-color:#f4f5f208;text-shadow:-2px -2px 2px #f4f5f214,2px 3px 3px #0000003d;position:absolute;inset:0;transform:translateY(3px)}.page-heading{max-width:780px;padding-block:58px 32px}.page-heading p{color:var(--muted-foreground)}.narrow{max-width:760px;margin-inline:auto}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:30px}.stack{flex-direction:column;gap:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.muted-text{color:var(--muted-foreground)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;display:flex}.filters .search-input{flex:230px;width:auto;margin-left:auto}.search-input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted-foreground);opacity:1}.empty-state,.not-found{text-align:center;padding:64px 24px}.empty-state p,.not-found p{color:var(--muted-foreground)}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:36px;padding-bottom:64px;display:grid}.detail-aside{position:sticky;top:28px}.detail-aside>.yf-button{width:100%}.detail-resource{margin-block:28px}.detail-resource h3{margin-bottom:8px}.detail-resource>p{max-width:560px;color:var(--yf-mist);font-size:13px}.detail-resource .resource-card{margin-bottom:0}.lesson-list{border-top:1px solid var(--border);margin:24px 0;padding:0;list-style:none}.lesson-list>li{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:0;padding:17px 0;display:flex}.lesson-list a{text-decoration:none}.lesson-list .step-number{flex-shrink:0;margin:0;position:static}.detail-aside .row{justify-content:space-between}.lesson-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:32px;padding-block:36px 72px;display:grid}.lesson-sidebar{border:1px solid var(--border);border-radius:var(--yf-radius-lg);background:var(--card);padding:20px;position:sticky;top:24px}.lesson-sidebar h3{font-size:16px}.lesson-nav{border-radius:var(--yf-radius-sm);width:100%;color:var(--muted-foreground);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin-top:6px;padding:12px;font-size:13px;text-decoration:none;display:flex}.lesson-nav:hover{background:var(--muted)}.lesson-nav.active{border-color:color-mix(in srgb, var(--yf-sky) 46%, var(--yf-border));background:color-mix(in srgb, var(--yf-sky) 10%, var(--yf-surface));color:var(--yf-sky);font-weight:600}.lesson-nav.done,.lesson-nav.done svg{color:var(--yf-sage)}.reader{overflow-wrap:anywhere;min-width:0}.reader-top{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.reader h1{font-size:38px}.reader h2{margin-top:30px;font-size:28px}.reader>p,.reader li{line-height:1.85}.app-progress{margin-block:16px 26px}.example,.takeaway{border:1px solid var(--yf-border);border-left:3px solid var(--yf-sky);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sky) 6%, var(--yf-surface-inset));margin-block:24px;padding:22px}.example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono)}.takeaway{background:color-mix(in srgb, var(--yf-sage) 6%, var(--yf-surface-inset));border-left-color:var(--yf-sage)}.example h3,.takeaway h3{font-size:16px}.reader-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.quiz-options{gap:12px;margin-block:24px;display:grid}.quiz-option{text-align:left;border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--yf-surface-inset);width:100%;min-height:56px;color:var(--foreground);align-items:center;gap:12px;padding:15px 18px;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--yf-mist)}.quiz-option.selected{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 10%, var(--yf-surface));box-shadow:inset 3px 0 var(--yf-sky)}.quiz-option.correct{border-color:var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 10%, var(--yf-surface));color:var(--yf-sage)}.quiz-option.incorrect{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 9%, var(--yf-surface));color:var(--yf-sakura)}.feedback,.form-message{border:1px solid var(--yf-sage);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sage) 8%, var(--yf-surface));color:var(--yf-sage);margin-block:18px;padding:15px 18px;font-size:14px}.feedback.error{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 8%, var(--yf-surface));color:var(--yf-sand)}.form-message.error{border-color:var(--yf-sakura);background:color-mix(in srgb, var(--yf-sakura) 8%, var(--yf-surface));color:var(--yf-sakura)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:24px;display:grid}.action-card{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--card);color:var(--foreground);text-align:left;transition:border-color var(--yf-duration-base) var(--yf-ease-standard), background var(--yf-duration-base) var(--yf-ease-standard), transform var(--yf-duration-base) var(--yf-ease-standard), box-shadow var(--yf-duration-base) var(--yf-ease-standard);flex-direction:column;align-items:flex-start;gap:10px;padding:22px;text-decoration:none;display:flex}.action-card:hover{border-color:var(--yf-mist);box-shadow:var(--yf-shadow-raised);transform:translateY(-2px)}.action-card.selected{border-color:var(--yf-sky);background:color-mix(in srgb, var(--yf-sky) 10%, var(--yf-surface));box-shadow:inset 0 0 0 1px var(--yf-sky)}.action-card p{color:var(--muted-foreground);font-size:14px}.checklist{gap:14px;padding:0;list-style:none;display:grid}.checklist>li,.checklist>label{align-items:flex-start;gap:11px;margin:0;display:flex}.checklist input,.consent input,.radio-group input{accent-color:var(--yf-sky);flex-shrink:0;width:18px;height:18px;margin-top:4px}.completion{border:1px solid color-mix(in srgb, var(--yf-sage) 48%, var(--yf-border));border-radius:var(--yf-radius-xl);background:var(--card);text-align:center;max-width:720px;margin:48px auto;padding:44px}.achievement{border:1px solid var(--yf-sage);background:color-mix(in srgb, var(--yf-sage) 10%, var(--yf-surface));width:82px;height:82px;color:var(--yf-sage);border-radius:50%;place-items:center;margin:0 auto 24px;font-size:35px;display:grid}.achievement svg{width:36px;height:36px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:28px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--card);padding:23px}.reveal-on-scroll{opacity:0;transition:opacity var(--yf-duration-slow) var(--yf-ease-standard) var(--reveal-delay,0s), transform var(--yf-duration-slow) var(--yf-ease-standard) var(--reveal-delay,0s);transform:translateY(26px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.how-step.reveal-on-scroll.is-visible{opacity:.8;transform:translateX(var(--paper-x)) rotate(var(--paper-angle)) scale(.98)}.how-step.is-active.reveal-on-scroll.is-visible{opacity:1;transform:translateX(var(--paper-x)) rotate(var(--paper-angle)) scale(1)}.audience-card.reveal-on-scroll.is-visible:hover{transform:translateY(-2px)}.how-step.reveal-on-scroll.is-visible:hover{transform:translateX(var(--paper-x)) rotate(var(--paper-angle)) scale(1)}@keyframes hero-title-in{0%{opacity:0;filter:blur(5px);transform:translateY(22px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hero-detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.stat strong{color:var(--primary);font-family:var(--heading);margin-bottom:8px;font-size:34px;font-weight:400;line-height:1.2;display:block}.stat span,.stat p{color:var(--muted-foreground);font-size:13px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:26px;margin-bottom:64px;display:grid}.notice{border:1px solid var(--yf-sky);border-radius:var(--yf-radius-md);background:color-mix(in srgb, var(--yf-sky) 7%, var(--yf-surface));color:var(--yf-sky);flex-direction:column;align-items:flex-start;gap:12px;margin-block:22px;padding:18px 22px;font-size:14px;display:flex}.notice p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:16px;font-weight:600}button.text-link{color:var(--primary);background:0 0;border:0;padding:0}.quiz-option:disabled{opacity:1}.takeaway>svg{margin-bottom:8px}.completion .hero-actions{justify-content:center}.completion .text-link{align-self:center}.notice.warning{border-color:var(--yf-sand);background:color-mix(in srgb, var(--yf-sand) 8%, var(--yf-surface));color:var(--yf-sand)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label,.field>span,.field>legend{font-size:13px;font-weight:600}fieldset.field{border:0;margin:0;padding:0}.field small{color:var(--muted-foreground);font-size:12px}.field [aria-invalid=true]{border-color:var(--yf-sakura)!important}:is(.form-grid>.field:has(textarea),.form-grid>.radio-group,.form-grid>.consent,.form-grid>.form-message){grid-column:1/-1}.radio-group{flex-wrap:wrap;gap:12px 22px;display:flex}.radio-group label,.consent{align-items:flex-start;gap:9px;min-height:44px;padding-block:10px;font-size:14px;display:flex}.consent{color:var(--muted-foreground);margin-block:20px}.honeypot{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--yf-z-toast);background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.resource-card{border:1px solid var(--border);border-radius:var(--yf-radius-md);background:var(--yf-surface-inset);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin-block:12px;padding:12px;display:grid}.resource-card-copy{min-width:0}.resource-card-copy strong{color:var(--yf-cloud);overflow-wrap:anywhere;font-size:12px;display:block}.resource-card-copy span{color:var(--yf-quiet);margin-top:3px;font-size:10px;display:block}.resource-card .yf-button-face{min-height:40px;padding:8px 16px;font-size:12px}@media (width<=420px){.resource-card{grid-template-columns:1fr}.resource-card .yf-button{width:100%}}@media (width<=1023px){main{padding-top:76px}.site-header>.container{gap:18px;min-height:76px;position:relative}.nav-links,.site-header .header-cta{display:none}.menu-toggle{margin-left:auto;display:inline-grid}.mobile-nav{z-index:var(--yf-z-popover);border:1px solid var(--yf-border);border-radius:var(--yf-radius-lg);box-shadow:var(--yf-shadow-overlay);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;animation:mobile-menu-enter var(--yf-duration-base) var(--yf-ease-standard) both;background:#292e30eb;flex-direction:column;gap:4px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0}.mobile-nav a{border-radius:var(--yf-radius-sm);animation:mobile-menu-item-enter var(--yf-duration-base) var(--yf-ease-standard) both;padding:12px;display:block}.mobile-nav a:nth-child(2){animation-delay:35ms}.mobile-nav a:nth-child(3){animation-delay:70ms}.mobile-nav a:nth-child(4){animation-delay:.105s}.mobile-nav a:nth-child(5){animation-delay:.14s}.mobile-nav a:hover{background:var(--muted)}.mobile-nav .yf-button{color:var(--primary-foreground)}.hero{min-height:calc(100svh - 76px);padding-block:64px 76px}.hero h1{font-size:clamp(44px,7vw,56px)}.section{padding-block:52px}.card-grid,.featured-envelope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.process-section{grid-template-columns:1fr;gap:34px;padding-block:72px 52px}.process-intro{padding:0;position:static}.process-intro>p{max-width:600px}.process-progress{margin-top:24px}.process-stack{gap:18px;padding-bottom:0;display:grid}.process-step-slot,.process-step-slot:last-child{min-height:auto;margin-bottom:0}.how-step{opacity:1;min-height:230px;position:relative;top:auto;transform:none}.how-step.reveal-on-scroll.is-visible,.how-step.is-active.reveal-on-scroll.is-visible{opacity:1;transform:none}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.lesson-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.lesson-sidebar{padding:14px}.reader{padding:26px}.dashboard-grid{grid-template-columns:1fr}.footer-grid{gap:28px}}@keyframes mobile-menu-enter{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobile-menu-item-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (hover:none) and (pointer:coarse){.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}}@media (width<=639px){main{padding-top:72px}.container{width:calc(100% - 36px)}.site-header>.container{min-height:72px}.brand{font-size:25px}.brand-mark{width:33px;height:37px}.mobile-nav{padding-inline:18px}.hero{min-height:calc(100svh - 72px);padding-block:46px 64px}.hero h1{max-width:520px;margin-inline:auto;font-size:clamp(44px,12vw,48px)}.hero-copy>p:not(.eyebrow):not(.microcopy){font-size:15px}.eyebrow{margin-bottom:18px;font-size:10px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .yf-button{flex:auto;padding-inline:16px}.section{padding-block:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:25px}.card-grid,.featured-envelope-grid,.detail-grid,.lesson-layout,.action-grid,.form-grid{grid-template-columns:1fr}.envelope-stage{height:280px}.envelope-paper{width:min(68%,210px);height:200px}.paper-modal-backdrop{align-items:end;padding:12px}.paper-modal{border-radius:var(--yf-radius-md);width:100%;max-height:calc(100svh - 24px);padding:26px 23px 28px}.paper-modal-top{margin-bottom:22px}.paper-modal-icon{width:56px;height:56px;margin-bottom:21px}.paper-modal-actions{flex-direction:column;align-items:stretch}.paper-modal-actions .yf-button{width:100%}.how-step{min-height:220px;padding:28px 22px 25px 54px}.how-step:before{left:40px}.how-step h3{font-size:42px}.needs-banner{flex-direction:column;align-items:flex-start;padding:22px}.audience-grid{grid-template-columns:1fr;gap:12px}.audience-card{min-height:250px;padding:21px}.loop-strip{text-align:center;gap:12px 20px;padding:20px 18px}.final-cta{margin-block:28px 46px;padding:36px 22px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-grid>:first-child{grid-column:1/-1}.site-footer{padding-top:64px}.footer-wordmark{margin-top:8px;font-size:clamp(126px,34vw,180px);transform:translateY(8%)scaleX(1.06)}.page-heading{padding-block:38px 26px}.panel,.reader{border-radius:var(--yf-radius-md);padding:22px}.detail-grid{padding-bottom:42px}.detail-aside,.lesson-sidebar{position:static}.lesson-layout{padding-block:24px 44px}.reader h1{font-size:32px}.reader h2{font-size:26px}.reader-actions{align-items:stretch}.reader-actions .yf-button{flex:auto}.stats-grid{gap:10px}.stat{padding:16px 10px}.stat strong{font-size:28px}.stat span,.stat p{font-size:11px}.completion{margin-block:28px;padding:30px 20px}.filters .search-input{flex-basis:100%}.notice{padding:16px}}@media (prefers-reduced-motion:reduce){.site-header,.hero h1,.hero .eyebrow,.hero-copy>p,.hero-actions,.paper-modal-backdrop,.paper-modal{animation:none}.featured-envelope:hover .envelope-paper,.featured-envelope:focus-within .envelope-paper{transform:translate(-50%)translateY(46px)}}