@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=LXGW+WenKai+TC&display=swap";@import"https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=DM+Mono:ital,wght@0,400;0,500;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";.header-section{position:fixed;top:0;z-index:5;display:flex;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(12px);background-color:#fff0;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);transition:background-color .3s ease;width:100vw}.header-wrap{width:100%;padding:20px 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-wordmark{font-family:DM Mono,monospace;font-weight:400;font-size:14px;letter-spacing:0;color:#bfbfbf;text-decoration:none;text-transform:uppercase;transition:color .25s ease}.nav-wordmark:hover{color:#f2582d}.nav-buttons{display:flex;align-items:center;gap:24px}.nav-button{font-family:DM Mono,monospace;font-weight:400;font-size:14px;letter-spacing:0;color:#bfbfbf;text-decoration:none;text-transform:uppercase;transition:color .25s ease}.nav-button:hover{color:#f2582d}.menu-toggle{display:none;background:none;border:none;color:#bfbfbf;font-size:22px;cursor:pointer}@media (max-width: 720px){.nav-buttons{display:none;flex-direction:column;height:100vh;width:100vw;background-color:#fffffff5;position:fixed;top:60px;right:0;padding-top:60px;gap:32px}.nav-buttons.open{display:flex}.menu-toggle{display:block}}.footer{display:flex;justify-content:center;align-items:center;background:#fff}.footer-wrap{width:100%;padding:32px 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer-copyright,.footer-link{font-family:DM Mono,monospace;font-weight:400;font-size:14px;letter-spacing:0;color:#bfbfbf;text-transform:uppercase;text-decoration:none;transition:color .25s ease;line-height:normal}.footer-links{display:flex;flex-direction:row;gap:24px}.footer-link:hover{color:#f2582d}.grid-container{columns:2;column-gap:20px;width:100%;padding:32px 24px 60px;box-sizing:border-box;background:transparent}.project-card{break-inside:avoid;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.project-link{display:flex;flex-direction:column;gap:12px;text-decoration:none;cursor:pointer}.project-thumbnail{width:100%;border-radius:4px;display:block;object-fit:cover;transition:opacity .3s ease,transform .3s ease}.project-link:hover .project-thumbnail{opacity:.8;transform:scale(1.018)}.thumb-tall{height:460px}.thumb-short{height:340px}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.project-meta-name{font-family:DM Sans,sans-serif;font-weight:500;font-size:18px;color:#292929;line-height:normal}.project-meta-tag{font-family:DM Mono,monospace;font-weight:400;font-size:13px;color:#bfbfbf;text-transform:uppercase;letter-spacing:0;white-space:nowrap;flex-shrink:0}.fade-in{opacity:0;animation:fadeInUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.35s}.delay-3{animation-delay:.5s}.delay-4{animation-delay:.65s}@media (max-width: 720px){.grid-container{columns:1;padding:24px 16px 60px}.thumb-tall,.thumb-short{height:260px}}:root{--purple: 240, 147, 255;--dark-pink: 255, 117, 167;--yellow: 251, 209, 130;--peach: 252, 174, 149;--teal: 183, 240, 240;--circle-size: 80%}@keyframes moveInCircles{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveHorizontal{0%,to{transform:translate(60%) translateY(30%)}50%{transform:translate(-60%) translateY(-30%)}}@keyframes moveVertical{0%,to{transform:translate(-10%) translateY(80%)}50%{transform:translate(10%) translateY(-80%)}}.gradient-bg{width:100vw;height:100vh;position:fixed;z-index:-1;overflow:hidden;background:#ebf0ff2e;top:0;left:0}.gradients-container{width:100%;height:100%;position:relative}.gradient1{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--teal),1),rgba(var(--teal),0) 50%);filter:blur(80px);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(70% - 500px);animation:moveInCircles 45s linear infinite}.gradient2{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--peach),1),rgba(var(--peach),0) 50%);filter:blur(80px);top:calc(50% - var(--circle-size)/2);left:calc(50% - var(--circle-size)/2);transform-origin:calc(60% + 200px);animation:moveInCircles 40s reverse infinite}.gradient3{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--yellow),1),rgba(var(--yellow),0) 50%);filter:blur(80px);top:calc(50% - var(--circle-size)/2 + 200px);left:calc(50% - var(--circle-size)/2 - 400px);transform-origin:calc(50% - 250px);animation:moveHorizontal 40s ease infinite}.gradient4{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--dark-pink),.7),rgba(var(--dark-pink),0) 50%);filter:blur(80px);top:calc(50% - var(--circle-size)/2 + 300px);left:calc(50% - var(--circle-size)/2 + 400px);transform-origin:calc(50% - 500px);animation:moveVertical 30s ease infinite}.gradient5{position:absolute;width:var(--circle-size);height:var(--circle-size);background-image:radial-gradient(circle at center,rgba(var(--purple),.7),rgba(var(--purple),0) 50%);filter:blur(80px);top:calc(50% - var(--circle-size)/2 - 300px);left:calc(50% - var(--circle-size)/2 + 400px);transform-origin:calc(50% + 200px);animation:moveHorizontal 30s ease infinite}.cursor-orb{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle at center,#fffc,#ffffff40 40%,#fff0 70%);filter:blur(28px);transform:translate(-50%,-50%);pointer-events:none;will-change:left,top}#landing-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;background:#f8f9ff8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:120px 24px 40px;min-height:auto}.landing-text{display:flex;flex-direction:column;gap:8px;max-width:900px}.landing-hi-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;cursor:default;padding-bottom:2px;overflow:visible}.landing-hi-row .gray-landing-text{font-family:Domine,serif;font-weight:400;font-size:48px;line-height:1;background:linear-gradient(100deg,#29292947,#29292947 35%,#b4b4b4bf,#29292947 65%,#29292947);background-size:250% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hi-row:hover .gray-landing-text{animation:shimmer .85s ease forwards}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}#miao{background-color:#f2582d;color:#fff;padding:4px 16px;border-radius:40px;font-family:Poppins,LXGW WenKai TC,sans-serif;font-weight:600;font-size:24px;line-height:normal;display:inline-flex;align-items:center;flex-shrink:0;position:relative;overflow:hidden;cursor:default}#miao:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0);animation:miaoSheen 6s ease-in-out infinite}@keyframes miaoSheen{0%{left:-75%;opacity:0}5%{opacity:1}20%{left:125%;opacity:1}21%{opacity:0}to{left:125%;opacity:0}}.landing-headline{font-family:Domine,serif;font-weight:400;font-size:48px;line-height:1.2;color:#292929;cursor:default}.headline-first-line{display:block}.headline-second-line{display:block;white-space:nowrap}.headline-animated{display:inline;font-weight:700;color:#292929}.headline-period{display:inline;font-weight:400;color:#292929}.lift-letter{display:inline-block;color:#292929;animation:letterBounce 6s ease-in-out infinite}@keyframes letterBounce{0%{transform:translateY(0)}5%{transform:translateY(-6px)}10%{transform:translateY(0)}to{transform:translateY(0)}}.lift-letter{position:relative}.lift-letter:before{content:attr(data-char);position:absolute;top:-.15em;right:-.1em;bottom:-.15em;left:-.1em;background:linear-gradient(115deg,#c084fc,#f472b6,#fb923c,#fbbf24);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:0;pointer-events:none;font:inherit;letter-spacing:inherit;white-space:pre;display:flex;align-items:center;justify-content:center}@keyframes gradientRipple{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.headline-animated:hover .lift-letter:before{animation:gradientRipple .75s ease calc(var(--i) * .04s) 1 forwards}.landing-status{font-family:DM Mono,monospace;font-weight:400;font-size:15px;letter-spacing:0;color:#bfbfbf;text-transform:uppercase;margin-top:14px}.landing-status em{font-style:italic}#work{scroll-margin-top:80px;display:flex;flex-direction:column;align-items:stretch;padding:0;margin-top:0;background:#f8f9ff8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .7s ease forwards}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.project-landing-section{width:100vw;display:flex;justify-content:center;align-items:center}.header-preview{height:100%}.header-img-wrapper{display:flex;height:90vh;justify-content:space-between;align-items:center;overflow:hidden}.header-img-wrapper .logo{width:240px;padding-left:40px}.header-img-wrapper #augene-logo-white{max-width:20%}.header-img-wrapper #innod-preview{height:360px;padding:40px}#augene-project-landing-section{background-color:#2626e6}#checkt-project-landing-section{background-color:#201e22}#innod-project-landing-section{background-color:#f968ea}#augene-dashboard{padding:40px 40px 0;height:400px}.large-description{font-weight:500;font-size:38px;line-height:normal}.augene-blue-text{color:#2a68fb}.checkt-purple-text{color:#d28cfe}.stage-title{font-weight:500;font-size:48px;line-height:1.2}.project-overview-section{display:flex;justify-content:center;background-color:#f6f6f6;padding:80px 0;margin-bottom:80px}.project-overview-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:1200px;max-width:98vw;gap:40px}.project-overview-description{display:flex;flex-direction:column;gap:8px;max-width:720px}.project-overview-description .project-title{display:flex;flex-direction:column;font-size:56px;line-height:1;margin-bottom:16px}.project-overview-summaries{display:flex;flex-direction:column;gap:20px}.summary-titles{font-weight:500}.summary-vertical-sections{margin-bottom:16px;width:240px}.two-column-text{display:flex;flex-direction:row;gap:6%;align-items:center;width:1200px;max-width:94vw}.two-column-text .left-column{display:flex;flex-direction:column;width:50%;gap:20px}.two-column-text .right-column{text-align:center;align-self:center;width:44%}.two-column-text .right-column img{width:100%;object-fit:contain}.solution-header-text{display:flex;flex-direction:column;text-align:center}.two-column-solution{display:flex;flex-direction:row;gap:4%;align-items:stretch;width:1200px;max-width:94vw}.preview-column{text-align:center;align-self:center;width:38%}.preview-column img{width:100%;object-fit:contain}.two-column-solution .text-column{display:flex;flex-direction:column;width:56%;gap:20px;padding:60px}.centered-text{display:flex;flex-direction:column;align-items:center;gap:20px}.centered-text .project-text{text-align:center;width:680px;max-width:98vw}.centered-img-div img{width:1200px;max-width:98vw}.centered-img-text{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.centered-img-caption{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.dark-big-statement-section{width:100%;align-items:center;justify-content:center;background-color:#303030;height:400px}.dark-big-statement-section p{color:#e3f39b}.big-statement{text-align:center;max-width:720px;color:#f7f7f7}.innod-section{display:flex;flex-direction:column;width:100vw;align-items:center;gap:40px}.centered-image-div{display:flex;flex-direction:column;align-items:center;width:100%}.webpage-image-div{margin-top:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:720px;max-height:fit-content}.image-scroll-container{overflow-y:scroll;border:8px solid #F6F6F6;border-radius:20px;width:1200px;max-height:fit-content;max-width:94vw}.webpage-design{width:100%;height:auto;display:block}.solution-section h1{font-size:64px}.bold-h2{font-weight:500}.solution-section .gray-h2{font-size:28px;font-weight:400;color:#6c6c6c;line-height:1.4}.solution-section .purple-h2{font-size:28px;font-weight:400;color:#d28cfe}.solution-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;gap:40px}.checkt-solution-section h1{color:#fff}.solution-section .app-name{font-size:80px}.solution-section h2{font-size:28px;line-height:100%;font-weight:400}.two-rows{display:flex;flex-direction:column;gap:40px}.two-columns{display:flex;flex-direction:row;gap:40px}.top-bottom-text{display:flex;flex-direction:column;justify-content:space-between}.icon-text{display:flex;flex-direction:column;gap:8px;align-self:start;width:50%}.icon-text .summary-icon{width:32px}.three-columns{display:flex;flex-direction:row;gap:4%;align-items:center}.three-columns .side-column{width:29%}.three-columns .side-column img{width:100%;object-fit:contain}.side-column{display:flex;flex-direction:column;gap:40px}.img-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.img-caption .caption{line-height:1.2;max-width:300px}.long-caption{line-height:1.2;max-width:600px}.img-caption img{width:100%;object-fit:contain}.next-project-section{width:100vw;display:flex;justify-content:center}.link-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:1200px;max-width:94vw}.next-project-link{display:flex;flex-direction:column;text-decoration:none}#skin-concerns{height:400px}#augene-mockup{width:50%}#competitors{width:100%}.innod-logo{width:70%}.colors{width:60%;text-align:center}.checkt-preview{height:800px;max-width:100vw;overflow:hidden}.checkt-preview img{height:100%;width:auto;display:block;position:absolute;left:50%;transform:translate(-50%)}#widget-preview{width:90%}#todays-photos{max-width:640px}.medium-gif{width:600px;border-radius:40px}#habit-page{height:600px}#recommended-text,#completed-today{width:400px}.next-project-link{display:flex;flex-direction:row;align-items:flex-end;gap:24px;cursor:pointer;transition:color .3s ease}.next-project-text{display:flex;flex-direction:column;text-align:right}.previous-project-text{display:flex;flex-direction:column;text-align:left}.next-project-link .project-title,.next-project-link .right-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .right-arrow{transform:translate(12px)}.next-project-link .left-arrow{color:#303030;font-size:32px;transition:transform .3s ease}.next-project-link:hover .left-arrow{transform:translate(-12px)}.next-project-link .project-title{position:relative;transition:color .3s ease}.next-project-link .project-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#303030;transition:width .3s ease}.next-project-link:hover .project-title:after{width:100%}@media (max-width: 1200px){.section-body{margin:auto}}@media (max-width: 1000px){.header-img-wrapper #innod-logo{display:none}#innod-project-landing-section .header-img-wrapper{justify-content:center}}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}@media (max-width: 800px){.header-img-wrapper .logo{display:none}.header-img-wrapper{justify-content:center}.project-overview-wrapper{flex-direction:column;gap:60px;padding:0 20px}.project-overview-summaries{flex-direction:row;gap:120px}.two-column-text{flex-direction:column;gap:40px}.two-column-text .left-column{width:100%;order:1}.two-column-text .right-column{width:100%}.innod-logo{width:50%}.solution-section{padding-left:20px;padding-right:20px}.two-column-solution{flex-direction:column;align-items:center;justify-content:center}.two-column-solution .text-column{width:80%}#todays-photos{width:90%}}.div-line{border:solid;height:1px;background-color:#e4e4e4}.div-line-padding{padding:120px 0}.gif-preview{width:800px}.about-section{display:flex;flex-direction:row;align-items:flex-start;gap:4%;padding:120px 24px 100px;margin:0;min-height:100vh;box-sizing:border-box}.about-left{display:flex;flex-direction:column;gap:48px;flex:0 0 38%;min-width:0}.about-right{flex:0 0 58%}.about-intro{display:flex;flex-direction:column;gap:16px}.about-headline{font-family:Domine,serif;font-weight:400;font-size:40px;line-height:1.25;color:#292929}.about-headline em{font-style:italic}.about-subtext{font-family:DM Sans,sans-serif;font-size:18px;color:#6c6c6c;line-height:1.7;max-width:480px}.about-status{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:13px;color:#bfbfbf;text-transform:uppercase;margin-top:4px}.status-dot{width:7px;height:7px;border-radius:50%;background-color:#6bcf7f;flex-shrink:0;box-shadow:0 0 0 2px #6bcf7f40}.about-block{display:flex;flex-direction:column;gap:12px}.about-label{font-family:DM Mono,monospace;font-weight:400;font-size:13px;color:#bfbfbf;text-transform:uppercase;letter-spacing:0;margin-bottom:4px}.about-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.about-list li{font-family:DM Sans,sans-serif;font-size:17px;color:#4a4a4a;line-height:1.6;padding-left:16px;position:relative}.about-list li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background-color:#4a4a4a}.about-list li em{font-style:italic}.about-links{display:flex;gap:20px}.about-link{font-family:DM Mono,monospace;font-size:13px;color:#292929;text-decoration:none;text-transform:uppercase;border-bottom:1px solid #292929;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.about-link:hover{color:#f2582d;border-color:#f2582d}.haappy-link{font-family:DM Sans,sans-serif;color:#292929;text-decoration:none;border-bottom:1px solid #292929;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.haappy-link:hover{color:#f2582d;border-color:#f2582d}.photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:334px 334px;gap:12px;height:680px}.photo-main{grid-column:1;grid-row:1 / -1;width:100%;height:100%;object-fit:cover}.photo-secondary{width:100%;height:100%;object-fit:cover}@media (max-width: 1100px){.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto;align-items:stretch}.photo-main{grid-column:1 / -1;grid-row:1;height:400px}.photo-secondary{grid-column:auto;grid-row:2;height:250px}}@media (max-width: 768px){.about-section{flex-direction:column;padding:100px 24px 80px}.about-left,.about-right{flex:none;width:100%}}:root{font-family:DM Sans,sans-serif;font-weight:400;font-style:normal;color:#292929;overscroll-behavior:contain}*{margin:0}h1{font-family:Domine,serif;font-weight:400;font-size:40px;line-height:1.2;color:#292929}h2{font-family:DM Sans,sans-serif;font-weight:500;font-size:28px;line-height:normal}h3{font-family:DM Mono,monospace;font-weight:400;font-size:13px;color:#bfbfbf;line-height:1.8;text-transform:uppercase;letter-spacing:0}p,li{font-family:DM Sans,sans-serif;font-weight:400;font-size:18px;color:#6c6c6c;line-height:1.8}.section{display:flex;flex-direction:column;width:100vw;align-items:center;gap:40px}.dark-text{color:#292929}.gray-text{color:#bfbfbf}body{display:flex;flex-direction:column;gap:120px;overflow-x:hidden;width:100%;background:transparent}