*{box-sizing:border-box} :root{--cyan:var(--kairos-cyan);--gold:var(--kairos-gold);--white:var(--text)} html{scroll-behavior:smooth;scroll-padding-top:90px} body{margin:0;background:radial-gradient(ellipse at 72% 24%,#153b75 0,transparent 36%),linear-gradient(135deg,#030b1d,var(--kairos-deep) 55%,#101b3d);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:clip} a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(80px);opacity:.18;border-radius:50%;z-index:-1}.ambient-one{width:300px;height:300px;background:#00cfff;top:160px;left:-160px}.ambient-two{width:380px;height:380px;background:#ffb84c;top:420px;right:-210px}.site-header{height:94px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,190,255,.15);background:rgba(3,13,33,.48);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;width:230px;height:74px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(34,206,255,.18))}.nav-links{display:flex;gap:clamp(24px,4vw,60px);align-items:center;color:#d8e5ff;font-size:14px}.nav-links a{position:relative;transition:color .25s}.nav-links a:hover,.nav-links a.active{color:white}.nav-links a.active:after{content:"";position:absolute;height:2px;width:24px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);left:0;right:0;margin:auto;bottom:-15px}.header-cta{padding:13px 22px;border:1px solid rgba(155,206,255,.45);border-radius:50px;background:rgba(30,65,112,.32);font-size:13px;white-space:nowrap;transition:.25s}.header-cta span{margin-left:12px}.header-cta:hover{box-shadow:0 0 24px #1a9fff55;border-color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:minmax(360px,.83fr) minmax(500px,1.17fr);align-items:center;padding:52px clamp(22px,6vw,96px) 100px;isolation:isolate}.hero-copy{position:relative;z-index:3;max-width:570px;padding-bottom:25px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:700;color:#9edfff;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-3.8px;line-height:1.02;margin:0;font-weight:800}h1 span,.section-heading h2 span,.about-section h2 span,.contact-section h2 span{background:linear-gradient(95deg,#35d9ff 0%,#d7efff 46%,#ffd17b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:17px;line-height:1.8;color:#c2d2ed;max-width:440px;margin:25px 0 29px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;border-radius:50px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(105deg,#1fbfff,#388dff 55%,#ffc568);color:white;box-shadow:0 7px 28px #1a9fff35,inset 0 1px 0 #ffffff8a}.button-primary:hover{box-shadow:0 10px 36px #22baff65}.button-quiet{padding-left:0;color:#dce8ff}.play-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #56d9ff;border-radius:50%;font-size:11px;color:#b9efff;padding-left:2px}.mini-features{display:flex;margin-top:65px;gap:0}.mini-feature{display:flex;align-items:center;gap:12px;padding:0 20px;border-right:1px solid #9bc8ff45;color:#c1d1ed;font-size:11px;line-height:1.5}.mini-feature:first-child{padding-left:0}.mini-feature:last-child{border:0}.feature-icon{font-size:26px;color:#81e5ff}.hero-visual{position:absolute;right:0;top:0;width:65%;height:100%;overflow:hidden;z-index:1}.image-frame{position:absolute;inset:0 0 0 0;display:flex;align-items:center;justify-content:center;mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 100%)}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;opacity:.92;animation:heroFloat 8s ease-in-out infinite}.visual-glow{position:absolute;width:70%;height:60%;top:20%;right:2%;background:#238dff2b;filter:blur(65px);border-radius:50%}.floating-card{position:absolute;z-index:4;border:1px solid #70caff8c;background:linear-gradient(135deg,rgba(22,90,157,.58),rgba(24,45,100,.28));box-shadow:inset 0 1px 0 #ffffff30,0 12px 35px #00102d44;backdrop-filter:blur(16px);border-radius:13px;color:#f2f8ff;animation:float 6s ease-in-out infinite}.calendar-card{width:172px;left:12%;top:18%;padding:14px;transform:rotate(-3deg)}.card-top{display:flex;justify-content:space-between;font-size:11px;color:#d8f2ff}.calendar-card strong{display:block;font-size:16px;margin:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:8px}.calendar-grid i{font-style:normal;color:#9ac5ee}.calendar-grid b{font-weight:500;background:#7bcfff22;padding:5px 0;border-radius:4px}.calendar-grid .selected{background:linear-gradient(135deg,#ffce75,#f7a948);color:#102344;box-shadow:0 0 12px #ffbe5c}.tasks-card{right:12%;top:16%;width:210px;padding:12px;animation-delay:-2s}.task{display:flex;gap:9px;align-items:center;padding:9px 3px;border-bottom:1px solid #ffffff18;font-size:9px}.task:last-child{border:0}.task>span:nth-child(2){flex:1}.task b,.task small{display:block}.task b{font-size:9px;font-weight:600}.task small{color:#a8c9ed;margin-top:4px}.task-dot{width:8px;height:24px;border-radius:5px}.cyan{background:#45e0ff}.pink{background:#e5a5ff}.gold{background:#ffd275}.note-card{right:4%;top:47%;width:130px;padding:13px;display:flex;flex-direction:column;gap:8px;animation-delay:-4s}.note-plus{width:27px;height:27px;border:1px solid #8be6ff;border-radius:8px;display:grid;place-items:center;font-size:18px}.note-card b{font-size:10px}.note-card small{font-size:8px;color:#a9c7eb;line-height:1.5}.orbit{position:absolute;border:1px solid #3bcfff33;border-radius:50%;pointer-events:none}.orbit-a{width:67%;height:37%;top:34%;left:17%;transform:rotate(-19deg)}.orbit-b{width:55%;height:50%;top:24%;left:24%;border-color:#ffc96b22;transform:rotate(35deg)}.scroll-cue{position:absolute;bottom:28px;left:clamp(22px,6vw,96px);display:flex;gap:12px;align-items:center;color:#7795bd;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.scroll-cue span{width:25px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.features-section{padding:100px clamp(22px,8vw,125px) 115px;background:linear-gradient(180deg,rgba(4,15,35,.1),rgba(7,20,44,.9));border-top:1px solid #9bc8ff12}.section-heading{text-align:center;max-width:650px;margin:0 auto 48px}.section-heading .eyebrow,.contact-section .eyebrow{justify-content:center}.section-heading h2,.about-section h2,.contact-section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.7px;line-height:1.15;margin:0 0 16px}.section-heading>p:last-child,.about-section>div>p:not(.eyebrow),.contact-section>p:not(.eyebrow){color:#aebfdd;font-size:14px;line-height:1.8}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:auto}.glass-card{padding:30px 27px;border:1px solid #8ccfff24;background:linear-gradient(145deg,#14315a70,#0c1b38a6);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0c;transition:transform .3s,border-color .3s}.glass-card:hover{transform:translateY(-7px);border-color:#52cfff75}.card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;margin-bottom:23px}.cyan-icon{color:#61e2ff;background:#36cfff17}.gold-icon{color:#ffd27a;background:#ffd27a15}.violet-icon{color:#c7a6ff;background:#ad82ff17}.glass-card h3{font-size:17px;margin:0 0 12px}.glass-card p{font-size:13px;line-height:1.8;color:#a9bddc;min-height:70px}.glass-card a{font-size:12px;color:#8ee7ff;display:inline-flex;gap:12px;margin-top:10px}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;max-width:1050px;margin:0 auto;padding:80px 30px 120px}.about-orb{width:min(270px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:110px;color:#8fe9ff;background:radial-gradient(circle at 35% 25%,#2c91cc88,#122b5577 52%,#07142b);border:1px solid #6edfff66;box-shadow:0 0 80px #168bff21,inset 0 0 40px #2eacff22;margin:auto}.about-section h2{margin-bottom:18px}.about-section>div>p:not(.eyebrow){max-width:530px;margin-bottom:25px}.contact-section{text-align:center;padding:78px 20px 90px;background:radial-gradient(ellipse at 50% 100%,#174b7c65,transparent 65%);border-top:1px solid #86c9ff15}.contact-section h2{font-size:clamp(36px,5vw,58px)}.contact-section>p:not(.eyebrow){margin:0 auto 26px}footer{padding:25px clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #8acaff19;color:#8299bc;font-size:11px}.footer-brand{font-weight:800;letter-spacing:2px;color:#eaf8ff}.footer-brand span{color:#f7c66e;font-size:9px}footer p{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes heroFloat{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:900px;padding-top:65px}.hero-copy{max-width:600px}.hero-visual{width:100%;height:58%;top:auto;bottom:0;opacity:.9}.image-frame{mask-image:linear-gradient(180deg,transparent 0%,black 22%,black 100%)}.calendar-card{left:8%;top:8%}.tasks-card{right:8%;top:9%}.note-card{right:4%;top:48%}.mini-features{margin-top:38px}.scroll-cue{bottom:16px}.nav-links{gap:22px}.brand{width:190px}}@media(max-width:700px){.site-header{height:76px;padding:0 20px}.brand{width:160px;height:62px}.header-cta{padding:11px 14px;font-size:11px}.header-cta span{margin-left:5px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:8px;order:3}.menu-toggle span{width:22px;height:2px;background:#d9f7ff;border-radius:3px}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;padding:20px;background:#071630f5;border-bottom:1px solid #65caff33;flex-direction:column;gap:24px}.nav-links.open{display:flex}.nav-links a.active:after{bottom:-7px}.hero{padding:62px 22px 80px;min-height:850px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:17px}h1{font-size:clamp(46px,12vw,67px);letter-spacing:-2.8px}.hero-description{font-size:14px;line-height:1.75;margin:19px 0 23px;max-width:360px}.hero-actions{gap:12px}.button{padding:14px 17px;font-size:12px;gap:12px}.button-quiet{padding-left:0}.play-icon{width:30px;height:30px}.mini-features{margin-top:32px;justify-content:space-between}.mini-feature{padding:0 10px;gap:7px;font-size:9px}.mini-feature:first-child{padding-left:0}.feature-icon{font-size:20px}.hero-visual{height:47%;width:115%;right:-9%;bottom:12px}.floating-card{transform:scale(.78)}.calendar-card{left:5%;top:8%;transform:scale(.78) rotate(-3deg);transform-origin:top left}.tasks-card{right:5%;top:7%;transform:scale(.78);transform-origin:top right}.note-card{right:3%;top:49%;transform:scale(.75);transform-origin:top right}.scroll-cue{left:22px;bottom:15px;font-size:8px}.features-section{padding:75px 22px}.section-heading{margin-bottom:32px}.section-heading h2,.about-section h2{font-size:34px}.feature-cards{grid-template-columns:1fr;gap:13px}.glass-card{padding:24px}.glass-card p{min-height:0}.about-section{grid-template-columns:1fr;gap:35px;padding:65px 25px 80px;text-align:center}.about-orb{width:170px;font-size:75px}.about-section .eyebrow{justify-content:center}.about-section>div>p:not(.eyebrow){font-size:13px}.contact-section{padding:65px 20px}.contact-section h2{font-size:40px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:24px 15px}footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:1000px){.hero{min-height:0;padding:62px 22px 70px;grid-template-columns:1fr}.hero-copy{max-width:none}.hero-visual{position:relative;right:auto;bottom:auto;top:auto;width:calc(100% + 44px);height:auto;aspect-ratio:16/9;margin:34px -22px 0;opacity:1}.image-frame{mask-image:linear-gradient(180deg,transparent 0%,black 14%,black 86%,transparent 100%)}.image-frame img{width:100%;height:100%;object-fit:cover}.floating-card,.orbit{display:none}.scroll-cue{display:none}}
@media(max-width:700px){.hero{padding:40px 20px 50px;min-height:0}.hero-visual{width:calc(100% + 40px);margin:28px -20px 0;aspect-ratio:4/3}.hero-actions{flex-wrap:wrap}.mini-features{flex-wrap:wrap;gap:14px 0}.mini-feature{font-size:10px}}
html{overflow-x:clip}
body{position:relative}
.ambient{max-width:100vw}
@media(max-width:1000px){.feature-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.feature-cards{grid-template-columns:1fr}}
.features-section,.about-section,.contact-section,footer{position:relative}
.features-section::before,.about-section::before,.contact-section::before,footer::before{content:"";position:absolute;left:-10%;right:-10%;top:-70px;height:140px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 22% 55% at 12% 50%,#38d8ff40,transparent 70%),radial-gradient(ellipse 26% 50% at 40% 40%,#ffffff1c,transparent 70%),radial-gradient(ellipse 22% 55% at 68% 55%,#ffd17b33,transparent 70%),radial-gradient(ellipse 24% 50% at 92% 45%,#38d8ff33,transparent 70%);filter:blur(22px);animation:dividerSmoke 9s ease-in-out infinite alternate}
.about-section::before{animation-duration:11s;animation-direction:alternate-reverse}
.contact-section::before{animation-duration:13s}
@keyframes dividerSmoke{from{transform:translateX(-4%) scaleY(.9);opacity:.65}to{transform:translateX(4%) scaleY(1.2);opacity:1}}
.feature-cards .glass-card{position:relative;cursor:pointer}
.glass-card::after{content:"";position:absolute;inset:-26px;z-index:-1;border-radius:40px;pointer-events:none;opacity:0;background:radial-gradient(ellipse 40% 34% at 8% 12%,#38d8ff66,transparent 70%),radial-gradient(ellipse 40% 34% at 92% 10%,#ffd17b55,transparent 70%),radial-gradient(ellipse 40% 34% at 94% 90%,#38d8ff55,transparent 70%),radial-gradient(ellipse 40% 34% at 6% 92%,#ffd17b55,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 50%,#ffffff12,transparent 70%);filter:blur(16px);transform:scale(.9);transition:opacity .45s,transform .6s}
.glass-card:hover::after,.glass-card:focus-within::after{opacity:1;transform:scale(1);animation:cardSmoke 3.4s ease-in-out infinite alternate}
.glass-card.smoking::after{opacity:1;transform:scale(1.18);animation:none;transition:opacity .2s,transform .8s}
.glass-card.smoking{border-color:#8ee7ff;transform:translateY(-7px) scale(1.02)}
@keyframes cardSmoke{from{transform:scale(.97) rotate(-1deg)}to{transform:scale(1.09) rotate(1.5deg)}}
@media(prefers-reduced-motion:reduce){.glass-card::after,.features-section::before,.about-section::before,.contact-section::before,footer::before{animation:none!important}}.header-actions{display:flex;align-items:center;gap:14px}
.themeSwitch{position:relative;display:flex;align-items:center;justify-content:space-between;width:76px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted);cursor:pointer;flex:0 0 auto}
.themeSwitchIcon{position:relative;z-index:2;font-size:17px;line-height:1;transition:color .25s}
.themeSwitchThumb{position:absolute;z-index:1;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:var(--gradient-accent);box-shadow:var(--glow-cyan);transition:transform .25s;transform:translateX(38px)}
.themeSwitch[aria-checked="true"] .themeSwitchThumb{transform:translateX(0)}
.themeSwitch[aria-checked="true"] .themeSwitchSun,.themeSwitch[aria-checked="false"] .themeSwitchMoon{color:var(--on-accent)}
.themeSwitch:focus-visible{outline:2px solid var(--kairos-cyan);outline-offset:2px}
:root[data-theme="light"] .themeSwitch{background:rgba(255,255,255,.7)}
@media(max-width:700px){.header-actions{gap:8px}.themeSwitch{width:62px;height:32px;padding:0 9px}.themeSwitchIcon{font-size:14px}.themeSwitchThumb{width:24px;height:24px;transform:translateX(30px)}.brand{width:120px}}

:root[data-theme="light"] body{background:radial-gradient(ellipse at 72% 24%,rgba(56,216,255,.28) 0,transparent 40%),var(--gradient-main);color:var(--text)}
:root[data-theme="light"] .ambient{opacity:.12}
:root[data-theme="light"] .site-header{background:rgba(255,255,255,.72);border-bottom-color:var(--line)}
:root[data-theme="light"] .nav-links{color:var(--muted)}
:root[data-theme="light"] .nav-links a:hover,:root[data-theme="light"] .nav-links a.active{color:var(--text)}
:root[data-theme="light"] .nav-links a.active:after{background:var(--accent-dark);box-shadow:0 0 10px var(--kairos-cyan)}
:root[data-theme="light"] .header-cta{border-color:var(--line);background:var(--surface);color:var(--text)}
:root[data-theme="light"] .eyebrow{color:var(--accent-dark)}
:root[data-theme="light"] h1 span,:root[data-theme="light"] .section-heading h2 span,:root[data-theme="light"] .about-section h2 span,:root[data-theme="light"] .contact-section h2 span{background-image:linear-gradient(95deg,#0a7fa6 0%,#1f9fd6 50%,#c98a1c 100%)}
:root[data-theme="light"] .hero-description,:root[data-theme="light"] .mini-feature,:root[data-theme="light"] .section-heading>p:last-child,:root[data-theme="light"] .about-section>div>p:not(.eyebrow),:root[data-theme="light"] .contact-section>p:not(.eyebrow),:root[data-theme="light"] .glass-card p{color:var(--muted)}
:root[data-theme="light"] .mini-feature{border-right-color:var(--line)}
:root[data-theme="light"] .button-quiet{color:var(--text)}
:root[data-theme="light"] .play-icon,:root[data-theme="light"] .feature-icon{color:var(--accent-dark);border-color:var(--accent-dark)}
:root[data-theme="light"] .image-frame img{mix-blend-mode:normal;opacity:1}
:root[data-theme="light"] .scroll-cue{color:var(--muted)}
:root[data-theme="light"] .features-section{background:linear-gradient(180deg,transparent,rgba(217,248,255,.75));border-top-color:var(--line)}
:root[data-theme="light"] .glass-card{background:var(--surface-strong);border-color:var(--line);box-shadow:var(--shadow)}
:root[data-theme="light"] .glass-card h3{color:var(--text)}
:root[data-theme="light"] .glass-card a{color:var(--accent-dark)}
:root[data-theme="light"] .cyan-icon{color:var(--accent-dark);background:var(--accent-soft)}
:root[data-theme="light"] .gold-icon{color:#a8730f;background:var(--gold-soft)}
:root[data-theme="light"] .violet-icon{color:#6b4bc2}
:root[data-theme="light"] .about-orb{color:var(--accent-dark);background:radial-gradient(circle at 35% 25%,rgba(56,216,255,.5),rgba(217,248,255,.9) 60%,#fff);border-color:var(--line);box-shadow:var(--shadow)}
:root[data-theme="light"] .contact-section{background:radial-gradient(ellipse at 50% 100%,rgba(56,216,255,.3),transparent 65%);border-top-color:var(--line)}
:root[data-theme="light"] footer{color:var(--muted);border-top-color:var(--line)}
:root[data-theme="light"] .footer-brand{color:var(--text)}
:root[data-theme="light"] .footer-brand span{color:#a8730f}
:root[data-theme="light"] .menu-toggle span{background:var(--text)}
@media(max-width:700px){:root[data-theme="light"] .nav-links{background:var(--surface-menu);border-bottom-color:var(--line)}}
:root[data-theme="light"] .features-section::before,:root[data-theme="light"] .about-section::before,:root[data-theme="light"] .contact-section::before,:root[data-theme="light"] footer::before{opacity:.55}