﻿*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{overflow-x:hidden}

::selection{background:rgba(42,157,144,.422);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

::-moz-selection{background:rgba(42,157,143,.17);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5;color:#333}

h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.2}

.container{max-width:1200px;margin:0 auto;padding:0 1rem}

.navbar{position:sticky;top:0;left:0;right:0;z-index:1000;padding:2rem 0}

.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}

@media(max-width: 768px){.navbar-container{padding:0 2rem}

}

.navbar-left{display:flex;align-items:center;gap:1.5rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 20px;border-radius:8px}

.navbar-left a{text-decoration:none;color:#000}

.navbar-action{text-decoration:none;color:#000;transition:color .3s ease;background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;padding:0}

.navbar-action--desktop{display:inline-block}

@media(max-width: 768px){.navbar-action--desktop{display:none}

}

.navbar-action--mobile{display:none}

@media(max-width: 1024px){.navbar-action--mobile{display:inline-block;padding:8px 16px;margin:4px 0;background:hsla(0,0%,100%,.1);border-radius:8px;text-align:center}

.navbar-action--mobile:hover{background:hsla(0,0%,100%,.2)}

}

.navbar-logo{display:flex;align-items:center;margin-right:1rem}

.navbar-logo img{height:60px;width:auto;filter:none;transition:filter .3s ease}

@media(max-width: 768px){.navbar-logo img{height:30px}

}

.navbar-hamburger{display:none;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:5px;z-index:1001}

.navbar-hamburger span{display:block;width:25px;height:2px;background:#2a9d8f;margin:5px 0;transition:all .3s ease}

@media(max-width: 1024px){.navbar-hamburger{display:block}

}

.navbar-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:12px 20px;background:hsla(0,0%,100%,.64);border:1px solid rgba(57,57,57,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px}

.navbar-menu li{margin:0}

@media(max-width: 1024px){.navbar-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;flex-direction:column;padding:100px 30px;background:rgba(0,0,0,.95);transition:right .3s ease;border-radius:0}

.navbar-menu--open{right:0}

}

.navbar-menu-divider{display:none}

@media(max-width: 1024px){.navbar-menu-divider{display:block;height:1px;background:hsla(0,0%,100%,.2);margin:20px 0}

}

.navbar-menu-actions{display:none}

@media(max-width: 1024px){.navbar-menu-actions{display:flex;flex-direction:column;gap:10px}

}

.navbar-link{text-decoration:none;color:#000;font-size:14px;transition:all .3s ease}

.navbar-link:hover{opacity:.7}

.navbar-link--demo{color:#2a9d8f;font-weight:500;position:relative;padding-left:25px}

.navbar-link--demo::before{content:"→";position:absolute;left:0;top:50%;transform:translateY(-50%);animation:wiggle 2s infinite;font-size:16px}

.navbar-link--demo:hover{opacity:.8}

.navbar-link--demo:hover::before{animation:wiggle-fast .5s infinite}

@media(max-width: 1024px){.navbar-link{color:#fff}

}

.navbar-link-desktop-only{display:block}

@media(max-width: 1024px){.navbar-link-desktop-only{display:none}

}

.navbar-signin-dropdown{position:relative}

.navbar-signin-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:240px;background:hsla(0,0%,100%,.98);border:1px solid rgba(57,57,57,.12);border-radius:12px;padding:8px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:dropdown-fade-in .2s ease-out;z-index:1001}

.navbar-signin-dropdown-menu::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:hsla(0,0%,100%,.98);border-left:1px solid rgba(57,57,57,.12);border-top:1px solid rgba(57,57,57,.12);border-radius:2px;transform:translateX(-50%) rotate(45deg)}

.navbar-signin-dropdown-item{display:block;text-decoration:none;color:#000;padding:12px 16px;border-radius:8px;transition:all .2s ease;margin:2px 0}

.navbar-signin-dropdown-item:hover{background:rgba(42,157,143,.08);transform:translateX(2px)}

.navbar-signin-dropdown-item:active{transform:translateX(2px) scale(0.98)}

.navbar-signin-dropdown-item-content{display:flex;align-items:center;gap:12px}

.navbar-signin-dropdown-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(42,157,143,.1);border-radius:8px;flex-shrink:0;color:#2a9d8f;transition:all .2s ease}

.navbar-signin-dropdown-item-icon svg{transition:transform .2s ease}

.navbar-signin-dropdown-item:hover .navbar-signin-dropdown-item-icon{background:rgba(42,157,143,.15)}

.navbar-signin-dropdown-item:hover .navbar-signin-dropdown-item-icon svg{transform:scale(1.1)}

.navbar-signin-dropdown-item-text{display:flex;flex-direction:column;gap:2px}

.navbar-signin-dropdown-item-title{font-size:15px;font-weight:500;color:#000}

.navbar-signin-dropdown-item-subtitle{font-size:12px;color:#666}

body.scrolled .navbar .navbar-logo img{filter:brightness(0) saturate(100%) invert(44%) sepia(83%) saturate(468%) hue-rotate(122deg) brightness(95%) contrast(86%)}

body.scrolled .navbar .navbar-action{color:#2a9d8f}

body.scrolled .navbar .navbar-action:hover{opacity:.8}

@media(max-width: 1024px){body.scrolled .navbar .navbar-link{color:#fff}

}

@keyframes wiggle{0%,100%{transform:translateY(-50%) translateX(0)}

25%{transform:translateY(-50%) translateX(3px)}

75%{transform:translateY(-50%) translateX(-2px)}

}

@keyframes wiggle-fast{0%,100%{transform:translateY(-50%) translateX(0)}

50%{transform:translateY(-50%) translateX(3px)}

}

@keyframes dropdown-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}

100%{opacity:1;transform:translateX(-50%) translateY(0)}

}

.grant-hero-container{display:flex;flex-direction:column;overflow:hidden;padding-bottom:100px;transition:padding-bottom .6s cubic-bezier(0.4, 0, 0.2, 1)}

.grant-hero-container--scrolled{padding-bottom:700px}

@media(max-width: 768px){.grant-hero-container--scrolled{padding-bottom:1500px}

}

@media(max-width: 1024px){.grant-hero-container--scrolled{padding-bottom:1670px}

}

.grant-hero-scroll-wrapper{height:auto;min-height:50rem;display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem}

@media(max-width: 767px){.grant-hero-scroll-wrapper{min-height:auto;padding:2rem 1rem}

}

@media(min-width: 768px){.grant-hero-scroll-wrapper{height:80rem;padding:5rem}

}

.grant-hero-perspective{padding-top:2.5rem;padding-bottom:2.5rem;width:100%;position:relative}

@media(min-width: 768px){.grant-hero-perspective{padding-top:10rem;padding-bottom:10rem}

}

.grant-hero-header{padding:3rem;max-width:80rem;margin-left:auto;margin-right:auto;text-align:center;margin-top:-4rem;margin-bottom:2rem}

.grant-hero-header h1{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem;line-height:1.3}

@media(min-width: 768px){.grant-hero-header h1{font-size:2.25rem;margin-bottom:2rem}

}

@media(min-width: 1024px){.grant-hero-header h1{font-size:3.5rem}

}

.dark .grant-hero-header h1{color:#fff}

.grant-hero-header h1 .gradient-text{font-weight:700;display:inline;padding-bottom:.25rem;background:linear-gradient(to right, #58cabd 0%, #4f535e 25%, #4e6176 50%, #394455 75%, #73c1b8 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:gradient-shine 6s linear infinite}

@keyframes gradient-shine{from{background-position:200% center}

to{background-position:-200% center}

}

.grant-hero-description{font-size:1rem;line-height:1.5;color:#4b5563;max-width:60rem;margin:0 auto;padding:0 1rem}

.dark .grant-hero-description{color:#d1d5db}

@media(min-width: 768px){.grant-hero-description{font-size:1.25rem;line-height:1.75;padding:0}

}

@media(min-width: 1024px){.grant-hero-description{font-size:1.5rem}

}

.grant-hero-description .highlight{background:rgba(42,157,144,.422);padding:.125rem .375rem;border-radius:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.grant-hero-compliance{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:0}

.grant-hero-compliance-badge{height:60px;width:auto;transition:transform .3s ease}

.grant-hero-compliance-badge:hover{transform:scale(1.05)}

@media(max-width: 768px){.grant-hero-compliance{gap:1.5rem;margin-top:1.5rem}

.grant-hero-compliance-badge{height:40px}

}

.grant-hero-card{max-width:80rem;margin-top:-3rem;margin-left:auto;margin-right:auto;height:auto;width:100%;border:4px solid #6c6c6c;padding:0;background:#fafafe;border-radius:30px;box-shadow:0 0 rgba(131,171,223,.3019607843),0 9px 20px rgba(82,100,125,.2901960784),0 37px 37px rgba(129,141,208,.2588235294),0 84px 50px rgba(97,119,207,.1490196078),0 149px 60px rgba(149,171,231,.0392156863),0 233px 65px rgba(202,205,243,.0117647059)}

@media(max-width: 767px){.grant-hero-card{transform:none !important;position:static;margin-top:2rem}

}

.grant-hero-card-inner{height:100%;width:100%;overflow:hidden;border-radius:26px;background:#fafafe;display:flex;align-items:center;justify-content:center;padding:0}

.dark .grant-hero-card-inner{background:#18181b}

@media(min-width: 768px){.grant-hero-card-inner{border-radius:26px;padding:0}

}

.grant-hero-container--scrolled .grant-hero-card-inner{overflow:visible !important}

.grant-hero-device-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fafafe;border-radius:26px;padding:0;position:relative}

@media(max-width: 767px){.grant-hero-device-container{padding:0}

}

.grant-hero-device-container--scrolled{overflow:visible !important}

.grant-hero-device-image{width:100%;height:auto;object-fit:cover;border-radius:26px;display:block}

.grant-hero-searchbar-overlay{position:absolute;top:1%;left:50%;transform:translateX(-50%);max-width:600px;z-index:10;transition:top .6s cubic-bezier(0.4, 0, 0.2, 1)}

.grant-hero-searchbar-overlay--scrolled{top:105%}

.grant-hero-searchbar-overlay .search-bar{position:relative !important;top:0 !important;left:0 !important;transform:none !important}

.grant-hero-searchbar-overlay .search-bar--moved{position:relative !important;top:0 !important;transform:none !important}

.grant-hero-searchbar-overlay .search-bar__text{color:#6c6c6c !important}

.grant-hero-searchbar-overlay .search-bar__icon{filter:invert(1) !important;opacity:.8}

.grant-hero-searchbar-overlay .search-bar__greeting{color:#333 !important}

.grant-hero-searchbar-overlay .search-bar__activity{color:#333 !important}

.grant-hero-searchbar-overlay .search-bar__activity-action{color:#000 !important;font-weight:600}

.grant-hero-searchbar-overlay .search-bar__activity-detail{color:#555 !important}

.grant-hero-integration-bars{position:absolute;top:130%;left:50%;transform:translateX(-50%);width:100%;max-width:80rem;display:flex;justify-content:space-between;gap:2rem;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1)}

.grant-hero-integration-bars--visible{opacity:1;pointer-events:auto}

.grant-hero-integration-bars--visible::before{content:"";position:absolute;top:-50px;left:-100px;right:-100px;bottom:-150px;height:900px;background:linear-gradient(to bottom, rgba(222, 229, 238, 0.9) 0%, rgba(239, 243, 247, 0.8) 20%, rgba(248, 250, 252, 0.7) 40%, rgba(238, 242, 247, 0.6) 60%, rgba(255, 255, 255, 0.4) 80%, transparent 100%);pointer-events:none;z-index:-1;border-radius:20px 20px 50% 50%}

@media(max-width: 768px){.grant-hero-integration-bars{flex-direction:column;align-items:center;gap:3rem;width:100%;top:160%;padding-bottom:100px}

}

@media(max-width: 1024px){.grant-hero-integration-bars{top:150%;gap:2rem}

}

.grant-hero-integration-bar{flex:1;display:flex;justify-content:center;align-items:flex-start;position:relative;min-height:400px}

.grant-hero-integration-bar .search-bar{position:relative !important;transform:none !important;top:0 !important;left:0 !important;width:100%}

.grant-hero-integration-bar .search-bar__glass{background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;position:relative;overflow:visible !important;border-radius:20px !important}

.grant-hero-integration-bar .search-bar__text--custom{color:#000 !important;font-weight:600}

.grant-hero-integration-bar .search-bar__main{position:relative;overflow:hidden}

.grant-hero-integration-bar .search-bar__main::before{content:"";position:absolute;width:1px;height:100%;top:0;left:0;background:linear-gradient(to bottom, transparent, #06b6d4, transparent);animation:move-line-title 3s linear infinite;z-index:10;opacity:.6}

.grant-hero-integration-bar .search-bar__icon{opacity:1 !important;filter:invert(1) !important}

.grant-hero-integration-bar .search-bar__greeting{color:#000 !important;font-weight:500}

.grant-hero-integration-bar .search-bar__activity-action{color:#000 !important;font-weight:600}

.grant-hero-integration-bar .search-bar__activity-detail{color:#000 !important}

.grant-hero-integration-bar .search-bar__activity-arrow{color:#10b981 !important}

.grant-hero-integration-bar .search-bar__highlight{background:rgba(16,185,129,.1);color:#000 !important}

.grant-hero-integration-bar::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%, #06b6d4, transparent),radial-gradient(2px 2px at 60% 70%, #0891b2, transparent),radial-gradient(1px 1px at 50% 50%, #0e7490, transparent),radial-gradient(2px 2px at 80% 10%, #06b6d4, transparent),radial-gradient(1px 1px at 30% 80%, #0891b2, transparent);background-size:100% 100%;animation:sparkle 8s linear infinite;opacity:.8}

@media(max-width: 768px){.grant-hero-integration-bar{width:100%;max-width:350px;min-height:auto;margin-bottom:2rem}

}

@media(max-width: 1024px){.grant-hero-integration-bar{width:100%;max-width:320px;min-height:350px}

}

.mobile-break{display:none !important}

@media(max-width: 768px){.mobile-break{display:inline !important}

}

@keyframes move-line{0%{transform:translateX(0)}

100%{transform:translateX(300px)}

}

@keyframes move-line-title{0%{transform:translateX(-10px)}

100%{transform:translateX(200px)}

}

@keyframes sparkle{0%{background-position:0% 50%}

50%{background-position:100% 50%}

100%{background-position:0% 50%}

}

.hero{position:fixed;top:0;left:0;right:0;height:100vh;width:100%;z-index:0;transform-origin:center center;transition:transform .3s ease,border-radius .3s ease;overflow:hidden}

.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;pointer-events:none;z-index:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}

.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1;transform:translateZ(1px);-webkit-transform:translateZ(1px)}

.hero-video--visible{opacity:1}

.hero-container{position:relative;z-index:2;height:100%;max-width:1200px;margin:0 auto;padding:10vh 1rem;display:flex;align-items:center;transition:opacity .6s ease}

@media(max-width: 768px){.hero-container{padding:10vh 2rem}

}

.hero-container--hidden{opacity:0;pointer-events:none}

.hero-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:600px;padding-top:1vh}

@media(max-width: 768px){.hero-content{height:100%;padding-top:1vh}

}

.hero-title-wrapper{position:relative;display:inline-block;width:fit-content;flex-shrink:0;margin-bottom:2.5rem}

@media(max-width: 768px){.hero-title-wrapper{margin-bottom:2rem}

}

.hero-title-wrapper h1{font-size:3.5rem;font-weight:600 !important;line-height:1.1;margin:0;letter-spacing:-0.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8),0 4px 20px rgba(0,0,0,.6),0 8px 30px rgba(0,0,0,.4),0 0 60px rgba(0,0,0,.5)}

@media(max-width: 768px){.hero-title-wrapper h1{font-size:3rem}

}

.hero-bottom{display:flex;flex-direction:column;gap:2rem;flex-shrink:0}

.hero-description-wrapper{max-width:540px;position:relative}

.hero-description-wrapper::before{content:"";position:absolute;top:-20px;left:-30px;right:-30px;bottom:-20px;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);filter:blur(40px);z-index:-1}

.hero-description-wrapper p{color:hsla(0,0%,100%,.95);font-size:1.2rem;font-weight:400;line-height:1.7;letter-spacing:.01em;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 12px rgba(0,0,0,.6),0 8px 24px rgba(0,0,0,.4)}

.hero-description-wrapper p strong{font-weight:600;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9),0 4px 16px rgba(0,0,0,.7),0 0 30px hsla(0,0%,100%,.15)}

.hero-description-wrapper p .location{color:#fff;font-weight:500}

.hero-description-wrapper p .highlight{color:#fff;font-weight:500;position:relative;display:inline-block}

@media(max-width: 768px){.hero-description-wrapper p{font-size:1.05rem;line-height:1.65}

}

.hero-buttons{display:flex;gap:1rem;margin-top:1rem}

@media(max-width: 768px){.hero-buttons{flex-direction:column;width:100%}

}

.hero-button{padding:14px 32px;text-decoration:none;border-radius:100px;font-size:1rem;font-weight:500;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);display:inline-block}

@media(max-width: 768px){.hero-button{width:100%;text-align:center}

}

.hero-button--primary{background:rgba(42,157,143,.17);color:#fff}

.hero-button--primary:hover{background:rgba(42,157,143,.25);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}

.hero-button--secondary{background:rgba(0,0,0,.17);color:#fff}

.hero-button--secondary:hover{background:rgba(0,0,0,.25);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}

.hero-pillars{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:3;background:#fff}

.hero-pillars--visible{opacity:1;pointer-events:auto}

.hero-pillars-container{height:100%;display:flex;gap:0}

@media(max-width: 768px){.hero-pillars-container{flex-direction:column}

}

.hero-pillars-left{flex:1;display:flex;height:100%;overflow:hidden;padding:2rem;transition:flex .6s cubic-bezier(0.4, 0, 0.2, 1)}

@media(max-width: 768px){.hero-pillars-left{flex:1;padding:1rem}

}

.hero-pillars-right{flex:0 0 35%;padding:4rem 3rem;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;animation:fadeInRight .8s ease .4s forwards;transition:flex .6s cubic-bezier(0.4, 0, 0.2, 1),opacity .4s ease,transform .4s ease;overflow:hidden}

.hero-pillars-right--hidden{flex:0 0 0%;opacity:0;transform:translateX(100%);padding:0}

@media(max-width: 768px){.hero-pillars-right{position:absolute;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:2rem;z-index:2;opacity:1;animation:none}

}

.hero-pillars-title{color:#2a9d8f;font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:2.5rem;padding-top:2rem;opacity:0;animation:fadeInUp .6s ease .6s forwards}

@media(max-width: 768px){.hero-pillars-title{font-size:1.8rem;margin-bottom:2rem;padding-top:0}

}

.hero-pillars-dots{display:none}

@media(max-width: 768px){.hero-pillars-dots{display:flex;justify-content:center;gap:.5rem;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:3}

}

.hero-pillars-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:all .3s ease}

.hero-pillars-dot--active{background:#fff;width:24px;border-radius:4px}

.hero-pillar{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1),opacity .6s ease;overflow:hidden;transform:translateX(100%);opacity:0}

@media(max-width: 768px){.hero-pillar{border-radius:12px}

}

.hero-pillar--animate{transform:translateX(0);opacity:1}

.hero-pillar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);transition:opacity .3s ease;pointer-events:none}

.hero-pillar:hover .hero-pillar-overlay{background:rgba(0,0,0,.3)}

.hero-features{display:flex;flex-direction:column;gap:1.5rem}

.hero-feature-placeholder{font-size:1.15rem;line-height:1.5;color:#999;margin:0;opacity:0;animation:fadeInUp .6s ease .8s forwards}

@keyframes fadeInRight{from{opacity:0;transform:translateX(50px)}

to{opacity:1;transform:translateX(0)}

}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}

to{opacity:1;transform:translateY(0)}

}

.hero-bg-decoration-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}

.hero-bg-decoration{position:absolute;opacity:.25;height:auto}

.hero-bg-decoration--left-1{top:5%;left:2%;width:180px;transform:rotate(-15deg)}

@media(max-width: 768px){.hero-bg-decoration--left-1{width:90px;left:-20px}

}

.hero-bg-decoration--left-2{top:25%;left:8%;width:160px;transform:rotate(25deg)}

@media(max-width: 768px){.hero-bg-decoration--left-2{width:80px;left:0}

}

.hero-bg-decoration--left-3{top:45%;left:3%;width:200px;transform:rotate(-10deg)}

@media(max-width: 768px){.hero-bg-decoration--left-3{width:100px;left:-15px}

}

.hero-bg-decoration--left-4{top:65%;left:12%;width:150px;transform:rotate(30deg)}

@media(max-width: 768px){.hero-bg-decoration--left-4{width:75px;left:5%}

}

.hero-bg-decoration--left-5{bottom:15%;left:5%;width:190px;transform:rotate(-20deg)}

@media(max-width: 768px){.hero-bg-decoration--left-5{width:95px;left:-10px}

}

.hero-bg-decoration--left-6{top:35%;left:20%;width:140px;transform:rotate(15deg)}

@media(max-width: 768px){.hero-bg-decoration--left-6{width:70px;left:10%}

}

.hero-bg-decoration--left-7{bottom:5%;left:25%;width:170px;transform:rotate(-25deg)}

@media(max-width: 768px){.hero-bg-decoration--left-7{width:85px;left:15%}

}

.hero-bg-decoration--right-1{top:8%;right:3%;width:190px;transform:rotate(10deg)}

@media(max-width: 768px){.hero-bg-decoration--right-1{width:95px;right:-20px}

}

.hero-bg-decoration--right-2{top:28%;right:10%;width:170px;transform:rotate(-30deg)}

@media(max-width: 768px){.hero-bg-decoration--right-2{width:85px;right:0}

}

.hero-bg-decoration--right-3{top:48%;right:4%;width:210px;transform:rotate(20deg)}

@media(max-width: 768px){.hero-bg-decoration--right-3{width:105px;right:-15px}

}

.hero-bg-decoration--right-4{top:68%;right:15%;width:160px;transform:rotate(-15deg)}

@media(max-width: 768px){.hero-bg-decoration--right-4{width:80px;right:5%}

}

.hero-bg-decoration--right-5{bottom:18%;right:6%;width:180px;transform:rotate(25deg)}

@media(max-width: 768px){.hero-bg-decoration--right-5{width:90px;right:-10px}

}

.hero-bg-decoration--right-6{top:38%;right:22%;width:150px;transform:rotate(-20deg)}

@media(max-width: 768px){.hero-bg-decoration--right-6{width:75px;right:12%}

}

.hero-bg-decoration--right-7{bottom:8%;right:28%;width:165px;transform:rotate(15deg)}

@media(max-width: 768px){.hero-bg-decoration--right-7{width:82px;right:18%}

}

@media(prefers-reduced-motion: no-preference){.hero-bg-decoration--left-1,.hero-bg-decoration--left-2,.hero-bg-decoration--left-3,.hero-bg-decoration--left-4,.hero-bg-decoration--left-5,.hero-bg-decoration--left-6,.hero-bg-decoration--left-7{animation:floatLeft 25s ease-in-out infinite}

.hero-bg-decoration--right-1,.hero-bg-decoration--right-2,.hero-bg-decoration--right-3,.hero-bg-decoration--right-4,.hero-bg-decoration--right-5,.hero-bg-decoration--right-6,.hero-bg-decoration--right-7{animation:floatRight 25s ease-in-out infinite}

.hero-bg-decoration--left-1{animation-delay:0s}

.hero-bg-decoration--left-2{animation-delay:3.5s}

.hero-bg-decoration--left-3{animation-delay:7s}

.hero-bg-decoration--left-4{animation-delay:10.5s}

.hero-bg-decoration--left-5{animation-delay:14s}

.hero-bg-decoration--left-6{animation-delay:17.5s}

.hero-bg-decoration--left-7{animation-delay:21s}

.hero-bg-decoration--right-1{animation-delay:1.75s}

.hero-bg-decoration--right-2{animation-delay:5.25s}

.hero-bg-decoration--right-3{animation-delay:8.75s}

.hero-bg-decoration--right-4{animation-delay:12.25s}

.hero-bg-decoration--right-5{animation-delay:15.75s}

.hero-bg-decoration--right-6{animation-delay:19.25s}

.hero-bg-decoration--right-7{animation-delay:22.75s}

}

@keyframes floatLeft{0%,100%{transform:translateX(0) translateY(0) rotate(var(--rotation, -15deg))}

25%{transform:translateX(10px) translateY(-8px) rotate(var(--rotation, -15deg))}

50%{transform:translateX(-5px) translateY(5px) rotate(var(--rotation, -15deg))}

75%{transform:translateX(3px) translateY(-3px) rotate(var(--rotation, -15deg))}

}

@keyframes floatRight{0%,100%{transform:translateX(0) translateY(0) rotate(var(--rotation, 10deg))}

25%{transform:translateX(-10px) translateY(-8px) rotate(var(--rotation, 10deg))}

50%{transform:translateX(5px) translateY(5px) rotate(var(--rotation, 10deg))}

75%{transform:translateX(-3px) translateY(-3px) rotate(var(--rotation, 10deg))}

}

.search-bar{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;opacity:0;transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),top .8s cubic-bezier(0.4, 0, 0.2, 1),transform .8s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;text-align:center}

.search-bar--visible{opacity:1;pointer-events:auto}

.search-bar--moved{top:calc(var(--position)*1px);transform:translateX(-50%)}

.search-bar--moved.search-bar--expanded{transform:translateX(-50%) translateY(0)}

.search-bar--moved.search-bar--moved-right{transform:translateX(calc(var(--shift-amount) * 1px))}

@media(max-width: 1024px){.search-bar--moved.search-bar--moved-right{transform:translateX(-50%) !important}

}

.search-bar--moved-right{transform:translateX(calc(var(--shift-amount) * 1px));transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1)}

.search-bar--moved-right.search-bar--moved{transform:translateX(calc(var(--shift-amount) * 1px))}

@media(max-width: 1024px){.search-bar--moved-right.search-bar--moved{transform:translateX(-50%)}

}

.search-bar--moved-right .search-bar__glass--expanded{max-width:680px}

.search-bar--moved-right .search-bar__glass--expanded .search-bar__expanded-content{animation:expandDownSmooth .4s ease forwards}

@media(max-width: 1024px){.search-bar--moved-right .search-bar__glass--expanded{max-width:calc(100vw - 40px)}

}

.search-bar--moved-right.search-bar--expanded{transform:translateX(calc(var(--shift-amount) * 1px))}

@media(max-width: 1024px){.search-bar--moved-right.search-bar--expanded{transform:translateX(-50%)}

}

@media(max-width: 1024px){.search-bar--moved-right{transform:translateX(-50%) !important;--shift-amount: 0 !important}

}

.search-bar__glass{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:78px;padding:0 40px;border-radius:39px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37),inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 100px rgba(42,157,143,.2);transform:scale(var(--scale, 0));transform-origin:center center;transition:transform .6s cubic-bezier(0.4, 0, 0.2, 1),padding .3s ease;position:relative;overflow:hidden;width:auto;min-width:80px;max-width:90vw}

.search-bar__glass--expanded{padding:24px 40px;border-radius:24px;max-width:680px;overflow:hidden;position:relative;overflow:hidden}

.search-bar__glass--expanded::before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);animation:shimmer 3s infinite;pointer-events:none;z-index:1}

.search-bar__glass--expanded::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}

.search-bar__main{display:flex;align-items:center;justify-content:center;height:78px}

.search-bar__icon{width:24px;height:24px;margin-right:12px;position:relative;z-index:1;filter:drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3))}

.search-bar__text{font-size:20px;font-weight:500;color:hsla(0,0%,100%,.95);letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.3);white-space:nowrap;position:relative;z-index:1}

.search-bar__cursor{display:inline-block;font-size:24px;font-weight:300;color:hsla(0,0%,100%,.8);margin-left:2px;animation:blink 1s infinite;position:relative;z-index:1}

.search-bar__expanded-content{width:100%;margin-top:0;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.15);max-height:0;overflow:hidden;animation:expandDown .4s ease forwards;position:relative;z-index:2}

.search-bar.search-bar--integration .search-bar__expanded-content{overflow:visible}

.search-bar__greeting{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.85);margin-bottom:16px;text-shadow:0 1px 5px rgba(0,0,0,.2)}

.search-bar__activities{display:flex;flex-direction:column;gap:12px}

.search-bar__activity{font-size:13px;color:hsla(0,0%,100%,.75);line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,.2);margin-bottom:8px;min-height:20px}

.search-bar__activity-text{display:inline-block}

.search-bar__activity-action{color:hsla(0,0%,100%,.9);margin-right:6px;white-space:nowrap}

.search-bar__activity-arrow{margin:0 8px;color:rgba(42,157,143,.9);font-weight:600}

.search-bar__activity-detail{flex:1;color:hsla(0,0%,100%,.7)}

.search-bar__highlight{position:relative;padding:2px 4px;background:rgba(42,157,144,.25);border-radius:3px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease}

.search-bar__highlight:hover{background:rgba(42,157,144,.35)}

@keyframes shimmer{0%{transform:translateX(-100%)}

100%{transform:translateX(100%)}

}

@keyframes blink{0%,50%{opacity:1}

51%,100%{opacity:0}

}

@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}

to{opacity:1;transform:translateY(0)}

}

@keyframes slideInFromBottom{from{opacity:0;transform:translateY(10px)}

to{opacity:1;transform:translateY(0)}

}

@keyframes expandDown{from{max-height:0;margin-top:0}

to{max-height:400px;margin-top:20px}

}

@keyframes expandDownSmooth{from{max-height:0;opacity:0;transform:translateY(-10px)}

to{max-height:300px;opacity:1;transform:translateY(0)}

}

@media(max-width: 768px){.search-bar__glass{min-height:60px;padding:0 30px;border-radius:30px}

.search-bar__glass--expanded{min-height:60px;height:auto;padding:20px 24px;max-width:calc(100vw - 40px)}

.search-bar__main{min-height:60px}

.search-bar__text{font-size:16px}

.search-bar__cursor{font-size:20px}

.search-bar__expanded-content{animation:expandDown .4s ease forwards}

.search-bar__greeting{font-size:13px}

.search-bar__activity{font-size:12px}

}

.document-status{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;overflow:visible !important;position:relative}

.document-status__header{text-align:center}

.document-status__title{font-size:14px;font-weight:500;letter-spacing:.03em}

.document-status__cards-container{position:relative;width:100%;min-height:200px;perspective:1000px}

.document-status__cards-container--phase-1{overflow:visible !important;min-width:200px}

.document-status__cards-container--phase-1 .document-status__card{position:absolute;width:90px;height:130px;top:30px}

.document-status__cards-container--phase-1 .document-status__card--left{left:50%;margin-left:-80px;transform:rotate(-6deg);z-index:1;background-color:#fff}

.document-status__cards-container--phase-1 .document-status__card--middle{left:50%;transform:translateX(-50%);z-index:3;background-color:#fff}

.document-status__cards-container--phase-1 .document-status__card--right{left:50%;transform:rotate(6deg);z-index:1;background-color:#fff}

.document-status__cards-container--phase-2,.document-status__cards-container--phase-3{overflow:hidden}

.document-status__cards-container--phase-2 .document-status__card--left,.document-status__cards-container--phase-2 .document-status__card--right,.document-status__cards-container--phase-3 .document-status__card--left,.document-status__cards-container--phase-3 .document-status__card--right{display:none}

.document-status__cards-container--phase-2 .document-status__card,.document-status__cards-container--phase-3 .document-status__card{position:absolute;top:20px}

.document-status__cards-container--phase-2 .document-status__card--middle,.document-status__cards-container--phase-3 .document-status__card--middle{left:50%;transform:translateX(-50%);width:90%;max-width:350px;height:160px}

.document-status__cards-container--phase-3{overflow:visible;width:120%;left:-10%;position:relative}

.document-status__cards-container--phase-3 .document-status__card--middle{width:100%;max-width:550px;height:220px;padding:20px;transform:translateX(-50%) scale(1.25);transition:all .6s ease}

.search-bar--integration .document-status__cards-container--phase-3{overflow:visible !important;min-height:300px}

.document-status__card{background:hsla(0,0%,100%,.04);border:1px solid rgba(128,128,128,.1);border-radius:8px;padding:10px;transition:all .4s ease;position:relative}

.document-status__card--middle{background:hsla(0,0%,100%,.06);border:1px solid rgba(128,128,128,.1)}

.document-status__card--left,.document-status__card--right{background:hsla(0,0%,100%,.03);border:1px solid rgba(128,128,128,.1)}

.document-status__card--single{animation:fadeIn .5s ease}

.document-status__card--shimmer{animation:cardShimmer 2s ease-in-out infinite}

@keyframes cardShimmer{0%,100%{background:hsla(0,0%,100%,.05)}

50%{background:hsla(0,0%,100%,.08)}

}

@keyframes fadeIn{from{opacity:0;transform:translateX(-50%) scale(0.95)}

to{opacity:1;transform:translateX(-50%) scale(1)}

}

.document-status__card-lines{display:flex;flex-direction:column;gap:6px;padding:8px}

.document-status__card-line{height:3px;background:rgba(74,85,104,.2);border-radius:2px;width:100%}

.document-status__card-line:nth-child(2){width:70%}

.document-status__card-line:nth-child(4){width:85%}

.document-status__phase-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px}

.document-status__phase-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:phasePulse 2s ease-in-out infinite}

@keyframes phasePulse{0%,100%{transform:scale(1);opacity:.8}

50%{transform:scale(1.3);opacity:1}

}

.document-status__phase-text{font-size:11px;color:#6b7280;font-weight:450;letter-spacing:.02em}

.document-status__content{display:flex;flex-direction:column;gap:4px;max-height:110px;overflow:hidden;position:relative}

.document-status__line{height:3px;background:rgba(74,85,104,.15);border-radius:2px;position:relative;overflow:hidden;width:100%;transition:all .3s ease}

.document-status__line--fragmented{width:45%;background:rgba(74,85,104,.25)}

.document-status__line--declassified{position:relative;overflow:hidden}

.document-status__line--declassified::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:rgba(239,68,68,.4);animation:redactSweep .6s ease-out forwards}

.document-status__line--short{width:35%}

.document-status__line--medium{width:65%}

.document-status__line--long{width:85%}

.document-status__line--continuation{width:70%;margin-left:15px}

.document-status__line--manual-entry{position:relative;overflow:hidden}

.document-status__line--manual-entry::before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:rgba(147,51,234,.4);animation:purpleSweep .8s ease-out forwards}

.document-status__line--reading{background:rgba(74,85,104,.15);animation:lineShimmer 2s ease-in-out infinite}

.document-status__line--waiting{opacity:0;width:0}

.document-status__line--generated{animation:lineAppear .3s ease-out forwards}

@keyframes lineShimmer{0%,100%{background:rgba(74,85,104,.15)}

50%{background:rgba(74,85,104,.3)}

}

@keyframes redactSweep{from{transform:translateX(-100%)}

to{transform:translateX(0)}

}

@keyframes purpleSweep{from{transform:translateX(-100%)}

to{transform:translateX(0)}

}

@keyframes lineAppear{from{opacity:0;width:0}

to{opacity:1;width:var(--line-width, 100%)}

}

.document-status__line-bar{display:block;height:3px;width:100%;background:inherit;border-radius:inherit}

.document-status__fade-bottom{color:#fff}

.text-shimmer{display:inline-block;font-weight:500;background:linear-gradient(to right, #d2e3f2 0%, #828b9d 35%, #585c73 50%, #979ba7 65%, #d9e7f1 100%);background-size:200% auto;color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shimmerEffect 2.5s linear infinite}

@keyframes shimmerEffect{0%{background-position:200% 50%}

100%{background-position:-200% 50%}

}

.text-generate-effect .word-span{display:inline-block;margin-right:.25em;opacity:0;transform:translateY(5px);animation:wordFadeIn .5s ease forwards}

.text-generate-effect .word-span:nth-child(1){animation-delay:0.05s}

.text-generate-effect .word-span:nth-child(2){animation-delay:0.1s}

.text-generate-effect .word-span:nth-child(3){animation-delay:0.15s}

.text-generate-effect .word-span:nth-child(4){animation-delay:0.2s}

.text-generate-effect .word-span:nth-child(5){animation-delay:0.25s}

.text-generate-effect .word-span:nth-child(6){animation-delay:0.3s}

.text-generate-effect .word-span:nth-child(7){animation-delay:0.35s}

.text-generate-effect .word-span:nth-child(8){animation-delay:0.4s}

.text-generate-effect .word-span:nth-child(9){animation-delay:0.45s}

.text-generate-effect .word-span:nth-child(10){animation-delay:0.5s}

.text-generate-effect .word-span:nth-child(11){animation-delay:0.55s}

.text-generate-effect .word-span:nth-child(12){animation-delay:0.6s}

.text-generate-effect .word-span:nth-child(13){animation-delay:0.65s}

.text-generate-effect .word-span:nth-child(14){animation-delay:0.7s}

.text-generate-effect .word-span:nth-child(15){animation-delay:0.75s}

.text-generate-effect .word-span:nth-child(16){animation-delay:0.8s}

.text-generate-effect .word-span:nth-child(17){animation-delay:0.85s}

.text-generate-effect .word-span:nth-child(18){animation-delay:0.9s}

.text-generate-effect .word-span:nth-child(19){animation-delay:0.95s}

.text-generate-effect .word-span:nth-child(20){animation-delay:1s}

@keyframes wordFadeIn{to{opacity:1;transform:translateY(0)}

}

.email-composer{width:100%;position:relative}

.email-composer__stack-container{position:relative;width:100%;min-height:300px;display:flex;justify-content:center}

.email-composer__card{background:#fff;border:1px solid rgba(128,128,128,.2);border-radius:12px;padding:16px;position:absolute;width:350px;box-shadow:0 4px 12px rgba(0,0,0,.1)}

.email-composer__card--default{animation:emailSlideIn .5s ease-out forwards}

.email-composer__card--patient{top:60px;left:-5%;transform:translateX(-50%);z-index:1;animation:patientCardSlide .6s ease-out forwards;overflow:hidden}

@media(max-width: 768px){.email-composer__card--patient{left:50%}

}

.email-composer__card--doctor{top:0;left:50%;transform:translateX(-50%);z-index:2;animation:doctorCardSlide .6s ease-out forwards}

.email-composer__card--bubble-pop{animation:bubblePop .6s ease-out forwards !important}

@keyframes emailSlideIn{from{opacity:0;transform:translateY(10px) scale(0.98)}

to{opacity:1;transform:translateY(0) scale(1)}

}

@keyframes patientCardSlide{from{opacity:0;transform:translateX(-50%) translateY(20px) scale(0.95)}

to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}

}

@keyframes doctorCardSlide{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(0.95)}

to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}

}

.email-composer__email-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}

.email-composer__field{display:flex;align-items:center;gap:8px}

.email-composer__label{font-size:12px;color:#333;font-weight:500;min-width:40px}

.email-composer__user{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;font-weight:450}

.email-composer__avatar{width:6px;height:6px;border-radius:50%;background-size:cover;background-position:center;border:1px solid hsla(0,0%,100%,.1)}

.email-composer__avatar--doctor{background:rgba(59,131,246,.8196078431)}

.email-composer__avatar--patient{background:rgba(133,145,172,.8)}

.email-composer__divider{height:1px;background:rgba(128,128,128,.3);margin:12px 0}

.email-composer__message{line-height:1.5;font-size:13px;color:#333;text-align:left}

.email-composer__greeting{margin-bottom:12px;font-weight:450;color:#333}

.email-composer__content{margin-bottom:12px;line-height:1.6;color:#333}

.email-composer__signature{color:#333;font-size:12px}

.email-composer__text-generating .char-span{display:inline;opacity:0;animation:charFadeIn .05s ease forwards}

@keyframes charFadeIn{to{opacity:1}

}

.email-composer__actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}

.email-composer__actions-right{display:flex;gap:8px;align-items:center}

.email-composer__btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}

.email-composer__btn--explain{background:rgba(107,114,128,.15);color:#6b7280;border:1px solid rgba(107,114,128,.2);border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;position:relative}

.email-composer__btn--explain:hover{background:rgba(107,114,128,.25);transform:translateY(-1px)}

.email-composer__btn--explain--bouncing{animation:explainBounce .6s ease}

.email-composer__btn--edit{background:#333;color:#fff;border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}

.email-composer__btn--edit:hover{background:#404040;transform:translateY(-1px)}

.email-composer__btn--edit--bouncing{animation:editBounce .6s ease}

.email-composer__btn--approve{background:#3b82f6;color:#fff;border:none;border-radius:20px;padding:8px 16px}

.email-composer__btn--approve:hover{background:#2563eb;transform:translateY(-1px)}

.email-composer__btn--approve--clicked{animation:approveClick .6s ease forwards}

.email-composer__btn--approve--bouncing{animation:approveBounce .6s ease}

.email-composer__btn-icon{font-size:14px}

.email-composer__explanation-overlay{position:absolute;inset:0;background:rgba(0,0,0,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:12px;z-index:999;animation:explanationOverlay .3s ease forwards}

.email-composer__explanation{position:absolute;color:#000;top:40px;left:50%;transform:translateX(-50%);width:280px;padding:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(170,170,170,.2);border-radius:12px;z-index:1000;animation:explanationPopup .3s ease-out forwards}

@keyframes explanationOverlay{from{opacity:0}

to{opacity:1}

}

@keyframes explanationPopup{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.95)}

to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}

}

.email-composer__explanation-title{font-size:13px;font-weight:500;color:#000;margin-bottom:12px}

.email-composer__explanation-list{list-style:none;padding:0;margin:0}

.email-composer__explanation-list li{font-size:11px;color:#000;margin-bottom:8px;padding-left:12px;position:relative;line-height:1.4}

.email-composer__explanation-list li::before{content:"•";color:#3b82f6;position:absolute;left:0;font-weight:bold}

@keyframes approveClick{0%{transform:scale(1)}

25%{transform:scale(0.95)}

50%{transform:scale(1.05);background:linear-gradient(135deg, #047857, #10b981)}

100%{transform:scale(1);background:linear-gradient(135deg, #059669, #047857)}

}

@keyframes buttonBounce{0%{transform:scale(1)}

30%{transform:scale(1.15)}

50%{transform:scale(0.95)}

70%{transform:scale(1.05)}

100%{transform:scale(1)}

}

@keyframes explainBounce{0%{transform:scale(1);background:rgba(107,114,128,.15)}

30%{transform:scale(1.2);background:rgba(107,114,128,.25)}

50%{transform:scale(0.9)}

70%{transform:scale(1.1)}

100%{transform:scale(1);background:rgba(107,114,128,.15)}

}

@keyframes editBounce{0%{transform:scale(1);background:#333}

30%{transform:scale(1.2);background:#404040}

50%{transform:scale(0.9)}

70%{transform:scale(1.1)}

100%{transform:scale(1);background:#333}

}

@keyframes approveBounce{0%{transform:scale(1);background:#3b82f6}

30%{transform:scale(1.15);background:#2563eb}

50%{transform:scale(0.95)}

70%{transform:scale(1.05)}

100%{transform:scale(1);background:#3b82f6}

}

.email-composer__confirmation{position:absolute;color:#000;top:40px;left:50%;transform:translateX(-50%);width:300px;padding:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(170,170,170,.2);border-radius:12px;z-index:1000;animation:explanationPopup .3s ease-out forwards}

.email-composer__confirmation-title{font-size:13px;font-weight:500;color:#000;margin-bottom:12px}

.email-composer__confirmation-content p{font-size:11px;color:#000;line-height:1.4;margin:0}

.email-composer__calendar-success{position:absolute;color:#000;top:40px;left:50%;transform:translateX(-50%);width:320px;padding:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(170,170,170,.2);border-radius:12px;z-index:1000;animation:explanationPopup .3s ease-out forwards}

.email-composer__calendar-success-title{font-size:13px;font-weight:500;color:#000;margin-bottom:12px}

.email-composer__calendar-success-content p{font-size:11px;color:#000;line-height:1.4;margin:0 0 12px 0}

.email-composer__mini-calendar{background:hsla(0,0%,100%,.6);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px;animation:calendarSlideIn .5s ease forwards}

.email-composer__calendar-header{font-size:10px;font-weight:600;color:#333;text-align:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.1)}

.email-composer__time-slots{display:flex;flex-direction:column;gap:2px}

.email-composer__time-slot{padding:4px 6px;font-size:9px;color:#666;background:hsla(0,0%,100%,.4);border-radius:4px;border:1px dashed rgba(0,0,0,.1);animation:slotFadeIn .3s ease forwards}

.email-composer__time-slot--blocked{background:rgba(42,157,143,.15);border:1px solid rgba(42,157,143,.3);color:#2a9d8f;font-weight:500;animation:slotBlockIn .5s ease forwards;animation-delay:.2s}

.email-composer__time-slot--blocked::before{content:"●";margin-right:4px;color:#2a9d8f}

@keyframes calendarSlideIn{0%{opacity:0;transform:translateY(5px)}

100%{opacity:1;transform:translateY(0)}

}

@keyframes slotFadeIn{0%{opacity:0}

100%{opacity:1}

}

@keyframes slotBlockIn{0%{opacity:0;transform:scale(0.95);background:hsla(0,0%,100%,.4)}

50%{transform:scale(1.02)}

100%{opacity:1;transform:scale(1);background:rgba(42,157,143,.15)}

}

@keyframes bubblePop{0%{transform:translateX(-50%) scale(1);opacity:1}

50%{transform:translateX(-50%) scale(1.2);opacity:.7}

100%{transform:translateX(-50%) scale(0);opacity:0}

}

@keyframes sentOverlay{0%{opacity:0}

20%{opacity:1}

80%{opacity:1}

100%{opacity:0}

}

@keyframes sentBounce{0%{transform:scale(0.8) translateY(10px);opacity:0}

50%{transform:scale(1.1) translateY(0)}

100%{transform:scale(1) translateY(0);opacity:1}

}

@keyframes calendarOverlay{0%{opacity:0}

100%{opacity:1}

}

@keyframes calendarBounce{0%{transform:scale(0.8) translateY(10px);opacity:0}

50%{transform:scale(1.1) translateY(0)}

100%{transform:scale(1) translateY(0);opacity:1}

}

@keyframes circleToRectangle{0%{width:60px;height:60px;border-radius:50%;opacity:.3;transform:translate(-50%, -50%);left:50%;top:50%;overflow:hidden}

30%{width:60px;height:60px;border-radius:50%;opacity:.7;overflow:hidden}

60%{width:100%;height:60px;border-radius:30px;opacity:.9;overflow:hidden}

80%{width:100%;height:120px;border-radius:20px;opacity:.95;overflow:hidden}

100%{width:100%;height:auto;border-radius:12px;opacity:1;transform:translate(0, 0);left:0;top:0;overflow:visible}

}

.email-composer__reading-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;overflow:hidden}

.email-composer__reading-overlay--active{opacity:1}

.email-composer__card--patient:has(.email-composer__reading-overlay--active) .email-composer__field,.email-composer__card--patient:has(.email-composer__reading-overlay--active) .email-composer__greeting,.email-composer__card--patient:has(.email-composer__reading-overlay--active) .email-composer__content{background:linear-gradient(90deg, #333 25%, rgba(16, 185, 129, 0.8) 50%, #333 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);animation:textShimmer 2s linear infinite}

@supports not selector(:has(*)){.email-composer__reading-overlay--active~* .email-composer__field,.email-composer__reading-overlay--active~* .email-composer__greeting,.email-composer__reading-overlay--active~* .email-composer__content{background:linear-gradient(90deg, #333 25%, rgba(16, 185, 129, 0.8) 50%, #333 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);animation:textShimmer 2s linear infinite}

}

@keyframes textShimmer{0%{background-position:200% center}

100%{background-position:-200% center}

}

@keyframes readingSweep{0%{left:-100%}

50%{left:0%}

100%{left:100%}

}

.email-composer__auto-cursor{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle, rgba(59, 130, 246, 0.6), transparent);pointer-events:none;z-index:1000;opacity:0}

.email-composer__auto-cursor--active{opacity:1;animation:autoClick .3s ease-out}

.email-composer__auto-cursor::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(59,130,246,.4);animation:clickRipple .3s ease-out}

@keyframes autoClick{0%{transform:scale(0);opacity:1}

50%{transform:scale(1.2)}

100%{transform:scale(1);opacity:0}

}

@keyframes clickRipple{0%{transform:scale(0.5);opacity:1}

100%{transform:scale(1.5);opacity:0}

}

.email-composer__edit-highlight{color:#3b82f6 !important;position:relative;line-height:1.4}

.email-composer__edit-highlight::after{content:"";position:absolute;bottom:0px;left:0;right:0;height:2px;background:#3b82f6;opacity:1;transform:scaleX(1);animation:editUnderlineIn .5s ease}

@keyframes editUnderlineIn{0%{opacity:0;transform:scaleX(0)}

100%{opacity:1;transform:scaleX(1)}

}

.email-composer__calendar-update{position:absolute;top:100%;left:0;right:0;padding:16px;background:hsla(0,0%,100%,.06);border:1px solid rgba(128,128,128,.2);border-radius:8px;margin-top:8px;opacity:0;transform:translateY(10px)}

.email-composer__calendar-update--active{opacity:1;transform:translateY(0);animation:calendarSlideIn .6s ease-out forwards}

.email-composer__calendar-slot{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#333;font-size:12px;animation:slotAppear .4s ease-out forwards}

.email-composer__calendar-icon{width:16px;height:16px;background:#10b981;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}

@keyframes calendarSlideIn{0%{opacity:0;transform:translateY(10px)}

100%{opacity:1;transform:translateY(0)}

}

@keyframes slotAppear{0%{opacity:0;transform:scale(0.9)}

100%{opacity:1;transform:scale(1)}

}

.email-composer__patient-email{opacity:0;transform:translateX(-20px)}

.email-composer__patient-email--visible{opacity:1;transform:translateX(0);animation:emailFadeIn 1s ease-out forwards}

@keyframes emailFadeIn{0%{opacity:0;transform:translateX(-20px)}

100%{opacity:1;transform:translateX(0)}

}

@media(max-width: 768px){.email-composer__actions{gap:6px}

.email-composer__btn{justify-content:center}

.email-composer__explanation{width:calc(100vw - 40px);max-width:280px}

}

.calendar-viz{width:100%;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative}

@media(max-width: 768px){.calendar-viz{min-height:600px}

}

.calendar-viz__cursor{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle, rgba(42, 157, 143, 0.6), transparent);pointer-events:none;z-index:1000;animation:clickPulse .3s ease-out}

.calendar-viz__cursor::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(42,157,143,.4);animation:clickRipple .3s ease-out}

.calendar-viz__container{width:100%;min-height:80px;display:flex;justify-content:center;align-items:center}

.calendar-viz__calendar{display:grid;grid-template-columns:repeat(7, 1fr);gap:4px;width:100%;padding:.75rem;background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,.08);border-radius:8px;backdrop-filter:blur(8px);animation:fadeInScale .4s ease}

.calendar-viz__calendar--week .calendar-viz__day{height:36px;font-size:.7rem}

.calendar-viz__day{position:relative;height:28px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;background:hsla(0,0%,100%,.3);border:1px solid rgba(0,0,0,.06);transition:all .2s ease;cursor:default}

.calendar-viz__day-number{font-size:.5rem;color:#333;font-weight:500;line-height:1}

.calendar-viz__day-dot{position:absolute;bottom:2px;width:2px;height:2px;border-radius:50%;background:#2a9d8f}

.calendar-viz__day-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#2a9d8f;animation:checkIn .3s ease}

.calendar-viz__day-check svg{width:8px;height:8px}

.calendar-viz__day--booked{background:rgba(220,53,69,.12);border-color:rgba(220,53,69,.3)}

.calendar-viz__day--booked .calendar-viz__day-number{color:#dc3545;text-decoration:line-through;text-decoration-thickness:1px;font-weight:500}

.calendar-viz__day--booked::after{content:"";position:absolute;inset:2px;border-radius:3px;background:linear-gradient(135deg, transparent, rgba(220, 53, 69, 0.1))}

.calendar-viz__day--selected{background:rgba(13,110,253,.12);border-color:rgba(13,110,253,.4);animation:selectPulse .4s ease}

.calendar-viz__day--selected .calendar-viz__day-number{color:#0d6efd;font-weight:600}

.calendar-viz__day--selected::before{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;border-radius:50%;background:#0d6efd}

.calendar-viz__day--available{background:rgba(42,157,143,.15);border-color:#2a9d8f;box-shadow:inset 0 0 4px rgba(42,157,143,.1)}

.calendar-viz__day--available .calendar-viz__day-number{color:rgb(31.2361809045,116.7638190955,106.351758794);font-weight:600}

.calendar-viz__day--optimizing{background:rgba(255,193,7,.08);border-color:rgba(255,193,7,.25);position:relative;overflow:hidden}

.calendar-viz__day--optimizing::before{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg, transparent, rgba(255, 193, 7, 0.15), transparent);animation:shimmer 1.5s infinite}

.calendar-viz__day--optimizing .calendar-viz__day-number{color:#f59e0b;font-weight:500}

.calendar-viz__day--pulsing{animation:aiClick .5s ease;background:rgba(147,51,234,.1);border-color:rgba(147,51,234,.4);box-shadow:0 0 8px rgba(147,51,234,.3)}

.calendar-viz__day--pulsing .calendar-viz__day-number{color:#7c3aed;font-weight:600}

.calendar-viz__timeline{display:flex;flex-direction:column;gap:2px;width:100%;padding:.5rem;background:hsla(0,0%,100%,.1);border:1px solid rgba(0,0,0,.08);border-radius:8px;backdrop-filter:blur(8px);animation:fadeInScale .4s ease}

.calendar-viz__slot{display:flex;align-items:center;gap:.5rem;padding:3px 6px;border-radius:3px;background:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.05);transition:all .2s ease;min-height:20px}

.calendar-viz__slot-time{font-size:.5rem;color:#666;font-weight:500;min-width:28px;line-height:1}

.calendar-viz__slot-content{flex:1;display:flex;align-items:center;gap:.25rem}

.calendar-viz__slot-label{font-size:.55rem;color:#333;font-weight:500;line-height:1.1}

.calendar-viz__slot-indicator{width:3px;height:3px;border-radius:50%;background:#2a9d8f;animation:pulse 2s infinite}

.calendar-viz__slot--appointment{background:rgba(13,110,253,.08);border-color:rgba(13,110,253,.25);border-left:2px solid #0d6efd}

.calendar-viz__slot--appointment .calendar-viz__slot-label{color:#0856c7;font-weight:500}

.calendar-viz__slot--available{opacity:.6;border-style:dashed;border-color:rgba(0,0,0,.1);background:hsla(0,0%,100%,.1)}

.calendar-viz__slot--available .calendar-viz__slot-label{color:#999}

.calendar-viz__slot--documentation{background:rgba(42,157,143,.08);border-color:rgba(42,157,143,.2);border-left:2px solid #2a9d8f}

.calendar-viz__slot--documentation .calendar-viz__slot-label{color:#2a9d8f;font-weight:500}

.calendar-viz__slot--break{background:rgba(255,193,7,.06);border-color:rgba(255,193,7,.15);border-style:dashed}

.calendar-viz__slot--break .calendar-viz__slot-label{color:#f59e0b;font-style:italic}

.calendar-viz__slot--highlighted{background:rgba(42,157,143,.1);border-color:#2a9d8f;box-shadow:0 0 4px rgba(42,157,143,.15)}

.calendar-viz__slot--moving{animation:slideInGlow .5s ease forwards}

.calendar-viz__action{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:hsla(0,0%,100%,.05);border:1px solid rgba(0,0,0,.06);border-radius:8px;backdrop-filter:blur(10px);animation:fadeIn .3s ease}

.calendar-viz__action-dot{width:5px;height:5px;border-radius:50%;background:#2a9d8f;animation:pulse 1.5s infinite;flex-shrink:0}

.calendar-viz__action-text{font-size:.875rem;color:#333;line-height:1.4;font-weight:500;letter-spacing:.01em}

@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}

to{opacity:1;transform:scale(1)}

}

@keyframes fadeIn{from{opacity:0}

to{opacity:1}

}

@keyframes pulse{0%,100%{opacity:1}

50%{opacity:.5}

}

@keyframes shimmer{0%{transform:translateX(-100%)}

100%{transform:translateX(200%)}

}

@keyframes checkIn{from{opacity:0;transform:scale(0.5)}

to{opacity:1;transform:scale(1)}

}

@keyframes selectPulse{0%{box-shadow:0 0 0 0 rgba(42,157,143,.3)}

50%{box-shadow:0 0 0 3px rgba(42,157,143,0)}

100%{box-shadow:0 0 0 0 rgba(42,157,143,0)}

}

@keyframes aiClick{0%{transform:scale(1)}

25%{transform:scale(0.97)}

50%{transform:scale(1.03);box-shadow:0 0 6px rgba(42,157,143,.3)}

100%{transform:scale(1)}

}

@keyframes slideInGlow{from{opacity:0;transform:translateX(-5px)}

to{opacity:1;transform:translateX(0);box-shadow:0 0 3px rgba(42,157,143,.1)}

}

@keyframes clickPulse{from{transform:scale(0);opacity:1}

to{transform:scale(1);opacity:0}

}

@keyframes clickRipple{from{transform:scale(0.5);opacity:1}

to{transform:scale(1.5);opacity:0}

}

.oaklet-does{padding:8rem 0;margin-top:6rem !important;min-height:100vh;position:relative}

.oaklet-does-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem}

@media(max-width: 1024px){.oaklet-does-container{grid-template-columns:1fr;gap:3rem}

}

@media(max-width: 768px){.oaklet-does-container{padding:0 2rem}

}

.oaklet-does-left{position:sticky;top:25vh;height:fit-content;align-self:start}

@media(max-width: 1024px){.oaklet-does-left{position:static !important;align-self:auto}

}

.oaklet-does-header{margin-bottom:3rem}

.oaklet-does-title{font-size:3.5rem;font-weight:400;line-height:1.1;color:#000;margin:0}

@media(max-width: 768px){.oaklet-does-title{font-size:2.5rem}

}

.oaklet-does-rotating-text{display:block;position:relative;min-height:2em;margin-top:.5rem}

@media(max-width: 768px){.oaklet-does-rotating-text{min-height:4em}

}

.oaklet-does-rotating-text .text-item{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .6s ease,transform .6s ease,color .6s ease;transform:translateY(10px)}

.oaklet-does-rotating-text .text-item.active{opacity:1;transform:translateY(0)}

.oaklet-does-rotating-text .text-item:not(.active){pointer-events:none}

.oaklet-does-rotating-text .text-item.color-behavioral{color:#ffa51e}

.oaklet-does-rotating-text .text-item.color-emergency{color:#3084f7}

.oaklet-does-rotating-text .text-item.color-healthcare{color:#2a9d8f}

.oaklet-does-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden}

@media(max-width: 768px){.oaklet-does-image-wrapper{aspect-ratio:16/12}

}

.oaklet-does-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}

.oaklet-does-image--active{opacity:1}

.oaklet-does-right{display:flex;flex-direction:column;gap:0}

.oaklet-does-section{min-height:75vh;display:flex;align-items:center;padding:3rem 0}

.oaklet-does-section:first-child{padding-top:0}

.oaklet-does-section:last-child{padding-bottom:0}

@media(max-width: 1024px){.oaklet-does-section{min-height:auto;padding:3rem 0}

}

.oaklet-does-section-content{max-width:500px}

.oaklet-does-section-subtitle{display:inline-block;font-size:1.125rem;font-weight:500;color:#999;margin-bottom:1rem}

@media(max-width: 768px){.oaklet-does-section-subtitle{font-size:1rem}

}

.oaklet-does-section-title{font-size:2.5rem;font-weight:600;line-height:1.2;color:#000;margin:0 0 1.5rem 0}

@media(max-width: 768px){.oaklet-does-section-title{font-size:2rem}

}

.oaklet-does-section-description{font-size:1.125rem;line-height:1.6;color:#333;margin:0}

@media(max-width: 768px){.oaklet-does-section-description{font-size:1rem}

}

.for-you{position:relative;min-height:100vh;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}

.for-you-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}

.for-you-gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.9) 100%);z-index:2;pointer-events:none}

.for-you-container{position:relative;z-index:3;max-width:1200px;width:100%;padding:0 1rem}

@media(max-width: 768px){.for-you-container{padding:0 2rem}

}

.for-you-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}

.for-you-header{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}

.for-you-title{font-size:3.5rem;font-weight:500;line-height:1.1;color:#535356;margin:0 0 2rem 0;letter-spacing:-0.02em;text-align:center}

.for-you-title--oaklet{color:#2a9d8f;margin-bottom:.5rem}

@media(max-width: 1024px){.for-you-title{font-size:3.5rem}

}

@media(max-width: 768px){.for-you-title{font-size:2.5rem}

}

@media(max-width: 480px){.for-you-title{font-size:25px}

}

.for-you-subtitle{font-size:1.375rem;line-height:1.7;color:#333;margin:0 auto;max-width:700px;text-align:center}

@media(max-width: 768px){.for-you-subtitle{font-size:1.125rem}

}

@media(max-width: 480px){.for-you-subtitle{font-size:1rem}

}

.for-you-neuron-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem}

.your-dashboard{padding:8rem 0;min-height:100vh;position:relative;background:#fff}

.your-dashboard-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem}

@media(max-width: 1024px){.your-dashboard-container{grid-template-columns:1fr;gap:3rem}

}

@media(max-width: 768px){.your-dashboard-container{padding:0 2rem}

}

.your-dashboard-left{position:sticky;top:25vh;height:fit-content;align-self:start}

@media(max-width: 1024px){.your-dashboard-left{position:static !important;align-self:auto}

}

.your-dashboard-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#f5f5f5}

@media(max-width: 768px){.your-dashboard-image-wrapper{aspect-ratio:16/12}

}

.your-dashboard-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}

.your-dashboard-image--active{opacity:1}

.your-dashboard-right{display:flex;flex-direction:column;gap:0}

.your-dashboard-section{min-height:100vh;display:flex;align-items:center;padding:4rem 0}

.your-dashboard-section:first-child{padding-top:0}

.your-dashboard-section:last-child{padding-bottom:0}

@media(max-width: 1024px){.your-dashboard-section{min-height:auto;padding:3rem 0}

}

.your-dashboard-section-content{max-width:500px}

.your-dashboard-section-subtitle{display:inline-block;font-size:1.125rem;font-weight:500;color:#999;margin-bottom:1rem}

@media(max-width: 768px){.your-dashboard-section-subtitle{font-size:1rem}

}

.your-dashboard-section-title{font-size:2.5rem;font-weight:600;line-height:1.2;color:#000;margin:0 0 1.5rem 0}

@media(max-width: 768px){.your-dashboard-section-title{font-size:2rem}

}

.your-dashboard-section-description{font-size:1.125rem;line-height:1.6;color:#333;margin:0}

@media(max-width: 768px){.your-dashboard-section-description{font-size:1rem}

}

.your-portal{padding:8rem 0;background:#fafafa}

.your-portal-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}

@media(max-width: 1024px){.your-portal-container{grid-template-columns:1fr;gap:3rem}

}

@media(max-width: 768px){.your-portal-container{padding:0 2rem}

}

@media(max-width: 1024px){.your-portal-left{order:2}

}

.your-portal-content{max-width:500px}

.your-portal-title{font-size:3rem;font-weight:400;line-height:1.2;color:#000;margin:0 0 2rem 0}

@media(max-width: 768px){.your-portal-title{font-size:2.5rem}

}

.your-portal-description{font-size:1.25rem;line-height:1.6;color:#333;margin:0 0 2.5rem 0}

@media(max-width: 768px){.your-portal-description{font-size:1.125rem}

}

.your-portal-features{list-style:none;padding:0;margin:0}

.your-portal-features li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.6;color:#333}

.your-portal-features li:before{content:"✓";position:absolute;left:0;color:#2a9d8f;font-weight:600;font-size:1.25rem}

@media(max-width: 768px){.your-portal-features li{font-size:1rem}

}

@media(max-width: 1024px){.your-portal-right{order:1}

}

.your-portal-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}

@media(max-width: 768px){.your-portal-image-wrapper{aspect-ratio:16/12}

}

.your-portal-image-wrapper img{width:100%;height:100%;object-fit:cover}

.call-to-action{padding:8rem 0;background:#fff}

.call-to-action-container{max-width:1200px;margin:0 auto;padding:0 1rem}

@media(max-width: 768px){.call-to-action-container{padding:0 2rem}

}

.call-to-action-trust{text-align:center;margin-bottom:6rem}

@media(max-width: 768px){.call-to-action-trust{margin-bottom:4rem}

}

.call-to-action-trust-title{font-size:3rem;font-weight:400;line-height:1.2;color:#000;margin:0 0 1rem 0}

@media(max-width: 768px){.call-to-action-trust-title{font-size:2.5rem}

}

.call-to-action-trust-subtitle{font-size:1.5rem;line-height:1.4;color:#333;margin:0 0 .5rem 0}

@media(max-width: 768px){.call-to-action-trust-subtitle{font-size:1.25rem}

}

.call-to-action-trust-description{font-size:1.125rem;line-height:1.6;color:#999;margin:0 0 3rem 0}

@media(max-width: 768px){.call-to-action-trust-description{font-size:1rem}

}

.call-to-action-badges{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;max-width:900px;margin:0 auto}

@media(max-width: 1024px){.call-to-action-badges{gap:2.5rem}

}

@media(max-width: 768px){.call-to-action-badges{gap:2rem}

}

.call-to-action-badge{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease}

.call-to-action-badge:hover{transform:translateY(-4px)}

.call-to-action-badge:hover img{filter:grayscale(0);opacity:1}

.call-to-action-badge img{width:60px;height:60px;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s ease,opacity .3s ease}

@media(max-width: 768px){.call-to-action-badge img{width:50px;height:50px}

}

.call-to-action-badge span{font-size:.85rem;color:#999;text-align:center;max-width:100px;line-height:1.3}

@media(max-width: 768px){.call-to-action-badge span{font-size:.8rem}

}

.call-to-action-cta{text-align:center;max-width:800px;margin:0 auto;padding:4rem 0 0;border-top:1px solid #e0e0e0}

.call-to-action-cta-title{font-size:2.5rem;font-weight:600;line-height:1.2;color:#000;margin:0 0 1.5rem 0}

@media(max-width: 768px){.call-to-action-cta-title{font-size:2rem}

}

.call-to-action-cta-description{font-size:1.125rem;line-height:1.6;color:#333;margin:0 0 2.5rem 0}

@media(max-width: 768px){.call-to-action-cta-description{font-size:1rem}

}

.call-to-action-buttons{display:flex;justify-content:center;gap:1.5rem}

@media(max-width: 768px){.call-to-action-buttons{flex-direction:column;align-items:center}

}

.call-to-action-button{padding:16px 36px;text-decoration:none;border-radius:100px;font-size:1rem;font-weight:500;transition:all .3s ease;display:inline-block;border:2px solid rgba(0,0,0,0)}

@media(max-width: 768px){.call-to-action-button{width:100%;max-width:300px;text-align:center}

}

.call-to-action-button--primary{background:#2a9d8f;color:#fff}

.call-to-action-button--primary:hover{background:#238b7f;transform:translateY(-2px);box-shadow:0 10px 20px rgba(42,157,143,.2)}

.call-to-action-button--secondary{background:#fff;color:#2a9d8f;border-color:#2a9d8f}

.call-to-action-button--secondary:hover{background:rgba(42,157,143,.05);transform:translateY(-2px)}

.footer{background:#fff;color:#000;padding:0 1rem 2rem;width:100%;border-top:1px solid #e5e5e5}

@media(max-width: 768px){.footer{padding:0 2rem 2rem}

}

.footer-container{max-width:1200px;margin:0 auto;padding:40px 0}

@media(max-width: 768px){.footer-container{padding:30px 0}

}

.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem}

@media(max-width: 768px){.footer-content{flex-direction:column;gap:3rem}

}

.footer-left{max-width:400px}

@media(max-width: 768px){.footer-left{max-width:100%}

}

.footer-logo{margin-bottom:1.5rem}

.footer-logo img{height:40px;width:auto}

.footer-tagline{font-size:1rem;line-height:1.6;color:#000;margin:0;opacity:.7}

@media(max-width: 768px){.footer-tagline{font-size:.95rem}

}

.footer-right{display:flex;flex-direction:column;gap:2rem;align-items:flex-end}

@media(max-width: 768px){.footer-right{align-items:flex-start;width:100%}

}

.footer-links{display:flex;gap:2rem;flex-wrap:wrap}

@media(max-width: 768px){.footer-links{gap:1.5rem}

}

.footer-link{text-decoration:none;color:#000;font-size:.95rem;opacity:.7;transition:opacity .3s ease}

.footer-link:hover{opacity:1}

@media(max-width: 768px){.footer-link{font-size:.9rem}

}

.footer-copyright{font-size:.9rem;color:#000;margin:0;opacity:.6}

@media(max-width: 768px){.footer-copyright{font-size:.85rem}

}

.nest-product-hero{position:relative;width:100vw;height:200vh;overflow:visible;z-index:1}

.nest-product-hero__image{position:fixed;width:100vw;height:100vh;background-repeat:no-repeat;will-change:transform;top:0}

.nest-product-hero__image--top{z-index:1;top:0;right:0;background-size:90% auto;background-position:right center}

.nest-product-hero__image--bottom{z-index:2;bottom:0;left:0;background-size:80% auto;background-position:center bottom;transform:translateY(100%)}

.nest-product-hero__content{position:fixed;top:120px;left:50%;transform:translateX(-50%);z-index:3;width:100%;max-width:1200px;padding:0 2rem;display:flex;flex-direction:column;gap:1rem}

@media(max-width: 768px){.nest-product-hero__content{top:100px;padding:0 2rem}

}

.nest-product-hero__content>*{max-width:600px}

.nest-product-hero__title{color:#464849;font-size:3.5rem;font-weight:400;line-height:1.2;letter-spacing:.02em;margin:0}

@media(max-width: 768px){.nest-product-hero__title{font-size:3rem !important}

}

.nest-product-hero__description{color:#000;font-size:1.1rem;font-weight:400;line-height:1.5;margin:0;max-width:500px}

@media(max-width: 768px){.nest-product-hero__description{font-size:1.25rem !important}

}

@media(max-width: 768px){.nest-product-hero__image--top{background-size:cover;background-position:center}

.nest-product-hero__image--bottom{background-size:cover;background-position:left center}

}

.nest-features{position:relative;padding:5rem 0;background:#fafafa;z-index:100}

.nest-features__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, minmax(300px, auto));gap:0}

@media(max-width: 768px){.nest-features__container{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}

}

.nest-features__card{background:#fff;border:1px solid #e5e5e5;padding:2rem;position:relative;overflow:hidden}

@media(max-width: 768px){.nest-features__card{border-radius:.5rem}

}

.nest-features__card--map{border-right:none;border-bottom:none}

@media(max-width: 768px){.nest-features__card--map{border:1px solid #e5e5e5}

}

.nest-features__card--casestudy{border-bottom:none}

@media(max-width: 768px){.nest-features__card--casestudy{border:1px solid #e5e5e5}

}

.nest-features__card--chart{border-right:none}

@media(max-width: 768px){.nest-features__card--chart{border:1px solid #e5e5e5}

}

.nest-features__header{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem;margin-bottom:1rem}

.nest-features__icon{width:16px;height:16px;filter:invert(0.5);opacity:.7}

.nest-features__title{font-size:1.25rem;font-weight:400;color:#111;line-height:1.4;margin-bottom:1.5rem}

.nest-features__subtitle{color:#666;font-weight:300}

.nest-features__map{position:relative;margin-top:2rem}

.nest-features__map-svg{width:100%;height:auto;color:#999}

.nest-features__map-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border:1px solid #e5e5e5;padding:.5rem 1rem;border-radius:.25rem;font-size:.75rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1)}

.nest-features__messages{height:280px;overflow:hidden;position:relative}

.nest-features__message-container{display:flex;flex-direction:column;gap:.5rem}

.nest-features__message{display:flex;gap:.75rem;padding:.75rem;border:1px solid #e5e5e5;border-radius:.5rem;background:#fff;opacity:0;transform:scale(0.9);animation:scaleUp .3s ease forwards}

.nest-features__message-icon{width:32px;height:32px;min-width:32px;border-radius:.5rem}

.nest-features__message-icon--pink{background:linear-gradient(135deg, #ff6b9d, #a855f7)}

.nest-features__message-icon--blue{background:linear-gradient(135deg, #0ea5e9, #1e40af)}

.nest-features__message-icon--green{background:linear-gradient(135deg, #10b981, #059669)}

.nest-features__message-icon--purple{background:linear-gradient(135deg, #8b5cf6, #6b21a8)}

.nest-features__message-icon--orange{background:linear-gradient(135deg, #fb923c, #ea580c)}

.nest-features__message-content{flex:1;min-width:0}

.nest-features__message-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#111}

.nest-features__message-time{color:#999;font-weight:400}

.nest-features__message-time::before{content:" • ";margin:0 .25rem}

.nest-features__message-text{font-size:.75rem;color:#666;margin-top:.25rem;line-height:1.4}

.nest-features__chart{margin-top:2rem}

.nest-features__chart-container{height:200px;display:flex;flex-direction:column}

.nest-features__chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1.5rem}

.nest-features__chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center}

.nest-features__chart-values{width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center;gap:.25rem}

.nest-features__chart-bar{width:40%;border-radius:.25rem .25rem 0 0;transition:all .3s ease}

.nest-features__chart-bar--sessions{background:linear-gradient(to top, #1c6a61, #2A9D8F)}

.nest-features__chart-bar--teletherapy{background:linear-gradient(to top, #78d0c6, #52c2b5);opacity:.7}

.nest-features__chart-label{font-size:.75rem;color:#666;margin-top:.5rem}

.nest-features__chart-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}

.nest-features__chart-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#666}

.nest-features__chart-legend-dot{width:8px;height:8px;border-radius:50%}

.nest-features__chart-legend-dot--sessions{background:#2563eb}

.nest-features__chart-legend-dot--teletherapy{background:#60a5fa}

.nest-features__grid{display:grid;grid-template-columns:repeat(2, 1fr);background:#fff}

@media(max-width: 768px){.nest-features__grid{grid-template-columns:1fr;border-radius:.5rem;overflow:hidden}

}

.nest-features__feature-card{position:relative;border:1px solid #e5e5e5;padding:1.5rem;background:#fff;transition:background .2s ease}

.nest-features__feature-card:hover{background:#fafafa}

.nest-features__feature-card:first-child{border-right:none}

@media(max-width: 768px){.nest-features__feature-card:first-child{border-right:1px solid #e5e5e5;border-bottom:none}

}

.nest-features__feature-content{position:relative;z-index:1}

.nest-features__feature-title{font-size:1.125rem;font-weight:400;color:#111;line-height:1.4;margin-top:1rem}

.nest-features__feature-visual{position:absolute;bottom:0;right:0;width:120px;height:100px;background:linear-gradient(135deg, #f3f4f6, #e5e7eb);border:8px solid #fff;border-right:none;border-bottom:none;border-radius:1rem 0 0 0}

.nest-features__feature-arrow{position:absolute;bottom:.75rem;right:.75rem;width:40px;height:40px;background:#fff;border:1px solid #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:2}

.nest-features__feature-arrow:hover{transform:rotate(-45deg)}

.nest-features__feature-arrow span{font-size:1.125rem;color:#111}

@keyframes scaleUp{0%{transform:scale(0.9);opacity:0}

100%{transform:scale(1);opacity:1}

}

.about-nest{padding:4rem 0 6rem;background:linear-gradient(to bottom, #ffffff 0%, #fafafa 30%);position:relative;z-index:100}

.about-nest__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}

.about-nest__header{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:3rem}

@media(max-width: 768px){.about-nest__header{grid-template-columns:1fr;gap:1.5rem;text-align:center}

}

.about-nest__title{font-size:2.5rem;font-weight:400;color:#6e7073;line-height:1.2}

@media(max-width: 768px){.about-nest__title{font-size:1.875rem}

}

.about-nest__subtitle{font-size:1rem;color:#666;line-height:1.6;max-width:400px;margin-left:auto}

@media(max-width: 768px){.about-nest__subtitle{margin:0 auto}

}

.about-nest__visual{position:relative;border-radius:1.5rem;padding:.75rem;margin:0 0 3rem}

@media(max-width: 768px){.about-nest__visual{margin:0 0 2rem;padding:.5rem}

}

.about-nest__image-container{position:relative;aspect-ratio:88/36;overflow:hidden;border-radius:1rem}

.about-nest__gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top, #fafafa, transparent);z-index:1}

.about-nest__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.about-nest__image--top{z-index:10;opacity:.9}

.about-nest__image--back{z-index:0;filter:blur(8px);transform:scale(1.1);opacity:.5}

.about-nest__features{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}

@media(max-width: 1024px){.about-nest__features{grid-template-columns:repeat(2, 1fr);gap:2.5rem}

}

@media(max-width: 640px){.about-nest__features{grid-template-columns:1fr;gap:2rem}

}

.about-nest__feature{display:flex;flex-direction:column;gap:.75rem}

.about-nest__feature-header{display:flex;align-items:center;gap:.5rem}

.about-nest__feature-icon{width:16px;height:16px;opacity:1}

.about-nest__feature-title{font-size:.875rem;font-weight:500;color:#111}

.about-nest__feature-description{font-size:.875rem;color:#666;line-height:1.5}

.carousel{position:relative;width:100%}

.carousel-viewport{overflow:hidden;width:100%}

.carousel-container{display:flex;touch-action:pan-y;margin-left:-1rem}

.carousel .carousel-slide{position:relative;flex:0 0 auto;min-width:0;max-width:400px;padding-left:1rem}

@media(max-width: 768px){.carousel .carousel-slide{max-width:320px}

}

.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}

.carousel-button:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}

.carousel-button:disabled{opacity:.3;cursor:not-allowed}

.carousel-button--prev{left:-24px}

@media(max-width: 768px){.carousel-button--prev{left:10px}

}

.carousel-button--next{right:-24px}

@media(max-width: 768px){.carousel-button--next{right:10px}

}

.carousel-button svg{color:#000}

.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:2rem}

.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#e0e0e0;cursor:pointer;transition:all .3s ease;padding:0}

.carousel-dot--active{background:#2a9d8f;transform:scale(1.2)}

.carousel-dot:hover:not(.carousel-dot--active){background:silver}

.products-carousel{margin:0;overflow:hidden !important}

.products-carousel .carousel-viewport{overflow:hidden !important}

.products-carousel .carousel-container{padding:0;margin:0}

.product-card{display:block;position:relative;height:500px;border-radius:16px;overflow:hidden;transition:all .3s ease;text-decoration:none;cursor:pointer}

.product-card:hover{transform:translateY(-8px)}

.product-card:hover .product-card-image{transform:scale(1.05)}

.product-card:hover .product-card-arrow{transform:translate(3px, -3px)}

.product-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.product-card-blur{position:absolute;bottom:0;left:0;width:100%;height:50%;pointer-events:none;z-index:1}

.product-card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:2}

.product-card-category{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.9);margin-bottom:.75rem}

.product-card-title{font-size:1.75rem;font-weight:600;line-height:1.3;color:#fff;margin:0 0 1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}

.product-card-description{font-size:1rem;line-height:1.6;color:hsla(0,0%,100%,.95);margin:0 0 1.5rem 0;text-shadow:0 1px 2px rgba(0,0,0,.2)}

.product-card-footer{margin:0}

.product-card-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#fff;transition:all .3s ease}

.product-card-arrow{transition:transform .3s ease}

@media(max-width: 768px){.product-card{height:450px}

.product-card-content{padding:1.5rem}

.product-card-title{font-size:1.5rem}

.product-card-description{font-size:.95rem}

}

.progressive-blur{position:relative;width:100%;height:100%;pointer-events:none}

.progressive-blur-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none}

.feature-accordion{width:100%;max-width:600px;margin:2rem auto}

.feature-accordion-container{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}

.feature-accordion-item{border-bottom:1px solid rgba(0,0,0,.06)}

.feature-accordion-item:last-child{border-bottom:none}

.feature-accordion-trigger{width:100%;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,0);border:none;cursor:pointer;text-align:left;transition:background-color .2s ease}

.feature-accordion-trigger:hover{background-color:rgba(0,0,0,.02)}

.feature-accordion-icon{width:28px;height:28px;border-radius:6px;object-fit:cover}

.feature-accordion-title{flex:1;font-size:.95rem;font-weight:500;color:#000}

.feature-accordion-count{font-size:.75rem;color:rgba(0,0,0,.5);margin-right:.5rem}

.feature-accordion-chevron{color:rgba(0,0,0,.4);transition:transform .2s ease}

.feature-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}

.feature-accordion-content-inner{padding:0 1.25rem 1.25rem}

.feature-accordion-image-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:1rem}

.feature-accordion-image{width:100%;max-width:500px;height:auto;border-radius:8px;object-fit:cover}

.feature-accordion-description{font-size:.875rem;color:rgba(0,0,0,.6);text-align:center;line-height:1.5;margin:0}

.feature-accordion-item--open .feature-accordion-chevron{transform:rotate(180deg)}

.feature-accordion-item--open .feature-accordion-content{max-height:500px}

@keyframes accordion-down{from{opacity:0;transform:translateY(-10px)}

to{opacity:1;transform:translateY(0)}

}

@keyframes accordion-up{from{opacity:1;transform:translateY(0)}

to{opacity:0;transform:translateY(-10px)}

}

.oaklet-carousel{width:100%;max-width:600px;margin:2rem auto}

.oaklet-carousel-container{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;position:relative}

.oaklet-carousel-viewport{width:100%;overflow:hidden;position:relative;aspect-ratio:16/10}

@media(max-width: 768px){.oaklet-carousel-viewport{aspect-ratio:4/3}

}

.oaklet-carousel-track{display:flex;height:100%;transition:transform .5s ease}

.oaklet-carousel-slide{min-width:100%;height:100%;position:relative}

.oaklet-carousel-image{width:100%;height:100%;object-fit:cover}

.oaklet-carousel-content{position:absolute;bottom:0;left:0;padding:2rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);width:100%}

@media(max-width: 768px){.oaklet-carousel-content{padding:1.5rem}

}

.oaklet-carousel-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem 0}

@media(max-width: 768px){.oaklet-carousel-title{font-size:1.25rem}

}

.oaklet-carousel-description{color:hsla(0,0%,100%,.9);font-size:.95rem;margin:0;line-height:1.5}

@media(max-width: 768px){.oaklet-carousel-description{font-size:.875rem}

}

.oaklet-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);border:none;width:40px;height:40px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;z-index:2}

.oaklet-carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}

.oaklet-carousel-nav--prev{left:1rem}

.oaklet-carousel-nav--next{right:1rem}

.oaklet-carousel-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:2}

.oaklet-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .2s;padding:0}

.oaklet-carousel-dot--active{background:#fff;transform:scale(1.3)}

.oaklet-carousel-dot:hover:not(.oaklet-carousel-dot--active){background:hsla(0,0%,100%,.7)}

.oaklet-ai-neuron{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;overflow:hidden;max-width:100%}

@media(max-width: 768px){.oaklet-ai-neuron{padding:30px 0}

}

@media(max-width: 480px){.oaklet-ai-neuron{padding:20px 0}

}

.oaklet-ai-neuron__constellation{position:relative;width:500px;height:400px;margin:0 auto;max-width:100%}

@media(max-width: 768px){.oaklet-ai-neuron__constellation{width:400px;height:350px}

}

@media(max-width: 480px){.oaklet-ai-neuron__constellation{width:300px;height:300px}

}

.oaklet-ai-neuron__canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}

.oaklet-ai-neuron__center-node{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:170px;height:170px;z-index:3;animation:floatNeuronCenter 6s ease-in-out infinite}

@media(max-width: 768px){.oaklet-ai-neuron__center-node{width:80px;height:80px}

}

@media(max-width: 480px){.oaklet-ai-neuron__center-node{width:70px;height:70px}

}

.oaklet-ai-neuron__satellite{position:absolute;width:100px;height:100px;z-index:2}

@media(max-width: 768px){.oaklet-ai-neuron__satellite{width:65px;height:65px}

}

@media(max-width: 480px){.oaklet-ai-neuron__satellite{width:50px;height:50px}

}

.oaklet-ai-neuron__satellite--1{top:5%;left:50%;transform:translateX(-50%);animation:floatNeuronSatellite1 8s ease-in-out infinite}

.oaklet-ai-neuron__satellite--2{top:30%;right:8%;animation:floatNeuronSatellite2 7s ease-in-out infinite}

.oaklet-ai-neuron__satellite--3{bottom:20%;right:15%;animation:floatNeuronSatellite3 9s ease-in-out infinite}

.oaklet-ai-neuron__satellite--4{bottom:20%;left:15%;animation:floatNeuronSatellite4 7.5s ease-in-out infinite}

.oaklet-ai-neuron__satellite--5{top:30%;left:8%;animation:floatNeuronSatellite5 8.5s ease-in-out infinite}

.oaklet-ai-neuron__node-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(95, 109, 199, 0.3)) brightness(0) saturate(100%) invert(59%) sepia(36%) saturate(691%) hue-rotate(123deg) brightness(98%) contrast(85%)}

@keyframes floatNeuronCenter{0%,100%{transform:translate(-50%, -50%) translateY(0px) scale(1)}

50%{transform:translate(-50%, -50%) translateY(-5px) scale(1.05)}

}

@keyframes floatNeuronSatellite1{0%,100%{transform:translateX(-50%) translateY(0px) rotate(0deg)}

25%{transform:translateX(-50%) translateY(-8px) rotate(5deg)}

75%{transform:translateX(-50%) translateY(5px) rotate(-5deg)}

}

@keyframes floatNeuronSatellite2{0%,100%{transform:translateY(0px) rotate(0deg)}

33%{transform:translateY(-6px) rotate(3deg)}

66%{transform:translateY(6px) rotate(-3deg)}

}

@keyframes floatNeuronSatellite3{0%,100%{transform:translateY(0px) rotate(0deg)}

40%{transform:translateY(-7px) rotate(-4deg)}

80%{transform:translateY(4px) rotate(4deg)}

}

@keyframes floatNeuronSatellite4{0%,100%{transform:translateY(0px) rotate(0deg)}

20%{transform:translateY(-5px) rotate(2deg)}

60%{transform:translateY(7px) rotate(-2deg)}

}

@keyframes floatNeuronSatellite5{0%,100%{transform:translateY(0px) rotate(0deg)}

30%{transform:translateY(-6px) rotate(-3deg)}

70%{transform:translateY(5px) rotate(3deg)}

}

.mission-statement{padding:6rem 0;background:#fff}

@media(max-width: 768px){.mission-statement{padding:4rem 0}

}

.mission-statement-container{max-width:1200px;margin:0 auto;padding:0 1rem}

@media(max-width: 768px){.mission-statement-container{padding:0 2rem}

}

.mission-statement-text{font-size:clamp(1.375rem,4vw,2.5rem);font-weight:400;line-height:1.35;color:#000;margin:0;text-align:left;hyphens:auto;word-spacing:-0.05em;letter-spacing:-0.015em;max-width:100%;width:100%;text-wrap:balance;overflow-wrap:break-word;word-break:normal}

@media(min-width: 1400px){.mission-statement-text{font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.3;letter-spacing:-0.02em}

}

@media(max-width: 768px){.mission-statement-text{font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.4;word-spacing:normal;letter-spacing:-0.01em}

}

@media(max-width: 480px){.mission-statement-text{font-size:clamp(1.125rem,6vw,1.5rem);line-height:1.45}

}

.mission-statement-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;hanging-punctuation:first last}

.building-trust{padding:6rem 0;background:#fff}

@media(max-width: 768px){.building-trust{padding:4rem 0}

}

.building-trust-container{max-width:1200px;margin:0 auto;padding:0 1rem}

@media(max-width: 768px){.building-trust-container{padding:0 2rem}

}

.building-trust-title{font-size:clamp(1.875rem,3vw,2.5rem);font-weight:500;line-height:1.3;color:#000;margin:0 0 3rem 0;text-align:center;text-wrap:balance}

@media(max-width: 768px){.building-trust-title{margin-bottom:2.5rem}

}

.building-trust-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem}

@media(max-width: 992px){.building-trust-grid{grid-template-columns:1fr;gap:2.5rem}

}

@media(max-width: 768px){.building-trust-grid{gap:2rem}

}

.building-trust-item{text-align:center;padding:2rem 1rem;border-top:3px solid #2a9d8f}

@media(max-width: 992px){.building-trust-item{text-align:left;padding:1.5rem 0;border-top:none;border-left:3px solid #2a9d8f;padding-left:1.5rem}

}

@media(max-width: 768px){.building-trust-item{padding:1rem 0 1rem 1rem}

}

.building-trust-item-title{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;line-height:1.3;color:#000;margin:0 0 1rem 0;text-wrap:balance}

.building-trust-item-description{font-size:clamp(.95rem,1.5vw,1.125rem);line-height:1.6;color:#333;margin:0;text-wrap:balance;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.policy-page{min-height:100vh;background:#fff}

.policy-page-container{max-width:1200px;margin:0 auto;padding:0 2rem;background:#fff}

@media(max-width: 768px){.policy-page-container{margin:0 1rem;padding:0 1.5rem}

}

.policy-page-header{padding:3rem 0 2rem;border-bottom:1px solid #e5e7eb;text-align:center}

.policy-page-header h1{font-size:2.5rem;font-weight:600;color:#000;margin:0 0 1rem 0}

@media(max-width: 768px){.policy-page-header h1{font-size:2rem}

}

.policy-page-updated{font-size:.9rem;color:#6b7280;margin:0}

.policy-page-content{padding:3rem 0}

.policy-page-content *{box-sizing:border-box}

.policy-page-content p,.policy-page-content .MsoNormal{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-size:1rem !important;line-height:1.6 !important;color:#333 !important;margin:0 0 1.5rem 0 !important;text-align:left !important;margin-top:0 !important;margin-bottom:1.5rem !important;text-indent:0 !important}

.policy-page-content h1,.policy-page-content h2,.policy-page-content h3,.policy-page-content h4,.policy-page-content h5,.policy-page-content h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-weight:600 !important;color:#000 !important;margin:2.5rem 0 1rem 0 !important;line-height:1.3 !important}

.policy-page-content h1{font-size:2rem !important}

.policy-page-content h2{font-size:1.5rem !important}

.policy-page-content h3{font-size:1.25rem !important}

.policy-page-content h4{font-size:1.1rem !important}

.policy-page-content ul,.policy-page-content ol{margin:1rem 0 1.5rem 0 !important;padding-left:2rem !important}

.policy-page-content ul li,.policy-page-content ol li{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-size:1rem !important;line-height:1.6 !important;color:#333 !important;margin-bottom:.5rem !important}

.policy-page-content table{width:100% !important;border-collapse:collapse !important;margin:2rem 0 !important;background:#fff !important}

.policy-page-content th,.policy-page-content td{padding:.75rem !important;border:1px solid #e5e7eb !important;text-align:left !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-size:.9rem !important;line-height:1.5 !important}

.policy-page-content th{background-color:#f9fafb !important;font-weight:600 !important;color:#000 !important}

.policy-page-content td{color:#333 !important}

.policy-page-content a{color:#2a9d8f !important;text-decoration:underline !important}

.policy-page-content a:hover{color:rgb(31.2361809045,116.7638190955,106.351758794) !important}

.policy-page-content strong,.policy-page-content b{font-weight:600 !important;color:#000 !important}

.policy-page-content em,.policy-page-content i{font-style:italic !important}

.policy-page-content span{font-family:inherit !important;font-size:inherit !important;line-height:inherit !important;color:inherit !important}

.policy-page-content .MsoNormal,.policy-page-content .MsoListParagraph,.policy-page-content .MsoTitle,.policy-page-content .MsoSubtitle{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-size:1rem !important;line-height:1.6 !important;color:#333 !important;margin:0 0 1.5rem 0 !important}

.policy-page-content o\\:p{display:none !important}

@media(max-width: 768px){.policy-page-content p,.policy-page-content .MsoNormal{font-size:.9rem !important}

.policy-page-content h1{font-size:1.75rem !important}

.policy-page-content h2{font-size:1.375rem !important}

.policy-page-content h3{font-size:1.125rem !important}

.policy-page-content table{font-size:.8rem !important}

.policy-page-content th,.policy-page-content td{padding:.5rem !important;font-size:.8rem !important}

}

.home-page{position:relative}

.home-page section{padding:2rem 0}

.hero-spacer{display:none}

.content-wrapper{position:relative;background:#fff;z-index:10;min-height:100vh;margin-top:0}

.content-wrapper section{max-width:1200px;margin:0 auto;padding:2rem 1rem}

@media(max-width: 768px){.content-wrapper section{padding:2rem 2rem}

}

.content-wrapper .your-portal{margin-top:10rem !important;margin-bottom:0}

.content-wrapper .call-to-action{margin-top:10rem !important;margin-bottom:0}

.content-wrapper .footer{margin-top:10rem !important}

.products-page{padding:0;width:100%;position:relative;min-height:100vh;background:#fff}

.products-page .products-showcase{padding-top:120px;padding-bottom:100px;position:relative}

.products-page .products-showcase-container{max-width:1200px;margin:0 auto;padding:0 2rem}

@media(max-width: 768px){.products-page .products-showcase-container{padding:0 2rem}

}

.products-page .products-showcase-header{max-width:600px;margin-bottom:4rem}

@media(max-width: 768px){.products-page .products-showcase-header{margin-bottom:3rem}

}

.products-page .products-showcase-title{color:#464849;font-size:3.5rem;font-weight:400;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;margin:0 0 1rem 0}

@media(max-width: 768px){.products-page .products-showcase-title{font-size:3rem}

}

.products-page .products-showcase-description{color:#000;font-size:1.1rem;font-weight:400;line-height:1.5;margin:0;max-width:500px}

@media(max-width: 768px){.products-page .products-showcase-description{font-size:1.25rem}

}

.products-page .products-carousel-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}

.products-page .products-carousel{margin:0;overflow:hidden}

.products-page .products-carousel .carousel-viewport{overflow:hidden !important}

.products-page .products-carousel .carousel-container{display:flex;margin-left:0}

.products-page .products-carousel .carousel-slide{flex:0 0 auto;width:400px;padding:0 .5rem}

@media(max-width: 768px){.products-page .products-carousel .carousel-slide{width:85vw;padding:0 .5rem}

}

.nest-app-page{padding:0;overflow-x:hidden}

.pricing-page{padding:2rem 0}

.oaklet-ai-page{padding:2rem 0}

/*# sourceMappingURL=main-1.0.0.css.map */
