:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#091821;--night-deep:#050f16;--night-soft:#0e2531;--ink:#e9f4ee;--ink-dim:#a9c2bd;--leaf:#7ec850;--leaf-soft:#b6e68d;--amber:#f5a623;--amber-soft:#ffd27d;--bark:#4a3524;--display:"Fredoka", "Trebuchet MS", sans-serif;--sans:"Manrope", system-ui, sans-serif;--script:"Caveat", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:var(--night);color:var(--ink);font-family:var(--sans);min-height:150vw;margin:0;font-size:clamp(12px,1.2vw,18px);position:relative}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--leaf-soft);outline-offset:5px}.world{pointer-events:none;z-index:-1;background:radial-gradient(70% 45% at 76% 6%, #1d4a4733 0%, transparent 70%), radial-gradient(55% 35% at 18% 32%, #2a5c3a33 0%, transparent 72%), radial-gradient(45% 30% at 60% 72%, #6b451e2e 0%, transparent 70%), linear-gradient(176deg, var(--night-soft) 0%, var(--night) 42%, var(--night-deep) 100%);position:absolute;inset:0;overflow:hidden}.world .scene{opacity:.52;background:url(/assets/site/backdrop.webp) top/cover no-repeat;height:82vw;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 34%,#0000 88%);mask-image:linear-gradient(#000 0% 34%,#0000 88%)}.world .canopy,.world .motes{position:absolute;inset:0}.world .canopy{background:conic-gradient(from 210deg at 80% -5%,#0000 0deg,#8fe06b14 26deg,#0000 54deg),conic-gradient(from 160deg at 12% -8%,#0000 0deg,#7ec8500f 30deg,#0000 62deg)}.world .motes{background-image:radial-gradient(1.5px 1.5px at 12% 22%,#cfeebb66,#0000),radial-gradient(1.5px 1.5px at 73% 14%,#ffd27d59,#0000),radial-gradient(2px 2px at 44% 58%,#b6e68d4d,#0000),radial-gradient(1.5px 1.5px at 88% 67%,#cfeebb3d,#0000),radial-gradient(1.5px 1.5px at 28% 81%,#ffd27d3d,#0000),radial-gradient(2px 2px at 61% 36%,#b6e68d40,#0000);animation:24s ease-in-out infinite alternate drift}.shade{background:linear-gradient(90deg,#04101799 0%,#0000 58%),linear-gradient(#0000 78%,#040d13cc 100%);position:absolute;inset:0}header{justify-content:space-between;align-items:center;gap:20px;height:8vw;max-height:110px;padding:0 7.6%;display:flex}.brand{white-space:nowrap;font-family:var(--display);letter-spacing:-.5px;align-items:center;font-size:clamp(22px,2.4vw,38px);font-weight:600;display:flex}.brand-mark{flex:none;width:1.15em;height:1.15em;margin-right:12px;display:inline-block;position:relative}.brand-mark svg{filter:drop-shadow(0 0 9px #7ec85070);width:100%;height:100%;display:block}nav{align-items:center;gap:2.8vw;font-size:.92em;display:flex}nav a{padding:12px 0;position:relative}nav a:hover,nav a.active{color:#fff;text-shadow:0 0 12px #9ede6a99}nav .active:after{content:"";background:var(--leaf);height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px 3px #7ec85066}.outline{background:linear-gradient(135deg,#7ec85020,#1b3f3550);border:1px solid #7ec85080;border-radius:99px;justify-content:center;align-items:center;gap:16px;padding:.8em 1.8em;transition:all .2s;display:inline-flex;box-shadow:inset 0 0 12px #9ede6a22,0 0 14px #7ec85018}.outline:hover{background:#2f6a4855;transform:translateY(-2px);box-shadow:0 0 20px #7ec85045}.journey{font-size:.83em}.journey>span{color:var(--amber-soft);font-size:1.2em}.menu{display:none}.hero{height:44vw;position:relative}.hero-copy{text-shadow:0 2px 18px #041017;max-width:44%;position:absolute;top:7.4vw;left:8.5%}.eyebrow{letter-spacing:.15em;color:var(--leaf-soft);margin:0 0 .4em;font-size:.83em}h1{font-family:var(--display);letter-spacing:-.04em;text-shadow:0 0 20px #7ec85055;margin:0;font-size:7.2vw;font-weight:600;line-height:.98}.motto{font-family:var(--display);letter-spacing:.2em;text-align:center;color:var(--ink-dim);margin:.35em 0 1em;font-size:1.35em}.motto span{color:var(--amber);margin:0 .38em}.script{font-family:var(--script);color:var(--leaf-soft);text-shadow:0 0 16px #7ec85045;text-align:center;margin:.4em 0 .6em;font-size:4.1vw;font-weight:600;line-height:.96;transform:rotate(-4deg)}.intro{margin:1.3em 0 1.2em 3vw;line-height:1.75}.button{background:linear-gradient(100deg, var(--leaf) 0%, var(--leaf-soft) 55%, var(--amber-soft) 100%);color:#0b2016;border:1px solid #d8f4bd;border-radius:50px;justify-content:center;align-items:center;gap:26px;padding:1em 1.8em;font-size:.9em;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 10px #fff5,0 0 30px #7ec85099}.button:hover{transform:translateY(-3px);box-shadow:0 0 15px #fff,0 0 35px #9ede6a}.hero .button{margin-left:3vw}.vertical{text-align:center;position:absolute;top:1vw;right:3.4%}.vertical>span{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.24em;color:var(--leaf-soft);text-shadow:0 0 12px #7ec850aa;font-size:2vw}.vertical small{font-family:var(--display);letter-spacing:.14em;color:var(--ink-dim);margin-top:12px;font-size:1em;line-height:1.5;display:block}.scroll{letter-spacing:.08em;color:var(--ink-dim);font-size:.7em;line-height:1.5;position:absolute;bottom:3%;left:3%}.line{background:linear-gradient(transparent, var(--leaf-soft));width:1px;height:10vw;margin:0 auto 14px;display:block}.mouse{border:1px solid var(--ink-dim);border-radius:8px;width:12px;height:24px;margin:0 auto 10px;display:block}.mouse:after{content:"";background:var(--leaf-soft);width:2px;height:6px;margin:4px auto;animation:2s infinite scroll;display:block}.app-section{align-items:center;gap:3vw;height:26vw;display:flex;position:relative}.app-copy{text-shadow:0 2px 12px #061219,0 0 24px #041017;max-width:26vw}.app-heading{align-items:center;gap:1.2vw;display:flex}h2{font:600 3vw/1.1 var(--display);margin:.25em 0 .45em}h3{font:500 1.65vw var(--display);color:var(--amber-soft);margin:.4em 0}.app-copy p,.about-copy p{margin:.6em 0 1.15em;font-size:.94em;line-height:1.7}.platforms{color:var(--ink-dim);margin:12px 0;font-size:.68em;display:block}.feature-list{flex-wrap:wrap;gap:.5em .6em;margin:0 0 1.2em;padding:0;list-style:none;display:flex}.feature-list li{letter-spacing:.02em;white-space:nowrap;background:#0e253199;border:1px solid #7ec85045;border-radius:99px;padding:.5em .9em;font-size:.72em}.about{align-items:center;gap:6vw;height:19vw;padding:0 10% 0 16%;display:flex}.about-copy{width:34vw}.about-copy h2{font-size:2.3vw}.about-copy .eyebrow{font-size:.62em}.about-copy .outline{padding:.7em 2em;font-size:.82em}.values{text-align:center;flex:1;gap:2.2vw;margin-top:3vw;display:flex}.values>div{white-space:nowrap;flex:1}.value-icon{background:#0e253190;border:1px solid #7ec85055;border-radius:50%;place-items:center;width:4.5vw;height:4.5vw;margin:auto;display:grid;box-shadow:inset 0 0 14px #7ec85033}.value-icon svg{width:52%;height:52%;stroke:var(--leaf-soft);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}h4{margin:12px 0 4px;font-size:.83em;font-weight:600}.values p{color:var(--ink-dim);margin:0;font-size:.8em;line-height:1.6}.contact{justify-content:flex-end;align-items:flex-start;height:22vw;padding:2vw 6%;display:flex;position:relative}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(130deg,#0e2531d9,#1b3f35b0);border:1px solid #7ec85055;border-radius:2vw;width:32vw;padding:1.8vw 2.2vw;box-shadow:inset 0 0 25px #9ede6a1f,0 12px 35px #030a0f99}.contact-card h2{margin:0 0 .4em;font-size:2.2vw}.contact-card p{margin:0 0 1.2em;font-size:.8em;line-height:1.65}.contact-card .button{width:100%;font-size:.85em}.contact-card small{text-align:center;color:var(--ink-dim);margin-top:12px;font-size:.65em;display:block}.keep{position:absolute;top:1vw;left:37%}.keep span{margin-left:2vw}.keep i{font-size:2vw;font-style:normal;position:absolute;top:0;right:-2vw}footer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040d1399;border-top:1px solid #7ec85036;align-items:center;gap:1.5vw;min-height:7vw;padding:0 4.5%;display:flex;position:relative}footer .brand{font-size:1.8vw}footer .tagline{color:var(--ink-dim);font-size:.65em}footer nav{gap:2vw;margin-left:auto;font-size:.7em}footer small{color:var(--ink-dim);font-size:.6em;position:absolute;bottom:8px;right:4.5%}dialog{width:calc(100% - 36px);max-width:510px;color:var(--ink);background:linear-gradient(135deg,#0e2531,#1b3f35);border:1px solid #7ec85070;border-radius:24px;padding:38px;box-shadow:0 0 60px #7ec8503b}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a0fc2}dialog h2{font-size:34px}dialog p{font-size:15px;line-height:1.7}dialog .close{background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:8px;right:15px}dialog label{margin:15px 0 6px;font-size:13px;display:block}dialog input,dialog textarea,dialog select{color:#fff;background:#04101799;border:1px solid #7ec85045;border-radius:10px;width:100%;padding:12px;display:block}dialog textarea{resize:vertical;min-height:110px}dialog .button{width:100%;margin-top:18px}.form-note{color:var(--ink-dim);font-size:12px!important}.paused *{animation-play-state:paused!important}@keyframes drift{to{transform:translateY(-14px)}}@keyframes float{50%{translate:0 -9px}}@keyframes scroll{70%{opacity:0;transform:translateY(6px)}}@media (width>=1600px){body{font-size:19px}}@media (width<=700px){body{min-height:0;font-size:14px}.shade{background:linear-gradient(90deg,#04101790,#04101733),linear-gradient(#0000,#040d13aa)}header{height:90px;max-height:none;padding:0 6%}.brand{font-size:27px}.journey{display:none}.menu{background:#0e253190;border:1px solid #7ec85066;border-radius:50%;width:40px;height:40px;font-size:18px;display:block}header nav{z-index:10;background:#0a1c26f5;border:1px solid #7ec85080;border-radius:16px;justify-content:space-around;gap:12px;padding:16px;font-size:13px;display:none;position:absolute;top:76px;left:5%;right:5%}header nav.open{display:flex}.hero{height:650px}.hero-copy{max-width:85%;top:120px;left:8%}.eyebrow{font-size:9px}h1{font-size:66px}.motto{font-size:16px}.script{font-size:40px}.intro{margin:28px 0 24px 12px;font-size:14px}.hero .button{margin-left:12px}.vertical{top:10px;right:5%}.vertical>span{font-size:20px}.vertical small{display:none}.scroll{font-size:9px;bottom:20px;left:8%}.line{height:36px}.app-section{gap:24px;height:auto;padding:40px 7%}.app-copy{flex:1;max-width:none}.app-heading{gap:10px}h2{font-size:29px}h3{font-size:19px}.app-copy p{font-size:12px}.feature-list li{padding:6px 10px;font-size:10px}.platforms{font-size:9px}.about{background:#0a1c2666;height:auto;min-height:440px;padding:50px 8%;display:block}.about-copy{width:auto}.about-copy h2{font-size:32px}.about-copy p{font-size:14px}.values{gap:16px;margin-top:35px}.value-icon{width:46px;height:46px}.values>div{white-space:normal}h4{font-size:11px}.values p{font-size:10px}.contact{height:430px;padding:105px 7% 35px}.contact-card{border-radius:20px;width:100%;padding:25px}.contact-card h2{font-size:29px}.contact-card p{font-size:12px}.keep{font-size:38px;line-height:.7;top:5px;left:12%}.keep br{display:none}.keep i{font-size:22px;right:-30px}footer{flex-wrap:wrap;gap:12px;min-height:165px;padding:25px 7% 40px}footer .brand{font-size:23px}footer .tagline{font-size:9px}footer nav{justify-content:space-between;gap:15px;width:100%;margin:0;font-size:11px}footer small{font-size:8px;bottom:16px;right:7%}dialog{padding:30px}dialog h2{font-size:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}