:root{--bg:#f6f8fc;--ink:#15233c;--muted:#526078;--blue:var(--house-accent);--line:#dbe3f0;--surface:#fff;--radius:32px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--house-accent);outline-offset:5px}img{display:block;max-width:100%;object-fit:contain}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:fixed;top:-70px;z-index:100;background:white;padding:15px}.skip:focus{top:5px}.header{display:flex;align-items:center;gap:30px;max-width:1180px;margin:20px auto;padding:14px 24px;border:1px solid #ffffffc9;background:#ffffffc7;border-radius:60px;box-shadow:0 8px 35px #13264708;position:sticky;top:18px;z-index:20;backdrop-filter:blur(20px)}.brand{font-size:1.4rem;letter-spacing:-.05em;font-weight:750;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:12px;width:36px;height:36px;font-size:1.2rem}.header nav{display:flex;gap:25px;margin-left:auto;font-size:.93rem;font-weight:550}.languages{display:flex;background:#edf1f7;border-radius:30px;padding:4px;gap:2px}.languages a{padding:8px 10px;font-size:.875rem;border-radius:20px}.languages [aria-current=true]{background:white;box-shadow:0 2px 5px #14223b10}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:665px;gap:42px;padding-top:50px;padding-bottom:80px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--blue)}h1{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.08;letter-spacing:-.055em;margin:22px 0 26px;font-weight:750}h1 span{color:var(--blue)}p{line-height:1.65;font-size:1.125rem;color:var(--muted)}.hero-copy>p{max-width:495px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 23px;border-radius:30px;font-weight:650;font-size:.95rem}.primary{background:var(--blue);color:white;box-shadow:0 8px 20px color-mix(in srgb,var(--blue) 13%,transparent);transition:transform .2s,background .2s}.primary:hover{background:var(--house-hover);transform:translateY(-2px)}.coming{font-size:.875rem;color:var(--muted)}.hero-scene{position:relative;aspect-ratio:1/1.1;border-radius:45% 45% 32px 32px;background:radial-gradient(ellipse at 55% 35%,var(--house-soft) 0%,var(--house-soft) 45%,#f6f8fc 75%)}.scene-label{text-align:center;letter-spacing:.25em;font-size:.75rem;color:var(--blue);padding-top:55px;font-weight:700}.home-art{position:absolute;inset:60px 10px 35px}.house{position:absolute;width:80%;height:80%;left:13%;top:0}.garden{position:absolute;width:100%;height:66%;bottom:0;left:0}.floating-note{position:absolute;bottom:20px;left:0;right:0;margin:auto;max-width:320px;display:flex;align-items:center;gap:13px;padding:17px 21px;background:#ffffffd9;backdrop-filter:blur(16px);border:1px solid white;border-radius:23px;box-shadow:0 15px 40px #274b7612;transform:rotate(-3deg)}.floating-note strong{font-size:1rem}.floating-note span:not(.check){display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.check{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#e0f5e6;color:#278b43;display:grid;place-items:center}.intro{text-align:center;padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line)}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;letter-spacing:-.04em;margin:18px 0 20px}.intro p{max-width:650px;margin:0 auto}footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:30px!important;padding-bottom:35px!important;margin-top:50px!important}footer p{font-size:.875rem;flex:1}footer a:not(.brand){font-size:.875rem}@media(max-width:760px){.header{margin:12px 16px;padding:11px 15px;gap:12px;top:10px}.header nav{display:none}.languages{margin-left:auto}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:10px;padding-top:50px;padding-bottom:45px;min-height:0}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.actions{align-items:center}.hero-scene{max-width:430px;width:100%;margin:0 auto;aspect-ratio:1.2}.home-art{inset:35px 5px 20px}.scene-label{padding-top:20px}.floating-note{bottom:0;max-width:280px}.intro{padding-top:50px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--mint:#267c68}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:75px;padding-bottom:75px}.feature-copy{max-width:475px}.feature-pair.reversed .feature-copy{order:2}.feature-pair.reversed .product-list{order:1}.product-list{padding:24px;border:1px solid #ffffff;border-radius:var(--radius);background:linear-gradient(145deg,var(--house-soft),#f0f4fa);box-shadow:0 15px 50px #2c4e7b08}.list-heading{font-size:.85rem;letter-spacing:.1em;color:#46618a;font-weight:650;margin:0 0 20px}.list-heading span{display:block;letter-spacing:0;font-size:.75rem;font-weight:400;margin-top:8px}.product-row{display:flex;align-items:center;gap:16px;border-radius:20px;background:#ffffffeb;padding:12px 18px;margin-top:10px;min-height:90px;box-shadow:0 5px 12px #25437404}.product-row img{width:62px;height:62px}.product-row strong{font-size:1.02rem;font-weight:650}.product-row small{display:block;font-size:.85rem;color:var(--muted);margin-top:5px}.quantity{margin-left:auto;white-space:nowrap;font-size:1.3rem;font-weight:650}.quantity small{display:inline;font-weight:400}.reversed .quantity{background:#e3f3e9;color:#248153;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.small-note{font-size:.875rem;line-height:1.65;color:var(--muted)}.personality{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:60px;margin-bottom:90px}.persona-card{text-align:center;border-radius:40px;padding:35px;background:#edf0fc;border:1px solid #fff;min-width:0;transition:background .4s}.aura{width:190px;height:190px;border-radius:50%;position:relative;overflow:hidden;background:#272456;margin:0 auto;isolation:isolate;box-shadow:inset 0 0 25px #fff4,0 12px 40px #5753b522}.aura i{position:absolute;width:130%;height:80%;border-radius:50%;filter:blur(22px);left:-15%;top:20%;background:#7b54ef;animation:swirl 7s ease-in-out infinite alternate;mix-blend-mode:screen}.aura i:nth-child(2){background:#349ff4;top:-5%;left:20%;width:90%;animation-delay:-3s;animation-duration:9s}.aura i:nth-child(3){background:#e496d5;top:50%;left:-25%;width:110%;animation-delay:-5s;animation-duration:6s}.persona-card[data-persona="1"]{background:#e6f2f0}.persona-card[data-persona="1"] .aura{background:#113b48}.persona-card[data-persona="1"] i{background:#3ac9b6;animation-duration:11s}.persona-card[data-persona="1"] i:nth-child(2){background:#80addf}.persona-card[data-persona="1"] i:nth-child(3){background:#d8f5e6}.persona-card[data-persona="2"]{background:#f4eafa}.persona-card[data-persona="2"] .aura{background:#482254}.persona-card[data-persona="2"] i{background:#e04d97;animation-duration:4s}.persona-card[data-persona="2"] i:nth-child(2){background:#9b5af4}.persona-card[data-persona="2"] i:nth-child(3){background:#ffa581}.persona-card>p{font-size:1.25rem;color:var(--ink);min-height:85px;display:flex;align-items:center;justify-content:center;line-height:1.4;margin:30px 0 25px}.persona-options{display:flex;justify-content:center;gap:5px;background:#ffffff80;padding:5px;border-radius:35px}.persona-options button{border:0;background:transparent;color:var(--muted);font-size:.875rem;cursor:pointer;padding:12px 15px;border-radius:25px;min-height:44px}.persona-options [aria-pressed="true"]{background:white;color:var(--ink);box-shadow:0 3px 10px #1024440a}.persona-card>small{display:block;font-size:.75rem;color:var(--muted);margin-top:18px}.feature-section{padding-top:60px;padding-bottom:50px;text-align:center;border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;text-align:left;margin-top:40px}.feature-grid article{padding:32px;background:var(--surface);border-radius:var(--radius);border:1px solid #e8edf7}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--house-soft);color:var(--house-accent);font-size:1.5rem}.feature-grid h3{font-size:1.25rem;letter-spacing:-.02em;margin:22px 0 10px}.feature-grid p{font-size:1rem;margin:0}.privacy-feature{padding-top:80px;padding-bottom:80px;margin-top:40px;border-top:1px solid var(--line);text-align:center}.privacy-feature>p{max-width:640px;margin:0 auto 28px}.secondary{background:#e7edf7;color:#203f6d}.closing{text-align:center;padding-top:55px;padding-bottom:40px;background:linear-gradient(#f6f8fc,var(--house-soft));border-radius:40px}.closing .small-note{max-width:650px;margin:28px auto 0}.document{max-width:900px;padding-top:65px;padding-bottom:30px}.document h1{font-size:clamp(2.8rem,5vw,4rem)}.document-lead{font-size:1.3rem;max-width:680px}.faq{margin-top:45px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:white}.faq details+details{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:1.06rem;font-weight:600;padding:24px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-weight:400;font-size:1.5rem;color:var(--blue)}.faq details[open] summary span{transform:rotate(45deg)}.faq p{padding:0 24px 24px;margin:0;font-size:1rem}.contact-panel{padding:32px;background:var(--house-soft);border-radius:var(--radius);margin-top:35px}.contact-panel h2{font-size:1.8rem;margin:0 0 15px}.contact-panel p{font-size:1rem}.draft{padding:24px;background:#fff4dc;border:1px solid #e8d7b1;border-radius:22px;margin:35px 0}.draft strong{font-size:.9rem;color:#71541c}.draft p{font-size:.95rem;color:#71541c;margin:10px 0 0}.policy{max-width:735px}.policy section{padding:15px 0}.policy h2{font-size:1.6rem;letter-spacing:-.025em}.policy p{font-size:1.05rem}.text-link{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}@keyframes swirl{0%{transform:translate(-15%,0) rotate(0) scale(.85)}100%{transform:translate(10%,-20%) rotate(110deg) scale(1.2)}}@media(max-width:760px){.feature-pair,.personality{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.feature-pair.reversed .feature-copy{order:0}.feature-pair.reversed .product-list{order:0}.feature-copy{max-width:100%}.product-list{padding:18px}.personality{margin:25px 0}.feature-grid{grid-template-columns:1fr}.persona-card{padding:28px 18px}.persona-options button{padding:12px 10px}.privacy-feature{padding-top:55px;padding-bottom:55px}.closing{margin:0 15px;padding:35px 22px}.document{padding-top:40px}.faq summary{padding:20px;font-size:1rem}.header nav{display:flex;gap:15px;flex-wrap:wrap;order:3;width:100%;justify-content:center;margin-left:0}.header{flex-wrap:wrap;border-radius:25px}.header .brand{margin-right:auto}.header nav a{font-size:.875rem}.languages{margin-left:0}.hero{padding-top:25px}.feature-grid article{padding:26px}}@media(prefers-reduced-motion:reduce){.aura i{animation:none!important}.persona-card{transition:none}.primary:hover{transform:none}}
.floating-note>img{width:48px;height:48px;flex:none}.floating-note>div{flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;justify-content:center}.floating-note strong{line-height:1.3}.floating-note span:not(.check){line-height:1.35}.note-pause{flex:none;border:0;width:30px;height:30px;padding:0;border-radius:50%;background:#e0f5e6;color:#278b43;cursor:pointer;font-size:.8rem;display:grid;place-items:center}.note-pause:hover{background:#cdebd6}
.brand-house{width:40px;height:40px;flex:none;border-radius:11px;object-fit:cover}
.policy ul{margin:20px 0 0;padding-left:1.3em;font-size:1.05rem;line-height:1.65;color:var(--muted)}
.policy li+li{margin-top:14px}
.policy li .text-link{font:inherit;color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
.policy li .text-link:hover{color:var(--blue)}
/* House-linked accent experiment. Stock +/- and persona colours retain their meaning. */
.home-art{isolation:isolate;z-index:0}
.floating-note{z-index:1}
.home-art .house,.home-art .house-window-lights{top:10%;z-index:1}
.home-art .garden{z-index:2;pointer-events:none}
html[data-house-theme] .feature-icon,html[data-house-theme] .feature-grid .feature-icon,html[data-house-theme] .roadmap-card .feature-icon,html[data-house-theme] .roadmap-copy .feature-icon{color:var(--blue);background:color-mix(in srgb,var(--blue) 11%,var(--surface))}
html[data-house-theme] .shared-concept{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%)}
html[data-house-theme] .member-avatar,html[data-house-theme] .shared-members>div:nth-child(2) .member-avatar{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));border-color:color-mix(in srgb,var(--blue) 22%,var(--surface))}
:root{--house-accent:#2869df;--house-hover:#1958c7;--house-light:#79aaff;--house-soft:#eaf1ff;--blue:var(--house-accent)}
:root[data-house-theme="coral"]{--house-accent:#bd493c;--house-hover:#9e382d;--house-light:#ff9e90;--house-soft:#fcece8}
:root[data-house-theme="sage"]{--house-accent:#38734b;--house-hover:#285b39;--house-light:#8fd4a2;--house-soft:#eaf4ed}
:root[data-house-theme="gold"]{--house-accent:#916413;--house-hover:#744d08;--house-light:#edc568;--house-soft:#fbf2de}
.primary:hover{background:var(--house-hover)}
.feature-icon,.feature-grid article .feature-icon,.roadmap-card .feature-icon{color:var(--blue);background:color-mix(in srgb,var(--blue) 11%,var(--surface))}
.shared-concept{background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%)}
.member-avatar,.shared-members>div:nth-child(2) .member-avatar{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface));border-color:color-mix(in srgb,var(--blue) 22%,var(--surface))}
.shared-connection span{background:var(--blue)}
.secondary{color:var(--blue);background:var(--house-soft)}
@media(prefers-color-scheme:dark){:root[data-house-theme]{--blue:var(--house-light)}.primary{background:var(--house-accent)}.secondary{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--surface))}}

/* Keep the persona light inside a circular compositing boundary on iOS Safari.
   No rectangular mood-coloured panel behind the orb. */
.persona-card[data-persona]{background:transparent;border:0}
.aura{clip-path:circle(50% at 50% 50%);-webkit-mask-image:radial-gradient(circle,#000 69%,transparent 71%);mask-image:radial-gradient(circle,#000 69%,transparent 71%);transform:translateZ(0)}
/* More immediately visible motion; preserve each mood's relative pace. */
.persona-card[data-persona="0"] .aura i{animation-duration:2.8s}
.persona-card[data-persona="0"] .aura i:nth-child(2){animation-duration:3.6s}
.persona-card[data-persona="0"] .aura i:nth-child(3){animation-duration:2.4s}
.persona-card[data-persona="1"] .aura i{animation-duration:4.4s}
.persona-card[data-persona="2"] .aura i{animation-duration:1.6s}

/* System appearance applies to Home, Support and Privacy, including Safari UI. */
/* Gentle scroll-led reveal: no pinned scenes or modified native scrolling. */
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.scroll-reveal.is-revealed{opacity:1;transform:none}
.feature-grid article:nth-child(2){transition-delay:.08s}
.feature-grid article:nth-child(3){transition-delay:.12s}
.feature-grid article:nth-child(4){transition-delay:.18s}
.scroll-panel .product-list{transform:translateY(calc((1 - var(--panel-progress,1))*22px)) scale(calc(.975 + var(--panel-progress,1)*.025));transform-origin:center center}
.scroll-panel .product-row{opacity:calc(.18 + var(--row-progress,1)*.82);transform:translateY(calc((1 - var(--row-progress,1))*28px)) translateX(calc((1 - var(--row-progress,1))*12px))}
.scroll-panel.reversed .product-row{transform:translateY(calc((1 - var(--row-progress,1))*28px)) translateX(calc((var(--row-progress,1) - 1)*12px))}
.product-row.demo-swipe{display:block;padding:0;position:relative;overflow:hidden;isolation:isolate;clip-path:inset(0 round 20px);-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff);background:var(--surface);box-shadow:none}
.demo-row-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:12px 18px;min-height:90px;background:#ffffff;border-radius:0}
.demo-swipe-cue{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:650;color:white}
.product-row.demo-swipe.demo-playing{background:#24985e}
.product-row.demo-consume.demo-playing{background:#cf3b48}
.demo-consume .demo-swipe-cue{left:auto;right:18px}
.demo-playing .demo-row-content{animation:demo-stock-swipe 3.4s cubic-bezier(.25,.65,.25,1) both}
.demo-consume.demo-playing .demo-row-content{animation-name:demo-stock-consume}
@keyframes demo-stock-swipe{0%,18%{transform:translateX(0)}42%,65%{transform:translateX(72px)}85%,100%{transform:translateX(0)}}
@keyframes demo-stock-consume{0%{transform:translateX(0)}24%,52%{transform:translateX(-72px)}80%,100%{transform:translateX(0)}}
.demo-shopping .demo-check{background:transparent;border:2px solid #afc5b7;color:transparent}
.demo-shopping.demo-playing .demo-check{animation:demo-purchase-check 1.65s cubic-bezier(.2,.7,.2,1) both;border-color:transparent;background:#248153;color:white;box-shadow:0 0 0 6px #3da96a20}
.demo-shopping.demo-playing{animation:demo-purchase-highlight 2.1s ease both}
.demo-shopping.demo-complete:not(.demo-playing) .demo-check{border-color:transparent;background:#e3f3e9;color:#248153}
.demo-shopping.demo-complete>div,.demo-shopping.demo-complete>img{opacity:.55}
.demo-shopping.demo-playing>div,.demo-shopping.demo-playing>img{opacity:.55;transition:opacity .7s .6s}
@keyframes demo-purchase-check{0%,12%{transform:scale(.6);opacity:0}48%{transform:scale(1.42);opacity:1}70%{transform:scale(.95)}100%{transform:scale(1.08);opacity:1}}
@keyframes demo-purchase-highlight{0%{box-shadow:0 0 0 0 #3da96a00}45%{box-shadow:0 0 0 4px #3da96a55,0 8px 24px #3da96a20}100%{box-shadow:0 0 0 1px #3da96a35}}
.demo-receipt{display:flex;align-items:center;gap:10px;min-height:60px;margin-top:14px;padding:10px 14px;background:#e2f3e9;border-radius:16px;opacity:0;transform:translateY(18px) scale(.94);transition:opacity .75s 1s,transform .95s 1s cubic-bezier(.2,.85,.2,1.15);color:#246641}
.demo-receipt>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c6e7d3;flex:none}
.demo-receipt strong{font-size:.82rem;font-weight:600;display:block;line-height:1.35}
.demo-receipt small{display:block;font-size:.78rem;margin-top:3px}
.demo-purchase-complete .demo-receipt{opacity:1;transform:none}
.persona-card.persona-entrance .aura{opacity:.18;transform:scale(.55)}
.persona-card.persona-arrived .aura{animation:persona-unfold 1.9s cubic-bezier(.2,.7,.2,1) both}
@keyframes persona-unfold{0%{opacity:.18;transform:scale(.55)}58%{opacity:1;transform:scale(1.12);box-shadow:inset 0 0 25px #fff4,0 0 42px #8e74f566}82%{transform:scale(.98)}100%{opacity:1;transform:scale(1);box-shadow:inset 0 0 25px #fff4,0 12px 40px #5753b522}}
.persona-card.persona-entrance>p{opacity:0;transform:translateY(18px);transition:opacity .9s .65s,transform .9s .65s}
.persona-card.persona-arrived>p{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-panel .product-list,.scroll-panel .product-row{opacity:1!important;transform:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.demo-row-content,.persona-card .aura,.persona-card>p{animation:none!important;transform:none!important;opacity:1!important;transition:none!important}.demo-receipt{display:none}.demo-shopping .demo-check{background:#e3f3e9;color:#248153;border-color:transparent}}
.house-window-lights{position:absolute;width:80%;height:80%;left:13%;top:0;display:none;pointer-events:none;filter:drop-shadow(0 0 8px #ffb85590)}
/* Future plans: the same rounded, quiet visual language, not a shipped-feature demo. */
.header nav [aria-current=page]{color:var(--blue)}
.roadmap{padding-top:54px;padding-bottom:10px}
.roadmap-intro{text-align:center;max-width:820px;margin:0 auto 80px}
.roadmap-intro h1{font-size:clamp(2.8rem,5.4vw,4.7rem)}
.roadmap-intro p{max-width:660px;margin:0 auto 28px}
.roadmap-intro .button{gap:14px}
.roadmap-shared{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding:46px;background:var(--surface);border:1px solid var(--line);border-radius:36px;position:relative;overflow:hidden}
.roadmap-copy .feature-icon{margin-bottom:24px;background:#e9e6fc;color:#7160ca}
.feature-icon svg{width:27px;height:27px}
.roadmap-badge{display:inline-block;font-size:.75rem;border-radius:20px;padding:8px 12px;color:var(--muted);background:var(--bg);position:absolute;right:25px;top:22px}
.roadmap-copy h2{font-size:clamp(2rem,3.1vw,2.8rem)}
.roadmap-copy p{font-size:1.05rem}
.roadmap-copy ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:13px;font-size:.95rem;color:var(--muted)}
.roadmap-copy li{display:flex;gap:10px;align-items:center}
.roadmap-copy li span{color:var(--mint)}
.shared-concept{align-self:center;text-align:center;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#e5e3fc,#f4f7fd 75%);padding:38px 22px 25px;margin-top:15px}
.shared-home{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:1.15rem}
.shared-home img{border-radius:20px;width:70px;height:70px}
.shared-connection{display:flex;justify-content:center;gap:5px;margin:18px 0}
.shared-connection span{width:5px;height:5px;border-radius:50%;background:#9e9bd4}
.shared-members{display:flex;justify-content:center;gap:45px;font-size:.85rem;color:var(--muted)}
.shared-members>div{display:flex;align-items:center;flex-direction:column;gap:10px}
.member-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#7361be;background:#fff;border:1px solid #dcd9ee}
.member-avatar svg{width:24px;height:24px}
.shared-members>div:nth-child(2) .member-avatar{color:#288671;background:#e2f2ed;border-color:#b7d9cf}
.shared-products{display:flex;justify-content:center;gap:12px;margin:26px 0 20px;padding:14px 8px;background:#ffffffb0;border:1px solid #ffffff;border-radius:20px}
.shared-products img{width:48px;height:48px}
.shared-caption{font-size:.9rem;display:block;margin-bottom:14px}
.shared-concept>small{font-size:.72rem;color:var(--muted)}
.roadmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:24px}
.roadmap-card{grid-column:span 2;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:32px;min-width:0}
.roadmap-card:nth-child(-n+2){grid-column:span 3}
.roadmap-card h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.035em;margin:12px 0 16px}
.roadmap-card p{font-size:1rem;margin:0}
.roadmap-kicker{display:block;font-size:.78rem;color:var(--muted);margin-top:24px;font-weight:600;letter-spacing:.03em}
.roadmap-chart .feature-icon{background:#f2e5fc;color:#a54bcb}
.roadmap-cloud .feature-icon{background:#e2f3f0;color:#258774}
.roadmap-voice .feature-icon{background:#fff0e2;color:#bf7130}
.capacity-scene{display:flex;align-items:center;justify-content:center;gap:28px;min-height:230px;margin-top:26px;border-radius:24px;background:radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 70%),var(--bg)}
.capacity-number{position:relative;font-size:4.8rem;line-height:1;letter-spacing:-.08em;font-weight:700;color:var(--muted)}
.capacity-strike{position:absolute;left:0;top:50%;width:100%;height:4px;border-radius:3px;background:var(--blue);transform:translateY(-50%);transform-origin:left;scale:0 1}
.capacity-unlock{position:relative;width:105px;height:120px;display:grid;place-items:center}
.capacity-lock{position:absolute;width:66px;fill:var(--surface);stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.lock-shackle{fill:none;transform-origin:23px 40px}
.capacity-infinity{font-size:6.8rem;line-height:1;color:var(--blue);opacity:0;transform:scale(.55)}
.capacity-unlock i{position:absolute;width:5px;height:12px;border-radius:4px;background:var(--blue);opacity:0;left:50%;top:50%}
.capacity-unlock i:nth-of-type(1){--dx:-45px;--dy:-42px;--r:-40deg}.capacity-unlock i:nth-of-type(2){--dx:45px;--dy:-42px;--r:40deg}.capacity-unlock i:nth-of-type(3){--dx:-50px;--dy:25px;--r:-70deg}.capacity-unlock i:nth-of-type(4){--dx:50px;--dy:25px;--r:70deg}
.scene-visible .lock-shackle{animation:lock-open .7s .65s ease both}.scene-visible .capacity-lock{animation:lock-away .65s 1.1s ease both}.scene-visible .capacity-infinity{animation:infinity-reveal .9s 1.25s cubic-bezier(.2,.8,.2,1) both}.scene-visible .capacity-strike{animation:limit-strike .65s 1.7s ease both}.scene-visible .capacity-unlock i{animation:unlock-spark .8s 1.05s ease-out both}
@keyframes lock-open{to{transform:rotate(-34deg) translateY(-4px)}}@keyframes lock-away{to{transform:translateY(30px) rotate(15deg) scale(.6);opacity:0}}@keyframes infinity-reveal{to{opacity:1;transform:scale(1)}}@keyframes limit-strike{to{scale:1 1}}@keyframes unlock-spark{25%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}
.concept-active .shared-home img{animation:home-float 5s ease-in-out infinite}.concept-active .member-avatar{animation:member-pulse 4s ease-in-out infinite}.concept-active .shared-members>div:nth-child(2) .member-avatar{animation-delay:2s}.concept-active .shared-connection span{animation:connection-flow 2.4s ease-in-out infinite}.concept-active .shared-connection span:nth-child(2){animation-delay:.25s}.concept-active .shared-connection span:nth-child(3){animation-delay:.5s}.concept-active .shared-products img{animation:product-float 4s ease-in-out infinite}.concept-active .shared-products img:nth-child(2){animation-delay:.5s}.concept-active .shared-products img:nth-child(3){animation-delay:1s}.concept-active .shared-products img:nth-child(4){animation-delay:1.5s}
@keyframes home-float{50%{transform:translateY(-5px)}}@keyframes member-pulse{50%{transform:scale(1.07);box-shadow:0 0 0 7px #9984ff13}}@keyframes connection-flow{50%{transform:translateY(4px) scale(1.4);background:var(--blue)}}@keyframes product-float{50%{transform:translateY(-4px) rotate(3deg)}}
.widget-showcase{margin-top:28px;display:flex;justify-content:center;padding:22px 0 0;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 70%);overflow:hidden;border-radius:24px}
.real-widget-screen{position:relative;width:290px;max-width:100%;container-type:inline-size;border:5px solid #25262b;border-radius:36px;overflow:hidden;box-shadow:0 12px 30px #0003;color:#20242c}
.real-homescreen{width:100%;height:auto;display:block}
.native-slot{position:absolute;overflow:hidden;isolation:isolate;border-radius:5cqw;background:#fff;box-shadow:0 0 0 1.5px #fff,0 4px 10px #00000010}
.slot-overview,.slot-favorites{top:9.78%;width:40.5%;aspect-ratio:1}
.slot-overview{left:6.95%}.slot-favorites{left:52.85%}
.slot-shopping{left:6.95%;top:56.8%;width:86%;aspect-ratio:2.15}
.native-widget{position:absolute;inset:0;background:#fff;border-radius:inherit;padding:3.8cqw;color:#20242c;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;opacity:1;transform:none}
.scroll-reveal .native-widget{opacity:0;transform:translateY(16px) scale(.96)}
.native-header{display:flex;align-items:center;gap:1.5cqw;font-size:2.9cqw;line-height:1.2;font-weight:700;color:var(--blue)}
.native-header>svg{width:4cqw;height:4cqw;flex:none}.native-header>b{margin-left:auto;border-radius:20px;padding:1.2cqw 2cqw;background:color-mix(in srgb,var(--blue) 11%,transparent);font-size:3cqw}
.native-total{display:flex;align-items:baseline;gap:1.2cqw;margin-top:3.4cqw}.native-total strong{font-size:10cqw;line-height:1;font-weight:700;letter-spacing:-.05em}.native-total>span{font-size:2.9cqw;color:#777}
.native-status{display:flex;gap:2cqw;margin-top:4cqw}.native-status>span{display:flex;align-items:center;gap:1cqw;border-radius:20px;background:#ff9e171a;color:#bd7a14;padding:1.5cqw 2.4cqw;font-size:3.2cqw;font-weight:700}.native-status>span:nth-child(2){color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent)}.native-status svg{width:3cqw;height:3cqw}
.native-product{display:flex;align-items:center;gap:1.8cqw;margin-top:3.2cqw;font-size:3cqw;font-weight:600}.native-product>svg{width:6cqw;height:6cqw;padding:1.2cqw;border-radius:2cqw;flex:none;background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue)}.native-product>b{margin-left:auto;color:#777}
.native-shopping{padding:4cqw 4.3cqw}.native-shopping .native-header{font-size:3.6cqw}.native-shopping .native-header>b{color:#fff;background:#ef4057;padding:1.2cqw 2cqw}.native-shopping-row{display:flex;align-items:center;gap:2.6cqw;font-size:3.5cqw;font-weight:600;margin-top:2.3cqw}.native-shopping-row i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--blue);flex:none}
.native-app-label{position:absolute;z-index:2;text-align:center;color:white;font-size:3cqw;font-weight:500;line-height:1.6;width:40.5%;top:28.8%;text-shadow:0 1px 3px #0007}
.native-app-label::before{content:"";position:absolute;inset:-1px -2px;z-index:-1;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:8px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.label-overview{left:6.95%}.label-favorites{left:52.85%}.label-shopping{left:6.95%;width:86%;top:75.7%}
.scene-visible .native-widget{animation:widget-land 1s .35s cubic-bezier(.16,1,.3,1) both}.scene-visible .native-favorites{animation-delay:.65s}.scene-visible .native-shopping{animation-delay:.95s}@keyframes widget-land{to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-color-scheme:dark){.native-slot{background:#1e1e20;box-shadow:0 0 0 1.5px #1e1e20,0 4px 10px #00000010}.native-widget{background:#1e1e20;color:#f4f4f7}.native-header{color:var(--blue)}.native-total>span,.native-product>b{color:#aaa}.native-product>svg{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.native-header>b{color:var(--blue)}.native-status>span:nth-child(2){color:var(--blue)}.native-status>span:first-child{color:#ffc16d}}
@media(prefers-reduced-motion:reduce){.roadmap .is-revealed *,.roadmap .concept-active *{animation:none!important}.capacity-lock,.capacity-unlock i{display:none}.capacity-infinity{opacity:1;transform:none}.capacity-strike{scale:1 1}.native-widget{opacity:1;transform:none}}
.roadmap-card>small{display:block;font-size:.75rem;color:var(--muted);line-height:1.5;margin-top:18px}
.roadmap-outlook{max-width:740px;margin:85px auto 65px;text-align:center}
.roadmap-disclaimer{font-size:.85rem;line-height:1.65;margin-top:28px;border-top:1px solid var(--line);padding-top:24px}
.roadmap-contact{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:30px}
.roadmap-contact h2{font-size:1.65rem;margin:0 0 10px}.roadmap-contact p{font-size:1rem;margin:0}.roadmap-contact .button{flex:none}
@media(max-width:960px){.roadmap-shared{gap:28px;padding:32px}.roadmap-card{padding:25px}.header nav{gap:17px}}
@media(max-width:760px){.header nav{gap:12px}.header nav a{font-size:.78rem}}
@media(max-width:760px){.roadmap{padding-top:32px}.roadmap-intro{margin-bottom:40px}.roadmap-intro h1{font-size:clamp(2.6rem,9.5vw,3.5rem)}.roadmap-shared{grid-template-columns:1fr;padding:26px;gap:20px}.roadmap-copy .feature-icon{margin-bottom:22px}.roadmap-badge{right:20px;top:20px}.shared-concept{margin-top:0}.roadmap-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.roadmap-card,.roadmap-card:nth-child(-n+2){grid-column:auto}.roadmap-outlook{margin:55px auto 40px}.roadmap-contact{flex-direction:column;text-align:center;gap:24px;padding:28px}.shared-products{gap:10px}.shared-products img{width:44px;height:44px}.roadmap .eyebrow{font-size:.7rem;letter-spacing:.12em}}
@media(prefers-color-scheme:dark){.roadmap-copy .feature-icon{background:#332d51;color:#b5a6ff}.shared-concept{background:radial-gradient(ellipse at 50% 30%,#292342,#141c29 75%)}.member-avatar{background:#342d4a;border-color:#574b74;color:#b5a6ff}.shared-members>div:nth-child(2) .member-avatar{background:#1c3931;border-color:#376453;color:#8bd7ba}.shared-products{background:#ffffff08;border-color:#ffffff14}.roadmap-chart .feature-icon{background:#362040;color:#da8ef8}.roadmap-cloud .feature-icon{background:#193b34;color:#74ceb4}.roadmap-voice .feature-icon{background:#3e2e21;color:#eab37f}}
@media(prefers-color-scheme:dark){
 :root{color-scheme:dark;--bg:#000;--ink:#f3f5fa;--muted:#acb6c8;--blue:var(--house-light);--line:#2a303d;--surface:#16191f;--mint:#74ceb4}
 .header{background:#181b23ce;border-color:#ffffff20;box-shadow:0 8px 35px #0006}
 .languages{background:#252b37}.languages [aria-current=true]{background:#424b5e}
 .skip{background:var(--surface)}
 .hero-scene{background:radial-gradient(ellipse at 55% 35%,color-mix(in srgb,var(--blue) 18%,#000) 0%,color-mix(in srgb,var(--blue) 7%,#000) 45%,#000 75%)}
 .scene-label{color:var(--blue)}
 .house,.garden{filter:brightness(.65) saturate(.85)}
 .house-window-lights{display:block}
 .floating-note{background:#202530dc;border-color:#ffffff20;box-shadow:0 15px 40px #0004}
 .product-list{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface));border-color:var(--line)}
 .product-row{background:#202631}.list-heading{color:var(--muted)}
 .demo-row-content{background:#202631}.demo-receipt{background:#19372a;color:#a8dfbe}.demo-receipt>span{background:#28523b}
 .product-row.demo-swipe:not(.demo-playing){background:#202631}
 .feature-grid article{border-color:var(--line)}.feature-icon{background:#263958;color:var(--blue)}
 .persona-options{background:#232733}.persona-options [aria-pressed="true"]{background:#41485a}
 .secondary,.contact-panel{background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--ink)}
 .closing{background:linear-gradient(#000,color-mix(in srgb,var(--blue) 8%,#000))}.faq{background:var(--surface)}
 .primary{background:var(--house-accent);color:#fff}.primary:hover{background:var(--house-hover)}
 .draft{background:#332714;border-color:#625030}.draft strong,.draft p{color:#ead4a5}
}

/* Web glass treatment, not a native iOS Liquid Glass API. */
/* Avoid nested backdrop-filter compositing at the rounded track edge in Safari. */
html .persona-options::before{z-index:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.persona-options button{z-index:1}
.persona-options button:focus-visible{outline-offset:-3px}
.persona-options{--persona-index:0;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5px;border:1px solid color-mix(in srgb,var(--blue) 15%,transparent);background:color-mix(in srgb,var(--blue) 7%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff55}
.persona-options::before{content:"";position:absolute;z-index:-1;top:5px;bottom:5px;left:9px;transform:translateX(calc(var(--persona-index)*(100% + 8px))); width:calc((100% - 10px)/3 - 8px);border-radius:26px;border:1px solid #ffffffa0;background:linear-gradient(145deg,#ffffffa8,#ffffff35 45%,color-mix(in srgb,var(--blue) 17%,#ffffff70));box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #ffffff50;backdrop-filter:blur(12px) saturate(1.7);-webkit-backdrop-filter:blur(12px) saturate(1.7);transition:transform .46s cubic-bezier(.22,1,.36,1),background .3s;pointer-events:none}
.persona-options button{min-width:0;padding:12px 6px;position:relative;transition:color .2s}
.persona-options [aria-pressed="true"]{background:transparent;box-shadow:none;color:var(--ink)}
@media(prefers-color-scheme:dark){.persona-options{background:color-mix(in srgb,var(--blue) 8%,#ffffff05);border-color:#ffffff25}.persona-options::before{border-color:#ffffff30;background:linear-gradient(145deg,#ffffff35,#ffffff0a 45%,color-mix(in srgb,var(--blue) 20%,#ffffff18));box-shadow:inset 0 1px 1px #ffffff38,inset 0 -1px 1px #ffffff15}}