@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--cream:#f5f3ee;--cream-2:#efede6;--cream-3:#e9e6dd;--ink:#14130f;--ink-soft:#1b1a16;--ink-2:#3a3833;--ink-3:#6b6960;--ink-4:#97958c;--ink-5:#bfbdb4;--divider:#14130f1a;--divider-soft:#14130f0f;--divider-dark:#f7f3ee1a;--amber:#e8aa3a;--amber-soft:#c28e2d;--orange:#da4f24;--c1:#c7472d;--c2:#e8aa3a;--c3:#4f7a4f;--c4:#2e5f8a;--c5:#5b3a6e;--serif:Georgia, "Times New Roman", Times, serif;--ui:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--cream);color:var(--ink);font-family:var(--ui)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{background:var(--orange);color:var(--cream)}::selection{background:var(--orange);color:var(--cream)}:focus{outline:none}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}.appstore:focus-visible,nav.nav .logo:focus-visible{outline-offset:4px}em{font-feature-settings:"kern" 1;font-style:italic}h1,h2,h3,.display,.pull{text-wrap:balance}p,.lede,.sub{text-wrap:pretty}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-5);border:2px solid var(--cream);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}::-webkit-scrollbar-track{background:0 0}html{scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}@media (max-width:640px){.container{padding:0 22px}}.eyebrow{font-family:var(--ui);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.appstore{background:var(--ink);color:var(--cream);border-radius:14px;align-items:center;gap:12px;padding:14px 22px 14px 20px;line-height:1;transition:transform .15s,background .15s;display:inline-flex;position:relative;overflow:hidden}.appstore:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#e8aa3a29 50%,#0000 70%);transition:transform .7s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0;transform:translate(-120%)}.appstore:hover{background:#000;transform:translateY(-1px)}.appstore:hover:before{transform:translate(120%)}.appstore>*{z-index:1;position:relative}.appstore .ico{flex-shrink:0;width:26px;height:26px}.appstore .copy{text-align:left;flex-direction:column;gap:3px;display:flex}.appstore .copy .a{letter-spacing:.05em;color:#f5f3eeb3;font-size:10.5px;font-weight:500}.appstore .copy .b{font-family:var(--serif);letter-spacing:-.005em;font-size:19px;font-weight:700;line-height:1}.appstore.sm{border-radius:11px;gap:9px;padding:9px 16px 9px 14px}.appstore.sm .ico{width:20px;height:20px}.appstore.sm .copy .a{font-size:9px}.appstore.sm .copy .b{font-size:14px}nav.nav{z-index:100;border-bottom:1px solid #0000;padding:18px 0;transition:background .25s,border-color .25s,padding .25s;position:fixed;top:0;left:0;right:0}nav.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--divider);background:#f5f3eed9;padding:12px 0}nav.nav .inner{justify-content:space-between;align-items:center;gap:24px;display:flex}nav.nav .logo{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-size:22px;font-weight:700;transition:letter-spacing .25s;position:relative}nav.nav .logo em{color:var(--ink);font-style:italic;transition:color .25s}nav.nav .logo:hover em{color:var(--orange)}nav.nav .meta{font-family:var(--serif);color:var(--ink-3);font-size:14px;font-style:italic}@media (max-width:800px){nav.nav .meta{display:none}}header.hero{padding:128px 0 104px;position:relative;overflow:hidden}header.hero .grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;display:grid}header.hero .left .eb{margin-bottom:24px}header.hero .left .display{font-family:var(--serif);letter-spacing:-.035em;color:var(--ink);font-size:124px;font-weight:700;line-height:.9}header.hero .left .display em{color:var(--orange);font-style:italic;font-weight:700}header.hero .left .lede{font-family:var(--serif);color:var(--ink-2);max-width:460px;margin:40px 0 16px;font-size:22px;font-style:italic;line-height:1.45}header.hero .left .lede b{color:var(--ink);font-style:normal;font-weight:700}header.hero .left .sub{color:var(--ink-3);max-width:420px;font-size:15px;line-height:1.6}header.hero .left .cta-row{align-items:center;gap:18px;margin-top:44px;display:flex}header.hero .left .cta-row .secondary{font-family:var(--serif);color:var(--ink-3);font-size:14px;font-style:italic}header.hero .right{isolation:isolate;justify-content:center;align-items:center;height:720px;display:flex;position:relative}header.hero .swatch-card{color:#ffffffeb;cursor:default;will-change:transform;border-radius:16px;flex-direction:column;justify-content:space-between;padding:12px 14px;display:flex;position:absolute;overflow:hidden;box-shadow:0 26px 50px -18px #14130f66,0 8px 18px -6px #14130f38,inset 0 0 0 1px #ffffff1a}header.hero .swatch-card:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(#ffffff24,#0000 38%);border-radius:16px;position:absolute;inset:0}header.hero .swatch-card .top{font-family:var(--serif);letter-spacing:-.005em;z-index:1;font-size:14px;font-style:italic;font-weight:700;line-height:1.15;position:relative}header.hero .swatch-card .hex{font-family:var(--ui);letter-spacing:.16em;opacity:.62;z-index:1;font-size:9.5px;font-weight:700;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1);position:relative;transform:translateY(2px)}header.hero .swatch-card:hover .hex{opacity:1;transform:translateY(0)}header.hero .swatch-card.light{color:#14130fd9}header.hero .swatch-card.light .hex{opacity:.48}header.hero .swatch-card.light:hover .hex{opacity:.9}header.hero .swatch-card.light:after{mix-blend-mode:normal;background:linear-gradient(#fff3,#0000 38%)}.phone{z-index:2;background:#0b0b0b;border-radius:46px;width:340px;height:696px;padding:8px;position:relative;box-shadow:0 60px 100px -28px #14130f73,0 16px 36px -8px #14130f4d}.phone .screen{background:var(--cream);width:100%;height:100%;color:var(--ink);border-radius:38px;position:relative;overflow:hidden}.phone .island{z-index:5;background:#050505;border-radius:999px;width:96px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone .status{height:46px;color:var(--ink);z-index:4;justify-content:space-between;align-items:center;padding:14px 26px 0;font-family:-apple-system,system-ui;font-size:13px;font-weight:600;display:flex;position:relative}.phone .status .right{align-items:center;gap:6px;display:flex}.phone .home-bar{background:#14130f52;border-radius:3px;width:114px;height:4px;animation:4.6s ease-in-out infinite home-bar-pulse;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@keyframes home-bar-pulse{0%,to{background:#14130f47}50%{background:#14130f75}}@media (prefers-reduced-motion:reduce){.phone .home-bar{animation:none}}.home-screen{flex-direction:column;padding:6px 22px 14px;display:flex;position:absolute;inset:46px 0 0}.home-screen .top{color:var(--ink-2);justify-content:flex-end;align-items:center;gap:14px;margin-bottom:6px;display:flex}.home-screen .top svg{width:20px;height:20px}.home-screen .stage{flex-direction:column;flex:1;display:flex}.home-screen .eb{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);margin-top:auto;margin-bottom:14px;font-size:8.5px;font-weight:600}.home-screen .wordmark{font-family:var(--serif);letter-spacing:-.028em;color:var(--ink);font-size:68px;font-weight:700;line-height:.92}.home-screen .wordmark em{font-style:italic}.home-screen .rule{background:#14130f33;width:32px;height:2px;margin:14px 0 10px}.home-screen .streak{font-family:var(--ui);color:var(--ink-2);font-size:12px}.home-screen .streak b{font-family:var(--serif);color:var(--amber);margin-right:4px;font-size:14px;font-style:italic;font-weight:700}.home-screen .daily{color:#f7f4ec;background:#161513;border-radius:16px;align-items:center;gap:11px;margin-top:14px;padding:11px 12px;display:flex}.home-screen .daily .ico{background:var(--orange);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 18px #da4f2480}.home-screen .daily .ico .dot{width:21px;height:21px;color:var(--orange);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.home-screen .daily .ico svg{width:11px;height:11px}.home-screen .daily .lbl{flex:1;min-width:0}.home-screen .daily .lbl .row1{align-items:baseline;gap:8px;display:flex}.home-screen .daily .lbl .row1 .name{font-family:var(--serif);letter-spacing:-.01em;font-size:21px;font-weight:700}.home-screen .daily .lbl .row1 .tag{letter-spacing:.2em;text-transform:uppercase;color:#f7f4ec8c;font-size:8px;font-weight:700}.home-screen .daily .lbl .sub{font-family:var(--serif);color:#f7f4ec8c;margin-top:1px;font-size:10.5px;font-style:italic}.home-screen .daily .chev{color:#fff4e8a6;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.home-screen .tiles{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.home-screen .tile{background:var(--cream);border:1px solid var(--divider-soft);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:14px 10px 12px;display:flex;position:relative;overflow:hidden}.home-screen .tile:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 38%,#e8aa3a38 50%,#0000 62%);position:absolute;inset:0;transform:translate(-100%)}.home-screen .tile.shimmer:before{animation:1.4s cubic-bezier(.2,.7,.3,1) forwards tile-shimmer}.home-screen .tile.shimmer-delay:before{animation:1.4s cubic-bezier(.2,.7,.3,1) .32s forwards tile-shimmer}@keyframes tile-shimmer{0%{transform:translate(-100%)}to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.home-screen .tile:before{display:none}}.home-screen .tile .logo{width:56px;height:40px;margin-bottom:6px}.home-screen .tile .tname{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1}.home-screen .tile .tsub{font-family:var(--serif);color:var(--ink-3);margin-top:3px;font-size:10px;font-style:italic}.manifesto{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);background:var(--cream-2);padding:104px 0 112px;position:relative}.manifesto .try-head{text-align:center;margin-bottom:56px}.manifesto .try-head .eyebrow{margin-bottom:20px}.manifesto .try-head h2{font-family:var(--serif);letter-spacing:-.022em;color:var(--ink);max-width:880px;margin:0 auto;font-size:60px;font-weight:700;line-height:1}.manifesto .try-head h2 em{color:var(--orange);font-style:italic;font-weight:700}.manifesto .try-head p{font-family:var(--serif);color:var(--ink-3);max-width:560px;margin:18px auto 0;font-size:18px;font-style:italic;line-height:1.55}.manifesto .try-head p em{color:var(--ink-2);font-style:italic}.manifesto .try-card{background:var(--cream);border:1px solid var(--divider);isolation:isolate;border-radius:24px;grid-template-columns:300px 1fr;gap:28px;max-width:980px;margin:0 auto;padding:28px;display:grid;position:relative;box-shadow:0 30px 70px -32px #14130f47,0 6px 18px -10px #14130f1a}.manifesto .try-card:before{content:"";pointer-events:none;background:linear-gradient(#fff9,#0000 30%);border-radius:24px;position:absolute;inset:0}.manifesto .try-card>*{position:relative}.try-compare{flex-direction:column;gap:12px;display:flex}.try-swatch{border-radius:16px;transition:background .4s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden;box-shadow:0 14px 28px -14px #14130f4d,inset 0 0 0 1px #ffffff1a}.try-swatch.target{height:140px}.try-swatch.guess{height:88px}.try-swatch:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(#ffffff29,#0000 35%);position:absolute;inset:0}.try-swatch .lbl{font-family:var(--ui);letter-spacing:.26em;text-transform:uppercase;color:#fffc;font-size:9.5px;font-weight:700;position:absolute;top:12px;left:14px}.try-swatch .hex{font-family:var(--ui);letter-spacing:.18em;color:#ffffffeb;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:14px}.try-score{background:var(--cream-2);border:1px solid var(--divider);border-radius:14px;flex-direction:column;gap:4px;margin-top:auto;padding:14px 16px 13px;display:flex}.try-score-eb{font-family:var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-weight:700}.try-score-val{align-items:baseline;gap:4px;display:flex}.try-score-val .v{font-family:var(--serif);color:var(--orange);letter-spacing:-.015em;font-size:40px;font-style:italic;font-weight:700;line-height:1}.try-score-val .d{font-family:var(--serif);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:17px}.try-score-tier{font-family:var(--serif);color:var(--ink-2);margin-top:2px;font-size:13px;font-style:italic}.try-controls{flex-direction:column;gap:22px;padding:6px 6px 0;display:flex}.try-slider .try-slider-row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.try-slider .name{font-family:var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600}.try-slider .val{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-style:italic;font-weight:700}.try-slider-slot{align-items:center;height:30px;display:flex;position:relative}.try-slider-slot:before{content:"";background:var(--track-bg);pointer-events:none;border-radius:7px;height:14px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px 2px #14130f1a,inset 0 0 0 1px #14130f0f}.try-slider-slot input[type=range]{appearance:none;cursor:pointer;z-index:1;background:0 0;width:100%;height:30px;margin:0;padding:0;position:relative}.try-slider-slot input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:7px;height:14px}.try-slider-slot input[type=range]::-moz-range-track{background:0 0;border-radius:7px;height:14px}.try-slider-slot input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cream);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:24px;height:24px;margin-top:-5px;transition:transform .18s cubic-bezier(.2,.7,.3,1);box-shadow:0 4px 10px #14130f38,0 1px 2px #14130f2e}.try-slider-slot input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}.try-slider-slot input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.try-slider-slot input[type=range]::-moz-range-thumb{background:var(--cream);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 10px #14130f38,0 1px 2px #14130f2e}.try-slider-slot input[type=range]:focus{outline:none}.try-slider-slot input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--cream), 0 0 0 5px var(--orange)}.try-slider-slot input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--cream), 0 0 0 5px var(--orange)}.try-footer{border-top:1px solid var(--divider-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding-top:18px;display:flex}.try-shuffle{font-family:var(--serif);color:var(--ink-2);border-bottom:1px solid #0000;align-items:center;gap:8px;padding:6px 0;font-size:14.5px;font-style:italic;transition:color .22s,border-color .22s;display:inline-flex}.try-shuffle:hover{color:var(--orange);border-bottom-color:var(--orange)}.try-shuffle:hover svg{transform:rotate(180deg)}.try-shuffle svg{transition:transform .5s cubic-bezier(.65,0,.15,1)}.try-shuffle:disabled{opacity:.45;cursor:default}.try-hint{font-family:var(--serif);color:var(--ink-3);text-align:right;flex:1;font-size:13px;font-style:italic}@media (max-width:820px){.manifesto .try-head h2{font-size:42px}.manifesto .try-card{grid-template-columns:1fr;gap:22px;padding:22px}.try-compare{flex-direction:column}.try-swatch.target{height:120px}.try-swatch.guess{height:72px}.try-footer{flex-direction:column;align-items:stretch;gap:10px}.try-hint{text-align:left}}@media (max-width:480px){.manifesto{padding:72px 0 80px}.manifesto .try-head h2{font-size:34px}.manifesto .try-head p{font-size:16px}.try-score-val .v{font-size:32px}}.tab-bar-wrap{z-index:50;background:var(--cream);border-bottom:1px solid var(--divider);transition:top .25s;position:sticky;top:64px}.tab-bar{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:0;padding:0;display:flex;position:relative;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab{appearance:none;font-family:var(--serif);color:var(--ink-3);cursor:pointer;white-space:nowrap;align-items:baseline;gap:10px;margin-right:40px;padding:22px 32px 22px 0;font-size:18px;font-weight:500;transition:color .22s;display:inline-flex;position:relative}.tab:after{content:"";background:var(--ink-4);transform-origin:0;pointer-events:none;height:2px;transition:transform .28s cubic-bezier(.2,.7,.3,1),background .2s;position:absolute;bottom:-1px;left:0;right:32px;transform:scaleX(0)}.tab:not(.active):hover:after{background:var(--ink-3);transform:scaleX(.6)}.tab .n{font-family:var(--serif);color:var(--ink-4);font-size:12px;font-style:italic;transition:color .18s}.tab:last-child{margin-right:0}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--ink);font-weight:700}.tab.active .n{color:var(--orange);font-weight:700}.tab-indicator{background:var(--ink);pointer-events:none;height:2px;transition:left .42s cubic-bezier(.65,0,.15,1),width .42s cubic-bezier(.65,0,.15,1);position:absolute;bottom:-1px}.tab-indicator:after{content:"";background:var(--orange);border-radius:2px;width:4px;position:absolute;top:-1px;bottom:-1px;right:-2px}.panels{min-height:600px;position:relative}.panel-content{padding:120px 0 140px}.panel-head{margin-bottom:72px}.panel-head .eyebrow{margin-bottom:18px}.panel-head h2{font-family:var(--serif);letter-spacing:-.02em;max-width:800px;font-size:64px;font-weight:700;line-height:1}.panel-head h2 em{font-style:italic}.panel-head p{font-family:var(--serif);color:var(--ink-3);max-width:580px;margin-top:22px;font-size:18px;font-style:italic;line-height:1.5}.phases{grid-template-columns:1fr 1fr 1fr;gap:32px;display:grid}.phase{border:1px solid var(--divider);background:var(--cream);isolation:isolate;border-radius:22px;flex-direction:column;padding:36px 32px 32px;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s cubic-bezier(.2,.7,.3,1),border-color .35s;display:flex;position:relative}.phase:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff8c,#0000 40%);border-radius:22px;transition:opacity .35s;position:absolute;inset:0}.phase:hover{border-color:#14130f29;transform:translateY(-4px);box-shadow:0 24px 48px -22px #14130f38,0 4px 12px -6px #14130f1a}.phase:hover:before{opacity:1}.phase:hover .n{color:var(--orange)}.phase .n{font-family:var(--serif);color:var(--orange);margin-bottom:22px;font-size:14px;font-style:italic;font-weight:700;transition:color .25s}.phase h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:14px;font-size:30px;font-weight:700;line-height:1.05}.phase h3 em{font-style:italic}.phase p{font-family:var(--serif);color:var(--ink-2);margin-bottom:28px;font-size:15px;font-style:italic;line-height:1.5}.phase .vis{aspect-ratio:16/11;border-radius:14px;margin-top:auto;position:relative;overflow:hidden}.vis-1{background:var(--ink);grid-template-columns:repeat(5,1fr);gap:6px;padding:16px;display:grid}.vis-1 .sw{border-radius:6px}.vis-1 .sw:first-child{background:var(--c1)}.vis-1 .sw:nth-child(2){background:var(--c2)}.vis-1 .sw:nth-child(3){background:var(--c3)}.vis-1 .sw:nth-child(4){background:var(--c4)}.vis-1 .sw:nth-child(5){background:var(--c5)}.vis-2{background:var(--ink);padding:16px;position:relative}.vis-2 .target{background:var(--c4);border-radius:8px;height:60%;position:relative}.vis-2 .target:after{content:"";border:2px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;top:30%;left:70%;box-shadow:0 0 0 1px #00000040}.vis-2 .slider{background:linear-gradient(90deg,#fff,#2e5f8a,#000);border-radius:7px;height:14px;margin-top:12px;position:relative}.vis-2 .slider .knob{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0006}.vis-3{background:var(--ink);grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.vis-3 .col{flex-direction:column;gap:6px;display:flex}.vis-3 .col .lbl{font-family:var(--ui);letter-spacing:.24em;text-transform:uppercase;color:#f7f3ee73;margin-bottom:2px;font-size:9px;font-weight:700}.vis-3 .col .sw{border-radius:6px;flex:1}.vis-3 .a1{background:var(--c1)}.vis-3 .a2{background:var(--c2)}.vis-3 .a3{background:var(--c3)}.vis-3 .b1{background:#bf4a30}.vis-3 .b2{background:#e4a537}.vis-3 .b3{background:#547d52}.vis-3 .score{border-top:1px solid #f7f3ee1a;grid-column:1/-1;justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:10px;display:flex}.vis-3 .score .v{font-family:var(--serif);color:var(--cream);letter-spacing:-.01em;font-size:24px;font-weight:700}.vis-3 .score .v em{color:var(--amber);font-style:italic}.vis-3 .score .c{font-family:var(--serif);color:#f7f3ee8c;font-size:11px;font-style:italic}.modes-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;display:grid}.mode{background:var(--cream);border:1px solid var(--divider);isolation:isolate;border-radius:22px;flex-direction:column;min-height:380px;padding:36px 32px 32px;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s cubic-bezier(.2,.7,.3,1),border-color .35s;display:flex;position:relative}.mode:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff8c,#0000 40%);border-radius:22px;transition:opacity .35s;position:absolute;inset:0}.mode:hover{border-color:#14130f29;transform:translateY(-4px);box-shadow:0 24px 48px -22px #14130f38,0 4px 12px -6px #14130f1a}.mode:hover:before{opacity:1}.mode.featured:before{background:linear-gradient(#ffffff0f,#0000 50%)}.mode.featured:hover{border-color:#e8aa3a59;box-shadow:0 28px 56px -22px #0000008c,0 6px 16px -6px #0000004d}.mode .glyph{background:var(--ink);width:48px;height:48px;color:var(--cream);border-radius:12px;justify-content:center;align-items:center;margin-bottom:28px;display:flex}.mode.featured .glyph{background:var(--orange)}.mode .glyph svg{width:22px;height:22px}.mode:not(.featured) .glyph{background:0 0;justify-content:flex-start;width:auto}.mode .glyph svg.logo{width:78px;height:52px}.mode h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:16px;font-size:36px;font-weight:700;line-height:1}.mode h3 em{font-style:italic}.mode p{font-family:var(--serif);color:var(--ink-2);margin-bottom:28px;font-size:15px;font-style:italic;line-height:1.5}.mode .meta{border-top:1px solid var(--divider-soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;display:flex}.mode .meta .tag{font-family:var(--ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.mode .meta .freq{font-family:var(--serif);color:var(--ink-2);font-size:13px;font-style:italic}.mode.featured{background:var(--ink);color:var(--cream);border-color:var(--ink)}.mode.featured h3{color:var(--cream)}.mode.featured p{color:#f5f3eea6}.mode.featured .meta{border-top-color:var(--divider-dark)}.mode.featured .meta .tag{color:var(--amber)}.mode.featured .meta .freq{color:#f5f3eea6}.science{grid-template-columns:1fr 1.1fr;align-items:start;gap:80px;display:grid}.science .copy h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:22px;font-size:40px;font-weight:700;line-height:1.05}.science .copy h3 em{color:var(--orange);font-style:italic}.science .copy p{font-family:var(--serif);color:var(--ink-2);margin-bottom:18px;font-size:17px;line-height:1.55}.science .copy p em{font-style:italic}.science .copy p b{color:var(--ink);font-weight:700}.science .copy .terms{border-top:1px solid var(--divider);grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;padding-top:24px;display:grid}.science .copy .terms .term .lbl{font-family:var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:10.5px;font-weight:600}.science .copy .terms .term .v{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-size:20px;font-weight:700;line-height:1.2}.science .copy .terms .term .v em{font-style:italic}.science .copy .terms .term .s{font-family:var(--serif);color:var(--ink-3);margin-top:4px;font-size:14px;font-style:italic;line-height:1.45}.science .vis{background:var(--ink);color:var(--cream);aspect-ratio:5/4.4;isolation:isolate;border-radius:22px;flex-direction:column;padding:36px 36px 32px;display:flex;position:relative;overflow:hidden}.science .vis:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 60%,#e8aa3a1a,#0000 55%);position:absolute;inset:-20%}.science .vis>*{z-index:1;position:relative}.science .vis .vis-eb{letter-spacing:.28em;text-transform:uppercase;color:#f5f3ee80;font-size:10.5px;font-weight:600}.science .vis .vis-h{font-family:var(--serif);letter-spacing:-.005em;color:var(--cream);margin-top:8px;font-size:22px;font-weight:700}.science .vis .stage{flex:1;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;display:flex;position:relative}.science .vis .swatch{aspect-ratio:1;border-radius:14px;width:28%;position:relative;box-shadow:0 16px 30px -10px #0006}.science .vis .swatch.a{background:var(--c4)}.science .vis .swatch.b{background:#3a6f95}.science .vis .swatch{cursor:default;transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s}.science .vis .swatch:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 22px 36px -10px #0000008c}.science .vis .swatch .lbl{white-space:nowrap;font-family:var(--ui);letter-spacing:.22em;color:#f5f3ee8c;font-size:10.5px;font-weight:700;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.science .vis .swatch .lbl b{color:var(--cream);font-weight:700}.science .vis .connector{background:linear-gradient(90deg,#f5f3ee00,#f5f3ee8c,#f5f3ee00);flex:1;height:2px;margin-bottom:30px;position:relative}.science .vis .connector .delta{background:var(--ink-soft);font-family:var(--serif);color:var(--amber);white-space:nowrap;border:1px solid #f5f3ee33;border-radius:999px;padding:6px 12px;font-size:14px;font-style:italic;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.science .vis .axes{border-top:1px solid #f5f3ee26;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:48px;padding-top:24px;display:grid}.science .vis .axes .ax .l{font-family:var(--ui);letter-spacing:.26em;text-transform:uppercase;color:#f5f3ee73;margin-bottom:4px;font-size:9.5px;font-weight:700}.science .vis .axes .ax .v{font-family:var(--serif);color:var(--cream);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:22px;font-weight:700}.science .vis .axes .ax .v em{color:var(--amber);font-style:italic}.science .vis .axes .ax .s{font-family:var(--serif);color:#f5f3ee80;margin-top:2px;font-size:11.5px;font-style:italic}.final{background:var(--ink);color:var(--cream);padding:200px 0 180px;position:relative;overflow:hidden}.final .strip{grid-template-columns:repeat(5,1fr);height:4px;display:grid;position:absolute;top:0;left:0;right:0}.final .strip span:first-child{background:var(--c1)}.final .strip span:nth-child(2){background:var(--c2)}.final .strip span:nth-child(3){background:var(--c3)}.final .strip span:nth-child(4){background:var(--c4)}.final .strip span:nth-child(5){background:var(--c5)}.final .inner{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;display:grid}.final .display{font-family:var(--serif);letter-spacing:-.025em;font-size:88px;font-weight:700;line-height:.95}.final .display em{color:var(--amber);font-style:italic;display:inline-block;position:relative}.final .display em:after{content:"";background:var(--amber);transform-origin:0;border-radius:4px;height:4px;transition:transform .9s cubic-bezier(.2,.7,.3,1) .55s;position:absolute;bottom:-.06em;left:0;right:0;transform:scaleX(0)}.final.in-view .display em:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.final .display em:after{transition:none}.final.in-view .display em:after{transform:scaleX(1)}}.final .right{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.final .right .lede{font-family:var(--serif);color:#f5f3eebf;max-width:380px;font-size:19px;font-style:italic;line-height:1.5}.final .appstore{background:var(--cream);color:var(--ink)}.final .appstore:hover{background:#fff}.final .appstore .copy .a{color:#14130f99}.final .meta-foot{font-family:var(--serif);color:#f5f3ee8c;align-items:center;gap:18px;font-size:13.5px;font-style:italic;display:flex}.final .meta-foot .dot{background:#f5f3ee4d;border-radius:50%;width:4px;height:4px}footer{background:var(--ink);color:#f5f3eea6;border-top:1px solid var(--divider-dark);padding:26px 0}footer .row{justify-content:space-between;align-items:center;gap:32px;display:flex}footer .left{align-items:baseline;gap:16px;min-width:0;display:flex}footer .mark{font-family:var(--serif);letter-spacing:-.015em;color:var(--cream);font-size:22px;font-weight:700;line-height:1;transition:opacity .2s}footer .mark em{font-style:italic;transition:color .25s}footer .mark:hover em{color:var(--amber)}footer .tag{font-family:var(--serif);color:#f5f3ee6b;font-size:13.5px;font-style:italic;line-height:1}footer .hues{flex-shrink:0;gap:7px;display:flex}footer .hues span{border-radius:50%;width:9px;height:9px;transition:transform .3s cubic-bezier(.2,.7,.3,1);display:block}footer:hover .hues span{transform:translateY(-2px)}footer:hover .hues span:first-child{transition-delay:0s}footer:hover .hues span:nth-child(2){transition-delay:40ms}footer:hover .hues span:nth-child(3){transition-delay:80ms}footer:hover .hues span:nth-child(4){transition-delay:.12s}footer:hover .hues span:nth-child(5){transition-delay:.16s}footer .meta{font-family:var(--ui);align-items:center;gap:22px;font-size:13px;display:flex}footer .meta a{color:#f5f3eec7;cursor:pointer;padding-bottom:3px;transition:color .2s;position:relative}footer .meta a:after{content:"";background:var(--amber);transform-origin:100%;height:1px;transition:transform .32s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}footer .meta a:hover{color:var(--cream)}footer .meta a:hover:after{transform-origin:0;transform:scaleX(1)}footer .meta .copy{color:#f5f3ee61;letter-spacing:.02em;border-left:1px solid #f5f3ee1f;padding-left:22px}@media (max-width:880px){footer .row{flex-wrap:wrap;justify-content:center;gap:18px 28px}footer .left{flex-basis:100%;order:1;justify-content:center}footer .hues{flex-basis:100%;order:2;justify-content:center}footer .meta{flex-basis:100%;order:3;justify-content:center}footer .meta .copy{border-left:none;padding-left:0}}@media (max-width:540px){footer{padding:22px 0}footer .left{flex-direction:column;gap:6px}footer .meta{flex-wrap:wrap;gap:12px 18px}footer .meta .copy{text-align:center;flex-basis:100%;margin-top:4px}}.notfound{background:var(--cream);border-bottom:1px solid var(--divider);padding:200px 0 180px;position:relative;overflow:hidden}.notfound:before{content:"";pointer-events:none;background:radial-gradient(circle,#da4f241a,#0000 65%);border-radius:50%;width:320px;height:320px;position:absolute;top:18%;right:-120px}.notfound .article{z-index:1;max-width:720px;margin:0 auto;position:relative}.notfound .eyebrow{margin-bottom:22px}.notfound h1{font-family:var(--serif);letter-spacing:-.035em;color:var(--ink);font-size:96px;font-weight:700;line-height:.94}.notfound h1 em{color:var(--orange);font-style:italic}.notfound .lede{font-family:var(--serif);color:var(--ink-2);max-width:540px;margin-top:32px;font-size:21px;font-style:italic;line-height:1.5}.notfound .home-link{font-family:var(--serif);color:var(--ink);align-items:center;gap:10px;margin-top:44px;padding-bottom:4px;font-size:17px;display:inline-flex;position:relative}.notfound .home-link:after{content:"";background:var(--ink);transform-origin:100%;height:1px;transition:transform .32s cubic-bezier(.2,.7,.3,1),background .2s;position:absolute;bottom:0;left:0;right:0}.notfound .home-link:hover:after{background:var(--orange);transform-origin:0}.notfound .home-link .arrow{transition:transform .28s cubic-bezier(.2,.7,.3,1);display:inline-block}.notfound .home-link:hover .arrow{transform:translate(-4px)}@media (max-width:900px){.notfound h1{font-size:64px}}@media (max-width:640px){.notfound{padding:130px 0 100px}.notfound h1{font-size:48px}.notfound .lede{font-size:18px}}.legal-page{background:var(--cream);border-bottom:1px solid var(--divider);padding:160px 0 120px}.legal-page .article{max-width:720px;margin:0 auto}.legal-page .eyebrow{margin-bottom:22px}.legal-page h1{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);font-size:72px;font-weight:700;line-height:.96}.legal-page h1 em{color:var(--orange);font-style:italic}.legal-page .updated{font-family:var(--serif);color:var(--ink-3);margin-top:18px;font-size:15px;font-style:italic}.legal-page .lede{font-family:var(--serif);color:var(--ink-2);border-bottom:1px solid var(--divider);margin-top:44px;padding-bottom:40px;font-size:21px;font-style:italic;line-height:1.5}.legal-page section{margin-top:56px}.legal-page section h2{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin-bottom:18px;font-size:26px;font-weight:700}.legal-page section p,.legal-page section li{font-family:var(--ui);color:var(--ink-2);font-size:16px;line-height:1.7}.legal-page section p+p{margin-top:14px}.legal-page section ul{flex-direction:column;gap:8px;margin-top:14px;padding-left:22px;display:flex}.legal-page section a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--divider);text-decoration-color:var(--divider);text-underline-offset:3px;transition:text-decoration-color .15s}.legal-page section a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.legal-page section strong{color:var(--ink);font-weight:600}@media (max-width:1080px){header.hero .left .display{font-size:96px}.manifesto .try-head h2,.panel-head h2{font-size:48px}.final .display{font-size:64px}.science{grid-template-columns:1fr;gap:48px}}@media (max-width:900px){header.hero{padding:96px 0 0}header.hero .grid{grid-template-columns:1fr;gap:0}header.hero .right{display:none}header.hero .left .display em{display:block}header.hero .left .display{font-size:88px}header.hero .left .lede{max-width:none;margin:28px 0 12px;font-size:20px}header.hero .left .sub{max-width:none;font-size:15px}header.hero .left .cta-row{flex-direction:column;align-items:stretch;gap:14px;margin-top:32px}header.hero .left .cta-row .appstore{border-radius:16px;justify-content:center;padding:17px 24px}header.hero .left .cta-row .appstore .copy .b{font-size:20px}header.hero .left .cta-row .secondary{text-align:center;font-size:13px}.phases,.modes-grid{grid-template-columns:1fr}.final .inner{grid-template-columns:1fr;gap:40px}.tab-bar-wrap{top:60px}.legal-page h1{font-size:56px}}.hero-mobile-visual{height:500px;margin:36px 0 56px;display:none;position:relative;overflow:visible}.hmv-scene{width:300px;height:460px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.hmv-phone-scale{transform-origin:top;width:340px;height:696px;transform:translate(-50%)scale(.65)}.hmv-card{z-index:12;border-radius:14px;flex-direction:column;justify-content:space-between;width:82px;height:98px;padding:12px 10px;display:flex;position:absolute;box-shadow:0 12px 32px -8px #14130f59}.hmv-name{font-family:var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;font-size:9px;font-weight:700}.hmv-hex{color:#ffffff94;letter-spacing:.04em;font-size:8px}.hmv-card.light .hmv-name{color:#14130fd1}.hmv-card.light .hmv-hex{color:#14130f85}.hmv-c1{top:28px;left:0}.hmv-c2{top:16px;right:0}.hmv-c3{bottom:76px;left:4px}.hmv-c4{bottom:44px;right:4px}.hmv-c5{top:170px;right:-4px}@media (max-width:900px){.hero-mobile-visual{display:block}}@media (max-width:640px){header.hero .left .display{font-size:72px}.panel-head h2{font-size:34px}.panel-content{padding:80px 0 96px}.final{padding:120px 0}.final .display{font-size:44px}.tab{margin-right:22px;padding:18px 18px 18px 0;font-size:16px}.legal-page{padding:130px 0 90px}.legal-page h1{font-size:42px}.legal-page .lede{font-size:18px}footer{padding:64px 0 44px}footer .mark{font-size:30px}footer .links{flex-wrap:wrap;justify-content:center;gap:14px}}@keyframes float{0%,to{transform:var(--base-transform) translateY(0px)}50%{transform:var(--base-transform) translateY(-10px)}}