@font-face{font-family:Inter;src:url('./fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#12151c;--muted:#626673;--pink:#fb5a8f;--lilac:#8374e1;--paper:#f5f5f5;--line:#dfe0e6;--gradient:linear-gradient(110deg,#fb5a8f,#8374e1);color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #4a389a;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:650}h2{font-size:clamp(2rem,4.1vw,3.5rem)}h3{font-size:1.2rem;letter-spacing:-.025em}p{color:var(--muted)}em{font-style:normal}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:.68rem;font-weight:650;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;color:#626673}.button{min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.86rem;font-weight:650;border-radius:99px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #12151c12}.primary{background:var(--pink);color:var(--ink)}.text-link{font-size:.83rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.muted{color:var(--muted)}.skip{position:fixed;z-index:50;top:8px;left:8px;padding:12px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:91px;padding:15px 40px;background:#f5f5f5ed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-logo{flex:0 0 160px}.nav nav{display:flex;gap:26px;font-size:.77rem;font-weight:550}.nav nav a{display:flex;align-items:center;min-height:44px}.nav nav a:hover{color:#6b4faf}.nav-actions{display:flex;align-items:center;gap:18px}.languages{display:flex;gap:4px;font-size:.68rem;font-weight:650}.languages a{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:50%}.languages [aria-current=page]{background:#e6e1f6;color:#45317c}.nav-download{font-size:.75rem;min-height:42px;padding:10px 18px}
.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:50px;align-items:center;min-height:760px;padding-block:70px 85px}.hero h1{font-size:clamp(3.5rem,5.5vw,5.2rem);letter-spacing:-.065em;line-height:1.035;margin-top:28px}.hero h1 span,.hero h1 em,.closing h2 span,.closing h2 em{display:block}.hero h1 em{color:#7966c8}.hero .intro{max-width:475px;margin-block:27px 28px;font-size:1rem;line-height:1.75}.attributes{font-size:.62rem;font-weight:600;letter-spacing:.14em;margin-top:33px;color:#626673}.hero-scene{--scene-accent:#8374e1;position:relative;align-self:center;border:1px solid #e8e5ee;background:linear-gradient(145deg,#fffbfd,#eeebf7);border-radius:32px;box-shadow:0 22px 70px #8374e113;overflow:hidden}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 0;gap:16px}.scene-top .eyebrow{font-size:.55rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#53b895;flex-shrink:0}.circle-map{position:relative;height:440px;isolation:isolate}.goal{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:clamp(.83rem,1.4vw,1.12rem);font-weight:600;line-height:1.22;letter-spacing:-.025em;padding:24px;box-shadow:inset 0 1px 0 #ffffff44;animation:drift 7s ease-in-out infinite;transition:opacity .35s,box-shadow .35s;z-index:2}.goal::after{position:absolute;inset:-9px;content:'';border:1px solid currentColor;border-radius:50%;opacity:0;transition:opacity .3s}.goal:focus-visible{outline-offset:12px}.goal-icon{font-size:1.7rem;font-weight:400}.health{width:200px;height:200px;left:7%;top:50px;background:#fb5a8f;--lift:0px}.learning{width:160px;height:160px;right:6%;top:27px;background:#a398ea;animation-delay:-2s;--lift:6px}.creativity{width:134px;height:134px;left:13%;bottom:22px;background:#ffab6f;animation-delay:-4s;font-size:.88rem;--lift:2px}.rest{width:147px;height:147px;right:12%;bottom:83px;background:#8fead0;animation-delay:-1s;--lift:7px}.circle-map.has-selection .goal:not([aria-pressed=true]){opacity:.43}.goal[aria-pressed=true]{animation:none;transform:translateY(-6px) scale(1.07);box-shadow:0 16px 30px #12151c14}.goal[aria-pressed=true]::after{opacity:.45}.scene-guide{position:absolute;right:5%;bottom:0;width:68px;height:68px;z-index:3;animation:guide-float 6s ease-in-out infinite;transition:filter .4s}.has-selection .scene-guide{filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--scene-accent) 30%,transparent))}.map-satellite{position:absolute;width:16px;height:16px;background:#6e92e5;border-radius:50%;left:51%;bottom:14px}.map-orbit{position:absolute;border:1px solid #cfc4e740;border-radius:50%;z-index:-1}.orbit-one{width:380px;height:380px;left:6%;top:14px}.orbit-two{width:275px;height:275px;right:4%;bottom:14px}.scene-detail{padding:23px 25px 25px;border-top:1px solid #d9d4e650;background:#ffffff80}.scene-detail .hint{font-size:.72rem;font-weight:600}.scene-detail p{font-size:.83rem;line-height:1.55;margin-top:6px;min-height:2.8em;max-width:390px}.scene-detail small{display:block;color:#626673;font-size:.59rem;margin-top:12px}
.section{padding-block:92px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:54px;margin-bottom:38px}.section-head h2{margin-top:18px}.section-head>p{max-width:385px;font-size:.91rem;line-height:1.75}.section-head>div{flex:1}.identity-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.identity-card{border:1px solid var(--line);border-radius:24px;background:#fff;min-height:330px;padding:26px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden}.card-label{font-size:.68rem;letter-spacing:.06em;color:#626673;font-weight:600}.wordmark{width:min(100%,400px);height:auto;align-self:center;margin-block:12px}.symbol-card{background:#eae5f8}.symbol-card .symbol{align-self:center;max-width:138px}.card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.card-foot p{font-size:.72rem;max-width:280px;line-height:1.55}.card-foot a{font-size:.72rem;font-weight:600;min-height:44px;display:flex;align-items:center;white-space:nowrap}.inverse-card{background:#12151c;border-color:#12151c}.inverse-card .card-label,.inverse-card .card-foot p{color:#b9bac4}.inverse-card a{color:#fcfcfc}.app-card{background:#f1eaf1}.native-icon{align-self:center;border-radius:28px;box-shadow:0 12px 20px #8374e125}.variants{margin-top:32px;padding:29px 30px;border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:start}.variants p{font-size:.8rem;margin-top:13px;max-width:350px}.variant-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.variant-list a{font-size:.76rem;min-height:44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.variant-list b{font-weight:500;font-size:.65rem;color:#727583}
.color-section{background:#eeedf2;border-block:1px solid #e3e1e9}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.swatch{text-align:left;background:#fff;padding:0 0 20px;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s}.swatch:hover{transform:translateY(-5px);box-shadow:0 15px 25px #12151c08}.color-field{display:block;height:150px;background:var(--swatch)}.swatch strong,.swatch .hex,.swatch small{display:block;margin-inline:16px}.swatch strong{font-size:.72rem;font-weight:600;margin-top:20px;min-height:2.6em;line-height:1.35}.swatch .hex{font-size:.72rem;margin-top:7px;font-variant-numeric:tabular-nums;letter-spacing:.015em}.swatch small{color:#626673;font-size:.61rem;margin-top:6px;min-height:2.6em}.palette-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.palette-notes p{font-size:.82rem;margin-top:10px;max-width:450px}.gradient-sample{height:115px;border-radius:18px;background:var(--gradient);margin-bottom:24px}.mini-circles{height:115px;display:flex;align-items:center;gap:13px;margin-bottom:24px}.mini-circles i{display:block;flex:1;aspect-ratio:1;border-radius:50%;background:#fb5a8f}.mini-circles i:nth-child(2){background:#8374e1}.mini-circles i:nth-child(3){background:#6e92e5}.mini-circles i:nth-child(4){background:#38c2cc}.mini-circles i:nth-child(5){background:#ff984e}.mini-circles i:nth-child(6){background:#c53fe0}.mini-circles i:nth-child(7){background:#53e4bb}.mini-circles i:nth-child(8){background:#a398ea}.pairings{display:flex;justify-content:space-between;gap:25px;margin-top:42px;border-top:1px solid #d8d6df;padding-top:30px}.pairings>span{display:flex;align-items:center;gap:14px;font-size:.68rem;line-height:1.45}.pair{display:grid;place-items:center;font-size:1.25rem;width:52px;height:52px;flex-shrink:0;border-radius:13px;font-weight:600}.pink-pair{background:#fb5a8f}.mint-pair{background:#8fead0}.night-pair{background:#12151c;color:#fff}
.type-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden}.display-specimen{padding:34px 38px;background:white}.specimen-top{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.05em;color:#626673}.aa{font-size:9rem;line-height:1.2;letter-spacing:-.08em;font-weight:650;margin-block:24px 16px}.aa span{color:#8374e1}.type-headline{color:var(--ink);font-size:1.8rem;font-weight:650;line-height:1.2;letter-spacing:-.04em}.alphabet{font-size:.73rem;line-height:1.9;margin-top:25px;overflow-wrap:anywhere}.reading-specimen{background:#eae5f8;padding:36px 38px}.type-reading{font-size:1.95rem;line-height:1.25;letter-spacing:-.045em;color:var(--ink);margin-block:31px 26px;max-width:420px}.reading-specimen>p:not(.type-reading){font-size:.77rem;line-height:1.65}.numerals{font-size:2.4rem;line-height:1.3;letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-block:20px 25px}.numerals span{display:block;letter-spacing:0;font-size:.84rem;margin-top:7px}.reading-specimen>a{display:flex;margin-top:13px;font-size:.74rem}.reading-specimen>a+a{margin-top:0}.type-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.type-scale>span{font-size:.68rem;color:#626673}.type-scale b{display:block;font-size:1.15rem;font-weight:550;letter-spacing:-.03em;color:var(--ink);margin-bottom:5px}
.motion-section{background:#eae5f8}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principle-number{display:grid;place-items:center;width:38px;height:38px;background:#8374e11c;color:#4a389a;border-radius:50%;font-size:.8rem;margin-bottom:22px}.principles h3{font-size:1.1rem}.principles p{font-size:.84rem;margin-top:14px;line-height:1.75}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.icon-grid a{border:1px solid var(--line);border-radius:18px;padding:30px 15px 20px;display:flex;flex-direction:column;align-items:center;background:white;gap:20px;transition:transform .2s}.icon-grid a:hover{transform:translateY(-4px)}.icon-grid img{width:35px;height:35px}.icon-grid span{font-size:.76rem;font-weight:550}.icon-grid small{font-size:.62rem;color:#626673;margin-top:-13px}
.toolkit-section{background:#eeedf2;border-block:1px solid #e1dfe8}.social-display{background:#e0dce9;border-radius:24px;padding:40px;min-height:540px;display:flex;justify-content:center;align-items:center;overflow:hidden}.social-display img{width:auto;max-width:100%;max-height:620px;box-shadow:0 24px 40px #12151c18}.social-controls{display:flex;justify-content:center;gap:9px;margin-block:20px 34px;flex-wrap:wrap}.social-controls button{font-size:.72rem;background:transparent;border:1px solid #cac6d5;border-radius:99px;padding:11px 20px;min-height:44px;font-variant-numeric:tabular-nums}.social-controls [aria-pressed=true]{background:#12151c;border-color:#12151c;color:white}.asset-list{border-top:1px solid #d6d3df}.asset-list a{display:grid;grid-template-columns:1.5fr 1fr auto;gap:20px;padding-block:20px;border-bottom:1px solid #d6d3df;align-items:center;font-size:.85rem}.asset-list small{color:#626673;font-variant-numeric:tabular-nums}.asset-list b{font-size:.71rem;font-weight:550}.asset-list a:hover{color:#59418f}
.voice{position:relative;border-top:1px solid var(--line);margin-top:48px;padding-block:35px 0;padding-right:140px}.voice p{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.4;margin-top:17px;color:#12151c}.voice em{color:#7966c8}.voice img{position:absolute;right:10px;top:65px}.closing{background:#12151c;color:#fcfcfc;text-align:center;padding-block:75px 80px;position:relative;overflow:hidden}.closing::before{content:'';position:absolute;width:850px;height:850px;inset:-300px -600px auto 60%;border:1px solid #8374e133;border-radius:50%;pointer-events:none}.closing img{margin-inline:auto}.closing h2{font-size:clamp(2.5rem,5.7vw,4.7rem);margin-block:35px 28px;line-height:1.06}.closing h2 em{color:#b1a5ee}.closing p{font-size:.72rem;color:#b8b5c4;margin-top:25px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;font-size:.65rem;color:#626673}.footer a{min-height:44px;display:flex;align-items:center}.copy-status{position:fixed;left:50%;bottom:25px;z-index:30;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#12151c;color:#fcfcfc;border-radius:99px;padding:12px 22px;font-size:.8rem;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.copy-status.visible{opacity:1;transform:translate(-50%,0)}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 calc(-7px - var(--lift))}}@keyframes guide-float{0%,100%{translate:0 0}50%{translate:0 -6px}}body[data-hidden=true] *,body[data-hidden=true] *::before,body[data-hidden=true] *::after{animation-play-state:paused!important}
@media(min-width:1450px){.hero{min-height:810px}}@media(max-width:1100px){.nav{padding-inline:25px}.nav nav{gap:16px}.wrap{width:calc(100% - 64px)}.hero{gap:35px;grid-template-columns:1fr 1fr;min-height:720px}.hero h1{font-size:3.7rem}.circle-map{height:390px}.health{width:170px;height:170px;left:5%;top:45px}.learning{width:140px;height:140px;right:4%;top:22px}.rest{width:127px;height:127px;right:10%;bottom:72px}.creativity{width:116px;height:116px;left:10%;bottom:20px}.goal{padding:20px;font-size:.9rem}.goal-icon{font-size:1.5rem}.scene-guide{width:56px;height:56px}.orbit-one{width:310px;height:310px}.orbit-two{width:250px;height:250px}.section-head{gap:35px}.section-head>p{max-width:330px}.principles{gap:30px}.color-field{height:120px}.swatch-grid{gap:10px}.swatch strong,.swatch .hex,.swatch small{margin-inline:12px}.type-headline{font-size:1.5rem}.display-specimen,.reading-specimen{padding:28px}.type-reading{font-size:1.6rem}.social-display{min-height:430px}}
@media(max-width:800px){.nav nav{display:none}.nav{min-height:82px}.nav-actions{gap:8px}.hero{grid-template-columns:1fr;gap:45px;padding-block:55px 60px;min-height:0}.hero h1{font-size:clamp(3.2rem,8vw,4.5rem);max-width:650px}.hero .intro{max-width:580px}.hero-scene{max-width:590px;width:100%;justify-self:center}.circle-map{height:440px}.health{width:200px;height:200px;left:10%}.learning{width:160px;height:160px;right:10%}.creativity{width:134px;height:134px;left:16%;bottom:24px}.rest{width:147px;height:147px;right:18%;bottom:76px}.goal{font-size:1.05rem}.scene-guide{right:7%;width:68px;height:68px}.orbit-one{left:14%;width:380px;height:380px}.section{padding-block:65px}.section-head{display:block}.section-head>p{max-width:560px;margin-top:22px}.section-head>a{margin-top:20px}.identity-card{padding:24px;min-height:290px}.identity-grid{grid-template-columns:1fr 1fr}.card-foot{display:block}.card-foot a{margin-top:6px}.variants{grid-template-columns:1fr;gap:20px}.variants p{max-width:100%}.swatch-grid{grid-template-columns:repeat(3,1fr)}.color-field{height:155px}.swatch strong,.swatch small{min-height:0}.palette-notes{gap:25px}.mini-circles{gap:7px}.pairings{gap:14px}.pairings>span{flex-direction:column;align-items:flex-start;flex:1}.type-grid{grid-template-columns:1fr 1fr}.type-reading{font-size:1.4rem}.aa{font-size:7rem}.type-headline{font-size:1.35rem}.principles{gap:24px}.principles h3{font-size:1rem}.icon-grid{grid-template-columns:repeat(3,1fr)}.social-display{min-height:320px;padding:24px}.footer{flex-wrap:wrap;column-gap:20px;row-gap:0}.footer>span{order:3;width:100%;padding-bottom:10px}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.nav{padding:12px 20px;gap:10px;min-height:76px}.nav-logo{flex-basis:120px}.nav-logo img{width:120px}.nav-download{font-size:0;min-width:42px;width:42px;height:42px;padding:0}.nav-download::after{content:'↓';font-size:1.15rem}.languages a{min-width:34px;min-height:40px}.nav-actions{gap:4px}.hero{padding-top:37px;gap:30px}.hero h1{font-size:clamp(2.85rem,10.8vw,3.8rem);margin-top:22px}.hero .intro{font-size:.9rem;line-height:1.7;margin-block:22px}.eyebrow{font-size:.6rem}.attributes{font-size:.56rem;margin-top:27px}.hero-scene{border-radius:24px}.scene-top{padding:20px 18px 0}.scene-top .eyebrow{font-size:.49rem;max-width:230px}.circle-map{height:335px}.health{width:146px;height:146px;left:5%;top:39px}.learning{width:124px;height:124px;right:4%;top:16px}.creativity{width:102px;height:102px;left:10%;bottom:16px}.rest{width:116px;height:116px;right:12%;bottom:58px}.goal{font-size:.83rem;padding:17px;gap:3px}.goal-icon{font-size:1.25rem}.scene-guide{width:53px;height:53px;right:5%;bottom:0}.map-satellite{width:11px;height:11px;left:50%}.orbit-one{width:280px;height:280px;left:5%;top:13px}.orbit-two{width:210px;height:210px;right:1%;bottom:15px}.scene-detail{padding:19px 20px}.scene-detail .hint{font-size:.67rem}.scene-detail p{font-size:.76rem;min-height:3em}.scene-detail small{font-size:.55rem}.section-head{margin-bottom:28px}.section-head h2{font-size:2rem;line-height:1.1;letter-spacing:-.045em}.section-head>p{font-size:.84rem}.identity-grid{grid-template-columns:1fr;gap:14px}.identity-card{min-height:280px}.wordmark{width:90%;max-width:360px}.identity-card.symbol-card,.identity-card.app-card{min-height:300px}.card-foot{display:flex;gap:18px}.card-foot p{font-size:.7rem}.variants{padding:24px}.variant-list{gap:8px 20px}.variant-list a{font-size:.7rem}.swatch-grid{grid-template-columns:repeat(2,1fr);gap:12px}.color-field{height:130px}.swatch strong{font-size:.77rem}.swatch strong,.swatch .hex,.swatch small{margin-inline:15px}.swatch small{font-size:.62rem}.palette-notes{grid-template-columns:1fr;gap:30px}.mini-circles{height:80px;gap:9px}.palette-notes p{font-size:.8rem}.pairings{gap:16px;flex-direction:column}.pairings>span{flex-direction:row;align-items:center;font-size:.69rem}.type-grid{grid-template-columns:1fr}.display-specimen,.reading-specimen{padding:27px}.aa{font-size:8rem}.type-headline{font-size:1.6rem}.type-reading{font-size:1.75rem}.type-scale{grid-template-columns:1fr 1fr;row-gap:22px}.principles{grid-template-columns:1fr;gap:30px}.principle-number{margin-bottom:13px}.principles h3{font-size:1.15rem}.principles p{font-size:.84rem;max-width:400px}.icon-grid{gap:10px}.icon-grid a{padding-inline:5px}.icon-grid span{font-size:.66rem}.social-display{padding:16px;border-radius:17px;min-height:190px}.social-controls{gap:7px}.social-controls button{padding:10px 11px;font-size:.64rem}.asset-list a{grid-template-columns:1fr auto;gap:5px 12px;font-size:.78rem;padding-block:16px}.asset-list small{grid-column:1;grid-row:2;font-size:.65rem}.asset-list b{grid-column:2;grid-row:1/3}.voice{padding-right:0}.voice p{font-size:1.65rem;padding-right:40px}.voice img{position:static;width:65px;height:65px;margin-top:24px}.closing{padding-block:58px}.closing img{width:180px}.closing h2{font-size:2.8rem}.closing p{max-width:300px;margin-inline:auto;font-size:.66rem}.footer{font-size:.61rem;justify-content:space-between}.footer>a{max-width:48%;line-height:1.5}}
@media(max-width:350px){.hero h1{font-size:2.65rem}.goal{font-size:.72rem}.health{width:132px;height:132px}.learning{width:110px;height:110px}.rest{right:6%;width:110px;height:110px}.circle-map{height:320px}.scene-guide{width:46px;height:46px}.nav-logo{flex-basis:108px}.nav-logo img{width:108px}.languages a{min-width:31px}.icon-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}