:root {
  --bg:#070707;
  --bg-soft:#0d0d0d;
  --panel:#111212;
  --panel-2:#151616;
  --text:#f5f3ed;
  --muted:#989891;
  --line:rgba(255,255,255,.09);
  --gold:#f4c65d;
  --gold-light:#fff29a;
  --gold-deep:#f3a94c;
  --gradient:linear-gradient(118deg,#f1a54c 0%,#ffd06b 45%,#f3f58b 100%);
  --container:1180px;
  --radius:28px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 48px),var(--container));margin:0 auto}

.site-header{position:fixed;inset:0 0 auto;z-index:60;border-bottom:1px solid transparent;transition:.3s ease}
.site-header.scrolled{background:rgba(7,7,7,.86);backdrop-filter:blur(18px);border-color:var(--line)}
.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}
.brand{display:block;width:124px;flex:none}
.brand img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}
.primary-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c9c8c1}
.primary-nav a{transition:.2s ease}
.primary-nav a:hover{color:white}
.nav-cta{padding:12px 19px;border-radius:999px;background:var(--gradient);color:#111!important;font-weight:750;box-shadow:0 0 28px rgba(244,198,93,.16)}
.nav-cta span{margin-left:7px}
.menu-button{display:none;width:42px;height:42px;background:none;border:0;padding:9px;cursor:pointer}
.menu-button span{display:block;width:23px;height:1.5px;background:#eee;margin:5px 0;transition:.2s ease}

.hero{position:relative;min-height:830px;padding:155px 0 82px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 28%,rgba(234,168,45,.08),transparent 27%),linear-gradient(#070707,#080808)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,198,93,.22),transparent)}
.hero-grid{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:40px;position:relative;z-index:2}
.hero-copy{padding-top:20px}
.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:780;color:var(--gold);display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
h1,h2,h3,h4,p{margin-top:0}
h1{font-size:clamp(64px,6.8vw,104px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:720px;font-weight:780}
h1 span,h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:610px;color:#aaa9a2;font-size:17px;line-height:1.72;margin:30px 0 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:14px 22px;font-size:13px;font-weight:760;cursor:pointer;transition:.22s ease}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gradient);color:#111;box-shadow:0 12px 38px rgba(240,181,64,.16)}
.button-dark{background:#0e0e0e;border-color:rgba(255,255,255,.14);color:#eee}
.button-black{background:#070707;color:#fff;border:0;width:100%;margin-top:6px}
.hero-signature{margin:31px 0 0;color:var(--gold);font-family:"Segoe Script","Bradley Hand",cursive;font-size:24px;transform:rotate(-3deg);display:inline-block}
.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.orb-one{width:360px;height:360px;background:#eaa83f;opacity:.08;right:5%;top:12%}
.orb-two{width:280px;height:280px;background:#ffffa0;opacity:.04;left:48%;bottom:0}

.hero-visual{height:590px;position:relative;perspective:2200px;perspective-origin:50% 8%;padding-left:26px}
.cone-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(249,191,74,.22),rgba(249,191,74,.07) 34%,transparent 72%);filter:blur(8px);right:78px;top:82px}
.cone-guide{position:absolute;left:50%;top:72px;transform:translateX(-50%);width:420px;height:455px;background:linear-gradient(180deg,rgba(244,198,93,.16),rgba(244,198,93,.03) 42%,transparent 90%);clip-path:polygon(12% 0,88% 0,57% 100%,43% 100%);filter:blur(2px);opacity:.72}
.cone-floor{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);width:430px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(244,198,93,.20),rgba(244,198,93,.06) 42%,transparent 76%);filter:blur(12px)}
.hero-carousel{position:relative;height:100%}
.carousel-stage{position:relative;height:500px;margin-top:6px;transform-style:preserve-3d}
.carousel-app{position:absolute;left:50%;top:50%;width:246px;height:490px;margin-left:-123px;margin-top:-245px;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .85s ease,filter .85s ease;transform-style:preserve-3d;opacity:0;pointer-events:none;will-change:transform;transform-origin:center 82%}
.carousel-app[data-state="active"]{transform:translate3d(0,6px,175px) rotateX(-6deg) scale(.96);opacity:1;z-index:6;pointer-events:auto}
.carousel-app[data-state="left-1"]{transform:translate3d(-182px,20px,38px) rotateY(60deg) rotateX(-11deg) scale(.82);opacity:.92;z-index:5}
.carousel-app[data-state="right-1"]{transform:translate3d(182px,20px,38px) rotateY(-60deg) rotateX(-11deg) scale(.82);opacity:.92;z-index:5}
.carousel-app[data-state="left-2"]{transform:translate3d(-255px,34px,-155px) rotateY(74deg) rotateX(-14deg) scale(.64);opacity:.34;z-index:4;filter:brightness(.68)}
.carousel-app[data-state="right-2"]{transform:translate3d(255px,34px,-155px) rotateY(-74deg) rotateX(-14deg) scale(.64);opacity:.34;z-index:4;filter:brightness(.68)}
.carousel-meta{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);text-align:center;width:100%;max-width:240px;opacity:0;transition:opacity .45s ease .12s}
.carousel-meta strong{display:block;font-size:17px;letter-spacing:-.02em}
.carousel-meta span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;color:#8d8c85;text-transform:uppercase}
.carousel-app[data-state="active"] .carousel-meta{opacity:1}
.device-shell{height:100%;border:1px solid rgba(255,224,152,.42);border-radius:46px;padding:7px;background:linear-gradient(160deg,#282721,#050505 68%);box-shadow:0 28px 62px rgba(0,0,0,.56),0 0 28px rgba(236,172,61,.11);position:relative}
.device-shell::before{content:"";position:absolute;inset:5px;border-radius:40px;border:1px solid rgba(255,255,255,.06)}
.device-shell::after{content:"";position:absolute;inset:18px 16px 18px auto;width:72px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));filter:blur(12px);opacity:.3;pointer-events:none}
.device-screen{height:100%;border-radius:38px;overflow:hidden;padding:22px 19px 16px;position:relative;background:linear-gradient(180deg,#101112,#060707)}
.device-screen::before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:90px;height:20px;background:#040404;border-radius:999px}
.screen-top{display:flex;justify-content:space-between;font-size:8px;color:#aaaaa4;margin:2px 0 38px;position:relative;z-index:2}
.screen-kicker{font-size:10px;letter-spacing:.22em;color:#b3b29f;margin:0 0 12px;position:relative;z-index:2}
.device-screen h3{font-size:27px;line-height:1.03;letter-spacing:-.045em;margin:0 0 11px;position:relative;z-index:2}
.screen-body{font-size:10px;color:#9f9e97;line-height:1.5;margin:0 0 16px;position:relative;z-index:2}
.screen-pills{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:2;margin-top:18px}
.screen-pills span{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:8px;color:#d8d7d2}
.theme-daylight{background:radial-gradient(circle at 62% 18%,rgba(255,228,138,.16),transparent 24%),linear-gradient(180deg,#171613,#090909)}
.sunrise-card{height:155px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#332318,#d6892f 54%,#1a1412);position:relative}
.sun-glow{position:absolute;right:52px;top:34px;width:40px;height:40px;border-radius:50%;background:#ffe899;box-shadow:0 0 46px #f0bf54}
.mount-line{position:absolute;bottom:-28px;background:#121313;clip-path:polygon(50% 0,100% 100%,0 100%)}
.mount-line.a{left:-30px;width:160px;height:105px;opacity:.84}
.mount-line.b{left:58px;width:170px;height:118px}
.mount-line.c{right:-52px;width:155px;height:100px;opacity:.78}
.theme-mindful{background:radial-gradient(circle at 54% 40%,rgba(80,154,109,.18),transparent 28%),linear-gradient(180deg,#081315,#0a1916 56%,#091111)}
.breath-rings{position:relative;height:220px;margin-top:12px}
.breath-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(193,229,203,.18);border-radius:50%}
.breath-rings i:nth-child(1){width:64px;height:64px;background:radial-gradient(circle,rgba(188,229,191,.45),rgba(188,229,191,.07) 60%,transparent)}
.breath-rings i:nth-child(2){width:122px;height:122px}
.breath-rings i:nth-child(3){width:176px;height:176px}
.breath-rings i:nth-child(4){width:220px;height:220px}
.inhale-label{text-align:center;letter-spacing:.18em;font-size:11px;color:#b9cdb7;margin:0 0 12px}
.screen-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#dad9d4}
.screen-footer-row b{font-size:22px}
.screen-footer-row small{font-size:10px;color:#85847d}
.theme-pulse{background:radial-gradient(circle at 60% 25%,rgba(244,198,93,.12),transparent 28%),linear-gradient(180deg,#0d1113,#0a0b0d)}
.mini-chart{height:170px;display:flex;align-items:flex-end;gap:10px;padding:0 8px 10px;border-bottom:1px solid rgba(255,255,255,.08);background:repeating-linear-gradient(to top,rgba(255,255,255,.04) 0 1px,transparent 1px 34px)}
.mini-chart i{flex:1;border-radius:8px 8px 3px 3px;background:var(--gradient);box-shadow:0 0 18px rgba(244,198,93,.16)}
.screen-panel{margin-top:18px;border-radius:18px;padding:18px 16px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06)}
.emphasis-panel b,.quote-panel b{display:block;font-size:16px;line-height:1.1;margin-bottom:8px}
.emphasis-panel span,.quote-panel span{display:block;font-size:12px;line-height:1.45;color:#b3b2ac}
.theme-moments{background:radial-gradient(circle at 60% 12%,rgba(130,98,255,.18),transparent 25%),linear-gradient(180deg,#0b0d1f,#171130 54%,#0c0d15)}
.night-card{height:188px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#2f2257,#1f355f 58%,#0f1020);position:relative}
.night-card::before{content:"";position:absolute;right:44px;top:34px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#eee4ff 0,#b88eff 60%,rgba(184,142,255,0) 70%);filter:blur(2px)}
.night-card::after{content:"";position:absolute;inset:auto -10px -26px -10px;height:92px;background:#09090e;clip-path:polygon(0 100%,20% 52%,36% 84%,54% 36%,68% 74%,84% 26%,100% 100%)}
.theme-orbit{background:radial-gradient(circle at 50% 18%,rgba(97,188,170,.17),transparent 28%),linear-gradient(180deg,#071114,#0a1417)}
.task-list{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.task-list div{display:flex;justify-content:space-between;align-items:center;padding:14px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.task-list span{font-size:12px;color:#e4e4df}.task-list i{display:block;width:56px;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0))}
.carousel-arrow{position:absolute;top:47%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,208,99,.24);background:rgba(10,10,10,.84);color:#fff;font-size:17px;display:grid;place-items:center;cursor:pointer;z-index:8;backdrop-filter:blur(12px);transition:.2s ease;box-shadow:0 18px 36px rgba(0,0,0,.28)}
.carousel-arrow:hover{border-color:rgba(255,208,99,.46);transform:translateY(-50%) scale(1.04)}
.arrow-prev{left:34px}.arrow-next{right:34px}
.carousel-caption{position:absolute;inset:auto 0 0;text-align:center;z-index:9;transform:translateY(-2px)}
.carousel-caption-title{font-size:18px;font-weight:760;letter-spacing:-.02em;margin-bottom:6px}
.carousel-caption-text{font-size:14px;color:#bdbbb3;margin-bottom:12px}
.carousel-hint{font-size:11px;color:#7d7c76;letter-spacing:.08em;text-transform:uppercase}
.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.carousel-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.15);padding:0;cursor:pointer;transition:.2s ease}
.carousel-dots button.active{width:28px;border-radius:999px;background:var(--gradient)}

.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090909}
.ticker-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;white-space:nowrap;overflow:hidden;color:#71726d;text-transform:uppercase;letter-spacing:.17em;font-size:9px}
.ticker i{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.7;flex:none}

.section{padding:112px 0}
.section-dark{background:#090a0a;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:52px}
.section-head h2,.about-copy h2,.philosophy-copy h2,.contact-card h2{font-size:clamp(48px,5.7vw,78px);line-height:.95;letter-spacing:-.055em;margin:0}
.section-head>p{color:#92928d;line-height:1.75;font-size:15px;max-width:500px;margin:0 0 5px auto}
.section-head-tight{margin-bottom:34px}

.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app-card{min-height:540px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#111212,#0b0c0c);padding:27px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.25s ease}
.app-card:hover{transform:translateY(-5px);border-color:rgba(244,198,93,.22)}
.app-top{display:flex;justify-content:space-between;align-items:center}
.app-icon{width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,208,99,.35);display:grid;place-items:center;background:#111;box-shadow:0 0 24px rgba(244,198,93,.05);font-size:24px;color:var(--gold)}
.sunrise-icon span{width:28px;height:14px;border:2px solid var(--gold);border-bottom:0;border-radius:28px 28px 0 0;position:relative}.sunrise-icon span::before,.sunrise-icon span::after{content:"";position:absolute;top:5px;width:8px;height:2px;background:var(--gold)}.sunrise-icon span::before{left:-12px}.sunrise-icon span::after{right:-12px}
.app-state{font-size:9px;color:#777;letter-spacing:.09em;text-transform:uppercase}
.app-card h3{font-size:28px;letter-spacing:-.035em;margin:28px 0 8px}.app-subtitle{color:#d1d0ca!important;margin-bottom:16px!important}.app-card>p{color:#8b8b86;font-size:13px;line-height:1.65;margin-bottom:0}
.app-card-visual{height:245px;margin:30px -27px -27px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(244,198,93,.16),transparent 34%),linear-gradient(180deg,#121313,#090909)}
.visual-one .mini-device{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%) rotate(-9deg);width:175px;height:260px;border:1px solid rgba(255,208,99,.34);border-radius:32px;padding:8px;background:linear-gradient(160deg,#252522,#070707)}
.mini-device::before{content:"";position:absolute;inset:6px;border-radius:25px;border:1px solid rgba(255,255,255,.05)}.mini-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:62px;height:14px;border-radius:999px;background:#020202}.mini-device small{display:block;padding:48px 18px 6px;font-size:8px;letter-spacing:.18em;color:#9f9c92}.mini-device b{display:block;padding:0 18px;font-size:24px;letter-spacing:-.05em}.mini-device i{display:block;height:12px;margin:16px 18px;border-radius:999px;background:rgba(255,255,255,.07)}
.visual-two{display:grid;place-items:center}
.idea-ring{position:absolute;border:1px solid rgba(244,198,93,.22);border-radius:50%}.ring-a{width:165px;height:165px}.ring-b{width:245px;height:245px}.idea-core{position:relative;z-index:2;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#181818,#0c0c0c);border:1px solid rgba(244,198,93,.3);font-size:31px;font-weight:800;letter-spacing:-.06em}.idea-core span{color:var(--gold)}
.app-card-gold{background:var(--gradient);color:#0b0b0b;justify-content:flex-end;min-height:540px}.dark-eyebrow{color:#5f4208}.dark-eyebrow::before{background:#6c4d0e}.app-card-gold h3{font-size:48px;line-height:.96;margin:10px 0 18px}.app-card-gold p{font-size:14px;line-height:1.75;color:rgba(0,0,0,.72)}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:760;margin-top:18px}.text-link span{transition:.2s ease}.text-link:hover span{transform:translateX(2px)}

.values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.value{padding:28px 32px 10px 0;border-right:1px solid var(--line);min-height:235px}.value:not(:first-child){padding-left:32px}.value:last-child{border-right:0}.value-icon{width:46px;height:46px;border:1px solid rgba(244,198,93,.38);border-radius:14px;display:grid;place-items:center;color:var(--gold);font-size:21px}.value h3{font-size:20px;margin:54px 0 8px}.value p{font-size:13px;line-height:1.65;color:#898a85;margin:0}

.philosophy-section{padding-top:72px}
.philosophy-card{position:relative;min-height:520px;border:1px solid rgba(244,198,93,.18);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 84% 35%,rgba(244,184,68,.13),transparent 30%),linear-gradient(150deg,#121212,#090909);display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:56px 58px}
.philosophy-copy{position:relative;z-index:3}.philosophy-copy>p:not(.eyebrow){max-width:510px;color:#91918b;font-size:14px;line-height:1.7;margin:24px 0 30px}
.process-flow{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:13px;align-items:center;padding-top:70px}.process-flow em{font-style:normal;color:#484843}.process-item{text-align:center}.process-item>div{width:58px;height:58px;border:1px solid rgba(244,198,93,.4);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--gold);background:#111;font-size:19px}.process-item b{display:block;font-size:12px}.process-item span{display:block;color:#777;font-size:10px;margin-top:5px}.landscape{position:absolute;inset:auto 0 0;height:150px;overflow:hidden;opacity:.9}.landscape i{position:absolute;bottom:-85px;width:310px;height:210px;background:#060606;clip-path:polygon(50% 0,100% 100%,0 100%)}.landscape i:nth-child(1){left:-35px}.landscape i:nth-child(2){left:190px;transform:scale(.8)}.landscape i:nth-child(3){right:170px;transform:scale(1.1)}.landscape i:nth-child(4){right:-100px;transform:scale(.78)}

.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:85px;align-items:center}.about-logo-panel{position:relative;min-height:500px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,#111,#090909);overflow:hidden;display:grid;place-items:center}.about-logo-panel img{display:block;width:min(100%,420px);max-width:420px;aspect-ratio:1/1;height:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 28px 70px rgba(0,0,0,.48))}.about-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#f2bd57;filter:blur(95px);opacity:.11;bottom:-90px;right:-60px}.about-copy>p:not(.eyebrow){color:#96958f;line-height:1.8;font-size:15px;max-width:600px;margin:28px 0 0}.about-lines{margin-top:35px;border-top:1px solid var(--line)}.about-lines div{display:flex;align-items:center;gap:25px;padding:17px 0;border-bottom:1px solid var(--line)}.about-lines span{font-size:10px;color:#62625d;letter-spacing:.12em}.about-lines b{font-size:13px}

.contact-section{padding-bottom:72px}.contact-card{border-radius:36px;background:var(--gradient);color:#080808;padding:60px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;box-shadow:0 30px 90px rgba(158,105,20,.08)}.contact-card h2 span{color:#080808;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;background:none}.contact-card>div>p:not(.eyebrow){max-width:520px;color:rgba(0,0,0,.62);line-height:1.7;font-size:14px;margin:25px 0 0}.contact-form{background:#0a0a0a;color:white;border-radius:26px;padding:27px;box-shadow:0 25px 60px rgba(90,55,0,.18)}.contact-form label{display:block;color:#85847f;font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:8px 0 11px;border:0;border-bottom:1px solid rgba(255,255,255,.12);outline:0;background:transparent;color:white;resize:vertical;text-transform:none;letter-spacing:0;font-size:13px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4d4d4a}

.site-footer{padding:20px 0 48px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;border-top:1px solid var(--line);padding-top:35px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:74px;height:auto;object-fit:contain}.footer-brand p{margin:0;color:#666762;font-size:11px}.footer-links{display:flex;gap:23px;color:#9b9a94;font-size:11px;align-items:center}.footer-links a:hover{color:white}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#52534e;font-size:9px;margin-top:28px}.footer-bottom a:hover{color:#ddd}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .hero{min-height:auto;padding-top:140px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{width:min(760px,100%);margin:0 auto}.section-head{grid-template-columns:1fr;gap:24px}.section-head>p{margin:0}.apps-grid{grid-template-columns:1fr 1fr}.app-card-gold{grid-column:1/-1;min-height:350px}.values-grid{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.value:nth-child(-n+2){border-bottom:1px solid var(--line)}.philosophy-card{grid-template-columns:1fr}.process-flow{padding-top:10px}.about-grid{grid-template-columns:1fr;gap:50px}.contact-card{grid-template-columns:1fr;gap:45px}
}

@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}.nav-wrap{height:76px}.brand{width:96px}.menu-button{display:block;position:relative;z-index:61}.primary-nav{position:fixed;inset:0;background:rgba(7,7,7,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;font-size:23px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s ease}.primary-nav.open{opacity:1;visibility:visible;transform:none}.nav-cta{font-size:15px;margin-top:10px}.menu-button.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .hero{padding:120px 0 30px}.hero-grid{gap:12px}.hero-lead{font-size:15px}.hero-signature{font-size:20px}.hero-visual{height:560px;perspective-origin:50% 8%;padding-left:0}.carousel-stage{height:440px}.carousel-app{width:214px;height:430px;margin-left:-107px;margin-top:-215px}.carousel-app[data-state="active"]{transform:translate3d(0,10px,150px) rotateX(-7deg) scale(.96)}.carousel-app[data-state="left-1"]{transform:translate3d(-135px,18px,8px) rotateY(61deg) rotateX(-12deg) scale(.76)}.carousel-app[data-state="right-1"]{transform:translate3d(135px,18px,8px) rotateY(-61deg) rotateX(-12deg) scale(.76)}.carousel-app[data-state="left-2"]{transform:translate3d(-198px,28px,-120px) rotateY(73deg) rotateX(-15deg) scale(.58)}.carousel-app[data-state="right-2"]{transform:translate3d(198px,28px,-120px) rotateY(-73deg) rotateX(-15deg) scale(.58)}.arrow-prev{left:4px}.arrow-next{right:4px}.cone-guide{width:300px;height:340px;top:68px}.cone-floor{width:310px;bottom:74px}.device-screen h3{font-size:24px}.screen-pills span{font-size:8px}
  .ticker-inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.ticker-inner::-webkit-scrollbar{display:none}.ticker-inner span{flex:none}
  .section{padding:82px 0}.section-head h2,.about-copy h2,.philosophy-copy h2,.contact-card h2{font-size:clamp(43px,13vw,60px)}.apps-grid{grid-template-columns:1fr}.app-card-gold{grid-column:auto}.values-grid{grid-template-columns:1fr}.value,.value:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:27px 0;min-height:210px}.value:last-child{border-bottom:0}.value h3{margin-top:38px}.philosophy-card{padding:38px 24px;min-height:670px}.process-flow{grid-template-columns:1fr 1fr;gap:24px}.process-flow em{display:none}.landscape{height:100px}.about-logo-panel{min-height:400px}.contact-card{padding:35px 22px}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-bottom{grid-column:1;gap:15px;flex-direction:column}
}

@media(max-width:460px){
  h1{font-size:clamp(51px,16vw,70px)}.hero-actions .button{width:100%}.hero-visual{height:500px}.carousel-stage{height:390px}.carousel-app{width:186px;height:378px;margin-left:-93px;margin-top:-189px}.carousel-app[data-state="active"]{transform:translate3d(0,10px,118px) rotateX(-8deg) scale(.95)}.carousel-app[data-state="left-1"]{transform:translate3d(-104px,18px,0) rotateY(62deg) rotateX(-12deg) scale(.70)}.carousel-app[data-state="right-1"]{transform:translate3d(104px,18px,0) rotateY(-62deg) rotateX(-12deg) scale(.70)}.carousel-app[data-state="left-2"]{transform:translate3d(-156px,28px,-90px) rotateY(74deg) rotateX(-15deg) scale(.54)}.carousel-app[data-state="right-2"]{transform:translate3d(156px,28px,-90px) rotateY(-74deg) rotateX(-15deg) scale(.54)}.device-screen{padding:22px 14px 14px}.device-screen::before{width:78px;height:16px}.device-screen h3{font-size:20px}.screen-footer-row b{font-size:18px}.carousel-arrow{width:40px;height:40px}.carousel-caption-title{font-size:16px}.carousel-caption-text{font-size:13px}.floating-badge{display:none}.app-card{min-height:510px}.contact-card h2 br{display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* --- Final polish: carousel motion, clean captions and app detail pages --- */
.carousel-app{
  transition:
    transform 1.18s cubic-bezier(.16,1,.3,1),
    opacity .72s cubic-bezier(.16,1,.3,1),
    filter 1.05s cubic-bezier(.16,1,.3,1);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:50% 88%;
}
.carousel-app .device-shell{
  transition:box-shadow 1.05s cubic-bezier(.16,1,.3,1),border-color 1.05s ease;
}
.carousel-app[data-state="active"] .device-shell{
  box-shadow:0 38px 82px rgba(0,0,0,.58),0 0 44px rgba(236,172,61,.16);
  border-color:rgba(255,224,152,.5);
}
.carousel-app[data-state="left-1"] .device-shell,
.carousel-app[data-state="right-1"] .device-shell{box-shadow:0 24px 56px rgba(0,0,0,.48),0 0 22px rgba(236,172,61,.08)}
.carousel-app.wrap-jump{transition:none!important;opacity:0!important}
.carousel-meta{display:none}
.hero-visual{height:625px}
.carousel-caption{bottom:0;transform:none;pointer-events:none}
.carousel-caption-title{font-size:18px;margin:0 0 2px}
.carousel-caption-category{margin:0 0 5px;color:#77766f;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.carousel-caption-text{font-size:13px;color:#bdbbb3;margin:0 0 7px}
.carousel-caption-link{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:11px;font-weight:720;letter-spacing:.04em;margin-bottom:10px}
.carousel-caption-link span{transition:transform .2s ease}
.carousel-caption-link:hover span{transform:translateX(3px)}
.carousel-hint{margin-top:1px;font-size:9px}
.carousel-dots{margin-top:11px}
.carousel-app[data-state="active"]{cursor:pointer}

/* Clean raster-logo edge: no synthetic border or outline is added by CSS. */
.brand img,.about-logo-panel img,.footer-brand img{border:0;outline:0;background:transparent}

/* App concept detail pages */
.app-page{background:#070707}
.app-page .site-header{position:absolute}
.app-detail-main{min-height:100vh;padding-top:138px}
.app-detail-hero{position:relative;overflow:hidden;padding:56px 0 94px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 25%,rgba(244,198,93,.08),transparent 28%)}
.app-detail-hero::before{content:"";position:absolute;width:440px;height:440px;right:6%;top:10%;border-radius:50%;background:var(--app-glow,rgba(244,198,93,.15));filter:blur(110px);opacity:.38;pointer-events:none}
.app-detail-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px;align-items:center;position:relative;z-index:2}
.app-detail-copy{padding:18px 0}
.app-detail-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(244,198,93,.22);border-radius:999px;color:#b6b4ac;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}
.app-detail-badge i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}
.app-detail-copy h1{font-size:clamp(68px,8vw,116px);line-height:.87;max-width:720px;margin:0 0 26px}
.app-detail-copy .app-detail-tagline{font-size:22px;line-height:1.35;color:#deddd7;margin-bottom:18px;max-width:650px}
.app-detail-copy .app-detail-intro{font-size:15px;line-height:1.8;color:#93928c;max-width:610px;margin-bottom:32px}
.app-detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.app-detail-phone-wrap{height:640px;display:grid;place-items:center;position:relative;perspective:1600px}
.app-detail-phone-wrap::before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,var(--app-glow,rgba(244,198,93,.2)),transparent 68%);filter:blur(12px)}
.app-detail-phone{width:300px;height:600px;position:relative;transform:rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d}
.app-detail-phone .device-shell{height:100%}
.app-detail-phone .device-screen{padding:28px 24px 20px}
.app-detail-phone .device-screen h3{font-size:34px}
.app-detail-phone .screen-top{margin-bottom:46px}
.app-detail-phone .screen-kicker{font-size:10px}
.app-detail-phone .sunrise-card{height:180px}
.app-detail-phone .breath-rings{height:260px}
.app-detail-phone .mini-chart{height:205px}
.app-detail-phone .night-card{height:220px}
.app-detail-phone .task-list{gap:14px}
.app-detail-phone .task-list div{padding:17px}
.app-detail-section{padding:100px 0}
.app-detail-section.alt{background:#090a0a;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.app-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}
.app-story-grid h2{font-size:clamp(45px,5.5vw,76px);line-height:.95;letter-spacing:-.055em;margin:0}
.app-story-copy{color:#989791;font-size:15px;line-height:1.85}
.app-story-copy p{margin-bottom:20px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.feature-card{min-height:230px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#111212,#0b0c0c)}
.feature-number{display:block;color:var(--gold);font-size:10px;letter-spacing:.14em;margin-bottom:62px}
.feature-card h3{font-size:22px;margin:0 0 10px}
.feature-card p{font-size:13px;line-height:1.7;color:#878781;margin:0}
.app-concept-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid rgba(244,198,93,.18);border-radius:26px;background:radial-gradient(circle at 90% 50%,rgba(244,198,93,.08),transparent 32%),#0b0b0b}
.app-concept-note h3{font-size:30px;margin:0 0 8px;letter-spacing:-.03em}
.app-concept-note p{color:#8d8c86;font-size:13px;line-height:1.65;margin:0;max-width:650px}
.app-switcher{padding:36px 0 60px}
.app-switcher-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:30px}
.app-switcher a{display:flex;flex-direction:column;gap:5px;color:#aaa9a3;font-size:12px}
.app-switcher a:last-child{text-align:right;align-items:flex-end}
.app-switcher small{color:#565752;text-transform:uppercase;letter-spacing:.14em;font-size:8px}
.app-switcher strong{font-size:17px;color:#f1f0eb}
.app-switcher a:hover strong{color:var(--gold)}

@media(max-width:1100px){
  .app-detail-grid{grid-template-columns:1fr;gap:30px}.app-detail-phone-wrap{height:610px}.app-story-grid{grid-template-columns:1fr;gap:34px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .hero-visual{height:590px}.carousel-caption{bottom:0}.carousel-hint{display:none}.carousel-caption-link{margin-bottom:6px}
  .app-detail-main{padding-top:94px}.app-detail-hero{padding:40px 0 70px}.app-detail-copy h1{font-size:clamp(58px,18vw,86px)}.app-detail-copy .app-detail-tagline{font-size:18px}.app-detail-phone-wrap{height:520px}.app-detail-phone{width:235px;height:475px}.app-detail-phone .device-screen h3{font-size:26px}.app-detail-phone .breath-rings{height:200px}.app-detail-phone .mini-chart{height:150px}.app-detail-phone .night-card{height:170px}.app-detail-section{padding:74px 0}.feature-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.app-concept-note{align-items:flex-start;flex-direction:column;padding:28px}.app-switcher-inner{gap:12px}.app-switcher strong{font-size:14px}
}


/* --- Final touch-ups: smoother 3D cone transition, lower captions, cleaner side edges --- */
.hero-visual{
  height:660px;
  padding-left:42px;
  perspective:2500px;
  perspective-origin:50% 6%;
}
.hero-carousel{position:relative;isolation:isolate}
.carousel-stage{
  height:500px;
  margin-top:0;
}
.cone-halo{
  width:440px;
  height:440px;
  right:68px;
  top:76px;
  opacity:.92;
}
.cone-guide{
  width:400px;
  height:470px;
  top:58px;
  clip-path:polygon(9% 0,91% 0,56% 100%,44% 100%);
  opacity:.58;
}
.cone-floor{
  width:390px;
  height:74px;
  bottom:66px;
  opacity:.92;
}
.carousel-app{
  width:242px;
  height:488px;
  margin-left:-121px;
  margin-top:-244px;
  transition:
    transform 1.42s cubic-bezier(.2,.8,.18,1),
    opacity .92s cubic-bezier(.2,.8,.18,1),
    filter 1.12s cubic-bezier(.2,.8,.18,1);
  transform-origin:50% 86%;
}
.carousel-app[data-state="active"]{
  transform:translate3d(0,16px,182px) rotateX(-4deg) rotateY(0deg) scale(.985);
}
.carousel-app[data-state="left-1"]{
  transform:translate3d(-168px,24px,74px) rotateY(44deg) rotateX(-8deg) scale(.86);
  opacity:.88;
  filter:brightness(.94);
}
.carousel-app[data-state="right-1"]{
  transform:translate3d(168px,24px,74px) rotateY(-44deg) rotateX(-8deg) scale(.86);
  opacity:.88;
  filter:brightness(.94);
}
.carousel-app[data-state="left-2"]{
  transform:translate3d(-262px,38px,-24px) rotateY(59deg) rotateX(-11deg) scale(.72);
  opacity:.24;
  filter:brightness(.78);
}
.carousel-app[data-state="right-2"]{
  transform:translate3d(262px,38px,-24px) rotateY(-59deg) rotateX(-11deg) scale(.72);
  opacity:.24;
  filter:brightness(.78);
}
.device-shell{
  border-color:transparent;
  box-shadow:
    inset 0 0 0 1px rgba(255,224,152,.22),
    0 24px 58px rgba(0,0,0,.48),
    0 0 20px rgba(236,172,61,.08);
}
.device-shell::before{
  inset:4px;
  border-radius:40px;
  border-color:rgba(255,255,255,.045);
}
.carousel-app[data-state="active"] .device-shell{
  box-shadow:
    inset 0 0 0 1px rgba(255,224,152,.44),
    0 34px 82px rgba(0,0,0,.56),
    0 0 36px rgba(236,172,61,.14);
}
.carousel-app[data-state="left-1"] .device-shell,
.carousel-app[data-state="right-1"] .device-shell{
  box-shadow:
    inset 0 0 0 1px rgba(255,224,152,.16),
    0 18px 44px rgba(0,0,0,.42),
    0 0 14px rgba(236,172,61,.06);
}
.carousel-app[data-state="left-2"] .device-shell,
.carousel-app[data-state="right-2"] .device-shell{
  box-shadow:
    inset 0 0 0 1px rgba(255,224,152,.10),
    0 12px 30px rgba(0,0,0,.36);
}
.carousel-caption{
  left:calc(50% + 21px);
  right:auto;
  width:min(100%,420px);
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  bottom:-34px;
}
.carousel-caption-title{
  margin-bottom:4px;
}
.carousel-caption-category{
  margin-bottom:7px;
}
.carousel-caption-text{
  margin-bottom:10px;
}
.carousel-caption-link{
  margin-bottom:14px;
}
.carousel-hint{
  margin-top:2px;
}
.carousel-dots{
  margin-top:14px;
}

@media(max-width:760px){
  .hero-visual{height:592px;padding-left:0;perspective-origin:50% 8%}
  .carousel-stage{height:440px}
  .carousel-app{width:210px;height:425px;margin-left:-105px;margin-top:-212.5px}
  .carousel-app[data-state="active"]{transform:translate3d(0,18px,148px) rotateX(-5deg) scale(.98)}
  .carousel-app[data-state="left-1"]{transform:translate3d(-126px,24px,48px) rotateY(46deg) rotateX(-8deg) scale(.8)}
  .carousel-app[data-state="right-1"]{transform:translate3d(126px,24px,48px) rotateY(-46deg) rotateX(-8deg) scale(.8)}
  .carousel-app[data-state="left-2"]{transform:translate3d(-194px,34px,-20px) rotateY(60deg) rotateX(-11deg) scale(.64)}
  .carousel-app[data-state="right-2"]{transform:translate3d(194px,34px,-20px) rotateY(-60deg) rotateX(-11deg) scale(.64)}
  .carousel-caption{left:50%;right:auto;width:min(100%,360px);transform:translateX(-50%);bottom:-24px}
}

@media(max-width:460px){
  .hero-visual{height:530px}
  .carousel-stage{height:392px}
  .carousel-app{width:182px;height:370px;margin-left:-91px;margin-top:-185px}
  .carousel-app[data-state="active"]{transform:translate3d(0,18px,112px) rotateX(-6deg) scale(.96)}
  .carousel-app[data-state="left-1"]{transform:translate3d(-96px,24px,34px) rotateY(48deg) rotateX(-8deg) scale(.72)}
  .carousel-app[data-state="right-1"]{transform:translate3d(96px,24px,34px) rotateY(-48deg) rotateX(-8deg) scale(.72)}
  .carousel-app[data-state="left-2"]{transform:translate3d(-145px,34px,-18px) rotateY(62deg) rotateX(-11deg) scale(.56)}
  .carousel-app[data-state="right-2"]{transform:translate3d(145px,34px,-18px) rotateY(-62deg) rotateX(-11deg) scale(.56)}
  .carousel-caption{left:50%;right:auto;width:min(100%,320px);transform:translateX(-50%);bottom:-20px}
}
