@font-face{font-family:PPMori;src:url(/fonts/PPMori/PPMori-Light.woff2) format("woff2"),url(/fonts/PPMori/PPMori-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PPMori;src:url(/fonts/PPMori/PPMori-Regular.woff2) format("woff2"),url(/fonts/PPMori/PPMori-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PPMori;src:url(/fonts/PPMori/PPMori-Medium.woff2) format("woff2"),url(/fonts/PPMori/PPMori-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PPMori;src:url(/fonts/PPMori/PPMori-Semibold.woff2) format("woff2"),url(/fonts/PPMori/PPMori-Semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PPMori;src:url(/fonts/PPMori/PPMori-Bold.woff2) format("woff2"),url(/fonts/PPMori/PPMori-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--text-primary: #282828;--text-secondary: #6b6b6b;--text-hero: #3a3a3a;--border-light: rgba(131, 131, 131, .3);--border-medium: rgba(131, 131, 131, .5);--hover-row: #E8F2EB;--modal-bg: #ffffff;--modal-grid-bg: #FAFAFA}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #141414;--text-primary: #f5f5f7;--text-secondary: #a0a0a0;--text-hero: #e0e0e0;--border-light: rgba(255, 255, 255, .15);--border-medium: rgba(255, 255, 255, .3);--hover-row: rgba(183, 208, 193, .15);--modal-bg: #1a1a1a;--modal-grid-bg: #141414}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.loader-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c1d20;display:flex;align-items:center;justify-content:center}.loader-words{position:relative;display:flex;align-items:center;justify-content:center;height:60px;opacity:0;transform:translateY(-50px)}.loader-word{position:absolute;font-family:PPMori,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:400;color:#f5f5f7;letter-spacing:-.02em;white-space:nowrap;display:none}.loader-word.active{display:flex}.loader-letter{display:inline-block}.loader-rounded-div{position:absolute;bottom:0;left:0;width:100%;height:10vh;overflow:hidden}.loader-rounded-div .rounded-div{position:absolute;bottom:0;left:-10%;width:120%;height:200%;background-color:#1c1d20;border-radius:0 0 50% 50%}.once-in{transform:translateY(50vh)}.once-in.revealed{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}body{font-family:PPMori,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}.page-wrapper{max-width:1440px;margin:0 auto;padding:0 123px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:40px 0}.header-left,.header-right{display:flex;align-items:center;gap:16px}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-medium);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease}.theme-toggle:hover{border-color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px;color:var(--text-primary);transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}:root .theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.header-info{display:flex;flex-direction:column}.name{font-weight:500;font-size:16px;color:var(--text-primary)}.title-rotate{display:block;font-size:14px;color:var(--text-secondary);overflow:hidden;height:1.4em}.title-text{display:inline-block}.title-text .char{display:inline-block;will-change:transform}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:90px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-contact{background-color:transparent;color:var(--text-primary);border:none;position:relative;overflow:hidden}.btn-contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-medium);border-radius:90px;clip-path:inset(0 0 0 0);transition:clip-path .35s ease}.btn-contact .btn-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--text-primary);border-radius:90px;clip-path:inset(100% 0 0 0);transition:clip-path .35s ease;pointer-events:none}.btn-contact:after{content:"";position:absolute;bottom:12px;left:24px;right:24px;height:1px;background-color:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.btn-contact:hover:before{clip-path:inset(0 0 100% 0)}.btn-contact:hover .btn-border{clip-path:inset(0 0 0 0)}.btn-contact:hover:after{transform:scaleX(1)}.btn-outline{background-color:transparent;color:var(--text-primary);border:none;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-medium);border-radius:90px;clip-path:inset(0 0 0 0);transition:clip-path .35s ease}.btn-outline .btn-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--text-primary);border-radius:90px;clip-path:inset(100% 0 0 0);transition:clip-path .35s ease;pointer-events:none}.btn-outline:after{content:"";position:absolute;bottom:12px;left:24px;right:24px;height:1px;background-color:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.btn-outline:hover:before{clip-path:inset(0 0 100% 0)}.btn-outline:hover .btn-border{clip-path:inset(0 0 0 0)}.btn-outline:hover:after{transform:scaleX(1)}.hero{padding:80px 0 100px}.hero-text{font-size:32px;font-weight:500;line-height:1.4;max-width:900px;color:var(--text-hero);letter-spacing:-.02em}.hero-text .word{display:inline-block;overflow:hidden;vertical-align:top}.hero-text .word span{display:inline-block;transform:translateY(100%)}.hero-text .company-link{display:inline-block;position:relative;overflow:hidden;vertical-align:top;text-decoration:none;color:var(--text-hero);cursor:pointer}.hero-text .company-link>.company-intro{display:inline-block;transform:translateY(100%)}.hero-text .company-link .company-visible,.hero-text .company-link .company-hidden,.hero-text .company-link .company-visible span,.hero-text .company-link .company-hidden span{display:inline-block;will-change:transform}.hero-text .company-link .company-hidden{position:absolute;left:0;bottom:100%;pointer-events:none}.hero-text .company-link.hovered .company-visible span{pointer-events:none}.work-section{position:relative;padding-bottom:60px}.section-label{display:inline-block;padding:8px 20px;border:1px solid var(--border-light);border-radius:90px;font-size:14px;color:var(--text-secondary);margin-bottom:32px}.project-list{list-style:none;position:relative}.project-list:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:1px;background:var(--border-light)}.project-row{position:relative;margin-left:-123px;margin-right:-123px;transition:background-color .25s ease}.project-row .project-link{display:flex;align-items:center;padding:20px 123px;text-decoration:none;color:inherit;cursor:pointer}.project-row:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:1px;background:var(--border-light)}.project-row:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background-color:var(--hover-row);opacity:0;transition:opacity .2s cubic-bezier(.34,1.56,.64,1);z-index:-1;pointer-events:none}.project-row:hover:after{opacity:1}.project-name{flex:0 0 260px;font-size:15px;font-weight:500;color:var(--text-primary)}.project-year{font-size:12px;font-weight:400;color:var(--text-secondary)}.project-desc{flex:1;font-size:14px;color:var(--text-secondary)}.project-role{font-size:14px;color:var(--text-secondary);text-align:right}.medias{position:absolute;width:1px;height:1px;overflow:hidden;visibility:hidden;pointer-events:none}.medias img{width:1px;height:1px}.media-container{position:fixed;width:320px;height:240px;right:120px;top:0;border-radius:12px;pointer-events:none;overflow:hidden;visibility:hidden;z-index:100}.media-container.on{visibility:visible}.media-container div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:translateY(-100%)}.media-container img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;transform:translateY(90%)}.actions{display:flex;gap:16px;padding:40px 0 80px}.footer{margin-top:auto;padding:40px 0;font-size:14px;color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;padding:24px}.modal-backdrop.open{visibility:visible}.modal{background:var(--modal-bg);border-radius:28px;padding:48px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(40px) scale(.95);opacity:0;display:flex;flex-direction:column}.modal-close{align-self:flex-end;margin-bottom:16px;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:90px;box-shadow:0 0 0 4px #98a2b324,0 1px 2px #1018280d;transition:background .2s ease,color .2s ease}.modal-close:hover{background:var(--border-light);color:var(--text-primary)}.modal-header{margin-bottom:12px}.modal-subtitle{font-size:15px;font-weight:500;color:var(--text-secondary);line-height:1.4;letter-spacing:.2px;margin-bottom:8px}.modal-title{font-size:32px;font-weight:500;color:var(--text-primary);line-height:1.2}.modal-content{padding-top:20px}.capabilities-grid{background:var(--modal-grid-bg);border-radius:20px;padding:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.capability-group h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.capability-items p{font-size:15px;font-weight:400;color:var(--text-secondary);line-height:1.6;opacity:0;transform:translateY(15px)}@media (max-width: 1024px){.page-wrapper{padding:0 60px}.project-row{margin-left:-60px;margin-right:-60px}.project-row .project-link{padding:20px 60px}.hero-text{font-size:28px}.media-container{display:none}}@media (max-width: 768px){.page-wrapper{padding:0 24px}.header-right{display:none}.project-row{margin-left:-24px;margin-right:-24px}.project-row .project-link{padding:16px 24px;flex-direction:column;align-items:flex-start;gap:4px}.header{flex-direction:column;align-items:flex-start;gap:24px}.hero{padding:40px 0 60px}.hero-text{font-size:24px}.project-row .project-link .project-desc{display:none}.project-row .project-link .project-name{flex:none}.project-row .project-link .project-role{text-align:left}.actions{flex-direction:column}.btn{width:100%}.modal{padding:24px}.modal-title{font-size:24px}.capabilities-grid{grid-template-columns:1fr;gap:24px;padding:20px}}.menu-button{position:fixed;right:30px;top:30px;z-index:999;width:70px;height:70px;border-radius:50%;background:#1c1d20;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease}.menu-button.visible{visibility:visible;opacity:1}.menu-button .menu-fill{position:absolute;top:0;bottom:auto;left:50%;width:100%;height:0;border-radius:50%;background:#3a5a40;transform:translate(-50%);z-index:-1;transition:height .3s ease,top .3s ease,bottom .3s ease}.menu-button:hover .menu-fill,.menu-button.active .menu-fill{top:auto;bottom:0;height:100%}.menu-button .menu-bar .bars-wrap{position:relative}.menu-button .menu-bar .bars-wrap .bar-1,.menu-button .menu-bar .bars-wrap .bar-2,.menu-button .menu-bar .bars-wrap .bar-3{display:block;width:22px;height:1px;background:#fff;transition:all .3s ease}.menu-button .menu-bar .bars-wrap .bar-1{position:absolute;left:50%;top:-5px;transform:translate(-50%)}.menu-button .menu-bar .bars-wrap .bar-3{position:absolute;left:50%;bottom:-5px;transform:translate(-50%)}.menu-button:hover .menu-bar .bars-wrap .bar-1,.menu-button.active .menu-bar .bars-wrap .bar-1{top:0;transform:translate(-50%) rotate(45deg)}.menu-button:hover .menu-bar .bars-wrap .bar-2,.menu-button.active .menu-bar .bars-wrap .bar-2{opacity:0}.menu-button:hover .menu-bar .bars-wrap .bar-3,.menu-button.active .menu-bar .bars-wrap .bar-3{bottom:0;transform:translate(-50%) rotate(-45deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0003 40%,#00000080 80%);opacity:0;visibility:hidden;z-index:5;pointer-events:none;transition:opacity .8s cubic-bezier(.7,0,.2,1)}.menu-overlay.active{opacity:1;visibility:visible;pointer-events:all}.slide-menu{position:fixed;right:0;top:0;height:100vh;width:480px;background:#1c1d20;z-index:100;transform:translate(calc(100% + 6vw));transition:transform .8s cubic-bezier(.7,0,.2,1)}.slide-menu.active{transform:translate(0)}.slide-menu-rounded{position:absolute;left:1px;transform:translate(-100%);height:100%;top:0}.slide-menu-rounded-wrap{width:6vw;height:100%;position:relative;overflow:hidden;transition:width .85s cubic-bezier(.7,0,.2,1)}.slide-menu.active .slide-menu-rounded-wrap{width:0}.slide-menu-rounded-wrap .rounded-div{background:#1c1d20;height:150%;content:"";display:block;position:absolute;width:775%;top:50%;border-radius:50%;transform:translateY(-50%)}.slide-menu-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:15vh 60px 10vh}.slide-menu-label{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:20px}.slide-menu-nav ul{list-style:none}.slide-menu-nav ul li{margin-bottom:4px}.slide-menu-nav ul li a{display:inline-block;color:#fff;font-size:48px;font-weight:500;line-height:1.3;text-decoration:none;transition:color .3s ease}.slide-menu-nav ul li a:hover{color:#a3b18a}.slide-submenu{list-style:none;margin-top:12px;margin-bottom:8px;padding-left:4px}.slide-submenu li{margin-bottom:0}.slide-submenu li a{font-size:16px!important;font-weight:400!important;color:#fff9!important;line-height:1.8!important}.slide-submenu li a:hover{color:#a3b18a!important}.slide-submenu li a span{font-size:12px;opacity:.7}.slide-menu-links{display:flex;align-items:center;gap:16px}.slide-menu-links a{color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:8px}.slide-menu-links a:hover{color:#a3b18a}.link-divider{color:#ffffff4d;font-weight:300}.dribbble-icon{width:20px;height:20px}@media (max-width: 768px){.menu-button{width:56px;height:56px;right:20px;top:20px}.slide-menu{width:100%}.slide-menu-inner{padding:15vh 40px 10vh}.slide-menu-nav ul li a{font-size:36px}}body.menu-open{overflow:hidden}.page-wrapper.case-study-page{padding:0;max-width:none}.case-header-nav{position:absolute;top:0;left:0;right:0;z-index:10;padding:40px 60px;max-width:none}.case-header-nav .header-left{color:#fff}.case-header-nav .header-home-link{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.case-header-nav .name{color:#fff}.case-header-nav .title-text,.case-header-nav .title-rotate{color:#ffffffb3}.case-header-nav .theme-toggle{border-color:#fff6}.case-header-nav .theme-toggle:hover{border-color:#fff}.case-header-nav .theme-toggle svg{color:#fff}.case-header-nav .btn-contact{color:#fff}.case-header-nav .btn-contact:before{border-color:#fff6}.case-header-nav .btn-contact .btn-border{border-color:#fff}.case-header-nav .btn-contact:after{background-color:#fff}.case-hero{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:flex-end;overflow:hidden;z-index:0}.case-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.case-hero-image img{width:100%;height:100%;object-fit:cover}.case-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#000000b3)}.case-hero-content{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:60px 60px 80px;color:#fff}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fffc;text-decoration:none;font-size:14px;margin-bottom:40px;transition:color .3s ease}.back-link:hover{color:#fff}.case-title{font-size:clamp(48px,10vw,96px);font-weight:500;line-height:1.1;margin-bottom:16px;letter-spacing:-.03em}.case-tagline{font-size:18px;color:#ffffffb3;margin-bottom:24px}.case-summary{font-size:20px;line-height:1.6;max-width:700px;margin-bottom:32px;color:#ffffffe6}.case-meta-grid{display:flex;flex-direction:column;gap:24px}.case-meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.case-meta-row:last-child{grid-template-columns:repeat(2,1fr)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.case-meta-item{display:flex;flex-direction:column;gap:6px}.case-meta-wide{grid-column:span 1}.case-meta-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.case-meta-value{font-size:15px;color:#fff}.case-meta-value a{color:#fff;text-decoration:underline;text-underline-offset:3px}.case-meta-value a:hover{color:#b7d0c1}.case-meta-link{font-size:15px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.case-meta-link:hover{color:#b7d0c1}.case-content{position:relative;z-index:1;background:var(--bg-primary);padding:80px 0;margin-top:100vh;border-radius:32px 32px 0 0;box-shadow:0 -20px 60px #00000026}.case-section{max-width:1000px;margin:0 auto 80px;padding:0 60px}.case-section:last-child{margin-bottom:0}.case-section-header{margin-bottom:32px}.case-section-label{display:inline-block;padding:8px 20px;border:1px solid var(--border-light);border-radius:90px;font-size:14px;color:var(--text-secondary)}.case-section-body h2{font-size:28px;font-weight:500;line-height:1.4;margin-bottom:20px;color:var(--text-primary)}.case-section-body h3{font-size:22px;font-weight:500;margin-top:48px;margin-bottom:16px;color:var(--text-primary)}.case-section-body h4{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.case-section-body p{font-size:17px;line-height:1.7;color:#f5f5f7;margin-bottom:24px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:48px 0;padding:32px;background:var(--modal-grid-bg);border-radius:16px}.case-stat{text-align:center}.case-stat-value{display:block;font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.case-stat-label{font-size:14px;color:var(--text-secondary)}.case-list{margin:32px 0;padding:24px 32px;background:var(--modal-grid-bg);border-radius:12px}.case-list ul{list-style:none;padding:0;margin:0}.case-list li{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;padding-left:20px;position:relative}.case-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--text-secondary);border-radius:50%}.case-list li:last-child{margin-bottom:0}.case-list li strong{color:var(--text-primary)}.case-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin:32px 0}.case-column h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.case-column ul{list-style:none;padding:0;margin:0}.case-column li{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;padding-left:20px;position:relative}.case-column li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--text-secondary);border-radius:50%}.case-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.timeline-item{padding:20px;background:var(--modal-grid-bg);border-radius:12px;text-align:center}.timeline-week{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.timeline-desc{font-size:14px;color:var(--text-secondary);line-height:1.4}.case-quote{margin:48px 0;padding:32px;background:var(--modal-grid-bg);border-radius:16px}.case-quote p{font-size:18px;line-height:1.7;color:var(--text-primary);font-style:italic;margin:0 0 16px}.case-quote cite{font-size:14px;color:var(--text-secondary);font-style:normal}.case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.case-feature{padding:24px;background:var(--modal-grid-bg);border-radius:16px}.case-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:12px;margin-bottom:16px;color:var(--text-primary)}.case-feature h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.case-feature p{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.case-tools{display:flex;flex-wrap:wrap;gap:12px}.case-tool{padding:10px 20px;background:var(--modal-grid-bg);border-radius:90px;font-size:14px;color:var(--text-secondary)}.case-footer{position:relative;z-index:1;background:var(--bg-primary);padding:40px 60px;border-top:1px solid var(--border-light)}.case-footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.case-footer-copy{font-size:14px;color:var(--text-secondary)}.case-category{display:inline-block;padding:8px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:90px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;margin-bottom:16px}.case-insight{display:flex;align-items:flex-start;gap:16px;padding:24px;background:linear-gradient(135deg,#f0f7f2,#e8f2eb);border-radius:12px;margin:32px 0}[data-theme=dark] .case-insight{background:linear-gradient(135deg,#7ea18d26,#7ea18d1a)}.case-insight svg{flex-shrink:0;color:#7ea18d;margin-top:2px}.case-insight span{font-size:15px;line-height:1.6;color:var(--text-secondary)}.case-insight strong{color:var(--text-primary)}.case-visual-block{margin:48px 0;padding:32px;background:var(--modal-grid-bg);border-radius:16px;overflow:hidden}.case-visual-header{margin-bottom:32px;text-align:center}.case-visual-header h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.case-visual-header p{font-size:14px;color:var(--text-secondary);margin:0}.case-visual-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-light);font-size:14px;color:var(--text-secondary);text-align:center}.case-visual-footer .highlight{color:var(--text-primary);font-weight:500}.affinity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.affinity-column{display:flex;flex-direction:column;gap:12px}.affinity-header{padding:16px;border-radius:12px;text-align:center}.affinity-header h5{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.affinity-header span{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.affinity-header.affinity-red{background:linear-gradient(135deg,#e57373,#c62828)}.affinity-header.affinity-tan{background:linear-gradient(135deg,#bb966d,#a4784a)}.affinity-header.affinity-green{background:linear-gradient(135deg,#7ea18d,#5a8270)}.affinity-cards{display:flex;flex-direction:column;gap:8px}.affinity-card{padding:16px;border-radius:8px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.affinity-card-red{background:#e573731a;font-style:italic}.affinity-card-tan{background:#bb966d1a;font-style:italic}.affinity-card-green{background:#7ea18d1a;font-style:italic}.affinity-card-insight{background:var(--bg-primary);border:1px solid var(--border-light)}.affinity-card-insight .insight-tag{display:inline-block;padding:2px 8px;background:#7ea18d;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-right:8px}.affinity-card-stat{background:var(--bg-secondary);text-align:center;border:1px solid var(--border-light)}.affinity-card-stat .stat-value{display:block;font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.safe-harbor-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.safe-harbor-col{border-radius:12px;overflow:hidden}.safe-harbor-col-header{display:flex;align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600}.safe-harbor-blocked .safe-harbor-col-header{background:#ec624f26;color:#ec624f}.safe-harbor-allowed .safe-harbor-col-header{background:#7ea18d26;color:#7ea18d}.icon-x,.icon-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700}.safe-harbor-blocked .icon-x{background:#ec624f;color:#fff}.safe-harbor-allowed .icon-check{background:#7ea18d;color:#fff}.safe-harbor-items{padding:12px;background:var(--bg-primary);display:flex;flex-direction:column;gap:8px}.safe-harbor-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;color:var(--text-secondary)}.safe-harbor-item.blocked{background:#ec624f14}.safe-harbor-item.blocked span{color:#ec624f;font-weight:600}.safe-harbor-item.allowed{background:#7ea18d14}.safe-harbor-item.allowed span{color:#7ea18d;font-weight:600}.safe-harbor-item small{display:block;font-size:12px;color:var(--text-secondary);opacity:.7;margin-top:2px}.safe-harbor-shield{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.shield-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:linear-gradient(135deg,#7ea18d,#5a8270);border-radius:16px;color:#fff;margin-bottom:16px}.shield-icon svg{width:48px;height:48px}.shield-icon span{font-size:14px;font-weight:600;text-align:center;line-height:1.3}.shield-badge{padding:8px 16px;background:#7ea18d26;color:#7ea18d;font-size:12px;font-weight:600;border-radius:90px;white-space:nowrap}.safe-harbor-results{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border-light)}.result-item{display:flex;flex-direction:column;align-items:center;gap:4px}.result-value{font-size:28px;font-weight:600;color:#7ea18d}.result-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.result-divider{width:1px;height:40px;background:var(--border-light)}.hipaa-identifiers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hipaa-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border-radius:8px;font-size:14px;color:var(--text-secondary);border:1px solid var(--border-light)}.hipaa-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ec624f1a;color:#ec624f;font-size:12px;font-weight:600;border-radius:6px;flex-shrink:0}.hipaa-note{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:20px;background:linear-gradient(135deg,#7ea18d26,#7ea18d14);border-radius:12px;border:1px solid rgba(126,161,141,.3)}.hipaa-note svg{flex-shrink:0;color:#7ea18d;margin-top:2px}.hipaa-note span{font-size:14px;line-height:1.6;color:var(--text-secondary)}.hipaa-note strong{color:var(--text-primary)}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.color-swatch{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-light)}.color-block{height:80px}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-size:14px;font-weight:600;color:var(--text-primary)}.color-hex{font-size:13px;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.color-use{font-size:12px;color:var(--text-secondary);opacity:.8}.case-testimonials{margin:48px 0}.case-testimonials h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.testimonial{padding:32px;background:var(--modal-grid-bg);border-radius:16px;margin-bottom:16px}.testimonial p{font-size:17px;line-height:1.7;color:var(--text-secondary);font-style:italic;margin:0 0 16px}.testimonial cite{font-size:14px;font-style:normal;color:var(--text-primary);font-weight:500}.luma-dark-visual{background:linear-gradient(135deg,#1a1a1f,#131317);color:#fff}.luma-dark-visual .case-visual-header h4{color:#fff}.luma-dark-visual .case-visual-header p{color:#9ca3af}.case-insight-dark{background:#7ea18d14;border:1px solid rgba(126,161,141,.2)}.case-insight-dark span{color:#9ca3af}.case-insight-dark strong{color:#7ea18d}html:not([data-theme=dark]) .luma-dark-visual{background:linear-gradient(135deg,#f8faf9,#f0f5f2);color:#131317}html:not([data-theme=dark]) .luma-dark-visual .case-visual-header h4{color:#131317}html:not([data-theme=dark]) .luma-dark-visual .case-visual-header p{color:#64748b}html:not([data-theme=dark]) .case-insight-dark{background:#7ea18d1a;border:1px solid rgba(126,161,141,.3)}html:not([data-theme=dark]) .case-insight-dark span{color:#4b5563}html:not([data-theme=dark]) .case-insight-dark strong{color:#5a8270}html:not([data-theme=dark]) .luma-dark-visual .flow-step{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .flow-step-complete{border-color:#7ea18d66}html:not([data-theme=dark]) .luma-dark-visual .flow-step-active{background:#7ea18d14;border-color:#7ea18d80}html:not([data-theme=dark]) .luma-dark-visual .flow-step-badge.locked{background:#0000000d;color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .flow-step-title{color:#131317}html:not([data-theme=dark]) .luma-dark-visual .flow-step-locked .flow-step-title{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .flow-option{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .flow-option.selected{background:#7ea18d1f;border-color:#5a8270;color:#5a8270}html:not([data-theme=dark]) .luma-dark-visual .flow-field label{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .flow-input{background:#fff;border:1px solid rgba(0,0,0,.15);color:#131317}html:not([data-theme=dark]) .luma-dark-visual .flow-textarea-placeholder{background:#00000005;border:1px dashed rgba(0,0,0,.15);color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .flow-char-count{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .flow-checkbox-row{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .flow-checkbox{border:1px solid rgba(0,0,0,.2)}html:not([data-theme=dark]) .luma-dark-visual .flow-checkbox-row span{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .flow-submit-btn{background:#0000000a;color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-section-label{color:#5a8270}html:not([data-theme=dark]) .luma-dark-visual .ds-color-info{background:#00000008;border:1px solid rgba(0,0,0,.08);border-top:none}html:not([data-theme=dark]) .luma-dark-visual .ds-color-name{color:#131317}html:not([data-theme=dark]) .luma-dark-visual .ds-color-hex{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .ds-color-use{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-typography-box{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-type-role{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-type-font{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .ds-type-serif{color:#131317}html:not([data-theme=dark]) .luma-dark-visual .ds-type-sans{color:#374151}html:not([data-theme=dark]) .luma-dark-visual .ds-type-divider{background:#00000014}html:not([data-theme=dark]) .luma-dark-visual .ds-spacing-box{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-space-value{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .ds-space-name{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-buttons-box{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-btn-label{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-btn-outline{border-color:#5a8270;color:#5a8270}html:not([data-theme=dark]) .luma-dark-visual .ds-btn-ghost{background:#7ea18d1a;color:#5a8270}html:not([data-theme=dark]) .luma-dark-visual .ds-btn-glass{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#374151}html:not([data-theme=dark]) .luma-dark-visual .ds-component-card{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-glass-card{background:#fff9;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-component-card p{color:#64748b}html:not([data-theme=dark]) .luma-dark-visual .ds-component-card code{color:#9ca3af}html:not([data-theme=dark]) .luma-dark-visual .ds-animations-box{background:#00000005;border:1px solid rgba(0,0,0,.08)}html:not([data-theme=dark]) .luma-dark-visual .ds-anim-item{background:#7ea18d14;border:1px solid rgba(126,161,141,.2)}html:not([data-theme=dark]) .luma-dark-visual .ds-anim-item code{color:#131317}html:not([data-theme=dark]) .luma-dark-visual .ds-anim-item span{color:#9ca3af}.progressive-flow{display:flex;flex-direction:column;gap:16px}.flow-step{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.flow-step-complete{border-color:#7ea18d4d}.flow-step-active{background:#7ea18d14;border-color:#7ea18d66}.flow-step-locked{opacity:.5}.flow-step-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.flow-step-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.flow-step-badge.complete,.flow-step-badge.active{background:#7ea18d;color:#fff}.flow-step-badge.locked{background:#ffffff1a;color:#6b7280;font-size:10px}.flow-step-label{font-size:11px;color:#7ea18d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flow-step-locked .flow-step-label{color:#6b7280}.flow-step-title{font-size:16px;font-weight:600;color:#fff;margin:8px 0 16px}.flow-step-locked .flow-step-title{color:#6b7280}.flow-step-content{display:flex;flex-direction:column;gap:12px}.flow-options{display:flex;flex-wrap:wrap;gap:8px}.flow-option{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;color:#9ca3af}.flow-option.selected{background:#7ea18d26;border-color:#7ea18d;color:#7ea18d;display:flex;align-items:center;gap:6px}.flow-field{display:flex;flex-direction:column;gap:6px}.flow-field label{font-size:11px;color:#9ca3af}.flow-input{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:13px;color:#fff}.flow-input-active{border-color:#7ea18d;display:flex;justify-content:space-between;align-items:center}.flow-dropdown{font-size:10px;color:#7ea18d}.flow-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-textarea-placeholder{padding:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#4b5563}.flow-char-count{font-size:11px;color:#4b5563}.flow-checkbox-row{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.flow-checkbox{width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:4px;flex-shrink:0;margin-top:2px}.flow-checkbox-row span{font-size:12px;color:#4b5563;line-height:1.5}.flow-submit-btn{margin-top:16px;padding:12px 20px;background:#ffffff0d;border-radius:8px;text-align:center;font-size:13px;color:#4b5563}.trust-badges{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#7ea18d1a;border:1px solid rgba(126,161,141,.3);border-radius:20px}.trust-badge svg{color:#7ea18d}.trust-badge span{font-size:12px;color:#7ea18d;font-weight:600}.browser-mockup{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.browser-chrome{background:#f1f1f1;padding:12px 16px;display:flex;align-items:center;gap:12px}.browser-dots{display:flex;gap:6px}.browser-dots .dot{width:12px;height:12px;border-radius:50%}.browser-dots .red{background:#ff5f57}.browser-dots .yellow{background:#febc2e}.browser-dots .green{background:#28c840}.browser-url{flex:1;background:#fff;border-radius:6px;padding:6px 12px;font-size:12px;color:#666;text-align:center}.browser-content{padding:24px}.trust-callout{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:16px}.trust-callout-warning{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.4)}.trust-callout-safe{background:linear-gradient(135deg,#7ea18d1a,#7ea18d0d);border:1px solid rgba(126,161,141,.4)}.trust-callout-icon{font-size:20px;flex-shrink:0}.trust-callout-text strong{display:block;font-size:14px;margin-bottom:4px}.trust-callout-warning .trust-callout-text strong{color:#92400e}.trust-callout-safe .trust-callout-text strong{color:#166534}.trust-callout-text p{font-size:13px;line-height:1.5;margin:0}.trust-callout-warning .trust-callout-text p{color:#a16207}.trust-callout-safe .trust-callout-text p{color:#15803d}.trust-link{font-size:12px;font-weight:600;color:#92400e;text-decoration:underline;margin-top:4px;display:inline-block}.trust-checkbox-area{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.trust-checkbox-checked{width:20px;height:20px;background:#7ea18d;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:#fff;font-size:12px}.trust-checkbox-text p{font-size:13px;color:#334155;line-height:1.5;margin:0}.trust-audit-trail{display:block;font-size:11px;color:#94a3b8;margin-top:8px}.dashboard-mockup{background:linear-gradient(180deg,#f0f4f3,#fff);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dashboard-header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(126,161,141,.2);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.dashboard-logo{display:flex;align-items:center;gap:8px}.dashboard-logo svg{color:#7ea18d}.dashboard-logo span{font-size:18px;font-weight:600;color:#131317}.dashboard-actions{display:flex;align-items:center;gap:12px}.dashboard-new-btn{padding:8px 16px;background:#131317;border-radius:6px;font-size:13px;color:#fff;font-weight:500;border:none}.dashboard-org{font-size:13px;color:#64748b}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.dashboard-stat-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,161,141,.2);border-radius:10px;padding:20px}.stat-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.stat-number{display:block;font-size:28px;font-weight:700;color:#131317;font-family:monospace}.stat-green{color:#7ea18d}.dashboard-table-section{padding:0 24px 24px}.dashboard-section-title{font-size:18px;font-weight:600;color:#131317;margin-bottom:16px}.dashboard-tabs-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-tabs{display:flex;background:#ffffff80;border:1px solid rgba(126,161,141,.2);border-radius:8px;padding:4px}.tab-active{padding:8px 16px;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#131317;box-shadow:0 1px 2px #0000000d}.tab-inactive{padding:8px 16px;font-size:13px;color:#64748b}.dashboard-search{padding:8px 12px;background:#fff;border:1px solid rgba(126,161,141,.2);border-radius:6px;font-size:13px;color:#94a3b8}.dashboard-table{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(126,161,141,.2);border-radius:10px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 50px;padding:12px 16px;background:#7ea18d14;font-size:12px;font-weight:600;color:#131317;text-transform:uppercase;letter-spacing:.3px}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 50px;padding:14px 16px;border-top:1px solid rgba(126,161,141,.1);font-size:13px;align-items:center}.patient-cell{display:flex;flex-direction:column}.patient-cell strong{color:#131317}.patient-cell span{font-size:11px;color:#64748b}.table-row span{color:#64748b}.align-right{text-align:right}.mono{font-family:monospace;color:#334155!important}.row-menu{text-align:right;color:#94a3b8}.modal-mockup-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-bg-page{background:linear-gradient(145deg,#f8faf9,#f0f5f2);padding:24px;opacity:.4}.modal-bg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.back-btn{font-size:14px;color:#131317;font-weight:600}.header-actions{display:flex;gap:8px}.btn-outline-small{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151}.btn-primary-small{padding:8px 16px;background:#7ea18d;border-radius:8px;font-size:13px;color:#fff}.modal-bg-content{display:flex;gap:24px}.doc-preview{flex:1;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;min-height:150px}.doc-title{font-size:14px;font-weight:600;color:#131317;margin-bottom:12px}.doc-lines{display:flex;flex-direction:column;gap:8px}.doc-line{height:8px;background:#f1f5f9;border-radius:4px}.doc-line.w100{width:100%}.doc-line.w90{width:90%}.doc-line.w95{width:95%}.doc-line.w80{width:80%}.case-sidebar-mini{width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.sidebar-title{font-size:14px;font-weight:600;color:#131317;margin-bottom:12px}.sidebar-item{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.sidebar-item span:first-child{font-size:11px;color:#64748b}.sidebar-item span:last-child{font-size:13px;color:#131317}.edit-modal{position:absolute;top:40px;left:50%;transform:translate(-50%);background:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 25px 50px #00000040;z-index:10}.edit-modal .modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between}.edit-modal .modal-header h3{font-size:18px;font-weight:600;color:#131317;margin:0}.edit-modal .modal-header p{font-size:13px;color:#64748b;margin:4px 0 0}.edit-modal .modal-close{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.modal-body{padding:24px}.modal-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.modal-field{margin-bottom:16px}.modal-field label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.modal-input{padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#131317}.modal-input-focus{border-color:#7ea18d;box-shadow:0 0 0 3px #7ea18d1a}.modal-field-hint{margin-top:4px;padding:8px 12px;background:#7ea18d14;border-radius:0 0 8px 8px;font-size:11px;color:#7ea18d;display:flex;align-items:center;gap:6px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:0 0 12px 12px}.modal-cancel{padding:8px 16px;font-size:13px;color:#64748b}.modal-actions{display:flex;gap:12px}.btn-regenerate{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151}.btn-save{padding:8px 20px;background:#7ea18d;border-radius:8px;font-size:13px;font-weight:500;color:#fff;border:none}.ds-section{margin-bottom:40px}.ds-section-label{font-size:11px;font-weight:600;color:#7ea18d;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.ds-color-grid{display:flex;flex-wrap:wrap;gap:16px}.ds-color-swatch{flex:1;min-width:140px}.ds-color-block{height:80px;border-radius:12px 12px 0 0;display:flex;align-items:flex-end;padding:12px}.ds-dark-block{border:1px solid rgba(255,255,255,.1);border-bottom:none}.ds-color-ada{font-size:11px;color:#fffc}.ds-color-info{background:#ffffff0d;padding:12px;border-radius:0 0 12px 12px;border:1px solid rgba(255,255,255,.1);border-top:none}.ds-color-name{display:block;font-size:13px;font-weight:600;color:#fff}.ds-color-hex{display:block;font-size:11px;color:#9ca3af;font-family:monospace}.ds-color-use{display:block;font-size:10px;color:#6b7280;margin-top:4px}.ds-typography-box{background:#ffffff08;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08)}.ds-type-row{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}.ds-type-label{width:120px;flex-shrink:0}.ds-type-role{display:block;font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ds-type-font{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.ds-type-sample{flex:1}.ds-type-serif{font-size:32px;font-family:Georgia,serif;color:#fff;letter-spacing:-.5px}.ds-type-sans{font-size:16px;font-family:system-ui,sans-serif;color:#e0e0d9;line-height:1.6}.ds-type-mono{font-size:28px;font-family:monospace;font-weight:700;color:#7ea18d}.ds-type-divider{height:1px;background:#ffffff14;margin:24px 0}.ds-spacing-box{display:flex;align-items:flex-end;gap:12px;padding:24px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.ds-spacing-item{text-align:center}.ds-space-block{background:linear-gradient(135deg,#7ea18d,#5a8270);border-radius:4px;margin:0 auto 8px}.ds-space-value{display:block;font-size:10px;color:#9ca3af;font-family:monospace}.ds-space-name{display:block;font-size:9px;color:#6b7280}.ds-buttons-box{display:flex;flex-wrap:wrap;gap:12px;padding:24px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.ds-button-item{display:flex;flex-direction:column;gap:6px;align-items:center}.ds-btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer}.ds-btn-primary{background:#5a8270;color:#fff}.ds-btn-destructive{background:#ec624f;color:#fff}.ds-btn-outline{background:transparent;border:1px solid #AFC6B9;color:#e0e0d9}.ds-btn-secondary{background:#b7d0c1;color:#131317}.ds-btn-ghost{background:#b7d0c11a;color:#e0e0d9}.ds-btn-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff}.ds-btn-label{font-size:10px;color:#6b7280}.ds-components-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ds-component-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.ds-glass-card{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.ds-component-title{display:block;font-size:12px;color:#7ea18d;font-weight:600;margin-bottom:12px}.ds-component-card p{font-size:13px;color:#9ca3af;line-height:1.5;margin:0}.ds-component-card code{display:block;margin-top:12px;font-size:10px;color:#6b7280;font-family:monospace}.ds-input-states{display:flex;flex-direction:column;gap:8px}.ds-input{padding:10px 12px;border-radius:6px;font-size:13px}.ds-input-default{background:#fff;border:1px solid #e5e7eb;color:#9ca3af}.ds-input-focus{background:#fff;border:2px solid #5A8270;color:#131317;box-shadow:0 0 0 3px #5a82701a}.ds-badges{display:flex;gap:8px;flex-wrap:wrap}.ds-badge{padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px}.ds-badge-success{background:#7ea18d26;color:#7ea18d}.ds-badge-warning{background:#bb966d26;color:#bb966d}.ds-badge-error{background:#ec624f26;color:#ec624f}.ds-medical-grid-card{position:relative;overflow:hidden}.ds-medical-grid-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(183,208,193,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(183,208,193,.15) 1px,transparent 1px);background-size:20px 20px;opacity:.5;pointer-events:none}.ds-medical-grid-card>*{position:relative}.ds-animations-box{display:flex;gap:12px;flex-wrap:wrap;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.ds-anim-item{padding:12px 16px;background:#7ea18d14;border:1px solid rgba(126,161,141,.2);border-radius:8px;text-align:center}.ds-anim-item code{display:block;font-size:12px;color:#fff;font-family:monospace}.ds-anim-item span{display:block;font-size:10px;color:#6b7280;margin-top:4px}.completed-case-mockup{background:linear-gradient(145deg,#f8faf9,#f0f5f2);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.completed-case-header{padding:20px 24px;border-bottom:1px solid rgba(126,161,141,.2);display:flex;align-items:center;justify-content:space-between;background:#fffc;flex-wrap:wrap;gap:16px}.completed-case-left{display:flex;align-items:center;gap:16px}.case-back-btn{padding:8px;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b}.case-patient-info h2{font-size:22px;font-weight:600;color:#131317;margin:0;letter-spacing:-.3px}.case-patient-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.case-status-badge{padding:4px 12px;background:#7ea18d26;color:#5a8270;font-size:12px;font-weight:600;border-radius:20px}.case-patient-info p{font-size:14px;color:#64748b;margin:4px 0 0}.completed-case-actions{display:flex;gap:10px}.btn-export{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer}.btn-copy{padding:10px 16px;background:#5a8270;border-radius:8px;font-size:13px;font-weight:500;color:#fff;border:none;cursor:pointer}.completed-case-content{display:flex;gap:0}.completed-case-main{flex:1;padding:24px}.doc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.doc-card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.doc-card-title{display:flex;align-items:center;gap:10px}.doc-card-title svg{color:#5a8270}.doc-card-title span{font-size:16px;font-weight:600;color:#131317}.lcd-badge{font-size:12px;color:#5a8270}.doc-card-body{padding:32px;color:#374151}.doc-card-body h3{font-size:18px;font-weight:600;color:#131317;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;letter-spacing:-.2px}.doc-card-body p{font-size:15px;line-height:1.8;margin-bottom:24px}.doc-highlight-box{background:#f8faf9;border-radius:8px;padding:20px;margin-bottom:24px}.doc-highlight-box h4{font-size:14px;font-weight:600;color:#131317;margin-bottom:12px}.doc-highlight-box ul{font-size:14px;line-height:1.8;padding-left:20px;margin:0;color:#4b5563}.completed-case-sidebar{width:280px;padding:24px;background:#7ea18d08;flex-shrink:0}.revenue-card{background:linear-gradient(135deg,#5a8270,#7ea18d);border-radius:12px;padding:24px;text-align:center;margin-bottom:20px}.revenue-label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.revenue-value{display:block;font-size:36px;font-weight:700;color:#fff;font-family:monospace}.quick-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.quick-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-info-item{display:flex;flex-direction:column;gap:4px}.qi-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.qi-value{font-size:15px;font-weight:500;color:#131317}.qi-success{color:#5a8270}.lcd-compliance-card{background:#7ea18d14;border:1px solid rgba(126,161,141,.2);border-radius:12px;padding:20px}.lcd-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.lcd-header svg{color:#5a8270}.lcd-header span{font-size:14px;font-weight:600;color:#5a8270}.lcd-tags{display:flex;flex-wrap:wrap;gap:8px}.lcd-tag{padding:6px 12px;background:#7ea18d26;border-radius:20px;font-size:12px;color:#5a8270;font-weight:500}.visit-site-cta{margin-top:32px;text-align:center}.visit-site-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#5a8270;color:#fff;font-size:15px;font-weight:500;border-radius:8px;text-decoration:none;letter-spacing:.3px}.visit-site-btn:hover{background:#4a7260}.visit-site-note{margin-top:12px;font-size:13px;color:var(--text-secondary);opacity:.8}.gold-link{color:#b0976d;text-decoration:underline}.gold-link:hover{color:#c4a97a}.case-image-block{margin:40px 0;border-radius:16px;overflow:hidden}.case-image-block img{width:100%;height:auto;display:block}.slc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px;background:#7ea18d0d;border-radius:16px;border:1px solid rgba(126,161,141,.15)}.slc-item{text-align:center;padding:24px}.slc-item h5{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.slc-item p{font-size:14px;color:var(--text-secondary);margin:4px 0;line-height:1.5}.ai-models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ai-model-card{padding:24px;background:#7ea18d0d;border:1px solid rgba(126,161,141,.15);border-radius:12px;text-align:center}.ai-model-card h5{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ai-model-task{display:inline-block;padding:4px 12px;background:#7ea18d26;color:#5a8270;font-size:12px;font-weight:600;border-radius:20px;margin-bottom:12px}.ai-model-card p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.mobile-mockups-grid{display:flex;gap:24px;justify-content:center;align-items:flex-start;padding:40px 20px}.mobile-mockup{flex:0 0 auto;width:200px;border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #0006;border:4px solid #2a2a2e}.mobile-mockup img{width:100%;height:auto;display:block}.iteration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.iteration-item{padding:24px;background:#7ea18d0d;border:1px solid rgba(126,161,141,.15);border-radius:12px}.iteration-badge{display:inline-block;padding:4px 12px;background:#5a8270;color:#fff;font-size:11px;font-weight:600;border-radius:20px;margin-bottom:12px}.iteration-item h5{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.iteration-item p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.dashboard-image-full{margin:24px 0;border-radius:12px;overflow:hidden}.dashboard-image-full img{width:100%;height:auto;display:block}.performance-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.performance-item{padding:24px;background:#7ea18d0d;border:1px solid rgba(126,161,141,.15);border-radius:12px;text-align:center}.performance-item.performance-benchmark{background:#5a82701a;border-color:#5a82704d}.performance-year{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.performance-rate{display:block;font-size:32px;font-weight:700;color:#5a8270;margin-bottom:4px}.performance-detail{display:block;font-size:13px;color:var(--text-secondary)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px;background:#7ea18d0d;border-radius:12px;border:1px solid rgba(126,161,141,.15)}.solution-col h5{font-size:14px;font-weight:600;color:#5a8270;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.solution-col ul{list-style:none;padding:0;margin:0}.solution-col li{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.design-option{margin-bottom:48px;padding:32px;border-radius:16px;border:1px solid rgba(126,161,141,.15)}.design-option-failed{background:#ec624f08;border-color:#ec624f33}.design-option-approved{background:#5a82700d;border-color:#5a82704d}.design-option-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.design-option-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.design-option-badge{padding:4px 12px;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.design-option-badge.failed{background:#ec624f26;color:#ec624f}.design-option-badge.approved{background:#5a827026;color:#5a8270}.psychology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.psychology-item{padding:24px;background:#7ea18d0d;border:1px solid rgba(126,161,141,.15);border-radius:12px}.psychology-item h5{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.psychology-item p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.performance-data-grid{grid-template-columns:1fr}.solution-grid{grid-template-columns:1fr;gap:24px}.design-option{padding:24px}.psychology-grid{grid-template-columns:1fr}}@media (max-width: 768px){.case-columns{grid-template-columns:1fr;gap:32px}.case-timeline{grid-template-columns:repeat(2,1fr);gap:12px}.case-quote{padding:24px}.case-quote p{font-size:16px}}@media (max-width: 480px){.case-timeline{grid-template-columns:1fr}}@media (max-width: 768px){.slc-grid{grid-template-columns:1fr;gap:16px;padding:24px}.ai-models-grid{grid-template-columns:1fr}.mobile-mockups-grid{flex-direction:column;align-items:center;gap:32px}.mobile-mockup{width:280px}.iteration-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.case-header-nav{padding:30px 40px}.case-hero-content{padding:40px 40px 60px}.case-meta,.case-meta-row{grid-template-columns:repeat(2,1fr)}.case-meta-row:last-child{grid-template-columns:1fr}.case-section{padding:0 40px}.case-stats,.case-features{grid-template-columns:1fr}.affinity-grid{grid-template-columns:1fr;gap:32px}.safe-harbor-grid{grid-template-columns:1fr;gap:24px}.safe-harbor-shield{order:-1;flex-direction:row;gap:16px;padding:16px}.shield-icon{flex-direction:row;padding:16px 24px}.shield-icon svg{width:32px;height:32px}.safe-harbor-results{flex-wrap:wrap;gap:24px}.result-divider{display:none}.hipaa-identifiers-grid{grid-template-columns:1fr}.color-palette{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.case-header-nav{padding:20px 24px}.case-header-nav .btn-contact{display:none}.case-hero-content{padding:24px 24px 48px}.case-title{font-size:48px}.case-summary{font-size:18px}.case-meta{grid-template-columns:1fr 1fr;gap:24px}.case-meta-row{grid-template-columns:1fr 1fr;gap:20px}.case-meta-row:last-child{grid-template-columns:1fr}.case-meta-grid{gap:20px}.case-section{padding:0 24px;margin-bottom:60px}.case-section-body h2{font-size:24px}.case-footer{padding:24px}.case-footer-content{flex-direction:column;gap:24px;text-align:center}.case-content{border-radius:24px 24px 0 0}.case-visual-block{padding:20px;margin:32px 0}.case-insight{flex-direction:column;gap:12px;padding:20px}.affinity-header h5{font-size:14px}.affinity-card{padding:12px;font-size:13px}.affinity-card-stat .stat-value{font-size:20px}.safe-harbor-shield,.shield-icon{flex-direction:column}.safe-harbor-results{flex-direction:column;text-align:center}.result-value{font-size:24px}.color-palette{grid-template-columns:repeat(2,1fr);gap:12px}.color-block{height:60px}.color-info{padding:12px}.testimonial{padding:24px}.testimonial p{font-size:15px}}.onoctave-dark-visual{background:var(--onoctave-bg);border-radius:20px;padding:40px;margin:32px 0}:root{--onoctave-bg: #f5f5f7;--onoctave-text: #1d1d1f;--onoctave-text-secondary: #6e6e73;--onoctave-card-bg: rgba(0, 0, 0, .03);--onoctave-card-border: rgba(0, 0, 0, .08);--onoctave-arrow: rgba(0, 0, 0, .2)}[data-theme=dark]{--onoctave-bg: #0D0C0C;--onoctave-text: #fff;--onoctave-text-secondary: rgba(255, 255, 255, .6);--onoctave-card-bg: rgba(255, 255, 255, .05);--onoctave-card-border: rgba(255, 255, 255, .1);--onoctave-arrow: rgba(255, 255, 255, .3)}.onoctave-dark-visual .case-visual-header h4{color:var(--onoctave-text)}.onoctave-dark-visual .case-visual-header p{color:var(--onoctave-text-secondary)}.onoctave-flow-diagram{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;align-items:start;gap:0;margin:32px 0}.flow-stage{background:var(--bg-secondary);border-radius:10px;overflow:hidden}.flow-stage-header{padding:10px 12px;display:flex;align-items:center;gap:8px}.flow-stage-header.flow-stage-entry{background:#7ea18d}.flow-stage-header.flow-stage-decision{background:#bb966d}.flow-stage-header.flow-stage-friction{background:#ec624f}.flow-stage-header.flow-stage-solution{background:#5a8270}.flow-icon{width:22px;height:22px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.flow-stage-header h5{margin:0;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.flow-stage-content{padding:12px}.flow-stage-content p{margin:0 0 8px;font-size:12px;color:var(--text-secondary);line-height:1.4}.flow-emotion{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500}.flow-emotion.positive{background:#7ea18d26;color:#7ea18d}.flow-emotion.negative{background:#ec624f26;color:#ec624f}.flow-connector{display:flex;align-items:center;justify-content:center;position:relative;align-self:center;height:40px}.flow-connector:before{content:"";width:100%;height:2px;background:var(--text-muted);position:absolute}.flow-connector:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--text-muted);position:absolute;right:0}.tip-amounts-showcase{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:32px 0}.tip-amount-card{background:var(--onoctave-card-bg);border:1px solid var(--onoctave-card-border);border-radius:16px;padding:24px 32px;text-align:center;min-width:100px;position:relative;transition:transform .2s ease,border-color .2s ease}.tip-amount-card:hover{transform:translateY(-4px);border-color:#ff6b35}.tip-amount-card.tip-amount-popular{background:#ff6b351a;border-color:#ff6b35}.tip-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#ff6b35;color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:10px;white-space:nowrap}.tip-value{display:block;font-size:28px;font-weight:700;color:var(--onoctave-text);margin-bottom:4px}.tip-label{display:block;font-size:12px;color:var(--onoctave-text-secondary)}.wallet-flow-visual{display:flex;align-items:center;justify-content:center;gap:16px;margin:32px 0;flex-wrap:wrap}.wallet-step{text-align:center;padding:24px;background:var(--onoctave-card-bg);border-radius:16px;min-width:160px}.wallet-step-icon{width:64px;height:64px;background:#ff6b3526;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#ff6b35}.wallet-step h5{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--onoctave-text)}.wallet-step p{margin:0;font-size:13px;color:var(--onoctave-text-secondary);line-height:1.4}.wallet-arrow{color:var(--onoctave-arrow)}.wallet-benefit-cards{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}.wallet-benefit{flex:1;min-width:250px;background:var(--onoctave-card-bg);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;color:var(--onoctave-text);font-size:14px}.benefit-icon{color:#ff6b35}.case-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0}.case-image{border-radius:16px;overflow:hidden;margin:32px 0}.case-image img{width:100%;height:auto;display:block}.case-image-full{margin:32px 0;border-radius:16px;overflow:hidden}.case-image-full img{width:100%;height:auto;display:block}.tipping-flow-mockup{display:flex;align-items:center;justify-content:center;gap:24px;margin:32px 0;flex-wrap:wrap}.phone-mockup{display:flex;flex-direction:column;align-items:center;gap:12px}.phone-frame{width:180px;height:360px;background:#1a1a1a;border-radius:28px;padding:8px;box-shadow:0 8px 32px #0006;position:relative}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:20px;background:#0d0c0c;border-radius:12px;z-index:10}.phone-screen{width:100%;height:100%;background:#0d0c0c;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;position:relative}.mock-video-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a3a,#1a1a2a);color:#ffffff80;font-size:12px;gap:8px}.mock-video-icon{width:48px;height:48px;background:#ff6b3533;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff6b35}.mock-artist-bar{padding:12px;display:flex;align-items:center;gap:10px;background:#00000080}.mock-avatar{width:32px;height:32px;background:linear-gradient(135deg,#ff6b35,#ff8f6b);border-radius:50%}.mock-artist-info{display:flex;flex-direction:column}.mock-artist-name{font-size:11px;font-weight:600;color:#fff}.mock-song{font-size:10px;color:#ffffff80}.mock-balance{position:absolute;top:32px;right:12px;font-size:11px;font-weight:600;color:#7ea18d;background:#7ea18d26;padding:4px 8px;border-radius:8px}.mock-actions{padding:12px;display:flex;justify-content:center}.mock-tip-btn{background:#ff6b35;color:#fff;border:none;padding:8px 24px;border-radius:16px;font-size:12px;font-weight:600}.mock-modal{padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.mock-modal h5{margin:0 0 20px;font-size:14px;font-weight:600;color:#fff}.mock-amounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;width:100%}.mock-amount{padding:10px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-align:center;font-size:12px;font-weight:600;color:#fffc}.mock-amount.mock-amount-selected{background:#ff6b3526;border-color:#ff6b35;color:#ff6b35}.mock-confirm-btn{background:#ff6b35;color:#fff;border:none;padding:10px 32px;border-radius:16px;font-size:12px;font-weight:600;width:100%}.mock-success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center}.mock-success-icon{color:#7ea18d;margin-bottom:16px}.mock-success-screen h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff}.mock-success-screen p{margin:0 0 16px;font-size:12px;color:#fff9}.mock-new-balance{font-size:11px;color:#7ea18d;background:#7ea18d26;padding:6px 12px;border-radius:8px}.phone-label{font-size:12px;font-weight:500;color:var(--onoctave-text-secondary)}.flow-arrow-h{color:var(--onoctave-arrow)}.case-video-container{margin:24px 0 0;border-radius:16px;overflow:hidden;background:#000}.case-video{width:100%;height:auto;display:block}@media (max-width: 900px){.onoctave-flow-diagram{display:grid;grid-template-columns:1fr 16px 1fr;grid-template-rows:auto auto auto auto auto;gap:8px 0}.flow-stage:nth-child(1){grid-column:1;grid-row:1}.flow-connector:nth-child(2){grid-column:2;grid-row:1}.flow-stage:nth-child(3){grid-column:3;grid-row:1}.flow-connector:nth-child(4){grid-column:3;grid-row:2;justify-self:center;width:16px;height:20px}.flow-connector:nth-child(4):before{width:2px;height:100%}.flow-connector:nth-child(4):after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);border-bottom:none;right:auto;bottom:0}.flow-stage:nth-child(5){grid-column:3;grid-row:3}.flow-connector:nth-child(6){grid-column:2;grid-row:3;transform:rotate(180deg)}.flow-stage:nth-child(7){grid-column:1;grid-row:3}}@media (max-width: 600px){.onoctave-flow-diagram{display:flex;flex-direction:column;gap:0}.flow-stage{width:100%}.flow-connector{width:100%;height:20px}.flow-connector:before{width:2px;height:100%}.flow-connector:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);border-bottom:none;right:auto;bottom:0}.tip-amounts-showcase{gap:12px}.tip-amount-card{padding:16px 20px;min-width:80px}.tip-value{font-size:22px}.wallet-flow-visual{flex-direction:column}.wallet-arrow{transform:rotate(90deg)}.wallet-step{width:100%}.case-image-grid{grid-template-columns:1fr}.onoctave-dark-visual{padding:24px}.tipping-flow-mockup{flex-direction:column;gap:16px}.flow-arrow-h{transform:rotate(90deg)}.phone-frame{width:160px;height:320px}}.pc-dark-visual{background:#0a0a0a;border-radius:16px;padding:32px;margin:24px 0}[data-theme=dark] .pc-dark-visual{background:#111;border:1px solid rgba(255,255,255,.08)}.pc-dark-visual .case-visual-header h4,.pc-dark-visual h4{color:#f5f5f7!important}.pc-dark-visual .case-visual-header p,.pc-dark-visual>.case-visual-header>p{color:#a0a0a0!important}.pc-prototype{--pc-bg-primary: #0a0a0a;--pc-bg-secondary: #141414;--pc-text-primary: #f5f5f7;--pc-text-secondary: #a0a0a0;--pc-border: rgba(255, 255, 255, .15);--pc-gold: #b0976d;--pc-gold-light: #c4b48e;--pc-coral: #ff7861;--pc-sage: #4a9a6b;background:var(--pc-bg-primary);border-radius:12px;border:1px solid var(--pc-border);overflow:hidden;font-size:14px}.pc-framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}@media (max-width: 900px){.pc-framework-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.pc-framework-grid{grid-template-columns:1fr}}.pc-framework-card{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center}.pc-framework-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:#b0976d1a;border-radius:12px}.pc-framework-icon i{font-size:24px;color:#b0976d}.pc-framework-card h5{margin:0 0 4px;font-size:16px;font-weight:600;color:#f5f5f7}.pc-framework-subtitle{margin:0 0 12px;font-size:12px;color:#a0a0a0;font-style:italic}.pc-framework-score{display:inline-block;background:#b0976d26;color:#b0976d;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px}.pc-criteria-list{list-style:none;padding:0;margin:0;text-align:left}.pc-criteria-list li{font-size:12px;color:#a0a0a0;padding:6px 0;border-top:1px solid rgba(255,255,255,.05)}.pc-criteria-list li:first-child{border-top:none}.pc-score-tiers{display:flex;justify-content:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 600px){.pc-score-tiers{flex-wrap:wrap;gap:12px}}.pc-tier{display:flex;flex-direction:column;align-items:center;gap:4px}.pc-tier-range{font-size:14px;font-weight:600;color:#f5f5f7;font-family:PPMori,monospace}.pc-tier-label{font-size:11px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.pc-landing-view{padding:48px 32px;text-align:center}.pc-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pc-bg-secondary);border:1px solid var(--pc-border);border-radius:24px;padding:8px 16px;font-size:11px;font-weight:500;color:var(--pc-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}.pc-badge i{color:var(--pc-gold)}.pc-illustration{width:220px;height:220px;margin:0 auto 24px}.pc-illustration svg,.pc-illustration object,.pc-illustration-svg{width:100%;height:100%;display:block}@keyframes pcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pc-headline{margin:0 0 12px;font-size:28px;font-weight:600;color:var(--pc-text-primary);letter-spacing:-.5px}.pc-gold{color:var(--pc-gold)}.pc-subhead{font-size:14px;line-height:1.6;color:var(--pc-text-secondary);max-width:400px;margin:0 auto 32px}.pc-form{display:flex;gap:12px;max-width:400px;margin:0 auto 16px}@media (max-width: 500px){.pc-form{flex-direction:column}}.pc-input-group{flex:1;position:relative}.pc-input-group i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--pc-text-secondary);font-size:16px}.pc-input-group input{width:100%;padding:14px 16px 14px 44px;background:var(--pc-bg-primary);border:1px solid var(--pc-border);border-radius:12px;font-size:13px;color:var(--pc-text-primary);outline:none}.pc-input-group input::placeholder{color:var(--pc-text-secondary)}.pc-submit-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--pc-text-primary);color:var(--pc-bg-primary);border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.pc-submit-btn:hover{opacity:.9}.pc-toggle-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.pc-toggle-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pc-text-secondary)}.pc-toggle-text i{font-size:14px}.pc-toggle-help{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--pc-border);border-radius:50%;font-size:9px;color:var(--pc-text-secondary)}.pc-footer-text{font-size:10px;color:var(--pc-text-secondary);margin:0;opacity:.7}.pc-footer-text i{color:var(--pc-coral);font-size:10px;vertical-align:middle}.pc-loading-view{padding:48px 32px;text-align:center}.pc-loading-illustration{width:260px;height:260px;margin:0 auto 8px}.pc-loading-illustration svg,.pc-loading-illustration object,.pc-loading-illustration .pc-illustration-svg{width:100%;height:100%;display:block}.pc-url-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pc-bg-secondary);border:1px solid var(--pc-border);border-radius:24px;padding:8px 16px;font-size:12px;color:var(--pc-text-secondary);margin-bottom:24px}.pc-url-badge i{font-size:14px}.pc-loading-headline{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--pc-text-primary);letter-spacing:-.3px}.pc-loading-subhead{margin:0 0 20px;font-size:12px;color:var(--pc-text-secondary)}.pc-tip-card{display:flex;align-items:flex-start;gap:14px;max-width:380px;margin:0 auto;padding:18px 22px;background:linear-gradient(135deg,#141414e6,#1e1e1ecc);border:1px solid rgba(176,151,109,.15);border-radius:16px;text-align:left;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08}.pc-tip-icon{flex-shrink:0;color:var(--pc-gold);font-size:20px;margin-top:1px;filter:drop-shadow(0 0 8px rgba(176,151,109,.3))}.pc-tip-text{margin:0;font-size:13px;line-height:1.6;color:#a0a0a0e6;font-style:italic;font-family:Georgia,Times New Roman,serif;letter-spacing:.01em}.pc-results-view{padding:32px;text-align:center}@media (max-width: 500px){.pc-results-view{padding:24px 16px}}.pc-score-card{position:relative;max-width:320px;margin:0 auto 24px;padding:28px 32px;background:linear-gradient(135deg,#7db07a,#4a9a6b,#3d8a5e);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.pc-score-card-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;pointer-events:none}.pc-score-label{position:relative;margin:0 0 8px;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff}.pc-score-display{position:relative;display:flex;align-items:baseline;justify-content:center;gap:4px}.pc-score-number{font-family:PPMori,monospace;font-size:72px;font-weight:700;color:#fff;line-height:1;letter-spacing:-3px}.pc-score-max{font-family:PPMori,monospace;font-size:24px;font-weight:500;color:#fff}.pc-score-tier-badge{position:relative;display:inline-block;margin-top:12px;padding:6px 16px;background:#fff3;border-radius:20px;font-size:12px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pc-score-hint{position:relative;margin:12px 0 0;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff}.pc-results-headline{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--pc-text-primary);letter-spacing:-.3px}.pc-results-subhead{font-size:13px;line-height:1.6;color:var(--pc-text-secondary);max-width:480px;margin:0 auto 24px}.pc-results-subhead strong{font-family:PPMori,monospace;font-weight:500;color:var(--pc-text-primary)}.pc-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media (max-width: 600px){.pc-categories-grid{grid-template-columns:1fr}}.pc-category-card{background:var(--pc-bg-primary);border:1px solid var(--pc-border);border-radius:16px;padding:20px;text-align:left;transition:transform .2s,box-shadow .2s}.pc-category-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003}.pc-cat-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.pc-cat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--pc-bg-secondary);border-radius:10px;flex-shrink:0}.pc-cat-icon i{font-size:18px;color:var(--pc-text-secondary)}.pc-cat-info{flex:1;min-width:0}.pc-cat-info h5{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--pc-text-primary)}.pc-cat-info span{font-size:11px;color:var(--pc-text-secondary)}.pc-cat-score{text-align:right}.pc-cat-score-val{font-family:PPMori,monospace;font-size:22px;font-weight:700;color:var(--pc-text-primary);line-height:1}.pc-cat-score-max{display:block;font-family:PPMori,monospace;font-size:9px;font-weight:500;color:var(--pc-text-secondary);text-transform:uppercase}.pc-cat-bar{height:6px;background:var(--pc-bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:12px}.pc-cat-bar-fill{height:100%;background:linear-gradient(90deg,#d94f3f,#ff7861,#d4a843,#7db07a,#4a9a6b);border-radius:3px;transition:width .8s cubic-bezier(.22,1.2,.36,1)}.pc-cat-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;font-size:11px;font-weight:500;color:var(--pc-text-secondary);cursor:pointer;transition:color .2s}.pc-cat-toggle:hover{color:var(--pc-text-primary)}.pc-cat-toggle i{font-size:14px}.pc-flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media (max-width: 800px){.pc-flags-grid{grid-template-columns:1fr}}.pc-flag-list{background:var(--pc-bg-primary);border:1px solid var(--pc-border);border-radius:16px;padding:20px;text-align:left}.pc-flag-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.pc-flag-header i{font-size:16px}.pc-flag-red .pc-flag-header i{color:var(--pc-coral)}.pc-flag-green .pc-flag-header i{color:var(--pc-text-primary)}.pc-flag-gold .pc-flag-header i{color:var(--pc-gold)}.pc-flag-header h5{margin:0;font-size:13px;font-weight:600;color:var(--pc-text-primary)}.pc-flag-list ul{list-style:none;padding:0;margin:0}.pc-flag-list li{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:var(--pc-text-secondary);padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.pc-flag-list li:first-child{border-top:none;padding-top:0}.pc-flag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.pc-flag-dot.red{background:var(--pc-coral)}.pc-flag-dot.green{background:var(--pc-sage)}.pc-flag-num{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#b0976d1a;border-radius:50%;font-family:PPMori,monospace;font-size:10px;font-weight:700;color:var(--pc-gold);flex-shrink:0}.pc-action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pc-btn-secondary,.pc-btn-primary{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.pc-btn-secondary:hover,.pc-btn-primary:hover{transform:scale(1.02)}.pc-btn-secondary:active,.pc-btn-primary:active{transform:scale(.98)}.pc-btn-secondary{background:var(--pc-bg-secondary);border:1px solid var(--pc-border);color:var(--pc-text-primary)}.pc-btn-primary{background:var(--pc-text-primary);border:none;color:var(--pc-bg-primary)}@media (max-width: 600px){.pc-dark-visual{padding:20px}.pc-landing-view,.pc-loading-view{padding:32px 20px}.pc-headline{font-size:24px}.pc-illustration{width:140px;height:140px}.pc-score-number{font-size:48px}}