@font-face{font-family:InterTight;src:url('/assets/inter-tight-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:InterTight;src:url('/assets/inter-tight-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:InterTight;src:url('/assets/inter-tight-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:InterTight;src:url('/assets/inter-tight-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:InterTight,Arial,sans-serif;font-size:18px;font-synthesis:none;--bg:#111;--panel:#1c1c1c;--raised:#242424;--line:#333;--ink:#f1f1ef;--muted:#aaa;--accent:#ffd705;--radius:32px;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button,a,input,[tabindex]{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent)}button,input{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(54px,6.5vw,100px);line-height:1.04}h2{font-size:clamp(42px,4.8vw,72px);line-height:1.1}h3{font-size:30px;line-height:1.18}img{display:block;max-width:100%}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;pointer-events:none}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--accent);color:#111;padding:15px 22px;border-radius:16px}.skip-link:focus{top:12px}.section-shell{width:min(1440px,calc(100% - 96px));margin-inline:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--muted);line-height:1.4}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;background:var(--accent);border-radius:50%}.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:96px;padding:14px 40px;border-bottom:1px solid #ffffff12;background:#111e;backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;justify-self:start;min-height:48px}.brand img{width:78px;height:auto;transition:transform .45s var(--ease)}.brand:hover img{transform:rotate(-5deg) scale(1.04)}.platform-nav{display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:100px;padding:6px;gap:2px}.nav-item{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;min-height:50px;border-radius:100px;color:var(--muted);font-size:18px;white-space:nowrap;transition:background .25s,color .25s}.nav-item.active,.nav-item:hover{background:#333;color:var(--ink)}.nav-item.active .icon,.nav-item:hover .icon{color:var(--accent)}.nav-item .icon{width:22px;height:22px}.files-nav:hover .icon{animation:files-wiggle .6s var(--ease)}.top-actions{display:flex;align-items:center;gap:8px;justify-self:end}.icon-button{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;color:var(--muted);transition:background .2s,color .2s,transform .25s}.icon-button:hover{color:var(--ink);background:var(--raised)}.icon-button:active{transform:scale(.91)}.account-link{border-color:var(--line);color:var(--accent)}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:62px;padding:16px 26px;border:1px solid var(--line);border-radius:100px;font-size:21px;font-weight:500;line-height:1.3;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.button .icon{transition:transform .3s var(--ease)}.button:hover{transform:translateY(-2px);background:var(--raised)}.button:hover .icon{transform:translateX(4px)}.button:active{transform:scale(.98)}.button.primary{color:#151515;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:#ffe346}.button.soft{background:var(--raised)}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:56px;font-size:21px}.text-link .icon{transition:transform .3s}.text-link:hover .icon{transform:translateY(4px)}.text-link:hover{color:var(--accent)}
.hero{padding-top:60px}.hero-heading{text-align:center;margin-bottom:44px}.hero-heading .eyebrow{justify-content:center;margin-bottom:24px}.hero h1{max-width:1250px;margin:auto;letter-spacing:-.025em}.message{max-width:92%;margin-bottom:22px;animation:message-in .45s var(--ease)}.message:last-child{margin-bottom:0}.message.user{margin-left:auto;width:fit-content;background:#2b2b2b;padding:14px 20px;border:1px solid #383838;border-radius:22px 22px 7px 22px}.message.ai{max-width:96%;padding:5px 0}.message-label{color:var(--accent);font-size:18px;margin-bottom:6px}.message.user .message-label{color:var(--muted)}.message-text{font-size:22px;line-height:1.45;overflow-wrap:anywhere}.typing{display:flex;gap:6px;align-items:center;min-height:30px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:typing .9s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}.demo-goal{margin-top:14px;padding:22px;border:1px solid #ffd70566;border-radius:24px;background:#ffd70509}.demo-goal label{display:block;color:var(--accent);font-size:18px;margin-bottom:12px}.demo-goal textarea{display:block;width:100%;min-height:88px;resize:vertical;background:transparent;border:1px solid var(--line);border-radius:14px;color:var(--ink);font-size:24px;font-weight:500;line-height:1.3;padding:12px}.demo-goal>p{color:var(--muted);font-size:18px;margin:14px 0}.goal-actions{display:flex;flex-wrap:wrap;gap:10px}.goal-actions .button{font-size:18px;min-height:50px;padding:12px 22px}.goal-state{color:var(--muted);font-size:18px;margin-top:14px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:32px;margin:32px auto 54px}.journey-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 35px;border-bottom:1px solid var(--line);color:#777;font-size:clamp(25px,3.2vw,48px);font-weight:500;letter-spacing:-.025em}.journey-strip i{height:1px;background:#444;flex:1;max-width:200px;position:relative}.journey-strip i:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--accent);border-radius:50%;animation:strip-travel 5s linear infinite}
.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2 img{display:inline-block;vertical-align:middle;height:.9em;width:auto;margin:0 .09em .03em}.about-section{padding-top:90px}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:42px}.about-intro>p:first-child{font-size:clamp(28px,3vw,44px);letter-spacing:-.025em;line-height:1.22}.about-intro>p:first-child span{color:var(--accent)}.about-intro>p:last-child{font-size:23px;color:var(--muted);line-height:1.5}.how-section{padding-top:90px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.split-heading>p{font-size:23px;color:var(--muted);max-width:450px}
.closing-section{padding-top:70px;padding-bottom:62px}.closing-panel{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding:50px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.closing-panel h2{font-size:clamp(40px,4.6vw,66px);margin:23px 0 16px}.closing-panel>div>p:not(.eyebrow){font-size:28px;color:var(--muted)}.closing-panel .button{margin-top:30px}.closing-mark{position:relative;aspect-ratio:505/310;display:grid;place-items:center;width:100%}.closing-mark canvas{position:absolute;width:100%;height:100%;touch-action:pan-y;z-index:1}.closing-mark img{width:100%;height:auto;opacity:.5;transition:opacity .3s}.closing-mark.ready img{opacity:0}.footer{padding-bottom:28px;border-top:1px solid var(--line)}.footer-main{padding-top:35px;display:flex;align-items:center;gap:40px}.footer-main>p{font-size:21px;color:var(--muted)}.footer-main .back-top{margin-left:auto}.back-top .icon{transform:rotate(180deg)}.back-top:hover .icon{transform:rotate(180deg) translateY(4px)}.footer-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:30px}.footer-links button{font-size:18px;color:var(--muted);min-height:48px;padding:0;text-align:left}.footer-links button:hover{color:var(--ink)}.copyright{font-size:18px;color:#888;margin-top:18px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);max-width:min(600px,calc(100% - 32px));border:1px solid #555;background:#282828;border-radius:20px;padding:16px 22px;z-index:120;opacity:0;visibility:hidden;transition:opacity .2s,transform .3s;box-shadow:0 12px 40px #0006;font-size:18px}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.modal{width:min(740px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:28px;background:#1b1b1b;border:1px solid #444;border-radius:32px;color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 120px #0008}.modal::backdrop{background:#0009;backdrop-filter:blur(8px)}.modal[open]{animation:modal-in .5s var(--ease)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.modal-top h2{font-size:32px}.modal-top .icon-button{flex-shrink:0;background:var(--raised)}.modal p{font-size:22px;line-height:1.5;color:var(--muted)}.modal .button{margin-top:24px}.preview-visual{border:1px solid var(--line);background:#111;border-radius:24px;padding:24px;margin-bottom:22px}.preview-visual h3{font-size:28px}.preview-visual p{font-size:19px}.mini-map{position:relative;width:min(100%,330px);aspect-ratio:1;margin:auto}.mini-map svg{width:100%;height:100%;overflow:visible}.mini-map .map-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:13px}.mini-map .map-center img{width:58px;height:auto}.map-center strong{font-size:23px;font-weight:500;max-width:150px;line-height:1.2;text-align:center}.map-sector{cursor:pointer;outline:none}.map-sector circle{transition:fill .35s,opacity .35s}.map-sector[aria-pressed="true"] circle{fill:var(--accent)}.map-sector:hover circle{fill:#ffe86f}.map-sector:focus-visible .map-hit{stroke:#ffd705;stroke-width:2}.map-hit{fill:transparent;stroke:transparent}.map-select-label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;color:var(--muted);margin-top:15px}.map-select-label select{font:inherit;background:#222;border:1px solid #555;border-radius:12px;padding:12px 16px;color:var(--ink);max-width:65%;min-height:48px}.portrait-mini{display:flex;align-items:center;gap:26px}.portrait-mini svg{width:140px;flex-shrink:0}.portrait-mini circle{fill:var(--accent);animation:portrait-shine 4s calc(var(--i)*.035s) infinite}.portrait-mini strong{display:block;font-size:28px;font-weight:500;margin-bottom:8px}.context-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.context-tags span{border:1px solid #444;border-radius:100px;padding:8px 15px;color:var(--muted);font-size:18px}.file-example{display:flex;gap:16px;align-items:center;border:1px solid #3a3a3a;border-radius:20px;padding:18px}.file-example+.file-example{margin-top:12px}.file-example>.icon{width:30px;height:30px;color:var(--accent)}.file-example strong{font-size:22px;font-weight:500}.file-example p{font-size:18px}.search-input{display:flex;gap:12px;align-items:center;border:1px solid #555;border-radius:20px;background:#111;padding:12px 18px}.search-input input{background:none;border:0;width:100%;font-size:21px;color:var(--ink);min-height:40px;outline:none}.search-results{display:grid;gap:8px;margin-top:18px}.search-results a,.menu-links>a,.menu-links>button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 18px;border-radius:16px;text-align:left;font-size:22px}.search-results a:hover,.menu-links>a:hover,.menu-links>button:hover{background:var(--raised);color:var(--accent)}.menu-links{display:grid;gap:6px}.search-empty{padding:20px 4px}.noscript-note{padding:32px;background:#222}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .9s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
@keyframes orbit-glint{0%,100%{opacity:.2}45%{opacity:1}}@keyframes typing{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}@keyframes message-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes node-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes connect{to{stroke-dashoffset:0}}@keyframes modal-in{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}@keyframes strip-travel{0%{right:100%;opacity:0}20%,80%{opacity:1}100%{right:0;opacity:0}}@keyframes portrait-shine{0%,100%{opacity:.4}50%{opacity:1}}@keyframes files-wiggle{0%,100%{transform:none}35%{transform:translateY(-3px) rotate(-8deg)}70%{transform:rotate(5deg)}}
@media(min-width:1700px){.hero{padding-top:76px}}
@media(max-width:1150px){.section-shell{width:calc(100% - 64px)}.topbar{padding-inline:28px;gap:16px}.nav-item{padding-inline:13px;gap:7px}.nav-item .icon{width:20px}.fullscreen{display:none}}
@media(max-width:980px){.platform-nav{display:none}.menu-button{display:inline-flex}.topbar{min-height:80px;grid-template-columns:1fr auto}.top-actions{grid-column:2}.account-link{display:none}.hero{padding-top:48px}.hero h1{font-size:clamp(48px,7.8vw,76px)}.about-intro{gap:32px}.about-intro>p:last-child{font-size:21px}.split-heading{align-items:start}.split-heading>p{font-size:20px;max-width:320px}.closing-panel{padding:35px;gap:30px;grid-template-columns:1.5fr 1fr}.closing-panel>div>p:not(.eyebrow){font-size:24px}.closing-panel .eyebrow{font-size:18px}.closing-panel h2{font-size:46px}}
@media(max-width:720px){html{scroll-padding-top:90px}.section-shell{width:calc(100% - 40px)}.topbar{padding:10px 20px;min-height:76px}.brand img{width:68px}.hero{padding-top:35px}.hero-heading{margin-bottom:28px}.hero-heading .eyebrow{font-size:18px;margin-bottom:22px}.hero h1{font-size:clamp(39px,8.5vw,60px);letter-spacing:-.025em;line-height:1.07}.hero h1 br{display:none}.message-text{font-size:20px}.message.user{padding:12px 16px}.hero-actions{flex-wrap:wrap;gap:12px 24px;margin:26px auto 32px}.hero-actions .button{width:100%;max-width:440px}.hero-actions .text-link{font-size:20px}.journey-strip{font-size:24px;gap:14px;padding-bottom:26px}.journey-strip i{min-width:8px}.about-section,.how-section{padding-top:58px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:44px}.section-heading .eyebrow{margin-bottom:16px}.about-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.about-intro>p:first-child{font-size:34px}.about-intro>p:last-child{font-size:21px}.split-heading{flex-direction:column;gap:20px}.split-heading>p{font-size:21px;max-width:none}.closing-section{padding-block:48px}.closing-panel{display:flex;flex-direction:column;align-items:stretch;padding:28px;gap:28px}.closing-panel h2{font-size:44px}.closing-panel .button{font-size:20px;gap:16px}.closing-mark{max-width:400px;margin:auto;aspect-ratio:505/310}.footer-main{align-items:start;flex-wrap:wrap;gap:20px}.footer-main>p{font-size:20px;flex:1}.footer-main .back-top{margin-left:0;width:100%;font-size:20px}.footer-links{gap:6px 24px;margin-top:16px}.copyright{margin-top:18px}.modal{width:calc(100% - 24px);padding:22px;max-height:calc(100dvh - 24px);border-radius:28px}.modal-top{gap:12px}.modal-top h2{font-size:28px}.modal p{font-size:21px}.preview-visual{padding:18px}.portrait-mini{gap:20px}.portrait-mini svg{width:110px}.portrait-mini strong{font-size:26px}.map-select-label{flex-direction:column;align-items:stretch;gap:9px}.map-select-label select{max-width:100%;width:100%;font-size:18px}.modal .button{font-size:20px;width:100%;padding-inline:20px}.demo-goal{padding:18px}.demo-goal textarea{font-size:22px}}
@media(max-width:440px){.section-shell{width:calc(100% - 32px)}.topbar{padding-inline:16px}.hero-heading{margin-inline:2px}.message{max-width:96%}.hero-actions{margin-bottom:20px}.journey-strip{font-size:21px;gap:9px}.section-heading h2{font-size:40px}.closing-panel{padding:24px;border-radius:26px}.closing-panel h2{font-size:40px}.closing-panel .button{width:100%;font-size:19px;gap:10px;padding-inline:16px}.closing-panel .eyebrow{font-size:18px}.footer-main>p{font-size:18px}.footer-links{flex-direction:column;align-items:start;gap:0}.footer-links button{font-size:18px}.portrait-mini{flex-direction:column;text-align:center;gap:14px}.modal{padding:20px}.modal-top h2{font-size:26px}}
@media(max-width:360px){.hero h1{font-size:39px}.section-heading h2{font-size:37px}.closing-panel h2{font-size:36px}.journey-strip{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.button:hover{transform:none}}body.modal-open{overflow:hidden}.route-summary{display:grid;gap:14px;margin-bottom:24px}.route-summary p{border:1px solid var(--line);padding:16px 20px;border-radius:18px}.route-summary span{display:block;font-size:18px;color:var(--muted);margin-bottom:5px}.route-summary strong{display:block;font-weight:500;font-size:24px;color:var(--ink)}
@media(min-width:1700px){}
@media(max-width:720px){}
@media(max-width:440px){}

/* The same graphite, yellow, typography and radii as the iXo platform. */
/* Each step has its own motion, using the same dot language as the platform. */
.principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.principle{position:relative;min-width:0;display:grid;grid-template-rows:36px 154px minmax(66px,auto) auto;align-content:start;gap:18px;padding:0;background:none;border:0;border-radius:0}
.principle-top{display:flex;align-items:center;gap:14px;font-size:17px;line-height:1;color:var(--accent)}
.principle-top>span:first-child{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#292a24;border-radius:50%;font-variant-numeric:tabular-nums}
.principle-connector{display:flex;align-items:center;gap:8px;flex:1;color:#626262}
.principle-connector i{height:1px;flex:1;background:#3d3d3d}
.principle-connector .icon{width:20px;height:20px}
.principle:last-child .principle-connector .icon{color:var(--accent)}
.principle-visual{height:154px;margin:0;padding:14px 18px;background:#1c1d1e;border-radius:20px;display:grid;place-items:center;transition:background .3s}
.principle-visual svg{width:100%;height:100%;max-width:260px;overflow:visible;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .6s var(--ease)}
.principle-visual svg *{animation-play-state:paused!important;transform-box:view-box}
.principle.in-view .principle-visual svg *{animation-play-state:running!important}
.principle:hover .principle-visual{background:#242527}
.principle h3{font-size:29px;line-height:1.14;font-weight:500;letter-spacing:-.025em;margin:0;max-width:230px}
.principle p{font-size:20px;color:var(--muted);line-height:1.45;margin:0;max-width:260px}
.visual-stroke{fill:none;stroke:#747474;stroke-width:1.4}.thought{transform-origin:center}.thought-one{animation:thought-float 6s ease-in-out infinite}.thought-two{fill:#242424;stroke:#686868;stroke-width:1.3;animation:thought-reply 6s ease-in-out infinite}.thought-two .reply-line{fill:none;stroke:var(--accent);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:57;animation:reply-draw 6s ease-in-out infinite}.talk-dot{fill:var(--accent);animation:talk-pulse 2s ease-in-out infinite}.talk-dot:nth-of-type(2){animation-delay:.18s}.talk-dot:nth-of-type(3){animation-delay:.36s}
.connection-web path{fill:none;stroke:#545454;stroke-width:1.5}.connection-web .web-trace{stroke:var(--accent);stroke-dasharray:15 85;animation:web-travel 5s linear infinite}.outer-nodes circle{fill:var(--panel);stroke:#8b8b8b;stroke-width:1.4;animation:node-glow 5s ease-in-out infinite}.outer-nodes circle:nth-child(even){animation-delay:1.6s}.connection-halo{fill:none;stroke:#444;stroke-width:1;transform-origin:130px 75px;animation:connection-breathe 5s ease-in-out infinite}.connection-core{fill:var(--accent)}.core-dots circle{fill:#111}
.route-dim,.route-line,.route-light{fill:none;stroke:#4c4c4c;stroke-width:1.5;stroke-linecap:round}.route-light{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:24 76;animation:web-travel 4.5s linear infinite}.route-source{fill:var(--accent)}.route-end{fill:var(--panel);stroke:#707070;stroke-width:1.5}.route-choice{transform-origin:211px 79px;animation:choice-breathe 4.5s ease-in-out infinite}.route-choice circle{fill:var(--accent)}.route-choice path{fill:none;stroke:#111;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.target-outer circle{fill:#727272}.target-inner circle{fill:#aaa}.target-orbit{fill:var(--accent);transform-origin:130px 75px;animation:target-orbit 9s linear infinite}.target-core{fill:var(--accent);transform-origin:130px 75px;animation:choice-breathe 4.5s ease-in-out infinite}.target-check{fill:none;stroke:#111;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:check-draw 4.5s ease-in-out infinite}
@keyframes principle-signal{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes thought-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-5px)}}
@keyframes thought-reply{0%,15%,100%{transform:translateY(5px);opacity:.55}40%,75%{transform:translateY(-2px);opacity:1}}
@keyframes reply-draw{0%,20%{stroke-dashoffset:57}50%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-57}}
@keyframes talk-pulse{0%,60%,100%{opacity:.35}30%{opacity:1}}
@keyframes web-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes node-glow{0%,100%{stroke:#666}50%{stroke:#ffd705}}
@keyframes connection-breathe{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.13);opacity:1}}
@keyframes choice-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.06)}}
@keyframes target-orbit{to{transform:rotate(360deg)}}
@keyframes check-draw{0%,12%{stroke-dashoffset:100}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}

/* A horizontal, automatically illuminated route. Nodes are not controls. */
.flow-panel{background:#171717;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 30px;border-bottom:1px solid var(--line);font-size:20px}
.flow-heading>span:first-child{display:flex;align-items:center;gap:12px}
.flow-step-count{color:#777;white-space:nowrap;font-variant-numeric:tabular-nums}.flow-step-count b{font-weight:500;color:var(--accent)}
.flow-viewport{overflow:hidden;position:relative;padding:0 28px;background-image:radial-gradient(#ffffff09 1px,transparent 1px);background-size:24px 24px}
.flow-sequence{position:relative;width:100%;min-width:1060px;transition:transform .8s var(--ease)}
#flow-columns{display:grid;grid-template-columns:1.1fr repeat(4,1fr) 1.1fr;gap:24px;min-height:480px;padding:38px 0;position:relative}
.flow-column{display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:1}
.flow-label{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.3;color:#b1b1b1;margin-bottom:18px;white-space:nowrap}.flow-label .flow-number{color:#7a7a7a;font-size:18px}
.flow-options{display:flex;flex-direction:column;gap:12px}
.journey-node{position:relative;display:flex;align-items:center;gap:10px;padding:16px 12px;min-height:104px;border:1px solid #353535;border-radius:18px;background:#222;color:#9a9a9a;font-size:18px;line-height:1.3;transition:background .55s,color .55s,border-color .55s,box-shadow .55s;cursor:default}
.node-copy{min-width:0;position:relative;z-index:1}.node-marker{position:relative;width:15px;height:15px;flex-shrink:0;border:1px solid #676767;border-radius:50%;transition:background .5s,border-color .5s}.node-marker .icon{position:absolute;inset:1px;width:11px;height:11px;opacity:0;transition:opacity .5s;color:var(--accent)}
.node-arrival{position:absolute;right:10px;bottom:7px;opacity:0;transform:translateX(-5px);transition:opacity .5s,transform .6s}.node-arrival .icon{width:16px;height:16px}
.journey-node.is-lit{color:#151515;border-color:var(--accent);background:var(--accent)}.journey-node.is-lit .node-marker{background:#111;border-color:#111}.journey-node.is-lit .node-marker .icon{opacity:1}.journey-node.is-current{box-shadow:0 0 0 5px #ffd7050b;animation:node-arrive .55s var(--ease) both}.journey-node.is-current .node-arrival{opacity:1;transform:none}
.journey-start,.journey-goal{align-items:start;flex-direction:column;justify-content:space-between;gap:20px;min-height:212px;padding:22px 18px;font-size:20px;border-radius:24px 24px 24px 8px}.journey-goal{border-radius:24px;background:#202020;color:#888}
.node-emblem{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;opacity:.75}.node-emblem .icon{width:20px;height:20px}.goal-kicker{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.25}.goal-kicker .node-emblem{flex-shrink:0}.journey-goal.is-lit .node-emblem{background:#151515;color:var(--accent);opacity:1;border-color:#151515}
#connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.flow-guide,.flow-trace{fill:none;stroke-width:1.6;stroke-linecap:round}.flow-guide{stroke:#454545}.flow-trace{stroke:var(--accent);stroke-width:2;opacity:0;stroke-dasharray:var(--length);stroke-dashoffset:var(--length)}.flow-trace.is-drawn{opacity:1;stroke-dashoffset:0}.flow-trace.is-fresh{animation:flow-travel .7s var(--ease) both}.flow-beacon{fill:var(--accent)}.flow-beacon.is-fresh{animation:beacon-arrive .85s ease both}
.flow-caption{border-top:1px solid var(--line);padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:78px;font-size:18px;color:var(--muted)}.flow-caption p{min-height:27px}.flow-progress{height:3px;width:120px;flex-shrink:0;background:#373737;border-radius:10px;overflow:hidden}.flow-progress i{display:block;height:100%;background:var(--accent);border-radius:10px;transition:width .8s var(--ease)}
@keyframes flow-travel{from{opacity:1;stroke-dashoffset:var(--length)}to{opacity:1;stroke-dashoffset:0}}
@keyframes node-arrive{from{filter:brightness(.78);box-shadow:0 0 0 0 #ffd70500}to{filter:brightness(1);box-shadow:0 0 0 5px #ffd7050b}}
@keyframes beacon-arrive{0%,65%{opacity:0}85%{opacity:1}100%{opacity:.8}}

.people-section{padding:84px 0 70px}.people-section h2 span{color:var(--accent)}
.people-grid{display:grid;gap:16px}
.person-card{display:grid;grid-template-columns:176px minmax(200px,.8fr) minmax(0,1.3fr);align-items:center;gap:34px;padding:30px 36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:background .4s,border-color .4s}
.person-card:hover{background:#212121;border-color:#555}
.person-portrait{width:160px;height:160px;position:relative;display:grid;place-items:center}
.person-photo{width:142px;height:142px;overflow:hidden;border-radius:50%;background:#111}.person-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.person-card:hover img{transform:scale(1.055)}
.person-card[data-name="Jahndu"] img{object-position:50% 42%}.person-card[data-name="Les Brown"] img{object-position:60% 50%}.person-card[data-name="Abe Cruz"] img{object-position:50% 0}
.portrait-orbit{position:absolute;inset:0;pointer-events:none}.portrait-orbit i{position:absolute;left:calc(50% - 1.5px);top:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#5e5e5e;transform:rotate(calc(var(--dot)*15deg)) translateY(-79px);transition:background .4s}.person-card:hover .portrait-orbit i{background:var(--accent);animation:portrait-orbit 1.8s calc(var(--dot)*.035s) ease-in-out infinite}
.person-role{font-size:18px;color:var(--muted);line-height:1.4;margin-bottom:13px}.person-identity h3{font-size:clamp(36px,3.5vw,50px);font-weight:500;line-height:1.1;letter-spacing:-.025em}.person-bio{color:#c2c2c2;font-size:clamp(21px,1.75vw,25px);line-height:1.5;border-left:1px solid #3c3c3c;padding-left:34px;max-width:700px}
@keyframes portrait-orbit{0%,100%{opacity:.35}45%{opacity:1}}

.plans-section{background:var(--bg);padding:20px 0 42px}
.plans-section>.section-shell{border-top:1px solid var(--line);padding-top:62px}
.plans-section h2 span{color:var(--accent)}.plans-intro{font-size:26px;color:var(--muted);margin-top:22px}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:14px}
.plan-card{position:relative;display:flex;flex-direction:column;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .3s,background .3s}
.plan-card:hover{border-color:#606060;background:#202020}.plan-card.pro{border:1px solid var(--accent);background:var(--accent);color:#151515}
.plan-badge{position:absolute;top:0;transform:translateY(-50%);left:24px;right:24px;display:flex;justify-content:center;align-items:center;min-height:34px;font-size:18px;line-height:1.25;text-align:center;color:#151515;background:var(--accent);border-radius:100px;padding:6px 14px}
.plan-name{font-size:32px;font-weight:500;margin-bottom:22px;letter-spacing:-.02em}.plan-title{color:var(--ink);font-size:28px;line-height:1.16;white-space:pre-line;min-height:66px;margin-bottom:16px;letter-spacing:-.02em}.plan-description{font-size:21px;color:var(--muted);line-height:1.4;min-height:88px}
.plan-price{margin:25px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.plan-price strong{font-size:clamp(38px,4vw,56px);font-weight:500;line-height:1.1;letter-spacing:-.035em;white-space:nowrap}.plan-price span{font-size:18px;color:var(--muted)}.plan-terms{font-size:18px;color:var(--muted);min-height:62px}
.plan-features{display:flex;flex-direction:column;gap:19px;padding:24px 0;margin:8px 0 22px;border-top:1px solid var(--line);list-style:none}.plan-features li{display:flex;align-items:flex-start;gap:13px;font-size:21px;line-height:1.35}.plan-features .icon{width:24px;height:24px;margin-top:1px;color:var(--accent)}
.plan-why{margin-top:auto;background:#151515;border:1px solid var(--line);border-radius:21px;padding:18px 20px;min-height:138px}.plan-why span{display:block;font-size:18px;color:var(--muted);margin-bottom:8px}.plan-why p{font-size:21px;line-height:1.3}
.plan-cta{margin-top:24px;width:100%;min-height:58px;border-radius:100px;background:var(--accent);color:#151515;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;font-size:20px;font-weight:500;line-height:1.3;transition:background .2s,transform .25s var(--ease)}.plan-cta:hover{background:#ffe34c;transform:translateY(-2px)}.plan-cta .icon{transition:transform .3s}.plan-cta:hover .icon{transform:translateX(3px)}.plan-card.free .plan-cta{background:#eee;color:#151515}.plan-card.free .plan-cta:hover{background:#fff}
.plan-note{font-size:18px;color:var(--muted);margin-top:14px;min-height:56px;line-height:1.4}.plans-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:18px;color:var(--muted);margin-top:30px}.plans-foot>span{max-width:700px}.plans-foot>a{display:flex;align-items:center;gap:12px;min-height:48px;color:var(--ink)}.plans-foot>a:hover{color:var(--accent)}

.plan-card.pro:hover{background:var(--accent);border-color:var(--accent)}
.pro .plan-badge{background:#151515;color:var(--accent);border:1px solid var(--accent)}
.pro .plan-title,.pro .plan-name,.pro .plan-price strong{color:#151515}
.pro .plan-description,.pro .plan-price span,.pro .plan-terms,.pro .plan-note,.pro .plan-why span{color:#343434}
.pro .plan-features{border-color:#15151533}.pro .plan-features .icon{color:#151515}
.pro .plan-why{background:#15151508;border-color:#15151533}.pro .plan-why p{color:#151515}
.pro .plan-cta{background:#151515;color:var(--accent)}.pro .plan-cta:hover{background:#292929}

@media(max-width:1150px){
  .flow-viewport{padding-inline:22px}.flow-label{font-size:18px}.flow-sequence{min-width:1060px}.person-card{grid-template-columns:150px minmax(180px,.8fr) minmax(0,1.3fr);gap:24px;padding:28px}.person-portrait{width:144px;height:144px}.person-photo{width:126px;height:126px}.portrait-orbit i{transform:rotate(calc(var(--dot)*15deg)) translateY(-71px)}.person-bio{padding-left:24px;font-size:21px}.person-identity h3{font-size:38px}.plan-card{padding:24px}.plan-title{font-size:25px}.plan-features li{font-size:20px}.plan-price strong{font-size:42px}.plan-badge{left:14px;right:14px}.plan-cta{font-size:18px;padding-inline:18px}
}
@media(max-width:980px){
 .flow-sequence{width:1370px;min-width:1370px}#flow-columns{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px}.journey-node{font-size:19px;min-height:104px}.journey-start,.journey-goal{min-height:212px;font-size:21px}.person-card{grid-template-columns:142px minmax(0,1fr);gap:20px 28px;align-items:center}.person-portrait{grid-column:1;grid-row:1/3}.person-identity{grid-column:2}.person-bio{grid-column:2;border:0;padding:0;font-size:22px}.person-role{margin-bottom:8px}.plans-grid{grid-template-columns:1fr;gap:32px;max-width:740px;margin:auto}.plan-card{padding:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.plan-main{grid-column:1;grid-row:1}.plan-features{grid-column:2;grid-row:1;border:0;padding:0;margin:0}.plan-why{grid-column:2;grid-row:2;min-height:0;margin-top:12px}.plan-cta{grid-column:1;grid-row:2;align-self:start}.plan-note{grid-column:1/-1;grid-row:3;min-height:0}.plan-title{font-size:28px;min-height:0}.plan-description{min-height:0}.plan-terms{min-height:0;margin-bottom:20px}.plan-price strong{font-size:50px}.plan-badge{left:auto;right:24px;width:auto}.plans-foot{align-items:start;flex-direction:column;gap:12px;max-width:740px;margin-inline:auto}
}
@media(max-width:720px){
 .flow-panel{border-radius:26px}.flow-heading{padding:22px 20px;font-size:19px;gap:16px}.flow-heading>span:first-child{max-width:230px;gap:10px}.flow-viewport{padding-inline:22px}.flow-sequence{width:1370px;min-width:1370px}#flow-columns{min-height:430px;padding-block:28px}.flow-caption{display:block;padding:20px;height:140px;font-size:18px}.flow-caption p{height:81px;display:flex;align-items:center;line-height:1.4}.flow-progress{display:block;width:100%;margin-top:12px}.people-section{padding:58px 0 32px}.person-card{grid-template-columns:100px minmax(0,1fr);padding:24px;gap:22px 20px;border-radius:26px}.person-portrait{width:100px;height:100px;grid-row:1}.person-photo{width:86px;height:86px}.portrait-orbit i{width:2.5px;height:2.5px;transform:rotate(calc(var(--dot)*15deg)) translateY(-49px)}.person-identity h3{font-size:36px}.person-role{font-size:18px;line-height:1.3;margin-bottom:8px}.person-bio{grid-column:1/-1;font-size:22px;border-top:1px solid var(--line);padding-top:21px;line-height:1.45}.plans-section{padding:18px 0 30px}.plans-section>.section-shell{padding-top:44px}.plans-intro{font-size:23px}.plan-card{display:flex;padding:26px}.plan-title{font-size:30px}.plan-description{font-size:22px}.plan-price{margin-top:26px}.plan-price strong{font-size:58px}.plan-features{border-top:1px solid var(--line);padding-top:24px;margin:8px 0 26px}.plan-features li{font-size:21px;gap:14px}.plan-why{margin-top:auto;padding:20px;width:100%}.plan-cta{font-size:21px;min-height:62px}.plan-badge{right:20px;left:20px;text-align:center}.plan-terms{margin-bottom:10px}.plan-note{font-size:18px}
}
@media(max-width:440px){
 .flow-heading{font-size:18px;padding:20px 18px}.flow-heading>span:first-child{max-width:185px}.flow-step-count{font-size:18px}.flow-viewport{padding-inline:18px}.person-card{padding:24px 22px;gap:22px 16px}.person-identity h3{font-size:32px}.person-role{font-size:18px}.plan-card{padding:24px;border-radius:26px}.plan-card.pro{padding-top:38px}.plan-title{font-size:29px}.plan-name{font-size:32px}.plan-price strong{font-size:53px}.plan-cta{font-size:20px;padding-inline:18px}.plan-badge{left:14px;right:14px}
}
@media(max-width:360px){.person-card{grid-template-columns:78px minmax(0,1fr);padding:20px;gap:18px 14px}.person-portrait{width:78px;height:78px}.person-photo{width:68px;height:68px}.portrait-orbit i{transform:rotate(calc(var(--dot)*15deg)) translateY(-38px)}.person-identity h3{font-size:29px}.person-bio{font-size:21px}.plan-price strong{font-size:46px}.plan-cta{font-size:18px}}
@media(prefers-reduced-motion:reduce){.principle-visual{transform:none}.principle.visible:hover{transform:none}.target-check{stroke-dashoffset:0}.journey-node.is-current{animation:none}.flow-sequence,.flow-progress i{transition:none}.flow-trace.is-fresh{animation:none;stroke-dashoffset:0}.person-card:hover .portrait-orbit i{animation:none}.flow-viewport{overflow-x:auto;overscroll-behavior-x:contain}.flow-sequence{transform:none!important}}

@media(max-width:1150px){.principles{gap:20px}.principle{gap:16px;grid-template-rows:36px 140px minmax(62px,auto) auto}.principle-visual{height:140px;padding:10px}.principle h3{font-size:27px}}
@media(max-width:980px){.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.principle{grid-template-rows:36px 152px auto auto}.principle-visual{height:152px}.principle h3{min-height:0;font-size:29px;max-width:none}.principle p{max-width:none}}
@media(max-width:620px){
 .principles{grid-template-columns:1fr;gap:28px}
 .principle{grid-template-columns:116px minmax(0,1fr);grid-template-rows:36px auto auto;gap:12px 20px}
 .principle-top{grid-column:2;grid-row:1}
 .principle-visual{grid-column:1;grid-row:1/3;height:116px;align-self:start;padding:4px;border-radius:18px}
 .principle h3{grid-column:2;grid-row:2;align-self:start;font-size:29px;min-height:68px}
 .principle p{grid-column:1/-1;grid-row:3;font-size:21px;padding-bottom:24px;border-bottom:1px solid #303030}
 .principle:last-child p{border:0;padding:0}
}
@media(max-width:360px){.principle{grid-template-columns:96px minmax(0,1fr);gap:12px 16px}.principle-visual{height:110px}.principle h3{font-size:27px}.principle p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.principle-visual svg{transform:none}}

/* An open, animated conversation. Layout stays fixed throughout all five turns. */
.hero h1 .title-line{display:block;color:var(--ink)}
.hero h1 .title-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em;color:inherit}
.hero h1 .title-word{display:inline-block;color:inherit}
.hero h1 .title-accent{color:var(--accent);position:relative}
.hero-heading.visible .title-word{animation:title-rise .95s var(--ease) calc(var(--word)*.11s + .12s) both}
.hero h1 .title-accent:after{content:'';position:absolute;left:0;right:0;bottom:.055em;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.hero-heading.visible .title-accent:after{animation:title-underline 6s var(--ease) 1.1s infinite}
.chat-panel{--message-height:292px;max-width:960px;margin:auto;border:1px solid #3d3d3d;border-radius:32px;background:var(--panel);overflow:hidden;scroll-margin-top:114px;box-shadow:0 20px 55px #0002}
.chat-progress{display:flex;align-items:center;gap:16px;min-height:70px;padding:16px 28px;border-bottom:1px solid #343434;font-size:18px;color:#c2c2c2}
.chat-caption{display:flex;align-items:center;gap:10px}
.chat-progress #turn-count{font-size:16px;line-height:1;white-space:nowrap;color:var(--accent);font-variant-numeric:tabular-nums;border:1px solid #3b3b3b;border-radius:30px;padding:9px 11px}
.progress-dots{display:flex;align-items:center;gap:9px;margin-left:auto}
.progress-dots i{width:6px;height:6px;border-radius:50%;background:#505050;transition:background .3s,box-shadow .3s}
.progress-dots i.done{background:var(--accent)}
.progress-dots i.current{background:var(--accent);box-shadow:0 0 0 4px #ffd7051c}
.messages{height:var(--message-height);padding:24px 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 transparent;overflow-anchor:none}
.chat-welcome{height:100%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:22px;text-align:left;padding:0 12px}
.welcome-copy{min-width:0}
.chat-welcome h3{font-size:52px;font-weight:500;line-height:1.04;letter-spacing:-.025em}
.welcome-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.welcome-accent{color:var(--accent)}
.welcome-word{display:inline-block;animation:title-rise .85s var(--ease) calc(var(--word)*.085s + .15s) both}
.chat-welcome p{font-size:20px;line-height:1.4;color:var(--muted);margin-top:18px;animation:welcome-copy-in .8s var(--ease) .4s both}
.welcome-scene{width:min(100%,300px);justify-self:center;transform:translate(var(--chat-x,0px),var(--chat-y,0px));transition:transform .6s var(--ease)}
.welcome-scene svg{display:block;width:100%;height:auto;overflow:visible}
.welcome-scene svg *{animation-play-state:paused!important;transform-box:view-box}
.chat-panel.in-view .welcome-scene svg *{animation-play-state:running!important}
.scene-question{animation:question-float 5.6s ease-in-out infinite}
.scene-reply{animation:reply-float 5.6s ease-in-out infinite}
.scene-line{stroke-dasharray:100;animation:scene-writing 5.6s var(--ease) infinite}
.scene-talk-dot{fill:#151515;animation:scene-talking 1.8s ease-in-out infinite}
.scene-talk-dot:nth-of-type(2){animation-delay:.15s}.scene-talk-dot:nth-of-type(3){animation-delay:.3s}
.scene-orbit-dot{transform-origin:160px 124px;animation:scene-orbit 18s linear infinite}
.chat-bottom{padding:12px 24px 24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #303030;background:#191919}
.suggestion{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:100%;min-height:48px;padding:7px 4px;border:0;border-radius:12px;text-align:left;font-size:18px;line-height:1.4;color:#aaa;transition:color .25s,background .25s}
.suggestion span{min-width:0}.suggestion .icon{width:20px;height:20px;color:var(--accent);transition:transform .3s var(--ease)}
.suggestion:hover{color:var(--ink)}.suggestion:hover .icon{transform:translateX(4px)}
.composer{display:flex;align-items:center;gap:12px;min-height:72px;padding:9px 10px 9px 22px;border:1px solid #575757;border-radius:22px;background:#111;transition:border-color .3s,box-shadow .3s}
.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ffd70512}
.composer input{width:100%;height:48px;background:none;border:0;color:var(--ink);outline:none;font-size:21px}
.composer input::placeholder{color:#999}
.send-button{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:16px;background:var(--accent);color:#111;transition:transform .3s var(--ease),border-radius .3s}
.send-button .icon{transition:transform .3s var(--ease)}.send-button:hover{border-radius:50%;transform:rotate(-6deg)}.send-button:hover .icon{transform:translateX(3px)}.send-button:active{transform:scale(.92)}
@keyframes title-rise{from{opacity:0;transform:translateY(112%) rotate(3deg)}to{opacity:1;transform:none}}
@keyframes title-underline{0%{transform:scaleX(0);transform-origin:left}18%,65%{transform:scaleX(1);transform-origin:left}66%{transform-origin:right}84%,100%{transform:scaleX(0);transform-origin:right}}
@keyframes welcome-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes question-float{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(-3px,-5px) rotate(0deg)}}
@keyframes reply-float{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-7px)}}
@keyframes scene-writing{0%,12%{stroke-dashoffset:100}48%,84%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes scene-talking{0%,55%,100%{transform:translateY(0)}25%{transform:translateY(-5px)}}
@keyframes scene-orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){.chat-panel{max-width:1040px;--message-height:310px}.chat-welcome h3{font-size:56px}}
@media(max-width:980px){.chat-welcome{padding:0;gap:16px}.chat-welcome h3{font-size:46px}.chat-progress{padding-inline:24px}.messages{padding-inline:24px}}
@media(max-width:620px){
 .chat-panel{--message-height:330px;border-radius:26px;scroll-margin-top:90px}
 .chat-progress{min-height:64px;padding:14px 18px;gap:12px}.chat-caption{font-size:18px;gap:8px}.chat-caption .status-dot{width:5px;height:5px}.progress-dots{gap:7px}.progress-dots i{width:5px;height:5px}.chat-progress #turn-count{font-size:15px;padding:8px}
 .messages{padding:18px}.chat-welcome{display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}
 .welcome-scene{order:-1;width:156px;flex-shrink:0;max-height:122px}.chat-welcome h3{font-size:36px;line-height:1.05}.chat-welcome p{font-size:19px;line-height:1.35;margin-top:12px}
 .chat-bottom{padding:10px 14px 16px;gap:10px}.suggestion{font-size:18px;padding-inline:2px;gap:12px}.composer{min-height:66px;padding:8px 9px 8px 14px;gap:8px;border-radius:20px}.composer input{font-size:18px;height:46px}.send-button{width:46px;height:46px;border-radius:14px}
}
@media(max-width:360px){.chat-progress{padding-inline:14px;gap:9px}.progress-dots{display:none}.chat-progress #turn-count{margin-left:auto}.chat-welcome h3{font-size:33px}.welcome-scene{width:148px}.messages{padding-inline:16px}.chat-bottom{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.welcome-scene{transform:none}.hero h1 .title-accent:after{transform:scaleX(1)}.send-button:hover,.send-button:hover .icon{transform:none}}

.checkout-dialog{width:min(560px,calc(100% - 32px));padding:24px;border-radius:30px;background:#1b1b1b}
.checkout-dialog .modal-top{margin-bottom:18px;padding-bottom:0;border-bottom:0;gap:12px}
.checkout-dialog .modal-top h2{font-size:30px;line-height:1.15;outline:none}
.checkout-plan{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;background:#111;border:1px solid #3b3b3b;border-radius:20px;box-shadow:inset 3px 0 0 var(--accent)}
.checkout-kicker{display:block;font-size:15px;line-height:1.4;color:var(--muted);margin-bottom:5px}
.checkout-plan strong{display:block;font-size:27px;font-weight:500;line-height:1.15;letter-spacing:-.025em}
.checkout-price{text-align:right;flex-shrink:0}.checkout-price strong{color:var(--accent);font-size:30px}.checkout-price span{display:block;font-size:16px;color:var(--muted);margin-top:5px}
.checkout-dialog .checkout-intro{font-size:18px;margin:20px 0;color:var(--muted)}
.checkout-form{margin-top:24px}
.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.checkout-field{min-width:0;animation:checkout-field-in .5s var(--ease) both;animation-delay:calc(.06s + var(--field)*.045s)}
.checkout-field-wide{grid-column:1/-1}
.checkout-field label{display:block;font-size:18px;line-height:1.3;margin-bottom:9px;color:var(--ink)}
.checkout-field input{display:block;width:100%;height:52px;padding:12px 16px;border:1px solid #505050;border-radius:14px;background:#141414;color:var(--ink);font-size:18px;line-height:1.3;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}
.checkout-field input::placeholder{color:#828282;opacity:1}.checkout-field input:hover{border-color:#777}.checkout-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffd70513;background:#181818}
.checkout-field input[aria-invalid=true]{border-color:var(--accent)}
.checkout-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 100px #242424 inset;caret-color:var(--ink)}
.checkout-error{display:none;font-size:14px;line-height:1.35;color:var(--accent);margin-top:5px}
.checkout-error:not(:empty){display:block}
.checkout-pay{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;width:100%;margin-top:22px;padding:15px 22px;border-radius:16px;background:var(--accent);color:#151515;font-size:21px;font-weight:500;transition:background .2s,transform .25s var(--ease)}
.checkout-pay .icon{transition:transform .3s var(--ease)}.checkout-pay:hover{background:#ffe34c;transform:translateY(-2px)}.checkout-pay:hover .icon{transform:translateX(4px)}.checkout-pay:active{transform:scale(.985)}
.checkout-notice{margin-top:18px;padding:16px 18px;border:1px solid #665b19;border-radius:14px;font-size:17px;line-height:1.45;color:var(--ink);background:#24220f}
.checkout-dialog .account-summary > h3{margin-bottom:8px}
.checkout-dialog .account-summary > p{overflow-wrap:anywhere}
.checkout-dialog .account-summary-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}
.checkout-dialog .account-summary-actions > .button{flex:1 1 200px;min-width:0;min-height:52px;justify-content:center;text-align:center;white-space:normal}
.checkout-dialog .account-summary-footer{display:grid;justify-items:start;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #ffffff14}
.checkout-dialog .account-summary-footer .auth-small{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
@keyframes checkout-field-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:520px){.checkout-dialog{width:calc(100% - 24px);padding:22px;border-radius:26px}.checkout-dialog .modal-top h2{font-size:26px}.checkout-plan{padding:17px 18px}.checkout-plan strong{font-size:25px}.checkout-price strong{font-size:28px}.checkout-form{margin-top:24px}
.checkout-fields{grid-template-columns:1fr;gap:16px}.checkout-field-wide{grid-column:auto}.checkout-dialog .checkout-intro{margin:17px 0}.checkout-error{font-size:14px}.checkout-field input{height:54px}.checkout-pay{margin-top:22px}}
@media(max-width:360px){.checkout-dialog{padding:18px}.checkout-dialog .modal-top h2{font-size:23px}.checkout-plan{padding:16px 14px;gap:8px}.checkout-plan strong{font-size:23px}.checkout-price strong{font-size:25px}.checkout-kicker{font-size:14px}}
@media(prefers-reduced-motion:reduce){.checkout-field{animation:none}.checkout-pay:hover{transform:none}}

.topbar .header-account{display:inline-flex;align-items:center;gap:9px;height:var(--header-control,48px);padding:0 12px 0 6px;border:1px solid var(--line);border-radius:var(--header-radius,16px);background:var(--raised);white-space:nowrap;font-size:16px}
.topbar .header-account:hover{background:#333}
.header-account>.icon{width:17px;height:17px}
.header-account-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#151515;font-size:14px;font-weight:600}
.modal.landing-profile-dialog{width:min(500px,calc(100vw - 24px));padding:20px 22px;border-radius:26px}
.landing-profile-dialog .modal-top{padding-bottom:14px;margin-bottom:18px}
.landing-profile-dialog .modal-top h2{font-size:25px}
.landing-profile-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.landing-profile-identity>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--raised);border:1px solid var(--line);font-size:22px}
.landing-profile-identity strong,.landing-profile-identity small{display:block;overflow-wrap:anywhere}
.landing-profile-identity strong{font-size:19px;font-weight:500}
.landing-profile-identity small,.landing-profile-plan-head{color:var(--muted);font-size:14px}
.landing-profile-plan{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}
.landing-profile-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.landing-profile-plan-head>span+span{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--ink);font-size:13px}
.landing-profile-plan h3{margin-top:11px;font-size:30px}
.landing-profile-dialog .landing-profile-plan h3+p{margin-top:4px;font-size:15px}
.landing-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.landing-profile-dialog .landing-profile-actions .button{width:auto;min-height:44px;margin:0;padding:9px 14px;font-size:15px;gap:9px}
.landing-profile-actions .icon{width:17px;height:17px}
.landing-profile-dialog .landing-profile-error{margin-top:10px;font-size:14px}
.landing-profile-signout{color:var(--muted);font-size:14px;min-height:44px;margin-top:9px;padding:0}
.landing-profile-signout:hover{color:var(--ink)}
@media(max-width:600px){.topbar .header-account{padding:0 8px;font-size:14px}.header-account>.icon{display:none}.modal.landing-profile-dialog{padding:16px}}

.landing-profile-dialog .landing-profile-open-app {
  position: relative;
  border-color: rgb(255 215 5 / 58%);
}
@media (prefers-reduced-motion: no-preference) {
  .landing-profile-dialog .landing-profile-open-app {
    animation: profile-app-pulse 2.6s ease-in-out 2;
  }
  .landing-profile-open-app::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 43%, rgb(255 215 5 / 19%) 50%, transparent 57%) 100% / 300% 100%;
    animation: profile-app-shine .85s .12s ease-out both;
  }
}
@keyframes profile-app-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgb(255 215 5 / 0%); }
  50% { box-shadow: 0 0 0 3px rgb(255 215 5 / 15%); }
}
@keyframes profile-app-shine {
  from { background-position: 100% 50%; }
  to { background-position: 0 50%; }
}

.ixo-checkout {
  --checkout-ground:var(--color-app,var(--bg,#fbf8ee));
  --checkout-ink:var(--color-primary,var(--ink,#17160f));
  --checkout-muted:var(--color-secondary,var(--muted,#626057));
  --checkout-line:var(--color-line,var(--line,#17160f20));
  --checkout-accent:var(--color-accent,var(--accent,#f5d752));
  /* Matches UI kit accentInk in BOTH themes; generic button foreground is white. */
  --checkout-accent-ink:#17160f;
  min-height:100dvh;display:flex;flex-direction:column;
  background:var(--checkout-ground);color:var(--checkout-ink);
  font-family:inherit;padding:0 24px 40px;box-sizing:border-box;
}
.ixo-checkout *{box-sizing:border-box}
.checkout-header{position:relative;width:100%;max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:96px;border-bottom:1px solid var(--checkout-line)}
.checkout-brand{display:block;width:72px;height:40px;object-fit:contain;flex:none}
.checkout-header .checkout-button{position:absolute;left:0;width:auto;min-height:44px;padding:0 12px;border:0;background:transparent;font-size:15px}
.checkout-content{width:100%;max-width:880px;margin:0 auto;padding:32px 0 0;flex:1;display:flex;align-items:center;justify-content:center;animation:checkout-appear var(--ixo-motion-ui,240ms) ease-out}
.checkout-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;text-align:left}
.checkout-details{padding:28px;border-radius:28px;background:var(--color-elevated,var(--panel,#f6f3e9));min-width:0}
.checkout-details h1,.checkout-state h1{font-size:34px;font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}
.checkout-description{color:var(--checkout-muted);font-size:18px;line-height:1.5;margin:0 0 24px}
.checkout-summary{display:grid;gap:24px;margin:28px 0 20px;padding:24px 0;border-top:1px solid var(--checkout-line);border-bottom:1px solid var(--checkout-line);text-align:left}
.checkout-summary-plan,.checkout-summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px}
.checkout-plan-name{font-size:24px;font-weight:500}
.checkout-summary p{font-size:16px;color:var(--checkout-muted);margin:0}
.checkout-total-label{font-size:16px;color:var(--checkout-muted)}
.checkout-price{display:block;font-size:38px;line-height:1.1;letter-spacing:-.035em;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.checkout-methods{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}
.checkout-methods-title{font-size:18px;line-height:1.4;font-weight:400;color:var(--checkout-muted);padding:0;margin-bottom:20px}
.checkout-method{min-height:164px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--checkout-line);border-radius:24px;cursor:pointer;background:var(--color-surface,transparent);transition:border-color var(--ixo-motion-fast,180ms),background var(--ixo-motion-fast,180ms),transform var(--ixo-motion-ui,240ms) cubic-bezier(.2,.8,.2,1)}
.checkout-method[data-selected=true]{border-color:var(--checkout-accent);background:color-mix(in srgb,var(--checkout-accent) 7%,var(--checkout-ground))}
.checkout-method[data-disabled=false]:hover{transform:translateY(-2px);border-color:var(--color-accent-deep,#9a7c00)}
.checkout-method:has(input:focus-visible){outline:2px solid var(--checkout-ink);outline-offset:4px}
.checkout-method[data-disabled=true]{cursor:not-allowed}
.checkout-method[data-disabled=true] .checkout-method-top{color:var(--checkout-muted)}
.checkout-method-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:22px}
.checkout-method-top strong{font-weight:500}
.checkout-method-logos{display:flex;align-items:center;gap:10px}
.checkout-payment-logo{display:block;object-fit:contain;flex:none}
.checkout-logo-visa,.checkout-logo-mastercard{width:64px;height:40px;background:#fff;border:1px solid #e9e8e1;border-radius:8px;padding:0 3px}
.checkout-logo-usdt,.checkout-logo-usdc{width:36px;height:36px}
.checkout-method-caption{font-size:15px;line-height:1.4;color:var(--checkout-muted)}
.checkout-method input{appearance:none;width:22px;height:22px;margin:0;display:grid;place-items:center;border:1.5px solid var(--checkout-muted);border-radius:50%;background:transparent;cursor:pointer}
.checkout-method input::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--checkout-accent-ink);transform:scale(0);transition:transform var(--ixo-motion-fast,180ms)}
.checkout-method input:checked{background:var(--checkout-accent);border-color:var(--color-accent-deep,#9a7c00)}
.checkout-method input:checked::before{transform:scale(1)}
.checkout-method-copy{display:grid;gap:4px;text-align:center}
.checkout-method-copy strong{font-size:18px;font-weight:550}
.checkout-method-copy span{font-size:15px;color:var(--checkout-muted)}
.ixo-checkout .checkout-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 24px;border:1px solid var(--checkout-line);border-radius:999px;background:transparent;color:var(--checkout-ink);font:inherit;font-size:17px;font-weight:500;cursor:pointer;transition:background var(--ixo-motion-fast,180ms),transform var(--ixo-motion-fast,180ms)}
.ixo-checkout .checkout-button:hover{background:color-mix(in srgb,var(--checkout-ink) 5%,transparent)}
.ixo-checkout .checkout-button:active{transform:scale(.99)}
.ixo-checkout .checkout-button:focus-visible{outline:2px solid var(--color-accent-deep,#9a7c00);outline-offset:4px}
.ixo-checkout .checkout-button.checkout-primary{background:var(--checkout-accent);border-color:var(--checkout-accent);color:var(--checkout-accent-ink)}
.ixo-checkout .checkout-button.checkout-primary:hover{background:color-mix(in srgb,var(--checkout-accent) 85%,var(--checkout-ground));color:var(--checkout-accent-ink)}
.ixo-checkout .checkout-header .checkout-button{position:absolute;left:0;width:auto;min-height:44px;padding:0 12px;border:0;background:transparent;font-size:15px}
.checkout-note{font-size:14px;line-height:1.5;color:var(--checkout-muted);margin:0 0 20px;text-align:left}
.checkout-state{width:100%;max-width:560px;margin:0 auto;padding:32px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.checkout-state h1{margin:6px 0 0}
.checkout-state .checkout-description{margin:0 0 12px;max-width:520px}
.checkout-state .checkout-button{max-width:480px}
.checkout-indicator{width:64px;height:64px;border:2px solid var(--checkout-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;line-height:1;margin-bottom:12px}
.checkout-indicator-loading{border-color:color-mix(in srgb,var(--checkout-accent) 25%,transparent);border-top-color:var(--checkout-accent);animation:checkout-spin 1s linear infinite}
.checkout-countdown{font-size:16px;margin:0 0 12px;font-variant-numeric:tabular-nums}
.checkout-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.checkout-host{min-height:100%;overflow:auto}
.checkout-host::before{display:none!important}
.checkout-test-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 20px;background:var(--color-elevated,var(--panel));color:var(--color-secondary,var(--muted));font:inherit;font-size:14px;border-bottom:1px solid var(--color-line,var(--line))}
.checkout-test-toolbar label{display:flex;align-items:center;gap:8px}
.checkout-test-toolbar select{font:inherit;min-height:40px;padding:8px 12px;color:var(--color-primary,var(--ink));background:var(--color-app,var(--bg));border:1px solid var(--color-line,var(--line));border-radius:12px}
@keyframes checkout-spin{to{transform:rotate(360deg)}}
@keyframes checkout-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .ixo-checkout{padding:0 20px 28px}.checkout-header{min-height:76px}.checkout-brand{width:64px;height:36px}
 .checkout-content{padding-top:28px}.checkout-layout{grid-template-columns:1fr;gap:24px;max-width:520px;margin:0 auto}
 .checkout-details{padding:24px}.checkout-details h1,.checkout-state h1{font-size:28px}.checkout-description{font-size:16px}
 .checkout-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkout-methods-title{grid-column:1/-1;margin-bottom:12px;font-size:16px}
 .checkout-method{padding:18px;min-height:156px;gap:16px;border-radius:20px}.checkout-method-top{font-size:18px}.checkout-method-logos{gap:6px;flex-wrap:wrap}.checkout-logo-visa,.checkout-logo-mastercard{width:50px;height:34px}.checkout-method-caption{font-size:14px}
 .checkout-summary{margin-top:22px;padding:20px 0;gap:20px}.checkout-plan-name{font-size:22px}.checkout-price{font-size:32px}.checkout-state{padding:24px 0}
 .ixo-checkout .checkout-header .checkout-button{font-size:14px;padding:0;max-width:calc(50% - 44px)}
}
@media(max-width:380px){.checkout-methods{grid-template-columns:1fr}.checkout-method{min-height:140px}}
.checkout-host:has(.checkout-test-toolbar) .ixo-checkout{min-height:calc(100dvh - 76px)}
@media(prefers-reduced-motion:reduce){.ixo-checkout *{animation:none!important;transition:none!important}.checkout-indicator-loading{border-style:dotted}}

.checkout-terms{font-size:15px;line-height:1.5;color:var(--checkout-muted);margin:0 0 12px}

.checkout-benefits{list-style:none;display:grid;gap:12px;margin:0;padding:0;color:var(--checkout-ink);font-size:16px;line-height:1.4}
.checkout-benefits li{display:flex;align-items:flex-start;gap:10px}.checkout-benefit-check{flex:none;width:18px;color:var(--color-accent-deep,#9a7c00)}
.checkout-currency{display:grid;gap:8px;margin-bottom:20px}.checkout-currency[hidden]{display:none}
.checkout-currency label,.checkout-invoice-field>label{font-size:14px;color:var(--checkout-muted)}
.checkout-currency select{width:100%;min-height:52px;padding:12px 14px;font:inherit;color:var(--checkout-ink);background:var(--checkout-ground);border:1px solid var(--checkout-line);border-radius:14px}
.checkout-currency select:focus-visible,.checkout-invoice-value:focus-visible{outline:2px solid var(--color-accent-deep,#9a7c00);outline-offset:3px}
.checkout-invoice{min-width:0;padding:24px;border:1px solid var(--checkout-line);border-radius:24px;background:var(--color-surface,transparent)}
.checkout-invoice h2{margin:0 0 10px;font-size:24px;font-weight:500;letter-spacing:-.025em}
.checkout-invoice .checkout-description{font-size:16px;margin-bottom:24px}
.checkout-invoice-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:24px}
.checkout-invoice-field>label{grid-column:1/-1}
.checkout-invoice-value{grid-column:1/-1;min-width:0;width:100%;font:inherit;font-size:17px;padding:12px;background:var(--checkout-ground);color:var(--checkout-ink);border:1px solid var(--checkout-line);border-radius:12px;font-variant-numeric:tabular-nums}
.ixo-checkout .checkout-invoice-field .checkout-button{width:auto;min-height:40px;font-size:14px;padding:8px 16px;grid-column:2}
.checkout-payment-status{font-size:16px;line-height:1.5;margin:0 0 16px}
.checkout-inline-error{font-size:14px;line-height:1.5;color:var(--checkout-muted);margin:0 0 16px}.checkout-inline-error:empty{display:none}
.checkout-invoice-layout .checkout-details>.checkout-note{margin:16px 0 0}
.ixo-checkout .checkout-button:disabled{opacity:.55;cursor:not-allowed}
/* One checkout grid for header, payment methods and order summary. */
.ixo-checkout{padding:0 32px 48px}
.checkout-header{max-width:1040px;min-height:88px;justify-content:space-between;border-bottom:0}
.checkout-header .checkout-brand{order:2;width:64px;height:36px}
.ixo-checkout .checkout-header .checkout-button{position:static;order:1;padding:10px 0;gap:10px;font-size:16px}
.checkout-content{max-width:1040px;flex:0;margin:28px auto 0;padding:0;align-items:flex-start}
.checkout-layout{gap:28px;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.checkout-methods{height:100%;grid-template-rows:repeat(2,minmax(200px,1fr));gap:20px}
.checkout-methods-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.checkout-method{min-height:200px;padding:30px;border-radius:28px}
.checkout-method-top{font-size:25px}.checkout-method-caption{font-size:16px}
.checkout-method-logos{gap:12px}.checkout-logo-visa,.checkout-logo-mastercard{width:76px;height:46px}.checkout-logo-usdt,.checkout-logo-usdc{width:42px;height:42px}
.checkout-details{padding:32px}.checkout-details h1,.checkout-state h1{font-size:36px}
.checkout-invoice{padding:30px;border-radius:28px}
.checkout-header .checkout-brand{filter:brightness(0)}
.dark .checkout-header .checkout-brand,[data-theme=dark] .checkout-header .checkout-brand{filter:none}
@media(max-width:760px){
 .ixo-checkout{padding:0 20px 32px}.checkout-header{min-height:76px}.checkout-content{margin-top:16px}
 .checkout-layout{gap:20px;grid-template-columns:1fr}.checkout-methods{height:auto;grid-template-rows:auto;gap:12px}
 .checkout-method{padding:20px;min-height:168px;border-radius:22px}.checkout-method-top{font-size:19px}.checkout-method-caption{font-size:14px}
 .checkout-logo-visa,.checkout-logo-mastercard{width:54px;height:36px}.checkout-logo-usdt,.checkout-logo-usdc{width:34px;height:34px}
 .checkout-method-logos{gap:8px}.checkout-details,.checkout-invoice{padding:24px;border-radius:24px}.checkout-details h1,.checkout-state h1{font-size:29px}
}
.checkout-currency>span{font-size:15px;color:var(--checkout-muted)}
.checkout-network-menu{position:relative;width:100%}
.checkout-network-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 18px;border:1px solid var(--checkout-line);border-radius:14px;background:var(--checkout-ground);color:var(--checkout-ink);font:inherit;font-size:17px;text-align:left;cursor:pointer}
.checkout-network-trigger::after{content:'';width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .18s}
.checkout-network-trigger[aria-expanded=true]::after{transform:rotate(225deg) translate(-2px,-2px)}
.checkout-network-trigger:hover{border-color:var(--checkout-muted)}
.checkout-network-trigger:focus-visible,.checkout-network-option:focus-visible{outline:2px solid var(--checkout-accent);outline-offset:2px}
.checkout-network-panel{position:absolute;z-index:60;top:auto;bottom:calc(100% + 8px);left:0;right:0;padding:8px;width:100%;max-height:280px;overflow:auto;border:1px solid var(--checkout-line);border-radius:18px;background:var(--color-elevated,var(--checkout-ground));box-shadow:0 12px 32px #0002;color:var(--checkout-ink)}
.checkout-network-panel[hidden]{display:none}
.checkout-network-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:12px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:16px;cursor:pointer}
.checkout-network-option:hover,.checkout-network-option:focus{background:color-mix(in srgb,var(--checkout-ink) 7%,transparent)}
.checkout-network-option[aria-selected=true]::after{content:'✓';color:var(--color-accent-deep,#9a7c00);flex:none}

.landing-checkout-host .checkout-brand{filter:none}.landing-checkout-host{font-family:inherit;min-height:100dvh;background:var(--bg);color:var(--ink)}

.checkout-method input{box-shadow:none}
.checkout-network-label{display:flex;align-items:center;gap:12px;min-width:0}.checkout-network-label>span:last-child{min-width:0;white-space:normal}
.checkout-network-icons{display:block;position:relative;flex:none;width:32px;height:32px;margin-right:4px}.checkout-network-icons>img{display:block;width:32px;height:32px;object-fit:contain;border-radius:50%}
.checkout-network-icons>img.checkout-network-badge{position:absolute;right:-4px;bottom:-2px;width:16px;height:16px;outline:2px solid var(--checkout-ground)}

/* Compact invoice styles shared with app, mapped to landing panel token. */

.checkout-receipt{width:100%;max-width:760px;margin:0 auto;border:1px solid var(--checkout-line);border-radius:28px;background:var(--color-elevated,var(--panel,#f6f3e9));overflow:hidden}
.checkout-receipt-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid var(--checkout-line)}
.checkout-receipt-header h1{margin:0 0 8px;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.035em}
.checkout-receipt-header .checkout-description{margin:0;font-size:15px}
.checkout-refresh-clock{display:flex;align-items:center;gap:10px;flex:none;max-width:156px}
.checkout-clock-dial{position:relative;width:48px;height:48px;flex:none}.checkout-clock-dial svg{display:block;width:48px;height:48px;fill:none;stroke-width:2.5}
.checkout-clock-track{stroke:var(--checkout-line)}.checkout-clock-progress{stroke:var(--color-accent-deep,#9a7c00);stroke-dasharray:100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .25s linear;stroke-linecap:round}
.checkout-clock-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}
.checkout-clock-caption{font-size:12px;line-height:1.4;color:var(--checkout-muted)}
.checkout-receipt-body{display:grid;grid-template-columns:196px minmax(0,1fr);gap:30px;padding:28px 30px 20px;align-items:center}
.checkout-address-qr{padding:4px;border:1px solid var(--checkout-line);background:#fff;border-radius:12px;overflow:hidden;aspect-ratio:1}
.checkout-address-qr svg{display:block;width:100%;height:100%;background:#fff}
.checkout-receipt-fields{display:grid;gap:20px;min-width:0}
.checkout-receipt-coin{display:flex;align-items:center;gap:12px;font-size:16px}
.checkout-receipt-field{display:grid;gap:4px;min-width:0}.checkout-receipt-label{font-size:13px;color:var(--checkout-muted);line-height:1.4}
.checkout-receipt-value{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px}
.checkout-receipt-amount{font-weight:500;font-size:25px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.checkout-receipt-asset{font-size:14px;color:var(--checkout-muted);flex:none}
.checkout-receipt-address{display:flex;align-items:baseline;min-width:0;font-size:16px;letter-spacing:.01em;user-select:all;font-variant-numeric:tabular-nums}
.checkout-receipt-address strong{font-weight:600;flex:none;color:var(--checkout-ink)}.checkout-address-middle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--checkout-muted)}
.ixo-checkout .checkout-copy-action{display:flex;align-items:center;justify-content:center;flex:none;margin-left:auto;width:44px;height:44px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--checkout-muted);cursor:pointer;transition:background .18s,color .18s}
.checkout-copy-action svg{display:block;width:19px;height:19px}.ixo-checkout .checkout-copy-action:hover{color:var(--checkout-ink);background:color-mix(in srgb,var(--checkout-ink) 6%,transparent)}
.checkout-copy-action:focus-visible{outline:2px solid var(--color-accent-deep,#9a7c00);outline-offset:2px}
.checkout-receipt-note{margin:0 30px 24px;font-size:13px;line-height:1.6;color:var(--checkout-muted)}
.checkout-receipt-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px;border-top:1px solid var(--checkout-line)}
.checkout-receipt-footer .checkout-payment-status{margin:0;font-size:14px;line-height:1.5;color:var(--checkout-muted);max-width:390px}
.ixo-checkout .checkout-receipt-footer .checkout-refresh-action{width:auto;flex:none;min-height:40px;padding:9px 16px;font-size:14px;background:transparent;color:var(--checkout-ink)}
.checkout-receipt>.checkout-inline-error:not(:empty){padding:0 30px 20px;margin:0;font-size:13px}
@media(max-width:600px){
 .checkout-receipt-header{padding:22px;gap:16px;align-items:flex-start}.checkout-receipt-header h1{font-size:25px}.checkout-receipt-header .checkout-description{font-size:14px}
 .checkout-refresh-clock{max-width:70px;flex-direction:column;gap:5px;text-align:center}.checkout-clock-caption{font-size:11px}
 .checkout-receipt-body{grid-template-columns:1fr;padding:22px;gap:24px}.checkout-address-qr{width:190px;justify-self:center}.checkout-receipt-fields{gap:16px}
 .checkout-receipt-amount{font-size:25px}.checkout-receipt-note{margin:0 22px 22px}.checkout-receipt-footer{padding:18px 22px;gap:16px;flex-direction:column;align-items:stretch}
 .ixo-checkout .checkout-receipt-footer .checkout-refresh-action{width:100%}.checkout-receipt>.checkout-inline-error:not(:empty){padding:0 22px 18px}
}

.checkout-button[hidden]{display:none}
.ixo-checkout .checkout-details>.checkout-primary+.checkout-button{margin-block-start:12px}


.topbar{grid-template-columns:auto 1fr auto;min-height:86px;padding:14px 32px;gap:24px}
.platform-nav{justify-self:center;padding:5px;gap:0}
.platform-nav .nav-item{font-size:18px;padding:11px 18px;min-height:46px}
.top-actions{gap:10px}
.header-login,.header-signup{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:13px 23px;border-radius:16px;font-size:19px;font-weight:500;white-space:nowrap;transition:background .2s,transform .25s}
.header-login{background:#252525;border:1px solid #393939}
.header-login:hover{background:#333}
.header-signup{background:var(--accent);color:#111}
.header-signup:hover{background:#ffe346}
.header-signup:hover .icon{transform:translateX(3px)}
.locale-control{display:flex;align-items:center;gap:5px;min-height:48px;padding:5px;color:#bbb}
.locale-control .icon{width:21px;height:21px}
.locale-control select{border:0;background:#111;color:inherit;font:inherit;font-size:16px;padding:7px 0;cursor:pointer;min-height:44px}
.hero{padding-top:38px}
.hero-heading{max-width:1060px;margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:36px;text-align:left;padding-inline:4px}
.hero-heading .eyebrow{order:2;justify-content:flex-start;max-width:210px;margin:0;font-size:21px;line-height:1.35;padding-left:24px;border-left:1px solid #3a3a3a}.hero-heading .eyebrow .status-dot{width:8px;height:8px;box-shadow:0 0 0 6px #ffd7050a}
.hero h1{margin:0;font-size:clamp(44px,4.8vw,66px);letter-spacing:-.035em;line-height:1.05}.hero-title-line{display:block}.hero-title-accent{color:var(--accent)}.hero-heading.visible .hero-title-line{animation:title-rise .9s var(--ease) both}.hero-heading.visible .hero-title-line:last-child{animation-delay:.1s}
.hero-actions{margin-top:26px;margin-bottom:40px}
.hero-actions .button{min-height:58px;font-size:20px}
.journey-strip{padding-top:12px}
.chat-panel{max-width:1060px;background:#1b1c1d;border:0;border-radius:28px;box-shadow:none;--message-height:254px;scroll-margin-top:108px}
.workspace-preview-bar{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #ffffff0d;background:#141414;min-height:64px}
.workspace-brand img{width:44px}
.workspace-preview-tabs{display:flex;align-items:center;gap:2px;padding:4px;border-radius:99px;background:#1d1d1d;border:1px solid #303030;margin-inline:auto}
.workspace-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:99px;font-size:17px;line-height:1.3;color:#aaa;white-space:nowrap;min-height:40px}
.workspace-tab .icon{width:19px;height:19px}
.workspace-tab.active{color:#eee;background:#333}
.workspace-tab.active .icon{color:var(--accent)}
.workspace-tab:hover{color:var(--ink);background:#292929}
.chat-reset{width:40px;height:40px}
.messages{height:var(--message-height);padding:30px 36px 24px}
.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0;text-align:center}
.welcome-dots{display:grid;grid-template-columns:repeat(5,4px);gap:4px;margin-bottom:4px;transform:rotate(-8deg)}
.welcome-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:welcome-dot 3.4s calc(var(--i)*.035s) ease-in-out infinite}
.chat-welcome h3{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.025em}
.chat-welcome p{font-size:20px;margin:0;color:#aaa;animation:none}
.reply-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:11px}
.reply-chip{display:flex;align-items:center;gap:11px;padding:11px 17px;background:#252628;border:1px solid transparent;border-radius:99px;font-size:18px;line-height:1.3;min-height:46px;color:#ddd;transition:border-color .2s,background .2s,transform .2s}
.reply-chip .icon{width:17px;height:17px;color:#8c8c8c}
.reply-chip:hover{background:#313234;border-color:#555;transform:translateY(-2px)}
.chip-dots{display:grid;grid-template-columns:repeat(3,2px);gap:3px;color:#777}
.chip-dots i{width:2px;height:2px;border-radius:50%;background:currentColor}
.chat-bottom{border:0;background:transparent;padding:12px 24px 24px;gap:9px}
.composer{border-radius:22px;background:#2a2b2d;border:1px solid transparent;padding:10px 12px;gap:10px;min-height:72px;display:flex;align-items:center}
.composer:focus-within{border-color:#737478;box-shadow:0 0 0 3px #ffffff05}
.composer textarea{flex:1;display:block;resize:none;min-width:0;min-height:30px;max-height:100px;height:30px;line-height:30px;padding:0 2px;color:#eee;background:none;border:0;outline:0;font-size:20px;scrollbar-width:thin}
.composer textarea::placeholder{color:#aaa}
.composer-attach{width:44px;min-width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;color:#aaa;border-radius:50%;padding:0}
.composer-attach:hover{background:#333;color:#eee}


.composer-actions{display:flex;gap:6px;align-items:center}
.composer-actions .icon{width:24px;height:24px}
.send-button{width:48px;height:48px;border-radius:50%;box-shadow:0 0 28px #ffd70510}
.send-button .icon{width:24px;height:24px}
.chat-footnote{font-size:16px;line-height:1.3;color:#818181;text-align:center}
.message-text{font-size:20px;line-height:1.55}
.message.ai{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 12px;max-width:94%;padding:0}
.message.ai .reply-mark{width:28px;margin-top:5px;grid-column:1;grid-row:1/3}
.message.ai .message-label{grid-column:2;color:#ddd;font-size:18px;margin-bottom:8px}
.message.ai .message-text,.message.ai .reply-chips,.message.ai .demo-goal{grid-column:2}
.message.ai .reply-chips{justify-content:flex-start;margin-top:18px}
.message.user{padding:12px 18px;background:#2a2b2d;border-color:#353638}
.message.user .message-label{font-size:16px;margin-bottom:4px}
.demo-goal .button{font-size:18px}
@keyframes welcome-dot{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
.resources-section,.ambassador-section{padding-top:76px;padding-bottom:16px;scroll-margin-top:100px}
.section-action{display:flex;justify-content:center;margin-top:30px}
.split-heading h2 span,.resources-section h2 span,.ambassador-panel h2 span{color:var(--accent)}
.plans-section>.section-shell{padding-top:48px}
.plans-section .section-heading{margin-bottom:26px}
.plans-section h2{font-size:clamp(44px,4.5vw,66px)}
.plans-section .plans-intro{margin-top:16px;font-size:24px}
.plan-card{padding:28px;isolation:isolate}
.plan-name{text-transform:uppercase;font-size:clamp(40px,4vw,48px);font-weight:700;line-height:1.05;margin-bottom:18px}
.plan-title{font-size:27px;min-height:62px;margin-bottom:13px}
.plan-description{font-size:20px;min-height:77px}
.plan-price{margin-top:20px}
.plan-terms{min-height:53px;font-size:18px}
.plan-features{gap:12px;padding:21px 0 0;margin:16px 0 20px}
.plan-features li{font-size:20px}
.plan-note{min-height:0;margin-top:auto;padding-top:8px;font-size:17px}
.plan-cta{margin-top:15px;position:relative;z-index:3}
.plan-card-hit[hidden]{display:none}
.plan-card.pro .plan-cta:disabled{justify-content:center;cursor:default;pointer-events:none}
.plan-card-hit{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:transparent;z-index:2;cursor:pointer}
.plan-card-hit:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.plan-card .plan-main,.plan-card .plan-features,.plan-card .plan-note{pointer-events:none}
.plan-badge{position:static;transform:none;left:auto;right:auto;width:max-content;max-width:100%;align-self:flex-start;margin-bottom:16px}
.plan-card.family{padding-top:28px}
.enterprise .plan-badge{background:#15151510;color:#111;border:1px solid #15151555;font-size:16px;min-height:32px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#1b1b1b;border:1px solid #363636;border-radius:26px;overflow:hidden;padding:14px;transition:border-color .25s,transform .3s}
.guide-card:hover{border-color:#888;transform:translateY(-4px)}
.guide-card>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:16px;border:1px solid #303030}
.guide-card-copy{display:block;padding:20px 7px 8px}
.guide-card strong{display:block;font-size:26px;font-weight:500;line-height:1.2}
.guide-card-copy>span{display:block;font-size:20px;color:#aaa;margin-top:10px;line-height:1.4}
.guide-card-meta{display:flex;align-items:center;justify-content:space-between;padding:17px 7px 7px;margin-top:auto;color:#888;font-size:16px}
.guide-card-meta .icon{color:var(--accent)}
.ambassador-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;padding:46px;background:#1b1b1b;border:1px solid #363636;border-radius:32px;overflow:hidden}
.ambassador-panel .eyebrow{margin-bottom:18px}
.ambassador-panel h2{font-size:clamp(42px,4.2vw,64px)}
.ambassador-panel>div>p:not(.eyebrow){font-size:22px;line-height:1.5;color:#aaa;max-width:620px;margin-top:23px}
.ambassador-actions{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:26px;align-items:center}
.ambassador-actions .button{font-size:20px}
.ambassador-actions .text-link{font-size:20px}
.ambassador-portraits{position:relative;min-height:360px;align-self:center}
.ambassador-portraits img{position:absolute;top:20px;left:0;width:48%;aspect-ratio:4/5;object-fit:cover;border:8px solid #1b1b1b;border-radius:28px;transform:rotate(-10deg)}
.ambassador-portraits img:nth-child(2){left:26%;top:0;transform:rotate(3deg);z-index:1}
.ambassador-portraits img:nth-child(3){left:53%;top:32px;transform:rotate(12deg);z-index:2}
.ambassador-portraits>span{position:absolute;bottom:0;left:20px;font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em;color:#999}
.footer-links a{display:inline-flex;align-items:center;font-size:18px;min-height:48px}
.footer-links .footer-contact{gap:.35em;flex-wrap:wrap}
.footer-links a:hover{color:var(--accent)}
.auth-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:12px;border-radius:30px;background:#151515;overflow-y:auto}
.auth-dialog .modal-top{position:absolute;top:20px;right:20px;margin:0;padding:0;border:0;z-index:5}
.auth-dialog .modal-top h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.auth-dialog .modal-top .icon-button{width:40px;height:40px;background:#262626;border:1px solid #ffffff09}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:580px}
.auth-product{display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;overflow:hidden;border-radius:21px;background:radial-gradient(ellipse at 40% 20%,#ffd7051c,transparent 70%),#202020;padding:28px}
.auth-screen{border:1px solid #555;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #0007;transform:perspective(1200px) rotateY(5deg) rotateX(3deg);animation:auth-screen-in .7s var(--ease) both}
.auth-screen img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center top}
.auth-slide-copy{margin-top:32px}
.auth-slide-number{display:block;font-size:16px;color:#999;margin-bottom:12px}
.auth-slide-copy h3{font-size:34px;line-height:1.1;letter-spacing:-.025em;max-width:370px}
.auth-product .auth-slide-copy p{font-size:20px;color:#aaa;margin-top:14px;line-height:1.4}
.auth-slide-tabs{display:flex;gap:6px;margin-top:32px}
.auth-slide-tabs button{display:flex;align-items:center;width:100%;height:32px;padding:6px 0}
.auth-slide-tabs span{width:100%;height:4px;background:#515151;border-radius:4px;transition:background .25s}
.auth-slide-tabs [aria-pressed=true] span{background:var(--accent)}
.auth-content{align-self:center;padding:38px 32px 30px;text-align:center;min-width:0}
.auth-logo{margin:0 auto 23px;width:62px;height:auto}
.auth-content h3{font-size:35px;line-height:1.12;letter-spacing:-.025em}
.auth-content .auth-subtitle{font-size:19px;color:#aaa;margin-top:14px;margin-bottom:30px}
.auth-subtitle>span{color:var(--accent);font-weight:500}
.auth-provider{width:100%;min-height:64px;border:1px solid #454545;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:14px;padding:14px;font-size:21px;font-weight:500;transition:background .2s,border-color .2s}
.auth-provider>svg{width:25px;height:25px}
.auth-provider:hover{background:#262626;border-color:#888}
.auth-divider{display:flex;align-items:center;gap:16px;color:#777;font-size:16px;margin:23px 0}
.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#333}
#auth-form{text-align:left}
#auth-form label{display:block;font-size:19px;margin-bottom:10px;color:#ccc}
#auth-email{display:block;width:100%;border:1px solid #454545;border-radius:14px;min-height:59px;padding:14px 17px;font-size:20px;background:#202020;color:#eee;outline:none}
#auth-email:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffd70512}
#auth-email[aria-invalid=true]{border-color:var(--accent)}
.auth-continue{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:60px;width:100%;padding:15px 20px;margin-top:16px;background:var(--accent);color:#111;border-radius:16px;font-size:21px;font-weight:500}
.auth-continue:hover{background:#ffe34c}
.auth-content .auth-error{font-size:17px;color:var(--accent);margin-top:9px;line-height:1.35}
.auth-content .auth-switch{font-size:18px;color:#aaa;margin-top:23px}
.auth-switch button{font-size:inherit;color:#eee;text-decoration:underline;text-underline-offset:4px}
.auth-content .auth-small{font-size:17px;color:#828282;margin-top:16px;line-height:1.4}
.auth-content .auth-status{padding:16px;margin-top:18px;border:1px solid #57502b;border-radius:16px;text-align:left;background:#ffd70508}
.auth-status p{font-size:17px;line-height:1.4;color:#ccc}
.auth-status .button{margin-top:13px;min-height:48px;font-size:18px;width:100%;padding:11px 15px}
.menu-auth{display:flex;gap:12px}
.menu-auth .button{flex:1;font-size:20px}
@keyframes auth-screen-in{from{opacity:0;transform:perspective(1200px) rotateY(5deg) rotateX(3deg) translateY(15px)}to{opacity:1;transform:perspective(1200px) rotateY(5deg) rotateX(3deg)}}
.checkout-dialog{width:min(600px,calc(100% - 28px));padding:30px}
.checkout-review-plan{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:15px 0 16px}
.checkout-review-plan h3{font-size:42px;color:var(--accent)}
.checkout-review-plan>div{text-align:right}
.checkout-review-plan strong{display:block;font-size:36px;line-height:1.15;font-weight:500}
.checkout-review-plan span{font-size:18px;color:#aaa}
.checkout-dialog .checkout-step{font-size:17px;color:#999}
.checkout-review>p{font-size:20px}
.checkout-review ul{padding:22px 0;margin:22px 0;list-style:none;border-top:1px solid #333;border-bottom:1px solid #333;display:grid;gap:13px}
.checkout-review li{display:flex;align-items:flex-start;gap:12px;font-size:20px;line-height:1.35}
.checkout-review li .icon{color:var(--accent);width:22px;height:22px}
.checkout-total{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:20px}
.checkout-total strong{font-weight:500;font-size:25px}
.checkout-dialog .checkout-preview-note{font-size:17px;color:#aaa;margin-top:22px}
.checkout-open-app{display:flex;justify-content:center;align-items:center;gap:13px;font-size:19px;min-height:48px;margin-top:12px}
.checkout-open-app:hover{color:var(--accent)}
.guide-dialog{width:min(900px,calc(100% - 28px))}
.guide-preview-image{border:1px solid #444;border-radius:18px;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top}
.guide-steps{display:grid;gap:16px;font-size:22px;line-height:1.45;padding-left:30px;margin:28px 0 0}
.guide-steps li::marker{color:var(--accent)}
.support-launch{position:fixed;right:24px;bottom:24px;z-index:40;width:58px;height:58px;display:grid;place-items:center;background:var(--accent);color:#111;border:1px solid #ffe75b;border-radius:20px;box-shadow:0 8px 25px #0006;transition:transform .25s}
.support-launch:hover{transform:translateY(-3px)}
.support-launch .icon{width:28px;height:28px}
.support-topics{display:grid;gap:9px}
.support-topics button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #3b3b3b;border-radius:16px;font-size:21px;text-align:left;line-height:1.3}
.support-topics button:hover{background:#292929}
.support-contact{margin-top:24px;border-top:1px solid #3b3b3b;padding-top:20px;font-size:20px;color:#aaa;display:grid;gap:10px}
.support-contact a{display:flex;align-items:center;gap:12px;color:var(--accent)}
.support-answer h3{font-size:28px;line-height:1.25;margin-bottom:20px}
.support-feedback{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.support-feedback>span{width:100%;font-size:20px;color:#aaa}
.support-feedback .button{margin-top:0;font-size:19px;min-height:52px;padding:12px 20px}

@media(max-width:1150px){
.topbar{padding-inline:24px;gap:14px}
.platform-nav .nav-item{padding-inline:13px;font-size:17px}
.header-login,.header-signup{padding-inline:18px}
.guide-grid{gap:16px}
.ambassador-panel{padding:34px;gap:28px}
.auth-content{padding-inline:26px}
.auth-content h3{font-size:32px}}
@media(max-width:980px){
.topbar{grid-template-columns:auto 1fr;gap:8px 18px;padding:10px 24px}
.top-actions{grid-column:2;grid-row:1}
.platform-nav{display:flex;grid-column:1/-1;grid-row:2;justify-self:center}
.platform-nav .nav-item{padding:10px 18px;font-size:18px}
.menu-button{display:inline-flex}
.hero{padding-top:38px}
.hero h1{font-size:clamp(42px,6.5vw,62px)}
.chat-panel{scroll-margin-top:150px}
.workspace-brand{display:none}
.workspace-tab{font-size:17px;padding-inline:12px}
.workspace-preview-tabs{margin-left:0}
.messages{padding-inline:28px}
.chat-panel{--message-height:270px}
.chat-welcome h3{font-size:34px}
.reply-chip{font-size:18px}
.plan-card{display:flex;padding:28px;max-width:650px;margin-inline:auto;width:100%}
.plan-description,.plan-title,.plan-terms{min-height:0}
.plan-features{border-top:1px solid #444;padding-top:22px;margin-top:22px}
.plan-main{width:100%}
.plan-cta{width:100%}
.plan-card.family{padding-top:28px}
.plan-badge{align-self:flex-start;width:max-content}
.plan-note{margin-top:12px}
.guide-grid{grid-template-columns:1fr}
.guide-card{display:grid;grid-template-columns:270px 1fr;gap:0 20px;padding:16px}
.guide-card>img{grid-row:1/3;align-self:center}
.guide-card-copy{padding:10px 10px 0 0}
.guide-card-meta{padding-right:10px}
.ambassador-panel{grid-template-columns:1fr 1fr;gap:24px}
.ambassador-panel h2{font-size:48px}
.ambassador-portraits{min-height:310px}
.ambassador-portraits img{width:58%}
.ambassador-portraits img:nth-child(2){left:20%}
.ambassador-portraits img:nth-child(3){left:40%}
.ambassador-portraits>span{bottom:0;left:0;font-size:24px}
.auth-product{padding:22px}
.auth-content{padding:45px 22px 26px}
.auth-slide-copy h3{font-size:29px}
.auth-content h3{font-size:30px}}
@media(max-width:720px){
html{scroll-padding-top:145px}
.topbar{padding:9px 16px;gap:7px}
.brand img{width:62px}
.top-actions{gap:6px}
.header-login,.header-signup{min-height:46px;padding:11px 15px;border-radius:14px;font-size:18px}
.header-signup .icon{display:none}
.locale-control{gap:0;padding:0}
.locale-control .icon{display:none}
.locale-control select{font-size:16px;max-width:44px}
.menu-button{width:40px;height:44px}
.platform-nav{width:100%;justify-content:center;background:none;border:0;border-radius:0;padding:0;gap:4px}
.platform-nav .nav-item{font-size:18px;min-height:44px;padding:9px 16px}
.hero{padding-top:26px}
.hero h1{font-size:clamp(38px,7.4vw,53px)}
.hero-heading{margin-bottom:25px}
.hero-heading .eyebrow{font-size:17px;margin-bottom:14px}
.hero-actions .button{width:auto;min-height:56px}
.hero-actions{margin-bottom:30px;gap:8px 22px}
.hero-actions .text-link{font-size:19px}
.workspace-preview-bar{padding:11px 12px;gap:6px}
.workspace-tab{font-size:16px;padding:8px 11px;gap:6px}
.workspace-tab .icon{width:18px;height:18px}
.workspace-preview-tabs{gap:0;flex:1;justify-content:center}
.workspace-tab:first-child .icon{display:none}
.chat-reset{display:none}
.chat-panel{--message-height:300px;border-radius:24px}
.messages{padding:22px}
.chat-welcome{gap:12px}
.chat-welcome h3{font-size:31px}
.chat-welcome p{font-size:19px;max-width:340px;line-height:1.4}
.reply-chips{gap:8px}
.reply-chip{font-size:17px;padding:10px 15px}
.chat-bottom{padding:10px 14px 12px}
.chat-footnote{font-size:15px}
.composer{padding:8px 9px;gap:6px}
.composer textarea{font-size:19px}
.composer-attach{width:36px;min-width:36px;height:44px}
.composer-actions{gap:2px}
.send-button{width:44px;height:44px}
.resources-section,.ambassador-section{padding-top:54px}
.guide-card{grid-template-columns:210px 1fr}
.guide-card strong{font-size:24px}
.guide-card-copy>span{font-size:19px}
.ambassador-panel{display:flex;flex-direction:column-reverse;padding:26px;gap:24px}
.ambassador-portraits{width:100%;max-width:360px;min-height:250px}
.ambassador-portraits img{width:44%;aspect-ratio:4/4.7}
.ambassador-portraits img:nth-child(2){left:28%}
.ambassador-portraits img:nth-child(3){left:56%}
.ambassador-portraits>span{display:none}
.ambassador-panel h2{font-size:46px}
.ambassador-panel>div>p:not(.eyebrow){font-size:21px}
.ambassador-actions .button{font-size:19px;min-height:58px}
.ambassador-actions{gap:8px 20px}
.auth-dialog{width:calc(100% - 22px);max-height:calc(100dvh - 22px);padding:0;border-radius:26px}
.auth-layout{grid-template-columns:1fr;min-height:0}
.auth-product{display:none}
.auth-content{padding:48px 28px 28px}
.auth-content h3{font-size:34px}
.auth-content .auth-subtitle{font-size:20px;margin-bottom:26px}
.auth-content .auth-switch{font-size:19px}
.auth-provider{font-size:21px}
.auth-dialog .modal-top{top:10px;right:10px}
.auth-logo{width:64px;margin-bottom:24px}
.guide-steps{font-size:21px}
.support-launch{width:54px;height:54px;right:18px;bottom:18px;border-radius:18px}
.closing-panel .button{width:max-content;max-width:100%;margin-top:22px}
.footer-links{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:520px){
.topbar{padding-inline:12px}
.brand img{width:52px}
.header-login,.header-signup{padding-inline:12px;font-size:17px}
.top-actions{gap:4px}
.platform-nav{gap:0}
.platform-nav .nav-item{padding-inline:14px;font-size:18px}
.workspace-tab{font-size:15px;padding-inline:9px}
.workspace-tab .icon{display:none}
.workspace-preview-bar{min-height:61px;padding-inline:10px}
.chat-panel{--message-height:320px}
.chat-welcome h3{font-size:29px}
.chat-welcome p{font-size:19px}
.reply-chip{font-size:17px;min-height:44px}
.chat-welcome .reply-chips{margin-top:4px}
.messages{padding:22px 18px}
.composer{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;padding:9px 10px;border-radius:28px}
.composer textarea{grid-column:1/-1;grid-row:1;min-height:38px;height:38px;padding:3px 6px;line-height:28px}
.composer-attach{grid-column:1;grid-row:2;width:44px;height:44px}
.composer-actions{grid-column:2;grid-row:2;justify-content:flex-end;gap:7px}
.composer-voice,
.send-button{width:46px;height:46px}
.chat-footnote{font-size:14px;margin-top:3px}
.message-text{font-size:20px}
.message.ai{max-width:100%;grid-template-columns:22px minmax(0,1fr);gap:0 10px}
.message.ai .reply-mark{width:22px}
.message.ai .reply-chips{margin-top:14px}
.message.ai .message-label{font-size:17px}
.demo-goal{padding:16px}
.demo-goal textarea{font-size:20px}
.guide-card{display:flex;gap:0;padding:14px}
.guide-card-copy{padding:22px 7px 6px}
.guide-card strong{font-size:27px}
.guide-card-copy>span{font-size:21px}
.guide-card-meta{padding:14px 7px 6px}
.ambassador-panel{padding:25px}
.ambassador-portraits{min-height:240px}
.ambassador-actions .button{width:100%;padding-inline:20px;justify-content:space-between}
.ambassador-actions .text-link{font-size:20px}
.auth-content{padding-inline:24px}
.auth-content h3{font-size:32px}
.auth-content .auth-subtitle{font-size:19px}
.auth-provider{font-size:20px;min-height:62px}
.auth-content .auth-small{font-size:17px}
.checkout-dialog{padding:24px}
.checkout-review-plan{align-items:flex-start;gap:15px}
.checkout-review-plan h3{font-size:34px}
.checkout-review-plan strong{font-size:32px}
.checkout-total{font-size:19px}
.checkout-total strong{font-size:23px}
.menu-auth{flex-direction:column}
.menu-auth .button{margin-top:13px}
.footer-links a{font-size:18px}
.section-action .button{font-size:20px}}
@media(max-width:360px){
.platform-nav .nav-item{padding-inline:11px;font-size:17px}
.header-login,.header-signup{font-size:16px;padding-inline:10px}
.menu-button{width:34px}
.locale-control select{max-width:38px;font-size:15px}
.brand img{width:48px}
.hero h1{font-size:36px}
.hero-heading .eyebrow{font-size:16px}
.chat-panel{--message-height:344px}
.chat-welcome h3{font-size:28px}
.workspace-tab{padding-inline:8px;font-size:15px}
.workspace-preview-tabs{padding:3px}
.reply-chip{font-size:17px}
.ambassador-portraits{min-height:195px}
.auth-content{padding-inline:20px}
.auth-content h3{font-size:30px}
.checkout-total{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){
.welcome-dots i{animation:none;opacity:1}
.guide-card:hover,.support-launch:hover,.reply-chip:hover{transform:none}
.auth-screen{animation:none;transform:none}}

@media(max-width:720px){
.topbar{grid-template-columns:auto minmax(0,1fr)}
.platform-nav{min-width:0;justify-self:stretch;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.platform-nav .nav-item{flex-shrink:0}
body:has(#chat-input:focus) .support-launch{visibility:hidden}}
@media(max-width:520px){
.top-actions .menu-button{display:none}}
html[lang=ja] #what .section-heading h2{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html[lang=ja] #what .section-heading h2 img{order:-1}
@media(max-width:720px){
.auth-dialog{max-width:calc(100% - 22px)}}
@media(min-width:721px) and (max-height:780px){
 .auth-content{padding:28px 24px 22px}
 .auth-logo{width:54px;margin-bottom:16px}
 .auth-content h3{font-size:32px}
 .auth-content .auth-gift{margin:18px 0 22px;padding:16px;gap:15px}
 .auth-content .auth-gift-copy strong{font-size:23px}
 .auth-content .auth-gift-copy>span{font-size:18px}
 .auth-provider{min-height:56px;padding:12px;font-size:20px}
 .auth-divider{margin:18px 0}
 #auth-form label{font-size:18px;margin-bottom:8px}
 #auth-email{min-height:52px;padding:12px 16px}
 .auth-continue{min-height:54px;padding:12px 18px;margin-top:12px}
 .auth-content .auth-switch{margin-top:18px}
 .auth-content .auth-small{margin-top:12px}
}
.chat-panel{position:relative}
.chat-panel>.chat-reset{display:none;position:absolute;right:18px;top:15px;z-index:2;background:#202020;border:1px solid #383838}
.chat-panel.has-messages>.chat-reset{display:grid}
.chat-panel.has-messages .messages{padding-top:66px}
.chat-bottom{padding-bottom:24px}
.chat-welcome{min-height:100%}
.locale-control{position:relative;display:block;min-height:44px;padding:0;color:#c8c8c8}
.locale-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px 9px;border:1px solid transparent;border-radius:14px;font-size:17px;line-height:1;color:inherit;transition:background .2s,border-color .2s}
.locale-trigger:hover,.locale-trigger[aria-expanded=true]{background:#282828;border-color:#414141;color:#eee}
.locale-trigger .locale-globe{display:block;width:20px;height:20px}
.locale-trigger .locale-chevron{display:block;width:16px;height:16px;transition:transform .2s}
.locale-trigger[aria-expanded=true] .locale-chevron{transform:rotate(180deg)}
.locale-menu{position:absolute;top:calc(100% + 12px);right:0;width:230px;max-width:calc(100vw - 24px);padding:7px;background:#242424;border:1px solid #444;border-radius:19px;box-shadow:0 20px 50px #0009;z-index:60;animation:locale-open .18s ease-out}
.locale-menu button{display:grid;grid-template-columns:minmax(0,1fr) 30px 18px;align-items:center;gap:12px;min-height:50px;width:100%;padding:12px 13px;text-align:left;border-radius:12px;font-size:18px;line-height:1.2;white-space:nowrap}
.locale-menu button:hover,.locale-menu button:focus-visible{background:#353535}
.locale-menu button[aria-checked=true]{background:#ffd70512;color:var(--accent)}
.locale-menu .locale-code{font-size:14px;color:#999;letter-spacing:.03em}
.locale-menu button>.icon{display:block;width:18px;height:18px;opacity:0;color:var(--accent)}
.locale-menu button[aria-checked=true]>.icon{opacity:1}
@keyframes locale-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){
.locale-trigger{gap:4px;min-height:46px;padding:7px 6px;font-size:16px}
.locale-trigger .locale-globe{display:none}
.locale-trigger .locale-chevron{display:block;width:13px;height:13px}
.locale-menu button{font-size:18px;min-height:50px}
.chat-panel>.chat-reset{top:12px;right:12px}
.chat-bottom{padding-bottom:16px}}
@media(max-width:360px){
.locale-trigger{font-size:15px;padding-inline:4px;gap:2px}
.locale-trigger .locale-chevron{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){
.locale-menu{animation:none}}
.platform-nav .nav-item{gap:8px}
.platform-nav .nav-item>.icon{width:21px;height:21px;overflow:visible;transition:color .25s,transform .3s}
.nav-item.active .nav-chat{animation:nav-chat-breathe 3s ease-in-out infinite}
.nav-item:hover .nav-tour{transform:scale(1.12)}
.nav-item.active .nav-tour{animation:nav-tour-breathe 3.2s ease-in-out infinite}
.nav-diamond .diamond-glint{opacity:0;transform-origin:18px 4px;animation:diamond-spark 4.4s ease-in-out infinite;color:var(--accent)}
.nav-item:hover .nav-diamond{transform:translateY(-2px)}
.nav-item.active .nav-diamond{color:var(--accent)}
.nav-item:hover .nav-help{animation:help-tilt .6s ease-in-out}
@keyframes diamond-spark{0%,62%,100%{opacity:0;transform:scale(.3)}70%,83%{opacity:1;transform:scale(1)}90%{opacity:0;transform:scale(.3)}}
@keyframes nav-chat-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes nav-tour-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes help-tilt{0%,100%{transform:rotate(0)}35%{transform:rotate(-12deg)}70%{transform:rotate(8deg)}}
.tour-section{padding-top:56px;padding-bottom:18px;scroll-margin-top:110px}
.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}
.tour-heading h2{font-size:clamp(32px,3.4vw,48px)}
.tour-heading h2>span{color:var(--accent)}
.tour-arrows{display:flex;gap:10px}
.tour-arrows .icon-button{width:48px;height:48px;border:1px solid #414141;background:#1b1b1b;color:#ddd}
.tour-arrows [data-tour-prev] .icon{transform:rotate(180deg)}
.tour-arrows .icon-button:hover{border-color:var(--accent);color:var(--accent);background:#252525}
.tour-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:25px;outline-offset:7px}
.tour-track::-webkit-scrollbar{display:none}
.tour-card{flex:0 0 min(760px,78%);scroll-snap-align:start;scroll-snap-stop:always;min-width:0;border:1px solid #363636;border-radius:25px;overflow:hidden;background:#1b1b1b;transition:border-color .3s}
.tour-card.is-current{border-color:#756927}
.tour-media{position:relative}
.tour-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111;color:var(--accent);pointer-events:none}
.tour-playback{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#171717b8;color:#f1f1ef;backdrop-filter:blur(12px);transition:background .18s,border-color .18s}
.tour-playback:hover{background:#171717e8;border-color:var(--accent)}
.tour-playback:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.tour-playback .icon{width:20px;height:20px}
.tour-playback .icon-play-glyph{fill:currentColor;stroke:none}
.tour-card-copy{display:flex;align-items:center;gap:17px;padding:20px 23px}
.tour-card-copy h3{font-size:25px;line-height:1.15}
.tour-card-copy p{font-size:19px;line-height:1.3;color:#aaa;margin-top:6px}
.tour-number{font-size:18px;color:var(--accent);align-self:flex-start;padding-top:4px}
.tour-duration{font-size:16px;color:#999;margin-left:auto;white-space:nowrap;align-self:flex-start;padding-top:6px}
.tour-pagination{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;gap:6px;margin:20px auto 0;padding:6px;border:1px solid #ffffff16;border-radius:100px;background:#1e1f21;box-shadow:inset 0 1px 0 #ffffff06}
.tour-pagination button{position:relative;display:grid;place-items:center;width:66px;min-height:46px;padding:7px 12px;border:1px solid transparent;border-radius:100px;color:#b9bbbd;transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--ease)}
.tour-pagination button:is(:hover,:focus-visible){color:#f1f1ef;background:#343638}
.tour-pagination button:active{transform:scale(.94)}
.tour-pagination button[aria-pressed=true]{color:#151515;background:var(--accent);box-shadow:0 3px 14px #ffd70512}
.tour-pagination .tour-page-number{display:block;width:auto;height:auto;background:none;font-size:18px;font-weight:600;line-height:1;letter-spacing:.03em;font-variant-numeric:tabular-nums;transform:translateY(-1px)}
.tour-pagination .tour-page-progress{position:absolute;left:17px;right:17px;bottom:8px;display:block;height:2px;border-radius:3px;background:#11111129;opacity:0;overflow:hidden}
.tour-pagination [aria-pressed=true] .tour-page-progress{opacity:1}
.tour-page-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:#151515;transform-origin:left;transform:scaleX(var(--tour-progress,0));transition:transform .25s linear}
@media(max-width:620px){.tour-pagination{gap:5px;padding:5px;margin-top:16px}.tour-pagination button{width:58px;min-height:44px}}
@media(max-width:1150px){
.platform-nav .nav-item{padding-inline:11px;gap:7px}
.platform-nav .nav-item>.icon{width:20px;height:20px}}
@media(max-width:980px){
.tour-card{flex-basis:84%}
.tour-section{scroll-margin-top:150px}
.tour-card-copy h3{font-size:24px}
.tour-card-copy p{font-size:19px}}
@media(max-width:720px){
.platform-nav .nav-item{gap:6px;padding-inline:12px;font-size:17px}
.platform-nav .nav-item>.icon{display:block;width:19px;height:19px}
.tour-section{padding-top:42px}
.tour-heading{margin-bottom:18px;gap:16px}
.tour-heading h2{font-size:34px;max-width:300px}
.tour-arrows{gap:7px}
.tour-arrows .icon-button{width:42px;height:42px}
.tour-card{flex-basis:92%;border-radius:21px}
.tour-track{gap:14px;border-radius:21px}
.tour-card-copy{padding:18px;gap:12px}
.tour-card-copy h3{font-size:22px}
.tour-card-copy p{font-size:18px}
.tour-number{font-size:16px}
.tour-duration{display:none}}
@media(max-width:520px){
.platform-nav{display:grid;grid-template-columns:.8fr 1.3fr 1fr .75fr;overflow:visible;gap:2px}
.platform-nav .nav-item{padding:7px 3px;font-size:15px;min-height:45px;gap:4px}
.platform-nav .nav-item>.icon{width:18px;height:18px}
.platform-nav .nav-item>span{min-width:0;white-space:normal;line-height:1.12;text-align:left}
.tour-heading h2{font-size:31px}
.tour-arrows .icon-button{width:38px;height:38px}
.tour-card-copy{padding:16px 14px}
.tour-card-copy h3{font-size:21px}
.tour-card-copy p{font-size:18px}
.tour-number{display:none}}
@media(prefers-reduced-motion:reduce){
.nav-item.active .nav-chat,.nav-item.active .nav-tour,.nav-diamond .diamond-glint,.nav-item:hover .nav-help{animation:none}
.tour-track{scroll-behavior:auto}
.nav-item:hover>.icon{transform:none}}
@media(max-width:520px){
.locale-menu{position:fixed;top:64px;right:12px;left:auto}}


/* Product previews share a header, corner action, inset and spacing rhythm. */
.product-section{padding-top:76px;padding-bottom:16px;scroll-margin-top:100px}
.product-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.product-card{position:relative;display:flex;flex-direction:column;gap:18px;min-width:0;margin:0;padding:26px;text-align:left;background:#1b1b1b;border:1px solid #343434;border-radius:26px;overflow:hidden;transition:background .25s,border-color .25s}
.product-card:hover{background:#202020;border-color:#666}.product-card:focus-visible{outline-offset:4px}
.product-card[data-preview=map]{grid-row:span 2;padding:30px;gap:22px}
.product-card-copy{display:block;min-width:0}.product-card-copy strong{display:block;padding-right:58px;font-size:30px;line-height:1.15;letter-spacing:-.025em;font-weight:500}
.product-card-copy>span{display:block;margin-top:12px;font-size:21px;line-height:1.4;color:#aaa;max-width:540px}
.product-card:not([data-preview=map]) .product-card-copy strong{font-size:28px}.product-card:not([data-preview=map]) .product-card-copy>span{font-size:20px;line-height:1.35;min-height:0}
.feature-arrow{position:absolute;right:25px;top:24px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #444;border-radius:50%;color:var(--accent);transition:background .25s,border-color .25s,transform .25s}
.product-card[data-preview=map] .feature-arrow{right:29px;top:28px}.feature-arrow .icon{width:22px;height:22px}.product-card:hover .feature-arrow{background:#ffd70513;border-color:#827126;transform:rotate(-35deg)}
.product-visual{min-width:0;width:100%;margin-top:auto;overflow:hidden}
.product-map{display:flex;align-items:center;justify-content:center;flex:1;background:none;padding-block:4px;overflow:visible}
.product-map .map-preview-svg{display:block;width:100%;height:auto;max-width:850px;overflow:visible;transform:none}
.preview-area-label{font-family:inherit;font-weight:500;font-size:27px;letter-spacing:-.02em;fill:#c9c9c9}.preview-area-count{font-family:inherit;font-size:25px;font-weight:500;fill:var(--accent)}.preview-area-count.is-needed{fill:#65c9fa}
.preview-leader{fill:none;stroke:#656565;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.preview-guide-arc{fill:none;stroke:#ffffff0b;stroke-width:1;stroke-dasharray:2 9}
.preview-spoke:hover .preview-area-label{fill:#fff}.preview-spoke:hover .preview-leader{stroke:var(--accent)}.preview-spoke-dots{transform-box:fill-box;transform-origin:center bottom}.map-preview-frame.is-current .preview-spoke-dots{animation:feature-spoke-in .8s calc(var(--spoke)*.07s) ease-out both}
.feature-map-caption{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.3;color:#999;padding-top:14px;border-top:1px solid #ffffff0d}
.feature-map-caption>i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.feature-map-pages{display:flex;align-items:center;gap:5px;margin-left:auto}.feature-map-pages i{display:block;width:5px;height:5px;border-radius:10px;background:#535353;transition:background .3s,width .3s}.feature-map-pages i.is-current{width:18px;background:var(--accent)}
.product-portrait{display:flex;align-items:center;justify-content:center;gap:25px;height:114px;padding:10px 18px;background:#111;border:1px solid #ffffff08;border-radius:16px}
.feature-portrait-glyph{flex:0 0 88px;height:100px;display:grid;place-items:center}.feature-portrait-glyph svg{display:block;width:88px;height:100px}.feature-portrait-glyph circle{fill:var(--accent);opacity:.8;animation:feature-portrait-dot 4s calc(var(--i)*.03s) ease-in-out infinite}
.feature-context-lines{display:grid;gap:6px;min-width:0;flex:1;max-width:220px}.feature-context-lines>span{display:flex;align-items:center;gap:10px;min-width:0;min-height:27px;color:#aaa;font-size:18px;line-height:1.2}.feature-context-lines i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#7c7c7c}.feature-context-lines>span:first-child{color:#ddd}.feature-context-lines>span:first-child i{background:var(--accent)}
.product-files{display:grid;gap:8px;height:114px;align-content:center;overflow:visible;background:none}
.feature-file-row{display:flex;align-items:center;gap:13px;min-width:0;height:53px;padding:8px 13px;border:1px solid #383838;background:#121212;border-radius:12px;transition:transform .3s,border-color .3s}
.feature-file-row>.icon{width:24px;height:24px;color:var(--accent)}.feature-file-row>span{display:block;min-width:0}.feature-file-row strong{display:block;font-size:19px;line-height:1.1;font-weight:400;letter-spacing:-.01em;color:#ddd}.feature-file-row small{display:block;margin-top:4px;font-size:14px;line-height:1;color:#888}.feature-file-row>i{display:block;margin-left:auto;width:5px;height:5px;border-radius:50%;background:#626262;flex-shrink:0}.product-card:hover .feature-file-row{border-color:#646049}.product-card:hover .feature-file-row:last-child{transform:translateX(3px)}
@keyframes feature-spoke-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes feature-portrait-dot{0%,100%{opacity:.45}50%{opacity:1}}

/* FAQ is a light grid of individual questions, without the empty side column. */
.faq-section{max-width:1180px;padding-top:68px;padding-bottom:16px;scroll-margin-top:110px}
.faq-panel{display:block;padding:0;border:0;background:none;border-radius:0}
.faq-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.faq-header h2{font-size:38px;line-height:1.15;letter-spacing:-.03em}.faq-header .text-link{gap:12px;min-height:44px;font-size:20px;color:var(--accent)}.faq-header .text-link .icon{width:20px;height:20px}.faq-header .text-link:hover .icon{transform:translateX(3px)}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;border:0;min-width:0}
.faq-item{min-width:0;margin:0;border:1px solid #343434;background:#191919;border-radius:16px;transition:background .25s,border-color .25s;overflow:hidden}.faq-item:hover{background:#202020;border-color:#555}.faq-item[open]{background:#1e1e1e;border-color:#665c2d}
.faq-item summary{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:18px;min-height:90px;padding:18px 21px;list-style:none;font-size:21px;line-height:1.3;font-weight:400;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{min-width:0;overflow-wrap:anywhere}.faq-item summary .icon{display:block;box-sizing:border-box;width:28px;height:28px;padding:5px;border:1px solid #484848;border-radius:50%;color:#aaa;transition:transform .25s,color .25s,border-color .25s}
.faq-item[open] summary{color:#eee}.faq-item[open] summary .icon{transform:rotate(45deg);color:var(--accent);border-color:#74672c}
.faq-item>p{margin:0;padding:0 22px 22px;font-size:19px;line-height:1.5;color:#aaa;max-width:100%}
@media(max-width:1150px){.product-card{padding:23px}.product-card[data-preview=map]{padding:25px;gap:18px}.product-card-copy>span{font-size:20px}.feature-arrow{right:22px;top:21px}.product-card[data-preview=map] .feature-arrow{right:24px;top:23px}.product-portrait{gap:15px;padding-inline:12px}.feature-portrait-glyph{flex-basis:72px}.feature-portrait-glyph svg{width:72px;height:90px}.feature-context-lines>span{font-size:18px}.preview-area-label{font-size:29px}.faq-item summary{font-size:20px;padding-inline:19px}}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card[data-preview=map]{grid-column:1/-1;grid-row:auto}.product-map{flex:none;max-width:760px;align-self:center}.product-card:not([data-preview=map]) .product-visual{height:120px}.product-portrait{gap:20px}.faq-section{scroll-margin-top:150px}}
@media(max-width:900px){.faq-list{grid-template-columns:minmax(0,1fr)}.faq-item summary{min-height:72px;padding:18px 21px;font-size:21px}}
@media(max-width:720px){.product-section{padding-top:54px}.product-grid{grid-template-columns:minmax(0,1fr);gap:16px}.product-card,.product-card[data-preview=map]{grid-column:auto;grid-row:auto;padding:24px;gap:20px;border-radius:23px}.product-card-copy strong,.product-card:not([data-preview=map]) .product-card-copy strong{font-size:29px}.product-card-copy>span,.product-card:not([data-preview=map]) .product-card-copy>span{font-size:21px;min-height:0}.feature-arrow,.product-card[data-preview=map] .feature-arrow{right:23px;top:22px}.product-card:not([data-preview=map]) .product-visual{height:142px}.product-portrait{gap:28px;padding:17px 22px}.feature-portrait-glyph{flex-basis:92px;height:108px}.feature-portrait-glyph svg{width:92px;height:108px}.feature-context-lines>span{font-size:20px;min-height:30px}.feature-file-row{height:65px;padding-inline:16px}.feature-file-row strong{font-size:21px}.feature-file-row small{font-size:16px}.feature-map-caption{font-size:18px}.preview-area-label{font-size:31px}.preview-area-count{font-size:29px}.faq-section{padding-top:48px}.faq-header{margin-bottom:19px}.faq-header h2{font-size:34px}.faq-header .text-link{font-size:19px}.faq-item summary{font-size:20px;gap:15px}.faq-item>p{font-size:19px}.faq-list{gap:10px}}
@media(max-width:520px){.platform-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.platform-nav .nav-item{font-size:17px;padding-inline:7px;gap:7px}.product-card,.product-card[data-preview=map]{padding:22px;gap:19px}.product-card-copy strong,.product-card:not([data-preview=map]) .product-card-copy strong{font-size:28px}.feature-arrow,.product-card[data-preview=map] .feature-arrow{top:20px;right:21px;width:36px;height:36px}.product-map{width:calc(100% + 20px);max-width:none;margin-inline:-10px}.preview-area-label{font-size:40px}.preview-area-count{font-size:36px}.feature-map-caption{font-size:17px}.product-portrait{gap:18px;padding-inline:16px}.feature-portrait-glyph{flex-basis:75px}.feature-portrait-glyph svg{width:75px;height:100px}.feature-context-lines>span{font-size:18px;gap:8px}.feature-file-row strong{font-size:20px}.faq-item summary{font-size:20px;min-height:78px;padding:17px 18px}.faq-item>p{padding-inline:18px}.faq-header h2{font-size:32px}.faq-header .text-link{font-size:18px}}
@media(max-width:360px){.platform-nav .nav-item{font-size:16px;gap:5px}.product-card,.product-card[data-preview=map]{padding:20px}.product-card-copy strong,.product-card:not([data-preview=map]) .product-card-copy strong{font-size:27px}.product-card-copy>span,.product-card:not([data-preview=map]) .product-card-copy>span{font-size:20px}.feature-arrow,.product-card[data-preview=map] .feature-arrow{right:19px;top:18px}.preview-area-label{font-size:44px}.preview-area-count{font-size:40px}.feature-portrait-glyph{flex-basis:60px}.feature-portrait-glyph svg{width:60px}.product-portrait{gap:13px;padding-inline:12px}.feature-context-lines>span{font-size:18px}.feature-file-row{padding-inline:12px}.feature-file-row strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.map-preview-frame.is-current .preview-spoke-dots,.feature-portrait-glyph circle{animation:none}.product-card:hover .feature-arrow,.product-card:hover .feature-file-row:last-child{transform:none}}

@media(max-width:520px){.preview-area-count{transform:translateY(20px)}.preview-leader{display:none}}

/* Conversation-first heading and borderless graphite chat. */
@media(max-width:720px){
 .hero{padding-top:28px}
 .hero-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px;padding:0}
 .hero-heading .eyebrow{order:0;border:0;padding:0;max-width:none;font-size:18px}
 .hero h1{font-size:clamp(40px,7.3vw,52px)}
 .chat-panel{border-radius:24px}
 .chat-bottom{padding:10px 18px 18px}
}
@media(max-width:520px){
 .composer{display:flex;min-height:68px;gap:6px;padding:8px}
 .composer textarea{grid-column:auto;grid-row:auto;font-size:19px;padding:0 4px;line-height:26px;min-height:26px}
 .composer-attach{width:34px;min-width:34px;height:42px;grid-column:auto;grid-row:auto}
 .composer-attach .icon{width:22px;height:22px}
 .composer-actions{grid-column:auto;grid-row:auto;margin-left:0}
 .send-button{width:44px;height:44px}
 .chat-bottom{padding:10px 14px 16px}
}
@media(max-width:360px){.hero h1{font-size:40px}.hero-heading{gap:16px}.chat-bottom{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.hero-heading.visible .hero-title-line{animation:none}}

.hero h1{flex:1;min-width:0;padding-right:.12em;overflow-wrap:break-word}
.hero-heading>.eyebrow{flex-shrink:0;width:210px}
.chat-panel:not(.has-messages) .messages{height:auto;min-height:var(--message-height);overflow:visible}
.chat-panel .chat-welcome{height:auto;min-height:0;padding-block:8px}
@media(max-width:720px){.hero h1{flex:none;width:100%}.hero-heading>.eyebrow{width:auto}}

/* Family and Enterprise are arranged with the team and billed annually. */
.plan-card.family .plan-terms{margin-top:0}
.pro-contact-terms{margin-top:16px;color:var(--muted)}
.pro-contact-button{display:flex;width:100%;margin-top:12px}

#modal .modal-top .icon{pointer-events:none}

.plan-details{display:flex;flex-direction:column;min-width:0}

/* November pricing: four plans and the iXo Haven introduction. */
.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;max-width:none}
.plan-card{min-width:0;padding:25px;max-width:none}
.plan-name{font-size:clamp(29px,2.7vw,40px);overflow-wrap:normal;letter-spacing:-.04em}
.plan-title{font-size:clamp(23px,2vw,28px);line-height:1.18}
.plan-description,.plan-features li{font-size:18px;line-height:1.4}
.plan-price strong{font-size:clamp(34px,2.85vw,49px)}
.plan-price span{font-size:16px}
.plan-haven{position:relative;z-index:3;display:flex;align-items:center;gap:10px;min-height:82px;padding:9px 12px 9px 9px;margin:0 0 16px;color:var(--ink);background:#111;border:1px solid #4b4b4b;border-radius:18px;text-decoration:none;transition:border-color .25s,transform .25s,background .25s}
.plan-haven:hover{border-color:#ffd705;background:#24221a;transform:translateY(-2px)}
.plan-haven-image{width:65px;height:60px;display:grid;place-items:center;overflow:hidden;flex:none;background:#080808;border-radius:11px}
.plan-haven-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.plan-haven:hover img{transform:scale(1.08) rotate(-2deg)}
.plan-haven-copy{display:grid;gap:4px;min-width:0;flex:1}
.plan-haven-copy strong{font-size:18px;line-height:1.15;font-weight:600}
.plan-haven-copy>span{font-size:16px;line-height:1.25;color:#bcbcb7}
.plan-haven>.icon{width:18px;height:18px;flex:none;color:#ffd705}
.family .plan-haven{background:#151515;color:#fff;border-color:#151515}
.family .plan-haven:hover{background:#292511}
@media(max-width:1199px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plan-name{font-size:38px}.plan-title{font-size:27px}.plan-price strong{font-size:46px}}
@media(min-width:701px) and (max-width:980px){.plan-card{grid-template-columns:minmax(0,1fr);column-gap:0}.plan-card .plan-main{grid-column:1;grid-row:1;min-width:0}.plan-card .plan-cta{grid-column:1;grid-row:2;width:100%}.plan-card .plan-details{grid-column:1;grid-row:3;min-width:0}}
@media(max-width:700px){.plans-grid{grid-template-columns:minmax(0,1fr);gap:16px}.plan-card{display:flex;padding:25px;max-width:none}.plan-name{font-size:36px}.plan-title,.plan-description,.plan-terms{min-height:0}.plan-price{margin-top:22px}.plan-price strong{font-size:46px}}
@media(prefers-reduced-motion:reduce){.plan-haven,.plan-haven img{transition:none}.plan-haven:hover{transform:none}}

/* Key details lead the comparison on all four cards. */
.plan-card.family .plan-haven { color: #fff; }
.plan-card .plan-haven { min-height: 94px; margin: 16px 0 0; }
.plan-card .plan-features { margin-top: 14px; padding-top: 14px; }
.plan-card .plan-key { color: var(--ink); }
.plan-card.pro .plan-cta:focus-visible { outline-color: #151515; }
.plan-card .plan-key:hover { transform: none; background: #111; border-color: #4b4b4b; }
.plan-card .plan-key-value {
  color: var(--accent);
  font-size: clamp(22px, 2.25vw, 34px);
  font-variant-numeric: tabular-nums;
  flex: none;
}
.plan-card .plan-price strong { white-space: normal; overflow-wrap: anywhere; }
.plan-card:is(.family,.enterprise) .plan-price strong { font-size: clamp(30px, 2.85vw, 46px); }

.plan-period-switch {
  display: inline-flex;
  align-self: start;
  justify-self: start;
  flex: none;
  flex-wrap: wrap;
  gap: 3px;
  width: max-content;
  max-width: 100%;
  margin: 5px 0 8px;
  padding: 3px;
  border: 1px solid #171717;
  border-radius: 18px;
  background: #171717;
  color: #fff;
}
.plan-period-switch[hidden] { display: none; }
.plan-period-switch button {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-height: 36px;
  padding: 5px 8px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.plan-period-switch button[aria-pressed="true"] {
  background: #ffd705;
  color: #171717;
}
.plan-period-switch button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}
.plan-period-switch button[aria-pressed="true"]:focus-visible { outline-color: #171717; }
.plan-period-discount {
  padding: 3px 4px;
  border-radius: 7px;
  background: #ffd705;
  color: #171717;
  font-size: 10px;
  line-height: 1;
}
.plan-period-switch button[aria-pressed="true"] .plan-period-discount {
  background: #171717;
  color: #ffd705;
}
@media (max-width: 700px) {
  .plan-period-switch button { min-height: 44px; }
}

.plan-card.pro .plan-period-switch { position: relative; z-index: 3; pointer-events: auto; }


@media (min-width: 701px) {
  @supports (grid-template-rows: subgrid) {
    .plans-grid { row-gap: 0; }
    .plans-grid > .plan-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: subgrid;
      grid-row: span 10;
      align-items: start;
      row-gap: 0;
      margin-bottom: 18px;
    }
    .plan-card :is(.plan-main, .plan-details) { display: contents; }
    .plan-card :is(.plan-main, .plan-details) > * { grid-column: 1; }
    .plan-card .plan-name { grid-row: 1; }
    .plan-card .plan-title { grid-row: 2; min-height: 0; }
    .plan-card .plan-description { grid-row: 3; min-height: 0; }
    .plan-card .plan-price { grid-row: 4; }
    .plan-card .plan-period-switch { grid-row: 5; }
    .plan-card .plan-terms { grid-row: 6; min-height: 0; }
    .plan-card .plan-cta { grid-row: 7; }
    .plan-card .plan-haven { grid-row: 8; align-self: stretch; }
    .plan-card .plan-feature-group { grid-row: 9; }
    .plan-card :is(.plan-note,.plan-support) { grid-row: 10; }
  }
}
.plan-feature-group{min-width:0}
.plan-feature-heading{font-size:13px;text-transform:uppercase;font-weight:600;margin-top:14px}
.plan-card .plan-feature-heading + .plan-features{margin-top:6px;padding-top:0;border-top:0}
.plan-feature-badge{display:inline-block;font-size:.72em;font-weight:600;border:1px solid currentColor;border-radius:6px;padding:0 5px;margin-inline-start:6px;vertical-align:middle}
.plan-feature-unavailable{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.plan-feature-locked{opacity:.7}
.plan-support{display:grid;gap:3px;border-top:1px solid var(--line);padding-top:14px;font-size:15px}
.plan-support span{color:var(--muted)}
.plan-cloud-info{display:inline-block;margin-inline-start:6px;pointer-events:auto;position:relative;z-index:2}
.plan-cloud-info summary{cursor:pointer;list-style:none}
.plan-cloud-info[open]{display:block;margin:4px 0 0}
.plan-cloud-info p{font-size:.85em;margin:4px 0 0}
@media(max-width:700px){.plans-foot{align-items:flex-start;flex-direction:column;gap:10px}}

.haven-section { padding-block: 34px 68px; scroll-margin-top: 100px; }
.haven-panel {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: max(680px, calc(100svh - 96px));
  overflow: hidden;
  border: 1px solid #343434;
  border-radius: 36px;
  background: #141515;
}
.haven-copy {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto 1fr auto;
  column-gap: 40px;
  align-items: start;
  width: 100%;
  padding: clamp(38px, 4.6vw, 70px);
}
.haven-copy h2 {
  grid-area: 1 / 1;
  margin: 0;
  color: #f7f7f4;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.055em;
}
.haven-copy h2 span { color: #ffd705; }
.haven-kicker {
  grid-area: 1 / 2;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 0;
  color: #e8e8e4;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;
}
.haven-kicker > span { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #ffd705; }
.haven-lead {
  grid-area: 2 / 1;
  align-self: end;
  max-width: 570px;
  margin: 0 0 clamp(30px, 4vh, 46px);
  color: #fff;
  font-size: clamp(39px, 4.1vw, 62px);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.055em;
}
.haven-bottom {
  grid-area: 3 / 1 / 4 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  padding-top: 24px;
  border-top: 1px solid #ffffff66;
}
.haven-description { max-width: 440px; margin: 0; color: #eee; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.45; }
.haven-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex: none;
  gap: 38px;
  min-height: 56px;
  padding: 15px 22px;
  border-radius: 999px;
  background: #ffd705;
  color: #111;
  font-size: 16px;
  font-weight: 650;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.haven-action .icon { flex: none; width: 20px; height: 20px; }
.haven-action:hover { background: #ffe355; transform: translateY(-2px); }
.haven-action:focus-visible, a.plan-haven:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.haven-visual { position: absolute; inset: 0; background: #111; }
.haven-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #0008 0%, #0005 48%, #000a 100%);
}
.haven-poster, .haven-film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.haven-film { opacity: 0; pointer-events: none; transition: opacity .4s ease; }
.haven-visual.is-playing .haven-film { opacity: 1; }

@media (min-width: 801px) and (max-width: 1150px) {
  /* Leave room for the fixed support launcher at the right edge. */
  .haven-action { margin-inline-end: 28px; }
}
@media (max-width: 800px) {
  .haven-section { padding-block: 24px 45px; }
  .haven-panel { min-height: max(720px, calc(100svh - 76px)); border-radius: 27px; }
  .haven-copy { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr auto; gap: 0; padding: 34px 26px 30px; }
  .haven-copy h2 { font-size: clamp(32px, 9vw, 45px); }
  .haven-kicker { grid-area: 2 / 1; justify-self: start; margin-top: 14px; font-size: 11px; }
  .haven-lead { grid-area: 3 / 1; max-width: 400px; margin-bottom: 30px; font-size: clamp(34px, 9vw, 48px); }
  .haven-bottom { grid-area: 4 / 1; align-items: start; flex-direction: column; gap: 24px; padding-top: 20px; }
  .haven-description { max-width: 360px; font-size: 16px; }
  .haven-action { max-width: calc(100% - 58px); gap: 12px; padding-inline: 16px; }
}
@media (max-width: 380px) {
  .haven-copy { padding: 30px 20px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .haven-film { display: none; }
  .haven-action { transition: none; }
  .haven-action:hover { transform: none; }
}

/* Equal side tracks center navigation; compact controls keep one header row. */
.topbar{
 --header-control:52px;--header-radius:16px;
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;
 min-height:82px;padding:15px 32px;gap:24px;
 background:#111111c2;border-bottom:1px solid #ffffff19;
 -webkit-backdrop-filter:blur(18px) saturate(110%);backdrop-filter:blur(18px) saturate(110%);
 box-shadow:none;
}
.topbar .brand{grid-column:1;grid-row:1;min-height:var(--header-control);align-items:center}
.topbar .brand img{width:70px;height:auto}
.topbar .platform-nav{
 display:flex;align-items:center;justify-content:center;justify-self:center;
 grid-column:2;grid-row:1;gap:2px;width:max-content;max-width:100%;
 height:var(--header-control);min-width:0;margin:0;padding:4px;
 border:0;border-radius:var(--header-radius);background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff0a;overflow:visible;
}
.topbar .nav-item{
 display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:9px;
 min-height:0;height:calc(var(--header-control) - 8px);padding:0 17px;
 border:0;border-radius:12px;background:transparent;color:#c7c9cb;
 font-size:18px;line-height:1.2;white-space:nowrap;
 transition:color .2s,background .2s;
}
.topbar .nav-item.active{background:#ffffff20;color:var(--ink)}
.topbar .nav-item:hover{background:#ffffff12;color:var(--ink)}
.topbar .nav-item.active:hover{background:#ffffff26}
.topbar .nav-item>.icon{display:block;width:21px;height:21px;flex-shrink:0}
.topbar .nav-item>span{white-space:nowrap;line-height:1.2;text-align:center}
.topbar .top-actions{display:flex;align-items:center;justify-self:end;grid-column:3;grid-row:1;gap:8px}
.topbar .header-login,.topbar .header-signup,.topbar .locale-trigger{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
 height:var(--header-control);min-height:0;padding:0 20px;
 border:0;border-radius:var(--header-radius);font-size:19px;line-height:1.2;font-weight:500;
 white-space:nowrap;outline:none;outline-offset:0;
 transition:background .2s,color .2s,box-shadow .2s;
}
.topbar .header-login{background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff0a;color:var(--ink)}
.topbar .header-login .icon{display:none;width:21px;height:21px}
.topbar .header-login:hover{background:#ffffff19}
.topbar .header-signup{background:var(--accent);color:#111}
.topbar .header-signup:hover{background:#ffe34b}
.topbar .header-signup .icon{display:block;width:21px;height:21px}
.topbar .locale-control{position:relative;display:flex;align-items:center;min-height:0;padding:0;color:#d0d1d2}
.topbar .locale-trigger{width:var(--header-control);min-width:var(--header-control);height:var(--header-control);padding:0;gap:0;background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff0a}
.topbar .locale-trigger:hover,.topbar .locale-trigger[aria-expanded=true]{background:#ffffff19;border:0;color:#fff}
.topbar .locale-trigger .locale-globe{display:block;width:23px;height:23px}
.topbar .locale-menu{top:calc(100% + 10px);right:0;padding:6px;background:#232425;border:1px solid #414244;border-radius:16px;box-shadow:0 14px 40px #0007}
.topbar .locale-menu button{min-height:48px;padding:11px 12px;border-radius:10px}
.topbar .locale-menu button:hover{background:#343537}
.topbar .locale-menu button[aria-checked=true]{background:#30312b}
.topbar :is(a,button):focus{outline:none;outline-offset:0}
.topbar :is(a,button):focus-visible{outline:none;box-shadow:inset 0 0 0 2px #c2c5c7}
.topbar .header-signup:focus-visible{box-shadow:inset 0 0 0 2px #111,0 0 0 2px #c2c5c7}
.topbar .locale-menu button:focus-visible{background:#343537}
.locale-flag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px}
.locale-flag img{display:block;width:28px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff1f}
.topbar .top-actions .menu-button{display:none}
@media(max-width:1280px){
 .topbar{padding-inline:24px;gap:18px}
 .topbar .nav-item{padding-inline:13px;font-size:18px;gap:8px}
 .topbar .header-login,.topbar .header-signup{padding-inline:17px}
}
@media(max-width:1150px){
 .topbar{--header-control:46px;--header-radius:14px;padding:12px 20px;gap:16px}
 .topbar .brand img{width:56px}
 .topbar .nav-item{height:38px;padding-inline:10px;font-size:16px;gap:7px;border-radius:10px}
 .topbar .nav-item>.icon{width:19px;height:19px}
 .topbar .header-login,.topbar .header-signup{font-size:17px;padding-inline:12px}
 .topbar .header-login{position:relative;width:var(--header-control);padding:0}
 .topbar .header-login .icon{display:block}
 .topbar .header-login>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .topbar .header-signup>.icon{display:none}
 .topbar .top-actions{gap:6px}
}
@media(max-width:900px){
 .topbar{grid-template-columns:auto minmax(0,1fr)}
 .topbar .platform-nav{display:none}
 .topbar .top-actions{grid-column:2;grid-row:1}
 .topbar .top-actions .menu-button{display:inline-flex;align-items:center;justify-content:center;width:var(--header-control);height:var(--header-control);border:0;border-radius:var(--header-radius);background:#232425;color:var(--ink)}
 .topbar .top-actions .menu-button:hover{background:#343537}
}
@media(max-width:720px){
 .topbar{min-height:66px;padding:10px 16px;gap:12px}
 .topbar .brand img{width:56px}
 .topbar .header-signup{font-size:17px;padding-inline:12px}
}
@media(max-width:360px){
 .topbar{--header-control:44px;min-height:64px;padding:10px 12px;gap:8px}
 .topbar .brand img{width:44px}
 .topbar .top-actions{gap:5px}
 .topbar .header-login{display:inline-flex;width:auto;padding-inline:10px}
 .topbar .header-login>span{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto}
 .topbar .header-login .icon{display:none}
 .topbar .header-signup{display:none}
}
@media(prefers-reduced-motion:reduce){.topbar :is(a,button){transition:none}}

/* Rounded, optically balanced navigation icons and one moving selected surface. */
.topbar .platform-nav{position:relative;isolation:isolate;border-radius:999px}
.topbar .platform-nav:before{content:'';position:absolute;left:0;top:0;z-index:0;width:var(--nav-highlight-width,0px);height:var(--nav-highlight-height,0px);transform:translate3d(var(--nav-highlight-x,0px),var(--nav-highlight-y,0px),0);border-radius:999px;background:#3a3a3a;box-shadow:inset 0 0 0 1px #ffffff05;opacity:0;pointer-events:none;transition:transform .42s var(--ease),width .42s var(--ease),height .3s var(--ease),opacity .2s}
.topbar .platform-nav.has-nav-highlight:before{opacity:1}
.topbar .platform-nav .nav-item{position:relative;z-index:1;border-radius:999px;transition:color .25s,background .25s}
.topbar .platform-nav.has-nav-highlight .nav-item.active{background:transparent}
.topbar .nav-item>.icon{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible;animation:none;transform:none;transition:transform .35s var(--ease),color .25s,filter .35s}
.topbar .nav-item:is(:hover,:focus-visible)>.icon{transform:translateY(-1px);filter:drop-shadow(0 2px 5px #ffd70524);color:var(--accent)}
.topbar .nav-chat-dot,.topbar .nav-tour-play{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:center}
.topbar .nav-gem-facets{stroke-width:1.85}
.topbar .nav-diamond .diamond-glint{stroke-width:1.8;opacity:0;animation:none;transform-origin:20.5px 3.5px;color:var(--accent)}
.topbar .nav-item:is(.active,:hover,:focus-visible) .nav-chat-dot{animation:nav-dot-reply 4.6s ease-in-out infinite}
.topbar .nav-item:is(.active,:hover,:focus-visible) .nav-chat-dot:nth-of-type(2){animation-delay:.14s}
.topbar .nav-item:is(.active,:hover,:focus-visible) .nav-chat-dot:nth-of-type(3){animation-delay:.28s}
.topbar .nav-item:is(.active,:hover,:focus-visible) .nav-tour-play{animation:nav-play-pulse 3.8s ease-in-out infinite}
.topbar .nav-item:is(.active,:hover,:focus-visible) .diamond-glint{animation:nav-gem-shine 4.2s ease-in-out infinite}
@keyframes nav-dot-reply{0%,12%,36%,100%{transform:translateY(0);opacity:.9}24%{transform:translateY(-1.9px);opacity:1}}
@keyframes nav-play-pulse{0%,12%,43%,100%{transform:translateX(0) scale(1);opacity:.9}26%{transform:translateX(.65px) scale(1.12);opacity:1}}
@keyframes nav-gem-shine{0%,14%,48%,100%{opacity:0;transform:scale(.5) rotate(-12deg)}28%{opacity:1;transform:scale(1) rotate(0)}38%{opacity:.65;transform:scale(.85) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){
 .topbar .platform-nav:before,.topbar .nav-item>.icon{transition:none}
 .topbar .nav-item:is(.active,:hover,:focus-visible) :is(.nav-chat-dot,.nav-tour-play,.diamond-glint){animation:none;transform:none}
 .topbar .nav-item:is(:hover,:focus-visible)>.icon{transform:none}
}

/* Keep the uniform tint legible when translucent glass is unavailable. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar{background:#111}}
@media(prefers-reduced-transparency:reduce){.topbar{background:#111;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Compact introduction, generous chat and a connected reading sequence. */
.hero{position:relative;isolation:isolate;padding-top:28px}
.hero-dots{position:absolute;z-index:-1;left:calc(50% - 50vw);top:0;width:100vw;height:100%;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
.hero-heading{margin-bottom:22px;gap:28px}
.hero h1{font-size:clamp(44px,4.4vw,60px);line-height:1.02}
.chat-panel{--message-height:430px}
/* A bright moving highlight belongs to the whole chat, outside the message. */
@property --ixo-chat-turn{syntax:'<angle>';initial-value:0deg;inherits:false}
.chat-panel{position:relative;isolation:isolate;box-shadow:0 0 24px #ffd70512}
.chat-panel:before,.chat-panel:after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--ixo-chat-turn),#ffd70518 0% 8%,#ffd70566 18%,#ffd705 30%,#fff5bd 36%,#ffe45c 43%,#ffd70555 58%,#ffd70518 72% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ixo-chat-glow 8s linear infinite}
.chat-panel:before{padding:2px;opacity:1}
.chat-panel:after{padding:7px;filter:blur(9px);opacity:.65}
@keyframes ixo-chat-glow{to{--ixo-chat-turn:360deg}}
@media(prefers-reduced-motion:reduce){.chat-panel:before,.chat-panel:after{animation:none;--ixo-chat-turn:35deg}}
.chat-panel:not(.has-messages) .messages{display:flex;align-items:center;justify-content:center}
.chat-welcome{width:100%;flex-shrink:0}
.hero-actions{margin-top:24px;margin-bottom:28px}
/* Each step is one complete card; illustration and copy share its surface. */
.principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.principle{
 display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-rows:24px auto;
 gap:14px 24px;align-items:center;min-width:0;min-height:228px;padding:28px;
 border:0;border-radius:24px;background:#1b1c1d;
 transition:background .3s;
}
.principle:hover{background:#202123}
.principle-top{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;height:24px;font-size:19px;color:var(--accent);line-height:1}
.principle-top>span:first-child{display:block;width:auto;height:auto;background:none;border-radius:0}
.principle-top:after{content:'';width:34px;height:1px;background:#505153}
.principle-copy{grid-column:1;grid-row:2;align-self:start;min-width:0}
.principle h3{max-width:none;min-height:68px;margin:0 0 12px;font-size:30px;line-height:1.12}
.principle p{max-width:none;padding:0;margin:0;border:0;font-size:20px;line-height:1.4}
.principle-visual{
 grid-column:2;grid-row:1/3;align-self:center;width:156px;height:154px;
 margin:0;padding:0;border-radius:0;background:none;
}
.principle:hover .principle-visual{background:none}
.principle-visual svg{display:block;width:100%;height:100%;max-width:none}
/* Personal support belongs with the Pro benefits, below the plan introduction. */
.plan-support{display:flex;align-items:center;gap:13px;padding:17px;margin:0 0 20px;background:#1111110d;border:1px solid #1111111f;border-radius:18px;pointer-events:none}
.plan-support-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#1111110c}
.plan-support-icon .icon{width:26px;height:26px}
.plan-support>div{min-width:0}
.plan-support strong{display:block;font-weight:500;font-size:21px;line-height:1.2;margin-bottom:6px}
.plan-support>div>span{display:block;font-size:19px;line-height:1.3;color:#333}
@media(max-width:1150px){
 .principle{grid-template-columns:minmax(0,1fr) 134px;padding:26px;gap:14px 20px}
 .principle-visual{width:134px;height:145px}
 .principle h3{font-size:29px}
}
@media(max-width:980px){
 .hero{padding-top:26px}
 .hero h1{font-size:clamp(42px,5.9vw,58px)}
 .principle{grid-template-columns:1fr 120px;grid-template-rows:94px auto;gap:20px;align-items:start;min-height:0;padding:26px}
 .principle-top{align-self:start}
 .principle-visual{grid-column:2;grid-row:1;width:120px;height:94px;align-self:center}
 .principle-copy{grid-column:1/-1;grid-row:2}
 .principle h3{font-size:29px;min-height:66px}
 .plan-support{width:100%}
}
@media(max-width:720px){
 .hero{padding-top:22px}
 .hero-heading{gap:13px;margin-bottom:20px}
 .hero h1{font-size:clamp(40px,7.3vw,50px)}
 .chat-panel{--message-height:400px}





}
@media(max-width:620px){
 .principles{grid-template-columns:1fr;gap:16px}
 .principle{grid-template-columns:1fr 120px;grid-template-rows:80px auto;gap:17px;padding:24px;border-radius:22px}
 .principle-visual{width:120px;height:90px}
 .principle-copy{grid-column:1/-1;grid-row:2}
 .principle h3{font-size:30px;min-height:0;margin-bottom:12px}
 .principle p{font-size:21px}



}
@media(max-width:360px){
 .hero h1{font-size:40px}


 .principle{padding:22px}
 .principle h3{font-size:29px}
 .principle p{font-size:20px}
 .plan-support{padding:14px;gap:10px}
 .plan-support-icon{width:34px;height:38px}
 .plan-support strong{font-size:20px}
 .plan-support>div>span{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.principle{transition:none}}
.principle h3{min-height:0}
@media(min-width:1151px){.principle{grid-template-columns:minmax(0,1fr) 176px}.principle-visual{width:176px}}
@media(max-width:620px){
 .principle{grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:24px auto;min-height:216px;gap:12px 16px}
 .principle-top{grid-column:1;grid-row:1}
 .principle-copy{grid-column:1;grid-row:2}
 .principle-visual{grid-column:2;grid-row:1/3;width:96px;height:120px;align-self:center}
 .principle h3{font-size:29px}
 .principle p{font-size:20px}
}
@media(max-width:360px){.principle{grid-template-columns:minmax(0,1fr) 76px;padding:20px;column-gap:12px}.principle-visual{width:76px;height:110px}}
@media(max-width:360px){
 .principle{grid-template-rows:56px auto}
 .principle-copy{grid-column:1/-1;grid-row:2}
 .principle-visual{grid-column:2;grid-row:1;height:62px}
 .principle-top{align-self:center}
}
/* Inline counts share one baseline with each map label; rays stay straight. */
.preview-area-count{font-size:inherit;font-weight:500;font-variant-numeric:tabular-nums;fill:var(--accent);transform:none}
.preview-leader{display:block;stroke:#606164;stroke-width:1.2;stroke-linecap:round}
/* A compact FREE card with a solid, dimensional gift and a quiet opening loop. */
.auth-content .auth-gift{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;margin:22px 0 26px;padding:15px 18px 15px 15px;text-align:left;background:linear-gradient(115deg,#2b2d26,#222426);color:#f2f2ed;border:1px solid #ffd70532;border-radius:22px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff05}
.auth-gift-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:21px;color:#151515;background:linear-gradient(145deg,#ffe96a,#ffd705 72%);box-shadow:inset 0 1px 0 #fff8,0 5px 14px #0002;animation:none}
.auth-gift-icon .free-gift-art{display:block;width:70px;height:70px;fill:none;stroke:none;overflow:visible}
.free-gift-art *{transform-box:view-box}
.gift-front,.gift-bow,.gift-spark{fill:#151515}
.gift-side{fill:#4a4313}.gift-top{fill:#514a16}.gift-ribbon{fill:#ffd705}
.gift-shadow{fill:#151515;opacity:.15;transform-origin:47px 85px;animation:gift-shadow-breathe 4.6s ease-in-out infinite}
.gift-box-body{transform-origin:44px 82px;animation:gift-box-settle 4.6s ease-in-out infinite}
.gift-lid{transform-origin:47px 37px;animation:gift-lid-open 4.6s cubic-bezier(.45,0,.2,1) infinite}
.gift-light{fill:#fff5b5;opacity:0;transform-origin:47px 44px;animation:gift-light-reveal 4.6s ease-in-out infinite}
.gift-spark{opacity:0;animation:gift-spark-reveal 4.6s ease-in-out infinite}
.gift-spark-one{transform-origin:18px 24px}.gift-spark-two{transform-origin:79px 18px;animation-delay:.18s}.gift-spark-dot{transform-origin:84px 43px;animation-delay:.32s}
.auth-gift-copy{display:flex;flex-direction:column;min-width:0;gap:7px}
.auth-content .auth-gift-copy strong{font-size:24px;line-height:1.16;font-weight:600;color:#f2f2ed;letter-spacing:-.015em}
.auth-gift-free{color:var(--accent)}
.auth-content .auth-gift-copy>span{font-size:18px;line-height:1.35;color:#b6b8b2}
.auth-content:focus-within .free-gift-art *,.icons-paused .free-gift-art *{animation-play-state:paused!important}
@keyframes gift-lid-open{0%,12%,76%,100%{transform:translate(0,0) rotate(0)}32%,49%{transform:translate(-1px,-10px) rotate(-6deg)}61%{transform:translate(0,1.3px) rotate(1deg)}68%{transform:translate(0,-1px) rotate(0)}}
@keyframes gift-box-settle{0%,12%,76%,100%{transform:scale(1,1)}32%,49%{transform:scale(1.02,.97)}61%{transform:scale(.98,1.02)}}
@keyframes gift-shadow-breathe{0%,12%,76%,100%{transform:scaleX(1);opacity:.15}32%,49%{transform:scaleX(.9);opacity:.1}}
@keyframes gift-light-reveal{0%,16%,61%,100%{opacity:0;transform:scaleY(.2)}30%,46%{opacity:.7;transform:scaleY(1)}}
@keyframes gift-spark-reveal{0%,16%,65%,100%{opacity:0;transform:translateY(4px) scale(.5)}30%,43%{opacity:.8;transform:translateY(-2px) scale(1)}55%{opacity:0;transform:translateY(-6px) scale(.7)}}
@media(min-width:721px) and (max-height:780px){
 .auth-content .auth-gift{grid-template-columns:64px minmax(0,1fr);margin:18px 0 22px;padding:12px 15px 12px 12px;gap:16px}
 .auth-gift-icon{width:64px;height:64px;border-radius:18px}.auth-gift-icon .free-gift-art{width:61px;height:61px}
 .auth-content .auth-gift-copy strong{font-size:22px}.auth-content .auth-gift-copy>span{font-size:17px}
}
@media(max-width:620px){
 .auth-content .auth-gift{grid-template-columns:62px minmax(0,1fr);padding:13px;gap:14px;margin:22px 0 25px;border-radius:19px}
 .auth-gift-icon{width:62px;height:66px;border-radius:17px}.auth-gift-icon .free-gift-art{width:60px;height:60px}
 .auth-content .auth-gift-copy strong{font-size:22px}.auth-content .auth-gift-copy>span{font-size:17px}
}
@media(max-width:360px){.auth-content .auth-gift{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px}.auth-gift-icon{width:54px;height:62px;border-radius:16px}.auth-gift-icon .free-gift-art{width:56px;height:56px}.auth-content .auth-gift-copy strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.free-gift-art *{animation:none!important;transform:none}.gift-spark,.gift-light{opacity:0}}

/* REF-003, Ryan Mulligan: https://codepen.io/hexagoncircle/pen/MWMqXbK
   Adaptation: the iXo palette, existing typography and button geometry. */
@property --ixo-cta-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@property --ixo-cta-arc{syntax:'<percentage>';initial-value:5%;inherits:false}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button){
 --ixo-cta-surface:#171819;--ixo-cta-edge:#484a47;--ixo-cta-light:#ffd705;--ixo-cta-shine:#fff5b3;--ixo-cta-dot:#f2e79b;
 position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;
 background:linear-gradient(var(--ixo-cta-surface),var(--ixo-cta-surface)) padding-box,
 conic-gradient(from var(--ixo-cta-angle),var(--ixo-cta-edge) 0%,var(--ixo-cta-light) var(--ixo-cta-arc),var(--ixo-cta-shine) calc(var(--ixo-cta-arc)*2),var(--ixo-cta-light) calc(var(--ixo-cta-arc)*3),var(--ixo-cta-edge) calc(var(--ixo-cta-arc)*4)) border-box;
 animation:ixo-cta-orbit 4.8s linear infinite;
 transition:--ixo-cta-arc .7s ease,box-shadow .4s,transform .3s,background-color .3s;
}
:root :is(.button.primary,.header-signup,.auth-continue,.checkout-pay,.send-button,.plan-cta){
 --ixo-cta-surface:#ffd705;--ixo-cta-edge:#b9a119;--ixo-cta-light:#fff17b;--ixo-cta-shine:#fffef1;--ixo-cta-dot:#fffef1;
}
.plan-card.pro .plan-cta{--ixo-cta-surface:#161714;--ixo-cta-edge:#5f622a;--ixo-cta-light:#ffe55a;--ixo-cta-shine:#fff8c9;--ixo-cta-dot:#e9df8a}
.plan-card.free .plan-cta,.plan-card.free .plan-cta:hover{
 --ixo-cta-surface:#eee;--ixo-cta-edge:#b4b5aa;--ixo-cta-light:#c4a900;--ixo-cta-shine:#fffbd2;--ixo-cta-dot:#a29649;
 background:linear-gradient(var(--ixo-cta-surface),var(--ixo-cta-surface)) padding-box,
 conic-gradient(from var(--ixo-cta-angle),var(--ixo-cta-edge),var(--ixo-cta-light) var(--ixo-cta-arc),var(--ixo-cta-shine) calc(var(--ixo-cta-arc)*2),var(--ixo-cta-light) calc(var(--ixo-cta-arc)*3),var(--ixo-cta-edge) calc(var(--ixo-cta-arc)*4)) border-box;
}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):before{
 content:'';position:absolute;inset:3px;border-radius:inherit;pointer-events:none;z-index:-1;
 background-image:radial-gradient(circle at 1px 1px,var(--ixo-cta-dot) .6px,transparent .85px);background-size:4px 4px;
 mask-image:conic-gradient(from calc(var(--ixo-cta-angle) + 45deg),#000,transparent 11% 89%,#000);opacity:.384;
 animation:ixo-cta-orbit 4.8s linear infinite;
}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):after{
 content:'';position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:-1;
 background:linear-gradient(-45deg,transparent 30%,var(--ixo-cta-light) 50%,transparent 70%);
 mask-image:radial-gradient(circle,transparent 30%,#000 85%);opacity:.108;
 transform:translate(-50%,-50%) rotate(0);animation:ixo-cta-haze 7.2s linear infinite;
}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):is(:hover,:focus-visible){
 --ixo-cta-arc:11%;
 background:linear-gradient(var(--ixo-cta-surface),var(--ixo-cta-surface)) padding-box,
 conic-gradient(from var(--ixo-cta-angle),var(--ixo-cta-edge),var(--ixo-cta-light) var(--ixo-cta-arc),var(--ixo-cta-shine) calc(var(--ixo-cta-arc)*2),var(--ixo-cta-light) calc(var(--ixo-cta-arc)*3),var(--ixo-cta-edge) calc(var(--ixo-cta-arc)*4)) border-box;
}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):is(:hover,:focus-visible):after{opacity:.204}
:root :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):disabled{animation-play-state:paused}
@keyframes ixo-cta-orbit{to{--ixo-cta-angle:360deg}}
@keyframes ixo-cta-haze{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
 :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button),
 :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):before,
 :is(.button:where(:not(.landing-profile-open-app)),.plan-cta,.header-signup,.auth-continue,.checkout-pay,.send-button):after{animation:none;transition:none;--ixo-cta-angle:30deg}
}

/* One portrait story and two companion stories, composed as a single section. */
.people-section{padding-block:76px 64px}
.people-section>.section-heading{margin-bottom:32px}
.people-section h2{max-width:950px;font-size:clamp(46px,5.1vw,72px);line-height:1.05;letter-spacing:-.045em}
.people-section .people-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.27fr);grid-template-rows:repeat(2,minmax(326px,auto));gap:22px}
.people-section .person-card{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:auto auto;align-items:stretch;gap:0;min-width:0;min-height:326px;padding:0;overflow:hidden;isolation:isolate;border:1px solid #353535;border-radius:30px;background:#191919;transition:border-color .35s,box-shadow .35s}
.people-section .person-card:hover{background:#191919;border-color:#ffd70580;box-shadow:0 8px 36px #0003}
.people-section .person-portrait{grid-column:1;grid-row:1/3;position:relative;display:block;min-width:0;width:100%;height:100%;overflow:hidden;background:#090909}
.people-section .person-photo{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:0;background:#090909;overflow:hidden}
.people-section .person-card .person-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 9%;transform:scale(1.1);transform-origin:50% 10%;transition:transform .9s var(--ease)}
.people-section .person-card:hover .person-photo img{transform:scale(1.135)}
.people-section .person-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 64%,#191919 100%)}
.people-section .person-identity{grid-column:2;grid-row:1;position:relative;z-index:1;align-self:end;min-width:0;padding:28px 28px 15px}
.people-section .person-identity:before{content:none}
.people-section .person-role{font-size:18px;line-height:1.35;color:#a7a7a7;margin:0 0 11px}
.people-section .person-identity h3{font-size:clamp(36px,3.3vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.people-section .person-bio{grid-column:2;grid-row:2;position:relative;z-index:1;align-self:start;min-width:0;max-width:none;margin:0;padding:0 28px 28px;border:0;font-size:20px;line-height:1.45;color:#b9b9b9}
.people-section .person-card:first-child{grid-column:1;grid-row:1/3;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto;min-height:674px;background:#111;border-color:#8a781e}
.people-section .person-card:first-child .person-portrait{position:absolute;inset:0;width:100%;height:100%}
.people-section .person-card:first-child .person-photo img{object-position:50% 14%;transform:scale(1)}
.people-section .person-card:first-child:hover .person-photo img{transform:scale(1.035)}
.people-section .person-card:first-child .person-portrait:after{background:linear-gradient(180deg,transparent 24%,#11111105 41%,#111111c9 65%,#151515 100%)}
.people-section .person-card:first-child .person-identity{grid-column:1;grid-row:2;padding:32px 32px 18px}
.people-section .person-card:first-child .person-role{color:#d4d4d4;font-size:20px;margin-bottom:13px}
.people-section .person-card:first-child .person-identity h3{font-size:clamp(48px,4.5vw,66px);color:var(--accent)}
.people-section .person-card:first-child .person-bio{grid-column:1;grid-row:3;padding:0 32px 32px;font-size:22px;line-height:1.4;color:#d0d0d0}
.people-section .person-card:nth-child(2){grid-column:2;grid-row:1}
.people-section .person-card:nth-child(3){grid-column:2;grid-row:2}
@media(max-width:1150px) and (min-width:981px){
 .people-section .people-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:18px}
 .people-section .person-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .people-section .person-identity{padding:25px 24px 14px}
 .people-section .person-identity h3{font-size:38px}
 .people-section .person-bio{padding:0 24px 25px;font-size:19px}
 .people-section .person-card:first-child .person-identity{padding-inline:28px}
 .people-section .person-card:first-child .person-bio{padding-inline:28px;font-size:21px}
}
@media(max-width:980px){
 .people-section .people-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:20px}
 .people-section .person-card,.people-section .person-card:first-child{grid-column:auto;grid-row:auto;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;min-height:330px;background:#191919}
 .people-section .person-card:nth-child(2),.people-section .person-card:nth-child(3){grid-column:auto;grid-row:auto}
 .people-section .person-portrait,.people-section .person-card:first-child .person-portrait{position:relative;inset:auto;grid-column:1;grid-row:1/3;height:auto;min-height:330px}
 .people-section .person-card:first-child .person-portrait:after{background:linear-gradient(90deg,transparent 64%,#191919 100%)}
 .people-section .person-card:first-child .person-photo img{object-position:50% 9%;transform:scale(1.1)}
 .people-section .person-card:first-child:hover .person-photo img{transform:scale(1.135)}
 .people-section .person-identity,.people-section .person-card:first-child .person-identity{grid-column:2;grid-row:1;align-self:end;padding:30px 30px 16px}
 .people-section .person-identity h3,.people-section .person-card:first-child .person-identity h3{font-size:44px;color:var(--ink)}
 .people-section .person-role,.people-section .person-card:first-child .person-role{font-size:19px;color:#aaa;margin-bottom:12px}
 .people-section .person-bio,.people-section .person-card:first-child .person-bio{grid-column:2;grid-row:2;padding:0 30px 30px;font-size:21px;line-height:1.45;color:#b9b9b9}
}
@media(max-width:620px){
 .people-section{padding-block:52px 40px}
 .people-section>.section-heading{margin-bottom:25px}
 .people-section h2{font-size:clamp(42px,9vw,54px);max-width:540px}
 .people-section .person-card,.people-section .person-card:first-child{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(350px,95vw,420px) auto;min-height:0;border-radius:27px;background:#191919}
 .people-section .person-portrait,.people-section .person-card:first-child .person-portrait{grid-column:1;grid-row:1;width:100%;height:100%;min-height:0}
 .people-section .person-card .person-photo img,.people-section .person-card:first-child .person-photo img{object-position:50% 8%;transform:scale(1.06)}
 .people-section .person-card:hover .person-photo img,.people-section .person-card:first-child:hover .person-photo img{transform:scale(1.085)}
 .people-section .person-portrait:after,.people-section .person-card:first-child .person-portrait:after{background:linear-gradient(180deg,transparent 32%,#1919190a 45%,#191919cc 77%,#191919 100%)}
 .people-section .person-identity,.people-section .person-card:first-child .person-identity{grid-column:1;grid-row:1;align-self:end;padding:28px 25px 18px}
 .people-section .person-identity h3,.people-section .person-card:first-child .person-identity h3{font-size:44px;color:var(--accent)}
 .people-section .person-role,.people-section .person-card:first-child .person-role{font-size:19px;color:#ddd;margin-bottom:10px}
 .people-section .person-bio,.people-section .person-card:first-child .person-bio{grid-column:1;grid-row:2;padding:2px 25px 27px;font-size:21px;line-height:1.45;color:#c2c2c2}
}
@media(max-width:360px){
 .people-section .person-identity,.people-section .person-card:first-child .person-identity{padding-inline:23px}
 .people-section .person-identity h3,.people-section .person-card:first-child .person-identity h3{font-size:40px}
 .people-section .person-role,.people-section .person-card:first-child .person-role{font-size:18px}
 .people-section .person-bio,.people-section .person-card:first-child .person-bio{padding-inline:23px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){
 .people-section .person-card,.people-section .person-card .person-photo img{transition:none}
 .people-section .person-card:hover .person-photo img{transform:scale(1.1)}
 .people-section .person-card:first-child:hover .person-photo img{transform:scale(1)}
}
@media(max-width:980px) and (prefers-reduced-motion:reduce){.people-section .person-card:first-child:hover .person-photo img{transform:scale(1.1)}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.people-section .person-card:hover .person-photo img,.people-section .person-card:first-child:hover .person-photo img{transform:scale(1.06)}}

/* A real incoming message, with its own avatar, bubble and one-time typing. */
#chat{--message-height:400px}
#chat #messages{display:flex;align-items:center;justify-content:center;min-height:var(--message-height);height:auto;padding:48px 56px;overflow:visible}
.intro-message{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:820px}
.intro-avatar{display:grid;place-items:center;width:60px;height:60px;margin-top:35px;border:1px solid #434343;border-radius:21px;background:#141414}
.intro-avatar img{display:block;width:40px;height:auto}
.intro-content{min-width:0}
.intro-sender{font-size:21px;font-weight:500;line-height:1.2;color:#c4c4c4;margin:0 0 12px 3px}
.intro-bubble{position:relative;display:grid;padding:22px 25px 25px;border:0;border-radius:8px 30px 30px;background:linear-gradient(125deg,#303030,#282828);box-shadow:0 12px 36px #00000012}
.intro-copy{grid-area:1/1;min-width:0;font-size:clamp(27px,2.95vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0}
.intro-copy>span{display:block}
.intro-copy>span:first-child{margin-bottom:8px}
.intro-measure{visibility:hidden;pointer-events:none;user-select:none}
.intro-hello{color:var(--accent)}
.intro-caret{display:inline-block;vertical-align:-.02em;width:3px;height:.84em;margin-left:6px;background:var(--accent);animation:intro-caret 1s steps(1) infinite}
.intro-typing{display:none;align-items:center;gap:9px;position:absolute;left:32px;top:36px;height:24px}
.intro-typing i{width:10px;height:10px;border-radius:50%;background:#ffd705;animation:intro-dot 1.05s ease-in-out infinite;animation-play-state:paused}
.intro-typing i:nth-child(2){animation-delay:.14s}.intro-typing i:nth-child(3){animation-delay:.28s}
.intro-message[data-state="typing"] .intro-typing{display:flex}
.intro-message[data-state="typing"] .intro-visible{visibility:hidden}
.intro-message[data-state="complete"] .intro-caret{display:none}
.intro-message.is-arrived .intro-bubble{animation:intro-arrive .45s var(--ease) both}
.intro-message.is-in-view .intro-typing i{animation-play-state:running}
.intro-message:not(.is-in-view) .intro-caret{animation-play-state:paused}
#chat .chat-bottom{padding:0 28px 28px;background:transparent;border:0}
#chat .composer{display:flex;grid-template-columns:none;align-items:center;gap:16px;min-height:78px;padding:12px 14px 12px 26px;border-radius:24px}
#chat .composer textarea{grid-column:auto;grid-row:auto;flex:1;min-width:0;min-height:30px;max-height:120px;height:30px;line-height:30px;font-size:22px;padding:0}
#chat .send-button{width:54px;height:54px;min-width:54px;border-radius:50%;margin:0}
#chat .send-button .icon{width:28px;height:28px}
#chat .send-button:disabled{opacity:.45;cursor:default;transform:none}
@keyframes intro-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes intro-dot{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}
@keyframes intro-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:980px){#chat #messages{padding:42px 36px}.intro-message{grid-template-columns:54px minmax(0,1fr);gap:16px}.intro-avatar{width:54px;height:54px;border-radius:19px}.intro-avatar img{width:36px}.intro-copy{font-size:clamp(27px,3.5vw,32px)}}
@media(max-width:620px){
 #chat{--message-height:330px}
 #chat #messages{padding:30px 20px 34px}
 .intro-message{grid-template-columns:38px minmax(0,1fr);gap:10px}
 .intro-avatar{width:38px;height:38px;margin-top:29px;border-radius:13px}
 .intro-avatar img{width:27px}
 .intro-sender{font-size:18px;margin:0 0 10px 2px}
 .intro-bubble{padding:20px 19px 23px;border-radius:6px 24px 24px}
 .intro-copy{font-size:clamp(24px,5.8vw,30px);line-height:1.22;letter-spacing:-.025em}
 .intro-copy>span:first-child{margin-bottom:7px}
 .intro-typing{left:23px;top:28px;gap:8px}
 .intro-typing i{width:9px;height:9px}
 #chat .chat-bottom{padding:0 16px 18px}
 #chat .composer{gap:10px;min-height:70px;padding:10px 10px 10px 18px;border-radius:23px}
 #chat .composer textarea{font-size:20px;line-height:28px;min-height:28px}
 #chat .send-button{width:48px;height:48px;min-width:48px}
 #chat .send-button .icon{width:25px;height:25px}
}
@media(max-width:360px){#chat #messages{padding-inline:16px}.intro-message{gap:8px}.intro-bubble{padding-inline:17px}.intro-copy{font-size:24px}#chat .composer{padding-left:15px;gap:8px}#chat .composer textarea{font-size:19px}}
@media(prefers-reduced-motion:reduce){.intro-message .intro-bubble,.intro-typing i,.intro-caret{animation:none}.intro-caret{display:none}}

/* One rounded, heavier icon family across navigation, content and dialogs. */
.icon,.topbar .nav-item>.icon{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.icon-art{transform-origin:12px 12px}
.icon-art .icon-detail,.topbar .nav-gem-facets{stroke-width:2}
.icon-art .icon-solid,.icon-art .icon-play-glyph{fill:currentColor;stroke:none}
.icon-art :is(.icon-needle,.icon-head){fill:currentColor;fill-opacity:.12}
.icon-art *{transform-box:view-box;animation-play-state:paused!important}
body:not(.icons-paused) .icon.icon-in-view .icon-art *{animation-play-state:running!important}
.icon[data-icon=chat] .icon-chat-dots circle{animation:icon-dot-bounce 2.5s ease-in-out infinite}
.icon[data-icon=chat] .icon-chat-dots circle:nth-child(2){animation-delay:.15s}
.icon[data-icon=chat] .icon-chat-dots circle:nth-child(3){animation-delay:.3s}
.icon[data-icon=globe] .icon-meridian{transform-origin:12px 12px;animation:icon-globe-turn 4s ease-in-out infinite}
.icon[data-icon=files] .file-front{animation:icon-file-lift 4.2s ease-in-out infinite}
.icon[data-icon=goal] .icon-target-arrow{animation:icon-goal-arrive 3.4s ease-in-out infinite}
.icon[data-icon=map] .icon-needle{transform-origin:12px 12px;animation:icon-compass 5s ease-in-out infinite}
.icon[data-icon=check].icon-in-view .icon-check-mark{stroke-dasharray:1;animation:icon-check-confirm .65s var(--ease) both}
.journey-node.is-current .icon-check-mark{animation:icon-check-confirm .65s var(--ease) both}
:is(.button.primary,.plan-cta,.send-button)>.icon[data-icon=arrow] .icon-line{animation:icon-arrow-nudge 3.4s ease-in-out infinite}
:is(button,a,summary):is(:hover,:focus-visible) .icon[data-icon=arrow] .icon-line{animation:icon-arrow-nudge 1.1s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=down] .icon-line{animation:icon-down-nudge 1.3s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=person] .icon-head{animation:icon-person-nod 1.4s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=search] .icon-search-ring{transform-origin:10.5px 10.5px;animation:icon-search-look 1.6s ease-in-out infinite}
:is(button,a,summary):is(:hover,:focus-visible) .icon[data-icon=plus] .icon-cross{transform-origin:12px 12px;animation:icon-cross-pulse 1.5s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=close] .icon-cross{transform-origin:12px 12px;animation:icon-cross-pulse 1.2s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=reset] .icon-reset-ring{transform-origin:12px 12px;animation:icon-compass 1.5s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=full] .icon-corners{transform-origin:12px 12px;animation:icon-cross-pulse 1.3s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=play] .icon-play-glyph{transform-origin:12px 12px;animation:nav-play-pulse 1.5s ease-in-out infinite}
:is(button,a):is(:hover,:focus-visible) .icon[data-icon=menu] .icon-menu-line{animation:icon-arrow-nudge 1.5s ease-in-out infinite}
.support-launch .icon-art{animation:icon-chat-sway 4.4s ease-in-out infinite;animation-play-state:paused}
.support-launch .icon-in-view .icon-art{animation-play-state:running}
.icons-paused .icon-art,.icons-paused .nav-item .icon *,.icons-paused .principle-visual svg *{animation-play-state:paused!important}
@keyframes icon-dot-bounce{0%,12%,42%,100%{transform:translateY(0)}26%{transform:translateY(-2.3px)}}
@keyframes icon-globe-turn{0%,15%,100%{transform:scaleX(1)}50%{transform:scaleX(.45)}}
@keyframes icon-file-lift{0%,15%,70%,100%{transform:translate(0,0)}35%,50%{transform:translate(1px,-1.8px)}}
@keyframes icon-goal-arrive{0%,15%,58%,100%{transform:translate(0,0)}32%{transform:translate(1.5px,-1.5px)}44%{transform:translate(-.5px,.5px)}}
@keyframes icon-compass{0%,10%,100%{transform:rotate(0)}35%{transform:rotate(18deg)}65%{transform:rotate(-12deg)}}
@keyframes icon-check-confirm{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes icon-arrow-nudge{0%,12%,55%,100%{transform:translateX(0)}30%{transform:translateX(2.5px)}42%{transform:translateX(0)}}
@keyframes icon-down-nudge{0%,100%{transform:translateY(0)}45%{transform:translateY(2px)}}
@keyframes icon-person-nod{0%,100%{transform:translateY(0)}45%{transform:translateY(1.2px)}}
@keyframes icon-search-look{0%,100%{transform:scale(1)}45%{transform:scale(.9)}}
@keyframes icon-cross-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}
@keyframes icon-chat-sway{0%,15%,65%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}45%{transform:rotate(5deg)}}

/* Dense yellow/graphite illustrations stay legible at their actual card size. */
.bold-visual{fill:none;stroke-linecap:round;stroke-linejoin:round}
.bold-visual .visual-yellow{fill:var(--accent);stroke:none}
.bold-visual .visual-surface{fill:#3b3d40;stroke:#737578;stroke-width:5}
.bold-visual .visual-check{fill:none;stroke:#151515;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.dialog-main{animation:dialog-main-float 4.6s ease-in-out infinite}
.dialog-dots circle{fill:#151515;animation:dialog-dot-hop 2.1s ease-in-out infinite}
.dialog-dots circle:nth-child(2){animation-delay:.16s}.dialog-dots circle:nth-child(3){animation-delay:.32s}
.dialog-reply{animation:dialog-reply-arrive 4.6s ease-in-out infinite}
.dialog-reply-line{fill:none;stroke:var(--accent);stroke-width:7;stroke-dasharray:1;animation:dialog-reply-draw 4.6s ease-in-out infinite}
.network-base{fill:none;stroke:#6a6c6e;stroke-width:6}
.network-signal{fill:none;stroke:var(--accent);stroke-width:6;stroke-dasharray:.14 .86;animation:network-send 3.8s ease-in-out infinite}
.network-node rect{fill:#45474a;stroke:#939598;stroke-width:3;animation:network-node-wake 3.8s ease-in-out infinite}
.network-node-two rect{animation-delay:.9s}.network-node-three rect{animation-delay:1.8s}.network-node-four rect{animation-delay:2.7s}
.network-halo{fill:#ffd7050c;stroke:#ffd7053d;stroke-width:3;transform-origin:130px 90px;animation:network-halo-breathe 3.8s ease-in-out infinite}
.network-center{transform-origin:130px 90px;animation:network-center-pulse 3.8s ease-in-out infinite}
.network-core-dots{fill:#151515}
.direction-branch,.direction-route{fill:none;stroke:#707276;stroke-width:6}
.direction-trace{fill:none;stroke:var(--accent);stroke-width:6;stroke-dasharray:.25 .75;animation:network-send 3.8s ease-in-out infinite}
.direction-source,.direction-runner{fill:var(--accent)}
.direction-end{fill:#45474a;stroke:#939598;stroke-width:3}
.direction-runner{animation:direction-run 3.8s var(--ease) infinite}
.direction-choice{transform-origin:211px 90px;animation:direction-confirm 3.8s ease-in-out infinite}
.direction-choice .visual-check{stroke-dasharray:1;animation:direction-check 3.8s ease-in-out infinite}
.action-ring-outer{fill:none;stroke:#5d6063;stroke-width:7;stroke-dasharray:1 13;transform-origin:130px 90px;animation:action-ring-turn 14s linear infinite}
.action-ring-inner{fill:none;stroke:#96989a;stroke-width:5;stroke-dasharray:1 10}
.action-orbit{transform-origin:130px 90px;animation:action-orbit-turn 6s cubic-bezier(.45,0,.55,1) infinite}
.action-arc{fill:none;stroke:var(--accent);stroke-width:7;opacity:.65}
.action-core{transform-origin:130px 90px;animation:action-confirm 3s ease-in-out infinite}
.action-check{stroke-dasharray:1;animation:direction-check 3s ease-in-out infinite}
@keyframes dialog-main-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
@keyframes dialog-dot-hop{0%,15%,65%,100%{transform:translateY(0)}35%{transform:translateY(-9px)}}
@keyframes dialog-reply-arrive{0%,10%,100%{transform:translate(0,6px)}35%,70%{transform:translate(0,-3px)}}
@keyframes dialog-reply-draw{0%,10%{stroke-dashoffset:1}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes network-send{0%{stroke-dashoffset:1}85%,100%{stroke-dashoffset:0}}
@keyframes network-node-wake{0%,10%,65%,100%{fill:#45474a;stroke:#939598}30%,45%{fill:#ffd705;stroke:#ffd705}}
@keyframes network-halo-breathe{0%,100%{transform:scale(.95);opacity:.5}45%{transform:scale(1.16);opacity:1}}
@keyframes network-center-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}}
@keyframes direction-run{0%,12%{transform:translateX(0);opacity:0}20%{opacity:1}65%{transform:translateX(181px);opacity:1}80%,100%{transform:translateX(181px);opacity:0}}
@keyframes direction-confirm{0%,40%,100%{transform:scale(1)}65%{transform:scale(1.12)}80%{transform:scale(.98)}}
@keyframes direction-check{0%{stroke-dashoffset:1}20%,100%{stroke-dashoffset:0}}
@keyframes action-ring-turn{to{transform:rotate(-360deg)}}
@keyframes action-orbit-turn{to{transform:rotate(360deg)}}
@keyframes action-confirm{0%,20%,100%{transform:scale(1)}55%{transform:scale(1.1)}}

/* Stronger traveling lines join a different option row at each stage. */
.flow-guide{stroke:#686a6c;stroke-width:2.4}
.flow-trace{stroke-width:3.2}
.node-marker{width:17px;height:17px;border-width:2px}
.node-marker .icon{inset:0;width:13px;height:13px;stroke-width:3}
.node-emblem{border-width:2px;opacity:.9}

/* The Pricing spark is visible twice as often, with a warm white peak. */
.topbar .nav-diamond .diamond-glint{stroke-width:2.4}
.topbar .nav-item:is(.active,:hover,:focus-visible) .diamond-glint{animation:pricing-spark-bright 2.1s ease-in-out infinite}
.topbar .nav-item:is(.active,:hover,:focus-visible) .nav-gem-facets{animation:pricing-facet-light 2.1s ease-in-out infinite}
@keyframes pricing-spark-bright{0%,8%,68%,100%{opacity:0;transform:scale(.5) rotate(-20deg);stroke:#ffd705;filter:drop-shadow(0 0 0 transparent)}25%,36%{opacity:1;transform:scale(1.2) rotate(0);stroke:#fff6bb;filter:drop-shadow(0 0 4px #ffe55c)}50%{opacity:.8;transform:scale(.9) rotate(20deg);stroke:#ffd705;filter:drop-shadow(0 0 2px #ffd705)}}
@keyframes pricing-facet-light{0%,8%,68%,100%{opacity:.85}30%{opacity:1;stroke:#fff0a0}50%{opacity:1;stroke:#ffd705}}
@media(prefers-reduced-motion:reduce){
 .icon-art,.icon-art *,.bold-visual *,.topbar .nav-item:is(.active,:hover,:focus-visible) :is(.diamond-glint,.nav-gem-facets){animation:none!important;transform:none}
 .bold-visual :is(.visual-check,.dialog-reply-line),.icon-check-mark{stroke-dashoffset:0}
 .direction-runner{display:none}
 .topbar .nav-item:is(.active,:hover,:focus-visible) .diamond-glint{opacity:1;stroke:#ffe870;filter:none}
}

/* Account UI: one column rhythm, steady gallery, restrained movement. */
.auth-dialog {
  --auth-surface: #171817;
  --auth-field: #20211f;
  --auth-line: #ffffff14;
  --auth-muted: #a3a59d;
  --auth-ease: cubic-bezier(.22, 1, .36, 1);
  width: min(1040px, calc(100% - 40px));
  max-height: calc(100dvh - 40px);
  padding: 8px;
  border: 1px solid #ffffff1c;
  border-radius: 30px;
  background: var(--auth-surface);
  box-shadow: 0 32px 100px #0008, 0 2px 12px #0003;
  overflow: hidden;
}
.auth-dialog[open] { animation: auth-open .42s var(--auth-ease); }
.auth-dialog::backdrop { background: #080a08a8; backdrop-filter: blur(12px); animation: auth-backdrop .3s ease-out; }
.auth-dialog .modal-top { top: 18px; right: 18px; }
.auth-dialog .modal-top .icon-button { width: 40px; height: 40px; min-height: 40px; border: 1px solid var(--auth-line); background: #ffffff05; color: #aeb0a7; transition: color .2s, background .2s; }
.auth-dialog .modal-top .icon-button:hover { color: #f5f5ed; background: #ffffff0e; }
.auth-dialog .auth-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 0; height: min(728px, calc(100dvh - 60px)); min-height: 0; }
.auth-dialog .auth-layout { grid-template-areas: "gallery form"; }
.auth-dialog .auth-content { grid-area: form; }
.auth-dialog .auth-product { grid-area: gallery; }
.auth-dialog .auth-content { display: flex; align-items: flex-start; justify-content: center; align-self: stretch; min-width: 0; min-height: 0; padding: 44px 40px 32px; text-align: left; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #50524a transparent; }
.auth-dialog .auth-panel { width: 100%; max-width: 360px; min-width: 0; min-height: 0; display: flex; flex-direction: column; margin-block: 0; }
.auth-dialog .auth-logo { width: 48px; height: 26px; object-fit: contain; margin: 0 0 20px; }
.auth-stage { min-width: 0; }
.auth-dialog .auth-heading h3 { margin: 0; color: #f5f5ed; font-size: clamp(27px, 2.8vw, 33px); font-weight: 500; line-height: 1.13; letter-spacing: -.035em; text-wrap: balance; }
.auth-dialog .auth-description { margin: 10px 0 20px; color: var(--auth-muted); font-size: 14px; line-height: 1.5; text-wrap: pretty; }
.auth-dialog .auth-email-address { display: inline-block; margin-top: 5px; max-width: 100%; overflow-wrap: anywhere; font-weight: 500; color: #e2e4d9; }
.auth-dialog .auth-gift { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; margin: 0 0 20px; padding: 10px 12px; background: #ffffff03; border: 1px solid var(--auth-line); border-radius: 14px; box-shadow: none; }
.auth-dialog .auth-gift-icon { width: 38px; height: 38px; border-radius: 11px; background: #f5d752; box-shadow: none; }
.auth-dialog .auth-gift-icon .free-gift-art { width: 35px; height: 35px; }
.auth-dialog .auth-gift-copy { gap: 3px; }
.auth-dialog .auth-gift-copy strong { font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: 0; }
.auth-dialog .auth-gift-copy > span { font-size: 12px; line-height: 1.4; color: var(--auth-muted); }
.auth-dialog .free-gift-art * { animation-iteration-count: 1; }
.auth-dialog .auth-provider, .auth-dialog .auth-continue { display: grid; grid-template-columns: 20px minmax(0, 1fr) 20px; align-items: center; gap: 12px; width: 100%; min-height: 50px; margin: 0; padding: 12px 16px; border-radius: 14px; font-size: 15px; font-weight: 500; line-height: 1.35; text-align: center; cursor: pointer; transition: background .22s, border-color .22s, box-shadow .22s, transform .22s var(--auth-ease), opacity .22s; }
.auth-dialog .auth-provider { color: #f0f1e8; background: #ffffff03; border: 1px solid #ffffff26; }
.auth-dialog .auth-provider > svg { width: 19px; height: 19px; }
.auth-dialog .auth-provider:hover:not(:disabled) { border-color: #ffffff45; background: #ffffff09; }
.auth-dialog .auth-continue { color: #14160d; background: #f5d752; border: 1px solid #ffe97d66; box-shadow: inset 0 1px 0 #fff5; }
.auth-dialog .auth-continue:hover:not(:disabled) { background: #ffe36b; box-shadow: inset 0 1px 0 #fff7, 0 4px 16px #f5d75212; }
.auth-dialog .auth-continue:active:not(:disabled), .auth-dialog .auth-provider:active:not(:disabled) { transform: translateY(1px); }
.auth-dialog .auth-continue > svg { width: 18px; height: 18px; transition: transform .25s var(--auth-ease), opacity .2s; }
.auth-dialog .auth-continue:hover:not(:disabled) > svg { transform: translateX(2px); }
.auth-dialog .auth-divider { display: flex; align-items: center; gap: 14px; margin: 18px 0; color: #878b80; font-size: 12px; line-height: 1.4; }
.auth-dialog .auth-divider::before, .auth-dialog .auth-divider::after { background: var(--auth-line); }
.auth-dialog #auth-form { text-align: left; }
.auth-dialog #auth-form label { display: block; margin: 0 0 8px; font-size: 13px; line-height: 1.4; color: #c5c8bc; }
.auth-dialog #auth-email, .auth-dialog #auth-password, .auth-dialog #auth-referral { display: block; width: 100%; min-height: 50px; padding: 13px 14px; outline: none; border: 1px solid #ffffff20; border-radius: 13px; background: var(--auth-field); color: #f2f3e9; font: inherit; font-size: 16px; line-height: 1.4; transition: background .2s, border-color .2s, box-shadow .2s; }
.auth-dialog :is(#auth-email, #auth-password, #auth-referral)::placeholder { color: #777c6f; opacity: 1; }
.auth-dialog :is(#auth-email, #auth-password, #auth-referral):focus { border-color: #e4ce6780; background: #23251f; box-shadow: 0 0 0 3px #f5d7520d; }
.auth-dialog :is(#auth-email, #auth-password)[aria-invalid=true] { border-color: #d88b7699; box-shadow: 0 0 0 3px #d88b7608; }
.auth-field-group + .auth-field-group { margin-top: 15px; }
.auth-password-field { position: relative; }
.auth-dialog #auth-password { padding-right: 48px; }
.auth-password-toggle { position: absolute; inset: 4px 4px 4px auto; width: 42px; min-height: 42px; display: grid; place-items: center; border: 0; border-radius: 10px; background: none; color: #9a9e90; cursor: pointer; }
.auth-password-toggle:hover { color: #e6e9dc; background: #ffffff06; }
.auth-password-toggle svg { width: 18px; height: 18px; }
.auth-dialog .auth-password-hint { color: #929889; font-size: 11px; line-height: 1.5; margin: 6px 0 0; }
.auth-field-label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.auth-forgot { color: #b7bbac; font-size: 12px; line-height: 1.4; text-underline-offset: 4px; }
.auth-forgot:hover { color: #eceee4; text-decoration: underline; }
.auth-referral { margin-top: 12px; color: var(--auth-muted); font-size: 12px; }
.auth-referral summary { min-height: 28px; cursor: pointer; }
.auth-referral[open] summary { margin-bottom: 6px; }
.auth-feedback-slot { min-height: 34px; display: grid; align-items: center; padding-block: 5px; }
.auth-dialog .auth-content .auth-error { margin: 0; font-size: 12px; line-height: 1.45; color: #e9aa95; overflow-wrap: anywhere; }
.auth-dialog .auth-content .auth-status { padding: 10px 12px; margin: 12px 0 0; border: 1px solid #c2d9a126; border-radius: 12px; background: #c2d9a105; color: #c6d9ae; font-size: 12px; line-height: 1.45; text-align: left; overflow-wrap: anywhere; }
.auth-dialog .auth-content .auth-status[data-kind=existing] { border-color: #f5d75230; background: #f5d75208; color: #e6dfbd; font-size: 14px; }
.auth-dialog .auth-switch { margin: 18px 0 0; font-size: 13px; line-height: 1.5; color: var(--auth-muted); text-align: center; }
.auth-dialog .auth-switch button { min-height: 36px; padding: 4px 5px; font: inherit; font-weight: 500; color: #f0f1e8; text-decoration-color: #ffffff40; text-underline-offset: 4px; cursor: pointer; }
.auth-dialog .auth-switch button:hover { text-decoration-color: #f0f1e8; }
.auth-dialog .auth-small { margin: 14px 0 0; font-size: 11px; line-height: 1.5; color: #858b7c; text-align: center; }
.auth-security:empty { display: none; }
.auth-security { margin-top: 12px; max-width: 100%; }
.auth-dialog :is(button, a):focus-visible { outline: 2px solid #e4ce67; outline-offset: 4px; }
.auth-dialog button:disabled { cursor: default; opacity: .55; }
.auth-dialog button[aria-busy=true] { cursor: progress; opacity: .8; }
.auth-button-spinner { display: block; width: 16px; height: 16px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; opacity: 0; }
.auth-dialog [aria-busy=true] > .auth-button-spinner { opacity: .7; animation: auth-spin .75s linear infinite; }
.auth-dialog .auth-provider[aria-busy=true] > svg, .auth-dialog .auth-continue[aria-busy=true] > svg { opacity: 0; }
/* A single native input preserves paste, selection, autofill and keyboard navigation. */
.auth-otp-field { position: relative; }
.auth-dialog #auth-code { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; outline: none; border-radius: 12px; background: transparent; color: transparent; caret-color: transparent; font: inherit; font-size: 24px; opacity: .01; cursor: text; }
.auth-otp-cells { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; pointer-events: none; }
.auth-otp-cell { display: grid; place-items: center; height: 58px; border: 1px solid #ffffff20; border-radius: 12px; background: var(--auth-field); color: #f1f3e8; font-size: 25px; font-weight: 500; font-variant-numeric: tabular-nums; transition: background .2s, border-color .2s, box-shadow .2s; }
.auth-otp-cell:empty::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #72796a; }
.auth-otp-field:focus-within .is-active { border-color: #e4ce6780; box-shadow: 0 0 0 3px #f5d7520b; background: #25281e; }
.auth-otp-field:has([aria-invalid=true]) .auth-otp-cell { border-color: #d88b7670; }
.auth-mail-mark { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 0 24px; color: #e0cf84; border: 1px solid #e0cf8420; border-radius: 14px; background: #e0cf8409; }
.auth-mail-mark svg { width: 20px; height: 20px; }
.auth-stage[data-step=code] .auth-heading { margin-bottom: 28px; }
.auth-stage[data-step=code] .auth-description { margin-bottom: 0; }
.auth-stage[data-step=code] + .auth-small { margin-top: 28px; }
.auth-code-actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 14px 0 0; }
.auth-code-actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 4px 0; border: 0; background: none; color: #b6bdab; font: inherit; font-size: 12px; cursor: pointer; transition: color .2s; }
.auth-code-actions button:hover:not(:disabled) { color: #f1f3e8; }
.auth-code-actions svg { width: 14px; height: 14px; transform: rotate(180deg); }
.auth-resend-count { font-variant-numeric: tabular-nums; }
/* Gallery geometry remains stable between form steps. */
.auth-dialog .auth-product { display: block; position: relative; min-width: 0; min-height: 0; padding: 0; background: #0d0f0b; border-radius: 23px; overflow: hidden; isolation: isolate; }
.auth-posters { position: absolute; inset: 0; overflow: hidden; }
.auth-poster { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility 0s .7s; }
.auth-poster.is-current { opacity: 1; visibility: visible; transition-delay: 0s; }
.auth-poster img { display: block; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.auth-stories-toolbar { position: absolute; top: 16px; left: 16px; right: 16px; z-index: 3; display: flex; justify-content: space-between; align-items: center; pointer-events: none; }
.auth-story-count { padding: 8px 10px; border: 1px solid #ffffff15; border-radius: 20px; background: #1117; color: #eee; font-size: 10px; line-height: 1; letter-spacing: .06em; backdrop-filter: blur(12px); }
.auth-story-toggle { display: grid; place-items: center; width: 40px; height: 40px; min-height: 40px; border: 1px solid #ffffff22; border-radius: 50%; background: #1116; color: #eee; backdrop-filter: blur(12px); pointer-events: auto; cursor: pointer; }
.auth-story-toggle svg { width: 16px; height: 16px; fill: currentColor; stroke: none; }
.auth-story-toggle .story-play { display: none; }
.auth-story-toggle[aria-pressed=true] .story-pause { display: none; }
.auth-story-toggle[aria-pressed=true] .story-play { display: block; }
.auth-dialog .auth-slide-tabs { position: absolute; bottom: 8px; left: 20px; right: 20px; z-index: 3; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 7px; margin: 0; }
.auth-dialog .auth-slide-tabs button { display: flex; align-items: center; width: 100%; height: 44px; min-height: 44px; padding: 4px 0; border: 0; background: none; cursor: pointer; }
.auth-dialog .auth-slide-track { display: block; position: relative; width: 100%; height: 2px; overflow: hidden; border-radius: 3px; background: #ffffff50; }
.auth-dialog .auth-slide-fill { display: block; width: 100%; height: 100%; border-radius: inherit; background: #f5d752; transform: scaleX(0); transform-origin: left; }
.auth-dialog [aria-pressed=true] .auth-slide-fill { animation: auth-story-progress 3.5s linear both; }
.auth-dialog .auth-product[data-autoplay=paused] .auth-slide-fill { animation-play-state: paused; }
.auth-plan-summary { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; padding: 12px 14px; margin-bottom: 20px; border: 1px solid #f5d75226; border-radius: 13px; background: #f5d75204; color: #d4d8ca; font-size: 14px; }
.auth-plan-summary strong { color: #efdd9a; font-weight: 500; }
.auth-plan-summary small { color: #a1a791; font-size: 11px; }
@keyframes auth-open { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes auth-backdrop { from { background: transparent; backdrop-filter: blur(0); } }
@keyframes auth-spin { to { transform: rotate(360deg); } }
@keyframes auth-story-progress { to { transform: scaleX(1); } }
@media (max-width: 900px) and (min-width: 721px) { .auth-dialog .auth-layout { grid-template-columns: minmax(0,.72fr) minmax(0,1fr); } .auth-dialog .auth-content { padding-inline: 28px; } }
@media (max-width: 720px) {
  .auth-dialog { width: min(440px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border-radius: 25px; overflow-y: auto; }
  .auth-dialog .auth-layout { height: auto; min-height: min(742px, calc(100dvh - 26px)); grid-template-columns: minmax(0, 1fr); grid-template-areas: "form" "gallery"; }
  .auth-dialog .auth-product { align-self: start; aspect-ratio: 1856 / 2304; margin: 0 12px 12px; }
  .auth-dialog .auth-content { padding: 40px 28px 28px; overflow: visible; }
  .auth-dialog .auth-panel { min-height: 0; }
  .auth-dialog .auth-logo { margin-bottom: 24px; }
  .auth-dialog .auth-heading h3 { font-size: 29px; }
  .auth-dialog .modal-top { top: 12px; right: 12px; }
  .auth-dialog .modal-top .icon-button { background: none; border-color: transparent; }
}
@media (max-width: 360px) { .auth-dialog .auth-content { padding-inline: 20px; } .auth-dialog .auth-heading h3 { font-size: 26px; } .auth-otp-cells { gap: 5px; } .auth-otp-cell { height: 52px; } }
@media (forced-colors: active) { .auth-dialog #auth-code { position: static; min-height: 54px; opacity: 1; color: CanvasText; caret-color: auto; border: 1px solid CanvasText; } .auth-otp-cells { display: none; } }
@media (prefers-reduced-motion: reduce) { .auth-dialog[open], .auth-dialog::backdrop, .auth-poster, .auth-story-toggle, .auth-dialog .auth-slide-fill, .auth-dialog .auth-button-spinner { animation: none; transition: none; } }
/* Keep both the primary action and the mode switch visible on shorter laptops. */
@media (min-width: 721px) and (max-height: 780px) {
  .auth-dialog .auth-content { padding: 24px 36px 10px; }
  .auth-dialog .auth-logo { margin-bottom: 12px; }
  .auth-dialog .auth-description { margin: 8px 0 14px; }
  .auth-dialog .auth-gift { margin-bottom: 14px; padding-block: 8px; }
  .auth-dialog .auth-divider { margin: 14px 0; }
  .auth-dialog .auth-feedback-slot { min-height: 28px; padding-block: 4px; }
  .auth-dialog .auth-switch { margin-top: 12px; }
  .auth-dialog .auth-small { margin-top: 8px; }
}