@font-face{font-family:KyntraDisplay;src:url("Sora-Variable.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:KyntraBody;src:url("Inter-Variable.ttf") format("truetype");font-display:swap;font-weight:100 900}

:root{
  color-scheme:dark;
  --bg:#010506;--bg-soft:#040b0d;--surface:#071113;--surface-2:#0b1719;
  --text:#f4f7f6;--muted:#9aa3a8;--quiet:#6b747a;--line:rgba(244,247,246,.11);
  --teal:#17e0c3;--teal-deep:#087e73;--violet:#8b3dda;--violet-soft:#b77fe8;--coral:#ff7a59;
  --glow-teal:rgba(23,224,195,.16);--glow-violet:rgba(139,61,218,.14);
  --nav:rgba(1,5,6,.78);--card:rgba(7,17,19,.74);--card-solid:#071113;
  --shadow:0 28px 80px rgba(0,0,0,.36),0 2px 8px rgba(0,0,0,.25);
  --display:KyntraDisplay,Inter,Arial,sans-serif;--body:KyntraBody,Inter,Arial,sans-serif;
  --max:1240px;--radius:28px;--radius-sm:18px;
}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f7f6;--bg-soft:#edf3f1;--surface:#fff;--surface-2:#e4ece9;
  --text:#142024;--muted:#536166;--quiet:#738087;--line:rgba(20,32,36,.13);
  --teal:#087e73;--teal-deep:#056158;--violet:#7130bd;--violet-soft:#8b3dda;--coral:#d95536;
  --glow-teal:rgba(23,224,195,.18);--glow-violet:rgba(139,61,218,.1);
  --nav:rgba(244,247,246,.82);--card:rgba(255,255,255,.78);--card-solid:#fff;
  --shadow:0 28px 80px rgba(19,45,43,.12),0 2px 8px rgba(20,32,36,.07);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:16px/1.58 var(--body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}
body:before{content:"";position:fixed;z-index:-3;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,var(--glow-teal),transparent 28rem),radial-gradient(circle at 92% 34%,var(--glow-violet),transparent 32rem),linear-gradient(var(--bg),var(--bg))}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}svg{display:block}
::selection{background:var(--teal);color:#010506}
:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:8px}
.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:10px;background:var(--text);color:var(--bg);transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}
.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,7vw,100px);align-items:end;margin-bottom:56px}
.section-head p{max-width:45ch;margin:0;color:var(--muted);font-size:18px}
.display{font:720 clamp(42px,6vw,78px)/.98 var(--display);letter-spacing:-.072em;margin:18px 0 0;max-width:11ch}
.body-lead{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:49ch}
.muted{color:var(--muted)}
.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font-size:14px;font-weight:760;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);border-color:var(--teal)}.button.primary{background:var(--teal);border-color:var(--teal);color:#010506;box-shadow:0 14px 38px rgba(23,224,195,.18)}.button.primary:hover{box-shadow:0 18px 46px rgba(23,224,195,.27)}

.nav{position:fixed;z-index:50;inset:0 0 auto;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}.nav.scrolled{background:var(--nav);border-color:var(--line);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 10px 40px rgba(0,0,0,.08)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content;font:740 21px var(--display);letter-spacing:-.055em}.brand-mark{width:39px;height:39px;object-fit:contain}.logo-light{display:none}:root[data-theme="light"] .logo-dark{display:none}:root[data-theme="light"] .logo-light{display:block;filter:drop-shadow(.8px .8px .8px rgba(16,27,32,.4)) brightness(.86)}
.nav-links{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:14px}.nav-links>a:not(.nav-action){position:relative}.nav-links>a:not(.nav-action):after{content:"";position:absolute;inset:auto 0 -8px;height:1px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links>a:hover{color:var(--text)}.nav-links>a:hover:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:8px}.theme-toggle,.menu-toggle{height:42px;border:1px solid var(--line);background:var(--card);backdrop-filter:blur(12px);cursor:pointer}.theme-toggle{display:flex;align-items:center;gap:9px;border-radius:999px;padding:0 13px}.theme-toggle svg{width:17px;height:17px}.theme-label{font-size:12px;font-weight:720}.theme-toggle .sun{display:none}:root[data-theme="light"] .theme-toggle .sun{display:block}:root[data-theme="light"] .theme-toggle .moon{display:none}.menu-toggle{display:none;width:42px;border-radius:50%;place-items:center;padding:0}.menu-toggle svg{width:20px}
.nav-action{padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:var(--text);font-weight:700}.app-link{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:999px;background:var(--teal);color:#03201d;font-size:12px;font-weight:820;letter-spacing:-.015em;box-shadow:0 8px 24px var(--glow-teal);transition:transform .25s,box-shadow .25s}.app-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--glow-teal)}.app-link span{font-size:16px;line-height:1}

.hero{position:relative;min-height:min(980px,100svh);padding:150px 0 94px;display:grid;align-items:center;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 74% 37%,var(--glow-violet),transparent 30%),radial-gradient(circle at 21% 76%,var(--glow-teal),transparent 32%),linear-gradient(180deg,transparent,var(--bg))}.doodle{position:absolute;z-index:-2;inset:0;pointer-events:none;background:var(--teal);opacity:.095;-webkit-mask:url("doodle-mural.png") center/cover no-repeat;mask:url("doodle-mural.png") center/cover no-repeat}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(50px,7vw,100px);align-items:center}.hero-copy h1{font:740 clamp(58px,8.6vw,118px)/.89 var(--display);letter-spacing:-.087em;margin:25px 0 30px;max-width:8.6ch}.hero-copy h1 span{color:var(--teal)}.hero-copy>p{max-width:57ch;color:var(--muted);font-size:clamp(17px,1.7vw,20px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin:46px 0 0;padding:24px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.hero-proof span{display:flex;align-items:center;gap:9px}.hero-proof i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(23,224,195,.1)}
.kinetic{position:relative;min-height:570px;perspective:1000px}.kinetic-orb{position:absolute;left:50%;top:49%;width:min(36vw,420px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 32% 24%,#75f8e6 0 3%,#17e0c3 12%,#087e73 37%,var(--surface) 68%,var(--bg) 79%);box-shadow:-30px 40px 100px var(--glow-teal),40px -30px 110px var(--glow-violet),inset -22px -28px 60px rgba(0,0,0,.46),inset 18px 12px 44px rgba(255,255,255,.15);animation:orbFloat 8s ease-in-out infinite}.kinetic-orb:before{content:"";position:absolute;inset:11%;border:1px solid rgba(244,247,246,.18);border-radius:50%;background:repeating-radial-gradient(ellipse at 44% 44%,transparent 0 14px,rgba(244,247,246,.08) 15px 16px);mix-blend-mode:screen}.kinetic-orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,rgba(255,255,255,.23),transparent 32% 63%,rgba(139,61,218,.2));mix-blend-mode:screen}.orbit{position:absolute;inset:8%;border:1px solid var(--line);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg);animation:orbitSpin 18s linear infinite}.orbit.second{inset:20% 1%;border-color:rgba(139,61,218,.36);transform:rotateX(76deg) rotateZ(45deg);animation-duration:25s;animation-direction:reverse}.pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px rgba(255,122,89,.1),0 0 30px rgba(255,122,89,.64);animation:orbFloat 5s ease-in-out infinite}.pulse.a{left:12%;top:26%}.pulse.b{right:11%;bottom:22%;background:var(--teal);box-shadow:0 0 0 8px rgba(23,224,195,.1),0 0 30px rgba(23,224,195,.65);animation-delay:-2s}.pulse.c{right:28%;top:7%;width:8px;height:8px;background:var(--violet);box-shadow:0 0 0 6px rgba(139,61,218,.1);animation-delay:-3.5s}
.float-note{position:absolute;min-width:166px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--card);backdrop-filter:blur(16px);box-shadow:var(--shadow);color:var(--muted);font-size:12px;animation:orbFloat 6.5s ease-in-out infinite}.float-note strong{display:block;color:var(--text);font:660 14px var(--display);letter-spacing:-.02em}.float-note.one{left:0;bottom:18%}.float-note.two{right:0;top:21%;animation-delay:-2.1s}.float-note.three{right:7%;bottom:5%;animation-delay:-4s}.float-note:before{content:"";position:absolute;left:15px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.scroll-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:var(--quiet);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.scroll-hint:after{content:"";display:block;width:1px;height:32px;margin:9px auto 0;background:linear-gradient(var(--teal),transparent)}

.participation-rhythm{padding:clamp(48px,6vw,82px) 0;overflow:hidden;background:linear-gradient(115deg,var(--bg-soft),var(--bg) 58%,var(--surface))}.rhythm-wrap{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(32px,6vw,90px)}.rhythm-intro h2{margin:12px 0 0;font:680 clamp(32px,4vw,57px)/.97 var(--display);letter-spacing:-.065em}.rhythm-intro h2 em{color:var(--teal);font-style:normal}.rhythm-route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:start}.route-line{position:absolute;top:32px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,transparent,var(--teal) 14% 76%,var(--violet),transparent);opacity:.75}.route-line:after{content:"";position:absolute;inset:-4px 0;background:linear-gradient(90deg,transparent 10%,rgba(244,247,246,.8) 44%,transparent 55%);filter:blur(3px);animation:routeSweep 5.5s ease-in-out infinite}.rhythm-stop{position:relative;z-index:1;min-width:0;padding:0 8px 6px;transition:transform .35s}.rhythm-stop:hover{transform:translateY(-8px)}.rhythm-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;margin-bottom:23px;border:1px solid color-mix(in srgb,var(--teal) 36%,var(--line));border-radius:50% 50% 50% 14px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.21),transparent 34%),var(--surface);color:var(--teal);box-shadow:0 0 0 8px var(--bg-soft),0 12px 34px rgba(0,0,0,.17);transform:rotate(-14deg);transition:transform .4s,box-shadow .4s}.rhythm-icon svg{width:25px;height:25px;transform:rotate(14deg)}.rhythm-stop:hover .rhythm-icon{transform:rotate(0) scale(1.08);box-shadow:0 0 0 8px var(--bg-soft),0 0 30px var(--glow-teal)}.rhythm-count{display:block;margin-bottom:10px;color:var(--quiet);font:800 10px var(--display);letter-spacing:.13em}.rhythm-stop h3{margin:0;color:var(--text);font:660 clamp(18px,1.8vw,24px) var(--display);letter-spacing:-.055em}.rhythm-stop p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.42}.rhythm-stop.gather{padding-top:27px}.rhythm-stop.gather .rhythm-icon{border-radius:50% 14px 50% 50%;color:var(--violet-soft);border-color:rgba(139,61,218,.35);transform:rotate(12deg)}.rhythm-stop.gather .rhythm-icon svg{transform:rotate(-12deg)}.rhythm-stop.compete{padding-top:7px}.rhythm-stop.compete .rhythm-icon{border-radius:14px 50% 50% 50%;color:var(--coral);border-color:rgba(255,122,89,.4);transform:rotate(21deg)}.rhythm-stop.compete .rhythm-icon svg{transform:rotate(-21deg)}.rhythm-stop.build{padding-top:34px}.rhythm-stop.build .rhythm-icon{border-radius:50% 50% 14px 50%;color:var(--violet-soft);border-color:rgba(139,61,218,.35);transform:rotate(-23deg)}.rhythm-stop.build .rhythm-icon svg{transform:rotate(23deg)}.rhythm-note{grid-column:2;margin:11px 0 0;color:var(--quiet);font-size:11px;letter-spacing:.05em}.rhythm-note i{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);animation:beat 2s ease-in-out infinite}
section{position:relative;padding:clamp(92px,11vw,160px) 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(38px,9vw,120px);align-items:start}.intro-copy{font:520 clamp(23px,3vw,38px)/1.22 var(--display);letter-spacing:-.045em;margin:0;color:var(--muted);max-width:24ch}.intro-copy b{color:var(--text);font-weight:660}.purpose{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;margin-top:74px;padding-top:28px;border-top:1px solid var(--line)}.purpose span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.purpose p{font:540 21px/1.42 var(--display);letter-spacing:-.032em;margin:0;max-width:48ch}
.brand-story{padding-top:0}.story-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(45px,8vw,110px);align-items:center}.story-grid .body-lead{max-width:40ch}.story-cards{display:grid;gap:14px}.story-card{padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.story-card small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.story-card h3{max-width:16ch;margin:12px 0;font:650 clamp(24px,3vw,35px)/1.04 var(--display);letter-spacing:-.06em}.story-card p{margin:0;color:var(--muted);font-size:14px}.vision-card{margin-left:9%;background:linear-gradient(135deg,var(--glow-violet),var(--card))}.vision-card small{color:var(--violet-soft)}

.journey{padding-top:0}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.journey-step{position:relative;min-height:300px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .3s,transform .3s}.journey-step:hover{background:var(--surface);transform:translateY(-5px)}.journey-step .number{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.14em}.journey-step h3{font:680 27px/1.02 var(--display);letter-spacing:-.055em;margin:68px 0 14px}.journey-step p{margin:0;color:var(--muted);font-size:14px}.journey-step svg{position:absolute;right:23px;top:24px;width:28px;height:28px;color:var(--teal)}.journey-step:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--glow-teal),transparent 68%);transition:transform .5s}.journey-step:hover:after{transform:scale(1.5)}

.platform{background:linear-gradient(180deg,var(--bg-soft),var(--bg));overflow:hidden}.platform:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,var(--line) 50%,transparent 50.1%);opacity:.45}.feature-list{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature{display:grid;grid-template-columns:64px 1fr;gap:22px;min-height:245px;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--card);backdrop-filter:blur(10px);transition:transform .35s,border-color .35s,box-shadow .35s}.feature:hover{transform:translateY(-7px);border-color:rgba(23,224,195,.38);box-shadow:var(--shadow)}.feature-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:var(--teal);background:var(--glow-teal);border:1px solid rgba(23,224,195,.2)}.feature-icon svg{width:24px;height:24px}.feature:nth-child(2n) .feature-icon{color:var(--violet-soft);background:var(--glow-violet);border-color:rgba(139,61,218,.2)}.feature h3{font:670 25px/1.08 var(--display);letter-spacing:-.052em;margin:2px 0 12px}.feature p{color:var(--muted);margin:0;font-size:15px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.feature-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--quiet);font-size:10px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}
.audience{padding-block:clamp(92px,11vw,150px);background:var(--surface)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.audience-grid article{position:relative;min-height:254px;padding:27px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s,transform .3s}.audience-grid article:hover{background:var(--bg-soft);transform:translateY(-5px)}.audience-grid span{color:var(--teal);font:800 10px var(--display);letter-spacing:.14em}.audience-grid h3{margin:61px 0 11px;font:650 23px/1.06 var(--display);letter-spacing:-.055em}.audience-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.flow-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(50px,8vw,110px);align-items:center}.flow-copy p{margin:26px 0 0;color:var(--muted);font-size:18px;max-width:43ch}.flow-board{position:relative;min-height:520px}.flow-line{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,var(--teal) 18% 82%,transparent)}.flow-node{position:absolute;width:min(83%,440px);padding:19px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card-solid);box-shadow:var(--shadow);transition:transform .35s,border-color .35s}.flow-node:hover{transform:translateY(-5px)!important;border-color:rgba(23,224,195,.42)}.flow-node:nth-child(2){left:0;top:3%;transform:rotate(-2deg)}.flow-node:nth-child(3){right:0;top:29%;transform:rotate(2deg)}.flow-node:nth-child(4){left:3%;top:55%;transform:rotate(-1deg)}.flow-node:nth-child(5){right:3%;top:80%;transform:rotate(1.5deg)}.flow-node small{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.flow-node strong{display:block;margin-top:6px;font:660 18px var(--display);letter-spacing:-.035em}.flow-node span{display:block;margin-top:4px;color:var(--muted);font-size:12px}

.principles{background:var(--surface);color:var(--text)}.principle-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,120px)}.principle-list{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.principle>span{color:var(--teal);font:760 11px var(--display);padding-top:6px}.principle h3{font:650 23px var(--display);letter-spacing:-.05em;margin:0}.principle p{margin:8px 0 0;color:var(--muted);max-width:47ch}
.values{padding-top:0}.values-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(48px,9vw,120px);align-items:start}.value-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.value-list li{display:flex;gap:16px;align-items:center;min-height:82px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:620 19px var(--display);letter-spacing:-.035em}.value-list span{color:var(--teal);font:800 10px var(--display);letter-spacing:.12em}

.devices{overflow:hidden}.devices-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,100px);align-items:center}.devices-copy p{margin:25px 0;color:var(--muted);font-size:18px;max-width:45ch}.device-list{display:grid;gap:10px;margin-top:30px}.device-list span{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.device-list i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--glow-teal);color:var(--teal);font-style:normal;font-size:12px}.device-stage{position:relative;min-height:520px}.device{position:absolute;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.device.desktop{inset:10% 0 17% 9%;border-radius:25px}.device.phone{z-index:2;width:36%;height:76%;right:2%;bottom:2%;border-radius:34px;border-width:2px}.device-top{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}.device-top i{width:6px;height:6px;border-radius:50%;background:var(--quiet)}.device-screen{height:calc(100% - 34px);padding:18px;background:radial-gradient(circle at 80% 15%,var(--glow-violet),transparent 32%),linear-gradient(145deg,var(--bg-soft),var(--surface))}.mini-brand{display:flex;align-items:center;gap:7px;font:700 11px var(--display)}.mini-brand:before{content:"";width:15px;height:15px;border-radius:5px;background:linear-gradient(135deg,var(--teal),var(--violet))}.mini-hero{height:38%;margin-top:18px;border-radius:16px;background:linear-gradient(135deg,var(--glow-teal),var(--glow-violet));border:1px solid var(--line)}.mini-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-rows i{height:58px;border-radius:11px;border:1px solid var(--line);background:var(--card)}.device.phone .device-screen{padding:13px}.device.phone .mini-hero{height:26%;margin-top:15px}.device.phone .mini-rows{grid-template-columns:1fr}.device.phone .mini-rows i{height:52px}.device-badge{position:absolute;left:0;bottom:4%;z-index:3;padding:13px 16px;border:1px solid var(--line);border-radius:15px;background:var(--card);backdrop-filter:blur(15px);box-shadow:var(--shadow);font-size:12px;color:var(--muted)}.device-badge strong{display:block;color:var(--text);font-size:14px}
.faq{padding-top:20px}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,110px);align-items:start}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{position:relative;cursor:pointer;list-style:none;padding:24px 46px 24px 0;font:650 19px var(--display);letter-spacing:-.035em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:21px;color:var(--teal);font-size:25px;font-weight:400;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:-7px 48px 23px 0;color:var(--muted);font-size:15px}.faq details a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.member{position:relative;min-height:242px;padding:27px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:transform .35s,background .35s}.member:hover{transform:translateY(-7px);background:var(--surface)}.member small{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.member h3{font:650 21px/1.1 var(--display);letter-spacing:-.048em;margin:60px 0 11px}.member p{margin:0;color:var(--muted);font-size:13px}.member:after{content:"✦";position:absolute;right:20px;top:18px;color:var(--teal);opacity:.75}.member:nth-child(2):after,.member:nth-child(4):after{color:var(--violet-soft)}.member:nth-child(3):after{color:var(--coral)}

.closing{padding-top:30px}.closing-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,8vw,105px);border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 80% 15%,var(--glow-violet),transparent 32%),linear-gradient(135deg,var(--surface),var(--bg-soft));box-shadow:var(--shadow)}.closing-panel .doodle{z-index:-1;opacity:.12}.closing-panel h2{font:720 clamp(42px,6vw,76px)/.96 var(--display);letter-spacing:-.075em;max-width:11ch;margin:18px 0 23px}.closing-panel p{max-width:47ch;color:var(--muted);font-size:18px;margin:0 0 31px}.closing-actions{display:flex;flex-wrap:wrap;gap:12px}.founder-note{margin-top:38px;padding-left:15px;border-left:2px solid var(--teal);display:flex;flex-direction:column}.founder-note small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:760}.founder-note strong{font:650 18px var(--display)}

footer{padding:68px 0 27px;border-top:1px solid var(--line);background:var(--bg-soft)}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:50px;padding-bottom:50px}.footer-copy{max-width:34ch;color:var(--muted);font-size:14px}.footer-app-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--teal);font-size:13px;font-weight:780;text-decoration:none}.footer-app-link span{font-size:16px}.footer-app-link:hover{color:var(--text)}.footer-col h3{margin:3px 0 17px;color:var(--quiet);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.footer-col a{display:block;margin:10px 0;color:var(--muted);font-size:14px}.footer-col a:hover{color:var(--teal)}.social-heading{margin-top:25px!important}.social-links{display:flex;flex-wrap:wrap;gap:8px;max-width:220px}.social-link{display:grid!important;place-items:center;width:36px;height:36px;margin:0!important;color:var(--muted)!important;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:transform .25s,background .25s,border-color .25s,color .25s}.social-link svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.7}.social-link[aria-label*="Instagram"] svg{fill:none}.social-link[aria-label*="Telegram"]{color:#2aabee!important}.social-link[aria-label*="Discord"]{color:#5865f2!important}.social-link[aria-label*="WhatsApp"]{color:#25d366!important}.social-link[aria-label*="on X"]{color:var(--text)!important}.social-link[aria-label*="Facebook"]{color:#1877f2!important}.social-link[aria-label*="Instagram"]{color:#e4405f!important}.social-link[aria-label*="TikTok"]{color:#25f4ee!important}.social-link[aria-label*="Twitch"]{color:#9146ff!important}.social-link:hover,.social-link:focus-visible{border-color:color-mix(in srgb,currentColor 55%,var(--line));background:color-mix(in srgb,currentColor 9%,var(--card));transform:translateY(-3px);outline:none}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:23px;border-top:1px solid var(--line);color:var(--quiet);font-size:12px}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}
@keyframes orbFloat{0%,100%{translate:0 0}50%{translate:0 -15px}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(342deg)}}@keyframes routeSweep{0%,20%{transform:translateX(-110%);opacity:0}35%,60%{opacity:.8}82%,100%{transform:translateX(110%);opacity:0}}@keyframes beat{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.7);opacity:1}}

@media(max-width:1040px){.hero-grid{grid-template-columns:1fr minmax(350px,.78fr)}.team-grid{grid-template-columns:repeat(3,1fr)}.journey-track,.audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{width:min(var(--max),calc(100% - 32px))}.nav-inner{height:70px}.nav-links{position:absolute;top:78px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card-solid);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-action{text-align:center}.menu-toggle{display:grid}.theme-label{display:none}.hero{min-height:auto;padding-top:124px}.hero-grid,.intro-grid,.section-head,.story-grid,.flow-grid,.principle-grid,.values-grid,.devices-grid,.faq-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(57px,13.8vw,94px)}.kinetic{min-height:430px;max-width:620px;width:100%;margin:auto}.kinetic-orb{width:min(68vw,355px)}.scroll-hint{display:none}.rhythm-wrap{grid-template-columns:1fr;gap:36px}.rhythm-route{max-width:650px;width:100%}.rhythm-note{grid-column:1}.purpose{grid-template-columns:1fr;gap:15px}.story-cards{max-width:650px}.feature-list{grid-template-columns:1fr}.platform:before{display:none}.flow-board{min-height:510px;max-width:650px;width:100%;margin:auto}.device-stage{max-width:660px;width:100%;margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.hero{padding-top:111px}.hero-copy h1{font-size:clamp(51px,15.3vw,72px)}.app-link{padding:0 12px;font-size:11px}.hero-actions,.closing-actions{display:grid}.button{width:100%}.hero-proof{display:grid;gap:13px}.kinetic{min-height:340px}.float-note{min-width:138px;padding:10px 12px}.float-note.three{display:none}.participation-rhythm{padding:45px 0 38px}.rhythm-intro h2{font-size:39px}.rhythm-route{display:grid;grid-template-columns:1fr;gap:0;padding:3px 0}.route-line{top:5%;bottom:5%;left:31px;right:auto;width:2px;height:auto;background:linear-gradient(transparent,var(--teal) 13% 84%,transparent)}.route-line:after{inset:0 -4px;background:linear-gradient(transparent 10%,rgba(244,247,246,.8) 44%,transparent 55%);animation-name:routeSweepY}.rhythm-stop,.rhythm-stop.gather,.rhythm-stop.compete,.rhythm-stop.build{display:grid;grid-template-columns:66px 1fr;column-gap:10px;min-height:105px;padding:0 5px 13px 0}.rhythm-icon{grid-row:1/3;width:56px;height:56px;margin:0;align-self:center}.rhythm-count{margin:4px 0 2px}.rhythm-stop h3{font-size:20px}.rhythm-stop p{margin-top:3px;font-size:11px}.rhythm-note{margin-top:14px}.story-card{padding:24px 21px}.vision-card{margin-left:0}.audience-grid,.journey-track,.value-list{grid-template-columns:1fr}.audience-grid article{min-height:205px}.audience-grid h3{margin-top:40px}.value-list li{min-height:68px}.journey-step{min-height:230px}.journey-step h3{margin-top:45px}.feature{grid-template-columns:1fr;min-height:auto;padding:25px}.feature-icon{width:46px;height:46px}.flow-board{min-height:540px}.flow-node{width:92%}.flow-node:nth-child(2){left:0}.flow-node:nth-child(3){right:0}.flow-node:nth-child(4){left:0}.flow-node:nth-child(5){right:0}.device-stage{min-height:390px}.device.desktop{inset:4% 6% 16% 0}.device.phone{width:42%;height:72%;right:0}.team-grid{grid-template-columns:1fr}.member{min-height:190px}.member h3{margin-top:42px}.closing-panel{padding:38px 25px;border-radius:27px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.social-links{display:grid;grid-template-columns:repeat(4,32px);gap:9px;max-width:none}.social-link{width:32px;height:32px;border-radius:10px}.social-link svg{width:15px;height:15px}}@keyframes routeSweepY{0%,20%{transform:translateY(-110%);opacity:0}35%,60%{opacity:.8}82%,100%{transform:translateY(110%);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
@media(prefers-contrast:more){:root{--line:rgba(244,247,246,.28)}:root[data-theme="light"]{--line:rgba(20,32,36,.28)}}

.app-availability{padding:clamp(80px,9vw,125px) 0;background:radial-gradient(circle at 83% 8%,var(--glow-teal),transparent 35%),var(--bg-soft)}
.availability-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(24px,6vw,80px);margin-bottom:32px}
.availability-head .display{max-width:16ch;margin-bottom:0}
.availability-head p{max-width:39ch;margin:0 0 5px;color:var(--muted);font-size:17px;line-height:1.55}
.store-copy{display:grid;gap:2px;min-width:0}
.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.store-option{display:flex;align-items:center;gap:13px;min-width:0;min-height:84px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);text-decoration:none}
.store-icon{position:relative;display:grid;place-items:center;flex:none;width:43px;height:43px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}
.store-icon img{display:block;width:100%;height:100%;object-fit:cover}
.store-option[data-store="googlePlay"] .store-icon{background:#fff;border-color:rgba(66,133,244,.22)}
.store-option[data-store="googlePlay"] .store-icon img{width:25px;height:25px;object-fit:contain}
.store-option[data-store="appleAppStore"] .store-icon{background:#0d96f6;border-color:#0d96f6}
.store-option[data-store="appleAppStore"] .store-icon img{width:27px;height:27px;object-fit:contain;filter:brightness(0) invert(1)}
.store-option[data-store="palmstore"] .store-icon img{object-fit:contain}
.store-copy strong{font:650 15px/1.2 var(--display);letter-spacing:-.03em}
.store-copy small{color:var(--quiet);font-size:11px}
.store-arrow{margin-left:auto;color:var(--quiet);opacity:0;font-size:18px}
.store-option.is-live{border-color:rgba(23,224,195,.36);transition:transform .25s,border-color .25s,background .25s}
.store-option.is-live .store-icon,.store-option.is-live .store-arrow{color:var(--teal);opacity:1}
.store-option.is-live .store-copy small{color:var(--teal)}
.store-option.is-live:hover,.store-option.is-live:focus-visible{border-color:var(--teal);background:var(--surface);transform:translateY(-3px);outline:none}
@media(max-width:1040px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.availability-head{grid-template-columns:1fr;gap:14px}.availability-head p{font-size:15px;line-height:1.55}.store-grid{gap:10px}.store-option{min-height:78px;padding:12px 11px;gap:10px}.store-icon{width:38px;height:38px;border-radius:11px}.store-option[data-store="googlePlay"] .store-icon img{width:23px;height:23px}.store-option[data-store="appleAppStore"] .store-icon img{width:23px;height:23px}.store-copy strong{font-size:13px;line-height:1.25}.store-copy small{font-size:10px;line-height:1.3}.store-arrow{font-size:15px}}
@media(max-width:370px){.store-grid{grid-template-columns:1fr}.store-option{min-height:62px}}

/* How Kyntra connects: a calm, linear pathway rather than offset cards. */
.flow-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-height:0;padding:22px 0 8px;align-items:stretch}
.flow-line{left:8%;right:8%;top:54px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,transparent,var(--teal) 12%,var(--violet-soft) 50%,var(--teal) 88%,transparent);opacity:.65}
.flow-node,.flow-node:nth-child(2),.flow-node:nth-child(3),.flow-node:nth-child(4),.flow-node:nth-child(5){position:relative;inset:auto;width:auto;min-height:220px;padding:72px 20px 20px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:none;transform:none;transition:transform .3s,border-color .3s,background .3s}
.flow-node:hover{transform:translateY(-5px)!important;border-color:rgba(23,224,195,.42);background:var(--surface)}
.flow-node:before{content:counter(flow-step,decimal-leading-zero);counter-increment:flow-step;position:absolute;top:20px;left:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--glow-teal);color:var(--teal);font:800 11px var(--display);letter-spacing:.06em}
.flow-board{counter-reset:flow-step}
.flow-node small{font-size:10px;letter-spacing:.15em}
.flow-node strong{font-size:18px;line-height:1.12;margin-top:9px}
.flow-node span{font-size:12px;line-height:1.5;margin-top:9px}
.flow-node:nth-child(3):before,.flow-node:nth-child(5):before{background:var(--glow-violet);color:var(--violet-soft)}
@media(max-width:820px){.flow-board{grid-template-columns:1fr 1fr;gap:12px;padding-top:18px}.flow-line{left:25%;right:25%;top:50%;width:2px;height:auto;background:linear-gradient(transparent,var(--teal) 15%,var(--violet-soft) 50%,var(--teal) 85%,transparent)}.flow-node,.flow-node:nth-child(2),.flow-node:nth-child(3),.flow-node:nth-child(4),.flow-node:nth-child(5){min-height:205px;padding:68px 17px 17px}}
@media(max-width:560px){.flow-grid{gap:36px}.flow-copy p{font-size:16px;line-height:1.55;margin-top:18px}.flow-board{grid-template-columns:1fr;gap:10px;padding:4px 0 0}.flow-line{left:30px;right:auto;top:34px;bottom:34px;width:2px;height:auto;background:linear-gradient(transparent,var(--teal) 12%,var(--violet-soft) 50%,var(--teal) 88%,transparent)}.flow-node,.flow-node:nth-child(2),.flow-node:nth-child(3),.flow-node:nth-child(4),.flow-node:nth-child(5){min-height:0;padding:19px 17px 19px 68px;border-radius:18px}.flow-node:before{top:17px;left:16px;width:36px;height:36px}.flow-node small{font-size:9px}.flow-node strong{font-size:18px;margin-top:7px}.flow-node span{font-size:12px;line-height:1.45;margin-top:6px}}
 .footer-page-links{display:flex;flex-wrap:wrap;gap:12px 22px;padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid var(--line);font-size:.9rem}.footer-page-links a{color:var(--muted);text-decoration:none}.footer-page-links a:hover{color:var(--teal)}
