#root{width:100%;min-height:100vh}.page-shell{--page-bg:#080808;--surface:#111;--surface-soft:#161616;--surface-hover:#181818;--field-bg:#0b0b0b;--field-focus:#101010;--text-main:#f5f5f5;--text-muted:#9b9b9b;--text-soft:#7f7f7f;--border:#ffffff1f;--border-strong:#ffffff4d;--chip-bg:#252525;--chip-text:#a5a5a5;--button-bg:#f5f5f5;--button-text:#080808;--toggle-bg:#111;--toggle-text:#f5f5f5;--toggle-dot:#f5f5f5;--toggle-border:#ffffff2e;--accent:#f5f5f5;--track-bg:#242424;--icon-line:#f5f5f5;--icon-ring:#94a3b873;--card-glow:#ffffff24;--card-shadow:0 20px 60px #00000073;--media-glow:#ffffff21;background:var(--page-bg);width:100%;min-height:100vh;color:var(--text-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:background .35s,color .35s}.page-shell[data-theme=light]{--page-bg:#f2f5fa;--surface:#fff;--surface-soft:#f7f9fc;--surface-hover:#f6f8fb;--field-bg:#fff;--field-focus:#f7f9fc;--text-main:#181818;--text-muted:#5f6670;--text-soft:#747c86;--border:#c7ccd4;--border-strong:#aeb7c3;--chip-bg:#fff;--chip-text:#505862;--button-bg:#181818;--button-text:#fff;--toggle-bg:#fff;--toggle-text:#181818;--toggle-dot:#181818;--toggle-border:#d2d8e0;--accent:#181818;--track-bg:#dfe4ea;--icon-line:#181818;--icon-ring:#1818183d;--card-glow:#18181814;--card-shadow:0 18px 45px #141c261a;--media-glow:#18181814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.home-page{background:var(--page-bg);width:100%;min-height:100vh;color:var(--text-main);transition:background .35s,color .35s;overflow-x:hidden}.theme-switcher{width:220px;position:absolute;top:47%;right:max(48px,50% - 600px);transform:translateY(-50%)}.theme-switcher-label{color:var(--text-soft);letter-spacing:.32em;text-transform:uppercase;margin:0 0 14px;font-size:.68rem;font-weight:500}.theme-toggle-button{border:1px solid var(--toggle-border);background:var(--toggle-bg);min-height:56px;color:var(--toggle-text);border-radius:999px;align-items:center;gap:14px;padding:10px 24px;font-size:.95rem;font-weight:500;transition:background .3s,color .3s,border-color .3s,transform .2s;display:inline-flex}.theme-toggle-button:hover{transform:translateY(-2px)}.theme-toggle-button:focus-visible{outline:2px solid var(--text-main);outline-offset:4px}.theme-toggle-dot{background:var(--toggle-dot);width:15px;height:15px;box-shadow:0 0 0 6px color-mix(in srgb, var(--toggle-dot) 8%, transparent);border-radius:50%;display:block}.theme-switcher-note{color:var(--text-muted);margin:18px 0 0;font-size:.76rem;line-height:1.5}.hero-section{border-bottom:1px solid var(--border);min-height:100vh;padding:32px 0 80px;position:relative}.hero-top{justify-content:space-between;align-items:center;width:min(100% - 96px,1200px);margin:0 auto;padding-bottom:36px;display:flex}.brand{color:var(--text-main);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-progress{font-size:1.6rem}.brand-name{text-transform:uppercase;letter-spacing:.18em;font-size:.9rem;font-weight:600}.hero-about-link{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;text-decoration:none;transition:color .25s}.hero-about-link:hover{color:var(--text-main)}.hero-content{width:min(100% - 96px,1200px);margin:44px auto 0;padding-right:300px}.hero-eyebrow{color:var(--text-soft);text-transform:uppercase;letter-spacing:.28em;margin:0 0 24px;font-size:.72rem}.hero-title{letter-spacing:-.055em;max-width:920px;margin:0;font-size:clamp(3.5rem,8vw,7.5rem);font-weight:600;line-height:.95}.hero-subtitle{max-width:800px;color:var(--text-muted);margin:10px 0 24px;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:400;line-height:1.4}.hero-description{max-width:680px;color:var(--text-muted);margin:0 0 14px;font-size:1rem;line-height:1.7}.hero-cta{border:1px solid var(--button-bg);background:var(--button-bg);color:var(--button-text);border-radius:999px;margin-top:32px;padding:14px 22px;font-weight:600;transition:background .25s,color .25s,border-color .25s}.hero-cta:hover{background:var(--field-bg);color:var(--text-main);border-color:var(--border-strong)}.explore-section{border-bottom:1px solid var(--border);width:min(100% - 96px,1200px);margin:0 auto;padding:72px 0 48px}.search-container{margin-bottom:24px}.search-input{border:1px solid var(--border);width:100%;color:var(--text-main);background:0 0;border-radius:14px;outline:none;padding:18px 20px;font-size:1rem;transition:border-color .25s,background .25s}.search-input::placeholder{color:var(--text-soft)}.search-input:focus{border-color:var(--border-strong);background:var(--surface-soft)}.category-filter,.category-options{flex-wrap:wrap;gap:10px;display:flex}.category-button{border:1px solid var(--border);background:var(--chip-bg);color:var(--chip-text);border-radius:999px;padding:9px 16px;font-size:.85rem;transition:color .25s,background .25s,border-color .25s}.category-button:hover{color:var(--text-main);border-color:var(--border-strong)}.category-button.active{background:var(--button-bg);color:var(--button-text);border-color:var(--text-main)}.notes-section{width:min(100% - 96px,1200px);margin:0 auto;padding:72px 0 100px}.notes-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.notes-heading{flex-direction:column;gap:8px;display:flex}.section-eyebrow{color:var(--text-soft);text-transform:uppercase;letter-spacing:.25em;margin:0;font-size:.7rem}.section-title{color:var(--text-main);margin:0;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:500;line-height:1.2}.notes-count{color:var(--text-soft);font-size:.85rem}.note-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.note-list-item{min-width:0}.note-card{border:1px solid var(--border);background:var(--surface);min-height:270px;color:var(--text-main);border-radius:26px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s;display:flex}.note-card:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-3px)}.note-card-top{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.note-card-info{align-items:center;gap:14px;display:flex}.note-card-category{color:var(--text-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.note-card-progress{color:var(--text-main);font-size:.75rem;font-weight:600}.note-card-progress:before{content:"—";color:var(--text-soft);margin-right:14px}.note-card-content{flex:1;margin-bottom:24px}.note-card-title{color:var(--text-main);margin:0 0 12px;font-size:1.25rem;font-weight:500;line-height:1.3}.note-card-description{color:var(--text-muted);margin:0;font-size:.94rem;line-height:1.6}.note-card-footer{margin-top:22px}.note-card-target{color:var(--text-soft);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.new-catch-section{width:100%}.new-catch-container{border:1px solid var(--border);background:var(--surface);border-radius:28px;width:100%;padding:40px}.new-catch-header{margin-bottom:40px}.new-catch-title{color:var(--text-main);margin:10px 0 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:500;line-height:1.2}.note-form{width:100%}.form-group{margin-bottom:28px}.form-label,.form-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:.75rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border);background:var(--field-bg);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:16px 18px;transition:border-color .25s,background .25s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-soft)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-strong);background:var(--field-focus)}.form-textarea{resize:vertical;min-height:140px}.form-select{cursor:pointer}.form-actions,.edit-actions,.note-actions{gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--border);color:var(--text-main);background:0 0;border-radius:12px;padding:14px 24px;transition:background .25s,color .25s,border-color .25s}.save-button{background:var(--button-bg);color:var(--button-text);border-color:var(--text-main)}.save-button:hover{opacity:.85}.cancel-button:hover,.edit-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.delete-button{color:var(--text-muted)}.delete-button:hover{color:var(--text-main);background:var(--surface-hover);border-color:var(--border-strong)}.note-details-page{width:100%;min-height:100vh;padding:48px}.note-details{width:min(100%,850px);margin:0 auto;padding:40px}.note-details-top{margin-bottom:64px}.back-link{color:var(--text-soft);font-size:.85rem;text-decoration:none;transition:color .25s}.back-link:hover{color:var(--text-main)}.note-meta{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.note-category,.note-target{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;padding:7px 12px;font-size:.68rem}.note-content{margin-bottom:48px}.note-title{color:var(--text-main);letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(2rem,5vw,4.2rem);font-weight:500;line-height:1.05}.note-description{max-width:700px;color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.7}.progress-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:40px;padding:32px 0}.progress-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.progress-header h2{margin:0;font-size:1.2rem}.progress-value{color:var(--text-main);font-weight:600}.progress-edit{padding-top:8px}.progress-edit-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.progress-slider{width:100%;accent-color:var(--text-main)}.note-timeline{margin-bottom:40px}.timeline-title{color:var(--text-main);margin:0 0 24px;font-size:1.3rem;font-weight:500}.timeline-content{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.timeline-item{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:20px}.timeline-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px;font-size:.68rem;display:block}.timeline-value{color:var(--text-main);margin:0}.edit-note-form{border:1px solid var(--border);background:var(--surface);border-radius:28px;padding:32px}.edit-header{margin-bottom:36px}.edit-title{color:var(--text-main);margin:8px 0 0;font-size:clamp(2rem,5vw,3.5rem);font-weight:500;line-height:1.1}.note-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;padding:40px;display:flex}@media (width<=900px){.hero-section{padding-inline:0}.hero-content{padding-right:0}.theme-switcher{width:min(100% - 64px,1200px);margin:56px auto 0;position:static;transform:none}.explore-section,.notes-section{width:min(100% - 64px,1200px)}.note-list{grid-template-columns:repeat(2,1fr)}.new-catch-wrapper{width:min(100% - 64px,900px)}.note-details-page{padding:40px 32px}}@media (width<=600px){.hero-section{min-height:100svh;padding:24px 0 60px}.hero-top,.hero-content,.theme-switcher{width:calc(100% - 40px)}.hero-top{padding-bottom:20px}.hero-content{margin-top:56px;padding:20px 0 0}.hero-title{font-size:clamp(3rem,15vw,5rem)}.hero-description{font-size:.95rem}.explore-section,.notes-section,.new-catch-wrapper{width:calc(100% - 40px)}.explore-section{padding:56px 0 40px}.notes-section{padding:56px 0 80px}.notes-header{flex-direction:column;align-items:flex-start;gap:16px}.note-list{grid-template-columns:1fr}.note-card{min-height:220px;padding:20px}.category-filter,.category-options{gap:8px}.category-button{padding:9px 13px;font-size:.8rem}.new-catch-container{padding:24px}.form-actions,.edit-actions,.note-actions{flex-direction:column}.button{width:100%}.note-details-page{padding:24px 20px}.note-details{padding:0}.note-details-top{margin-bottom:48px}.timeline-content{grid-template-columns:1fr}.edit-note-form{padding:22px}}.animated-icon{isolation:isolate;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--text-main) 4%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:relative;overflow:hidden}.animated-icon:before,.animated-icon:after{content:"";border-radius:inherit;border:1px solid var(--icon-ring);opacity:.45;position:absolute;inset:6px}.animated-icon:after{opacity:.2;inset:14px}.animated-icon[data-variant=orbit] span{background:linear-gradient(180deg, transparent, var(--icon-line) 55%, transparent);transform-origin:50%;width:3px;height:140%;animation:8s linear infinite icon-orbit;position:absolute}@keyframes icon-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-icon[data-variant=relay] span{border-top:1px solid var(--icon-line);border-bottom:1px solid var(--icon-line);position:absolute;inset:18px;transform:skew(-15deg)}.animated-icon[data-variant=relay] span:before,.animated-icon[data-variant=relay] span:after{content:"";background:linear-gradient(90deg, transparent, var(--icon-line), transparent);width:120%;height:1px;animation:2.6s ease-in-out infinite icon-relay;position:absolute;left:-10%}.animated-icon[data-variant=relay] span:after{animation-delay:.9s;top:70%}@keyframes icon-relay{0%{opacity:0;transform:translate(-25%)}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(25%)}}.animated-icon[data-variant=wave] span{border-radius:999px;position:absolute;inset:12px;overflow:hidden}.animated-icon[data-variant=wave] span:before{content:"";background:linear-gradient(90deg, transparent 5%, var(--icon-line) 50%, transparent 95%);animation:2.8s ease-in-out infinite alternate icon-wave;position:absolute;inset:0;transform:translate(-45%)}@keyframes icon-wave{0%{transform:translate(-45%)}to{transform:translate(45%)}}.animated-icon[data-variant=spark] span{position:absolute;inset:0}.animated-icon[data-variant=spark] span:before,.animated-icon[data-variant=spark] span:after{content:"";border:1px solid var(--icon-line);opacity:.28;border-radius:50%;animation:2.8s ease-out infinite icon-spark;position:absolute;inset:12px}.animated-icon[data-variant=spark] span:after{animation-delay:.9s}@keyframes icon-spark{0%{opacity:.6;transform:scale(.8)}70%{opacity:.05}to{opacity:0;transform:scale(1.35)}}.animated-icon[data-variant=loop] span{position:absolute;inset:12px}.animated-icon[data-variant=loop] span:before,.animated-icon[data-variant=loop] span:after{content:"";background:linear-gradient(90deg, transparent, var(--icon-line), transparent);width:100%;height:1px;position:absolute;top:50%;left:0}.animated-icon[data-variant=loop] span:before{transform:rotate(90deg)}.animated-icon[data-variant=loop] span:after{opacity:.4}.note-card{isolation:isolate;position:relative;overflow:hidden}.note-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--card-glow), transparent 68%);z-index:0;transition:opacity .45s;position:absolute;inset:0}.note-card>*{z-index:1;position:relative}.note-card:hover:before{opacity:1}.note-card:hover{border-color:var(--border-strong);box-shadow:var(--card-shadow);transform:translateY(-3px)}.note-details .progress-ring{width:160px;height:160px}.note-details .progress-ring-center{background:var(--page-bg);width:130px;height:130px}.note-details .progress-ring-value{font-size:1rem;font-weight:600}.required-star{color:#ff5a5a;margin-left:3px}.title-error{color:#ff5a5a;margin:7px 0 0;font-size:.78rem;line-height:1.4}.form-input.input-error{border-color:#ff5a5a}.form-input.input-error:focus{border-color:#ff5a5a;outline:none}.progress-ring{border-radius:50%;place-items:center;display:grid}.progress-ring-center{background:var(--page-bg);color:var(--text-main);border-radius:50%;place-items:center;display:grid}.not-found,.note-not-found{background:var(--page-bg);color:var(--text-main)}.content-panel{background:var(--surface);color:var(--text-main);border:1px solid var(--border);border-radius:28px}.explore-section,.notes-section,.new-catch-wrapper,.note-details-page,.about-page{background:var(--page-bg);color:var(--text-main)}.search-input,.form-input,.form-textarea,.form-select{border-color:var(--border);background:var(--field-bg);color:var(--text-main)}.search-input:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-strong);background:var(--field-focus)}.category-button{border-color:var(--border);background:var(--chip-bg);color:var(--chip-text)}.category-button:hover{border-color:var(--border-strong);color:var(--text-main)}.category-button.active{border-color:var(--button-bg);background:var(--button-bg);color:var(--button-text)}.note-card,.new-catch-container,.timeline-item,.edit-note-form,.about-person-result,.about-progress-demo,.about-how-grid article,.about-contact-card{border-color:var(--border);background:var(--surface);color:var(--text-main)}.note-card:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--card-shadow)}.button{border-color:var(--border);color:var(--text-main)}.save-button,.about-person-button.active,.about-category-cloud .category-cloud-special,.about-demo-actions button:not(.demo-reset-button){border-color:var(--button-bg);background:var(--button-bg);color:var(--button-text)}.cancel-button:hover,.edit-button:hover,.delete-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.note-category,.note-target,.about-progress-steps span,.about-category-cloud span,.about-person-button{border-color:var(--border)}.note-title,.timeline-title,.edit-title,.new-catch-title,.about-contact-story strong,.contact-main-link{color:var(--text-main)}.progress-section{border-color:var(--border)}.progress-slider{accent-color:var(--accent)}:focus-visible{outline-color:var(--text-main)}.about-page{background:var(--page-bg);width:100%;color:var(--text-main);overflow:hidden}.about-top{justify-content:space-between;align-items:center;width:min(100% - 96px,1200px);margin:0 auto;padding:32px 0;display:flex}.about-back-link{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:color .2s}.about-back-link:hover{color:var(--text-main)}.about-hero{width:min(100% - 96px,1200px);margin:0 auto;padding:50px 0 120px}.about-media-section{grid-template-columns:.8fr 1.4fr;gap:80px;width:min(100% - 96px,1200px);margin:0 auto;display:grid}.about-media-text h2,.about-section-heading h2,.about-progress-copy h2,.about-personal-section h2,.about-contact-story h2{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(2.3rem,5vw,5rem);font-weight:500;line-height:1}.about-media-text p:not(.about-section-number){max-width:500px;color:var(--text-muted);line-height:1.8}.about-media-text strong{color:var(--text-main)}.about-video-placeholder{border:1px solid var(--border);background:radial-gradient(circle at 80% 20%, var(--media-glow), transparent 30%), linear-gradient(145deg, var(--surface-soft), var(--surface));border-radius:28px;align-items:flex-end;min-height:500px;padding:42px;display:flex;position:relative;overflow:hidden}.about-video-placeholder:before{content:"";border:1px solid var(--border);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-100px}.about-video-placeholder:after{content:"";border:1px solid var(--border);border-radius:50%;width:230px;height:230px;position:absolute;top:-55px;right:-35px}.video-placeholder-content{z-index:1;max-width:520px;position:relative}.video-play-symbol{border:1px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:30px;font-size:.8rem;display:flex}.video-small-text{color:var(--text-soft);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem}.video-placeholder-content h3{letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1}.video-placeholder-content>p:last-child{max-width:430px;color:var(--text-soft);line-height:1.6}.about-people-section{width:min(100% - 96px,1200px);margin:0 auto;padding:130px 0}.about-section-heading{max-width:850px}.about-section-heading>p:last-child{max-width:650px;color:var(--text-muted);line-height:1.7}.about-person-buttons{flex-wrap:wrap;gap:10px;margin-top:60px;display:flex}.about-person-button{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:0 0;border-radius:999px;padding:11px 18px;transition:background .2s,color .2s,border-color .2s}.about-person-button:hover,.about-person-button.active{border-color:var(--text-main);background:var(--button-bg);color:var(--button-text)}.about-person-result{border:1px solid var(--border);background:var(--surface-soft);border-radius:28px;min-height:300px;margin-top:28px;padding:clamp(32px,6vw,70px)}.about-person-result span{color:var(--text-soft);font-size:.8rem}.about-person-result h3{letter-spacing:-.04em;max-width:800px;margin:40px 0 22px;font-size:clamp(2rem,4vw,4.2rem);font-weight:500;line-height:1.05}.about-person-result p{max-width:620px;color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.7}.about-progress-section{border-top:1px solid var(--border);grid-template-columns:1fr .8fr;gap:100px;width:min(100% - 96px,1200px);margin:0 auto;padding:140px 0;display:grid}.about-progress-copy>p:not(.about-section-number){max-width:650px;color:var(--text-muted);line-height:1.75}.about-progress-steps{flex-wrap:wrap;gap:8px;margin-top:50px;display:flex}.about-progress-steps span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:9px 13px;font-size:.78rem}.about-progress-demo{border:1px solid var(--border);background:var(--surface-soft);border-radius:28px;padding:42px}.demo-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.18em;margin:0 0 40px;font-size:.72rem}.about-demo-ring{border-radius:50%;place-items:center;width:180px;height:180px;padding:13px;display:grid}.about-demo-ring-center{background:var(--surface-soft);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.about-demo-ring-center span{font-size:2rem;font-weight:600}.about-demo-ring-center small{color:var(--text-soft);text-transform:uppercase;letter-spacing:.15em;margin-top:5px;font-size:.7rem}.about-progress-demo h3{margin:38px 0 12px;font-size:1.5rem}.about-progress-demo>p{color:var(--text-muted);line-height:1.6}.about-demo-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.about-demo-actions button{border:1px solid var(--button-bg);background:var(--button-bg);min-height:44px;color:var(--button-text);border-radius:999px;padding:11px 17px}.about-demo-actions .demo-reset-button{border-color:var(--border);color:var(--text-muted);background:0 0}.demo-complete-message{margin-top:22px;font-size:.85rem;color:var(--text-main)!important}.about-personal-section{border-top:1px solid var(--border);width:min(100% - 96px,1200px);margin:0 auto;padding:140px 0}.about-personal-intro{max-width:680px;color:var(--text-muted);line-height:1.75}.about-category-cloud{flex-wrap:wrap;gap:12px;max-width:900px;margin-top:60px;display:flex}.about-category-cloud span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:15px 22px;font-size:clamp(.85rem,1.7vw,1.05rem)}.about-category-cloud .category-cloud-special{border-color:var(--text-main);background:var(--button-bg);color:var(--button-text)}.about-how-section{border-top:1px solid var(--border);width:min(100% - 96px,1200px);margin:0 auto;padding:140px 0}.about-how-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:70px;display:grid}.about-how-grid article{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;min-height:310px;padding:28px;display:flex}.about-how-grid article span{color:var(--text-soft);font-size:.75rem}.about-how-grid article h3{margin:auto 0 14px;font-size:1.25rem;font-weight:500}.about-how-grid article p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.6}.about-contact-section{border-top:1px solid var(--border);grid-template-columns:1.2fr .8fr;gap:100px;width:min(100% - 96px,1200px);margin:0 auto;padding:150px 0;display:grid}.about-contact-story>p:not(.about-section-number){max-width:640px;color:var(--text-muted);line-height:1.75}.about-contact-story strong{color:var(--text-main)}.about-contact-signoff{margin-top:36px;color:var(--text-main)!important}.about-contact-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:28px;padding:35px}.contact-small-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.18em;margin:0 0 25px;font-size:.72rem}.contact-main-link{border-bottom:1px solid var(--border);min-height:65px;color:var(--text-main);justify-content:space-between;align-items:center;font-size:1rem;text-decoration:none;transition:padding .2s,color .2s;display:flex}.contact-main-link:hover{color:var(--text-muted);padding-left:8px}.about-footer-line{border-top:1px solid var(--border);width:min(100% - 96px,1200px);color:var(--text-soft);justify-content:space-between;margin:0 auto;padding:30px 0 50px;font-size:.75rem;display:flex}.about-page button:focus-visible,.about-page a:focus-visible{outline:2px solid var(--text-main);outline-offset:4px}@media (width<=900px){.about-media-section,.about-progress-section,.about-contact-section{grid-template-columns:1fr;gap:60px}.about-how-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-top,.about-hero,.about-media-section,.about-people-section,.about-progress-section,.about-personal-section,.about-how-section,.about-contact-section,.about-footer-line{width:min(100% - 40px,1200px)}.about-top{padding:24px 0}.about-hero{padding:80px 0 100px}.about-main-title{font-size:clamp(3.2rem,17vw,5rem)}.about-story-lines{margin-top:60px}.about-media-section,.about-people-section,.about-progress-section,.about-personal-section,.about-how-section,.about-contact-section{padding:90px 0}.about-video-placeholder{border-radius:22px;min-height:400px;padding:26px}.about-person-result,.about-progress-demo,.about-contact-card{border-radius:22px;padding:26px}.about-how-grid{grid-template-columns:1fr}.about-how-grid article{min-height:240px}.about-footer-line{flex-direction:column;gap:20px}}@media (prefers-reduced-motion:reduce){.about-page *,.about-page :before,.about-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.note-list-item{min-width:0;display:flex}.note-card{width:100%;height:100%}.add-note-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:32px;animation:.25s overlay-in;display:flex;position:fixed;inset:0}.add-note-popover{border:1px solid var(--border);background:var(--surface);border-radius:28px;width:min(100%,900px);max-height:90vh;animation:.3s popover-in;overflow-y:auto;box-shadow:0 30px 80px #00000059}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes popover-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=600px){.add-note-overlay{align-items:flex-end;padding:12px}.add-note-popover{border-radius:24px 24px 16px 16px;width:100%;max-height:92vh}}.hero-title-reveal{--mouse-x:50%;--mouse-y:50%;width:fit-content;max-width:1000px;position:relative}.hero-title-base{color:#4b4b4b}.hero-title-light{color:#fff;pointer-events:none;opacity:0;-webkit-mask-image:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y), black 0%, black 25%, transparent 75%);mask-image:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y), black 0%, black 25%, transparent 75%);-webkit-mask-image:radial-gradient(circle 150px at var(--mouse-x) var(--mouse-y), black 0%, black 25%, transparent 75%);text-shadow:0 0 20px #ffffff1f,0 0 45px #ffffff0f;transition:opacity .25s;position:absolute;inset:0}.hero-title-reveal:hover .hero-title-light{opacity:1}.page-shell[data-theme=light] .hero-title-base{color:#a4a9b0}.page-shell[data-theme=light] .hero-title-light{color:#181818;text-shadow:0 0 18px #1818181a,0 0 35px #1818180d}.catch-logo{color:var(--text-main);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.catch-logo-ring{background:conic-gradient(var(--text-main) 0deg 250deg, var(--border) 250deg 360deg);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;transition:transform .45s;display:grid;position:relative;transform:rotate(-35deg)}.catch-logo-ring-center{background:var(--page-bg);border-radius:50%;width:20px;height:20px}.catch-logo-ring:after{content:"";background:var(--text-main);width:5px;height:5px;box-shadow:0 0 0 3px var(--page-bg);border-radius:50%;position:absolute;top:1px;left:11px}.catch-logo-text{letter-spacing:-.03em;font-size:1rem;font-weight:600}.catch-logo:hover .catch-logo-ring{transform:rotate(15deg)}.ai-section{border:1px solid var(--border);background:var(--surface);border-radius:26px;margin:48px 0;padding:36px}.ai-title{color:var(--text-main);letter-spacing:-.03em;margin:10px 0 12px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500}.ai-description{max-width:540px;color:var(--text-muted);margin:0 0 28px;line-height:1.6}.ai-button{border:1px solid var(--text-main);background:var(--text-main);min-height:46px;color:var(--page-bg);border-radius:999px;padding:11px 18px;font-weight:500}.ai-button:disabled{opacity:.55;cursor:wait}.ai-error{color:#ff5a5a;margin-top:20px;font-size:.9rem}.ai-steps{gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.ai-steps li{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;align-items:flex-start;gap:16px;padding:18px;display:flex}.ai-steps li span{color:var(--text-soft);font-size:.72rem;font-weight:600}.ai-steps li p{color:var(--text-main);margin:0;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f5f5;background:#080808;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}ul{margin:0;padding:0;list-style:none}