/* Restep: charcoal, quiet lavender, and just a little sunlight. */
:root{--bg:#1c1c27;--surface:#23232e;--surface-high:#292935;--ink:#f0eff5;--muted:#a5a4b5;--faint:#7f7d91;--line:#363541;--lavender:#c1b8e1;--yellow:#ffd64b;--yellow-hover:#ffe17b;--radius:22px;--font:'Inter','Helvetica Neue',Arial,sans-serif;--display:'Inter Display','Inter','Helvetica Neue',Arial,sans-serif;--shadow:0 22px 50px -25px #0c0c14c4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{background:none;border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a,summary,input{outline-offset:5px}:focus-visible{outline:2px solid var(--yellow)}::selection{color:var(--bg);background:var(--lavender)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h2{font-size:clamp(38px,3.6vw,54px);line-height:1.14;letter-spacing:-2px}h2>span{color:var(--lavender)}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.section-shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:100px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:550;letter-spacing:2.05px;line-height:1.5;color:var(--lavender);text-transform:uppercase}.eyebrow>.icon{width:17px;height:17px}.section-number{font-size:10px;color:var(--faint);letter-spacing:0;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.tiny-label{font-size:8px;font-weight:500;letter-spacing:1.35px;color:var(--muted);display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:51px;padding:14px 23px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:550;line-height:1.4;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button .icon{width:18px;height:18px}.button-yellow{background:var(--yellow);color:#25222a;box-shadow:0 4px 15px #00000015}.button-yellow:hover{background:var(--yellow-hover);box-shadow:0 5px 20px #ffd64b13}.button-outline{background:#29283460;border-color:#585465}.button-outline:hover{background:#353340;border-color:#a7a0b9}.button-small{min-height:40px;padding:10px 16px;font-size:12px;gap:18px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:500;padding:9px 0}.text-button:hover{color:var(--lavender)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:500;color:var(--ink);padding:0}.text-link:hover{color:var(--yellow)}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;color:var(--muted);transition:color .2s,border-color .2s}.icon-button:hover{color:var(--ink);border-color:var(--faint)}.icon-button .icon{width:17px;height:17px}.soft-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--lavender)}.skip-link{position:fixed;top:-60px;left:20px;background:var(--yellow);color:var(--bg);z-index:1000;padding:10px 20px;border-radius:6px}.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:40;background:#1c1c27f0;backdrop-filter:blur(16px);border-bottom:1px solid #37364075}.nav-shell{width:min(1336px,calc(100% - 80px));height:85px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{object-fit:contain;width:31px;height:29px}.brand>span{font-family:var(--display);font-size:30px;font-weight:550;letter-spacing:-1.4px;line-height:1}.brand-dot{color:var(--lavender)}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:30px}.desktop-nav a{font-size:11px;font-weight:450;color:#bbb9c9;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.nav-actions{display:flex;gap:12px;align-items:center}.nav-actions>.button{font-size:11px;min-height:38px;border-color:#69606c;color:#eee8cf}.mobile-menu{display:none;padding:6px}.mobile-navigation{padding:16px 24px 24px;border-top:1px solid var(--line)}.mobile-navigation a{display:block;padding:12px 0;color:var(--muted)}
/* Hero: the original supplied illustration, not a stock replacement. */
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:646px;position:relative;padding-block:70px 65px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:27px;color:#d1cbdc}.tiny-spark{display:inline-block;color:var(--yellow);font-size:20px;line-height:1}.hero h1{font-size:clamp(48px,5.38vw,80px);line-height:1.075;letter-spacing:-3.9px;font-weight:500;white-space:nowrap}.hero h1>span{color:var(--lavender)}.hero-description{font-size:15px;line-height:1.85;color:#aaa8ba;max-width:430px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.hero-actions>.button{min-height:51px;padding-inline:21px;font-size:12px;gap:31px}.round-play{display:grid;place-items:center;width:30px;height:30px;border:1px solid #555160;border-radius:50%;color:#bdb5d0}.round-play .icon{width:13px;height:13px;margin-left:1px}.microcopy{font-size:10px;color:#928fA3;letter-spacing:.05px;margin-top:17px}.little-check{color:#c2b797;margin-right:5px}.hero-stage{height:470px;position:relative;align-self:center;margin-right:-44px;margin-left:0}.hero-art{position:absolute;max-width:none;width:810px;left:-90px;top:5px;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at 52% 53%,#000 40%,#000e 66%,transparent 85%);filter:brightness(1.15);pointer-events:none}.hero-orbit{width:400px;height:400px;border:1px solid #64607318;border-radius:50%;position:absolute;left:140px;top:32px}.floating-note{position:absolute;background:linear-gradient(140deg,#35333fdd,#25232fe8);border:1px solid #514b617d;box-shadow:inset 0 1px #ffffff06,0 12px 25px #10101a38;border-radius:11px;display:flex;align-items:center;gap:11px;z-index:3}.note-top{top:55px;right:24px;padding:12px 16px;transform:rotate(2deg)}.note-icon{width:28px;height:28px;background:#4d4659;border-radius:7px;display:grid;place-items:center;color:var(--lavender);box-shadow:inset 1px 1px 1px #cbbbe125}.note-icon .icon{width:15px;height:15px}.floating-note .tiny-label{font-size:6.5px;letter-spacing:1.2px;margin-bottom:2px}.floating-note div>span:last-child{display:block;font-size:10px}.note-dot{background:var(--yellow);width:4px;height:4px;margin-left:4px;border-radius:50%}.floating-runner{position:absolute;bottom:10px;left:65px;display:flex;align-items:center;gap:14px;width:302px;padding:15px 18px;border-radius:13px;background:linear-gradient(135deg,#32313edc,#242430ef);border:1px solid #5d576bbb;box-shadow:0 10px 40px #0e0e1860,inset 0 1px 1px #e2ceff15;transform:rotate(-3deg);z-index:3}.floating-runner>img{opacity:.88}.floating-runner>div>span:last-child{font-size:10px;color:#e7e2ef}.floating-runner .tiny-label{font-size:6px;margin-bottom:3px}.floating-runner>.icon{width:17px;color:var(--lavender);margin-left:auto}.mini-progress{display:flex;align-items:center;gap:3px;margin-left:auto}.mini-progress>b{width:3px;height:13px;border-radius:3px;background:#474350}.mini-progress>b:nth-child(-n+3){background:#bbb0d7}.stage-caption{position:absolute;bottom:-21px;left:86px;display:flex;align-items:center;gap:10px;color:#79758b;font-size:7px;letter-spacing:2px}.stage-caption>span{width:26px;height:1px;background:#625e72}
/* Platforms are integration states, never fabricated partnership claims. */
.platforms{display:flex;align-items:center;gap:38px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px;margin-bottom:5px}.platform-intro{font-size:10px;line-height:1.8;color:#9390a4;white-space:nowrap}.platform-intro strong{font-weight:400;color:#c1bdce}.platform{display:grid;grid-template-columns:auto 1fr;grid-template-rows:22px auto;align-items:center;column-gap:9px;opacity:.54}.platform.available{opacity:1}.platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark){font-size:16px;letter-spacing:-.4px;font-weight:500}.platform>small{grid-column:2;font-size:8px;letter-spacing:.15px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.platform>small>i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}.webflow-symbol{width:26px;height:20px;color:currentColor;flex-shrink:0}.platform .webflow-symbol{width:27px;height:20px;color:#d4cbeb;grid-row:1}.figma-mark{display:grid;grid-template-columns:8px 8px;grid-template-rows:8px 8px 8px;align-self:center;grid-row:1/3;margin-right:1px}.figma-mark>i{border:1px solid #ddd6f0}.figma-mark>i:nth-child(1){border-radius:8px 0 0 8px}.figma-mark>i:nth-child(2){border-radius:0 8px 8px 0}.figma-mark>i:nth-child(3){border-radius:8px 0 0 8px}.figma-mark>i:nth-child(4){border-radius:50%}.figma-mark>i:nth-child(5){border-radius:8px 0 8px 8px}.excel-mark{width:23px;height:24px;border:1px solid #aaa0be;display:grid;place-items:center;font-weight:600;font-size:15px;box-shadow:4px -3px 0 -1px #1c1c27,4px -3px 0 0 #7b728c;border-radius:2px}.google-mark{font-size:28px;font-weight:650;line-height:1;letter-spacing:-2px}
/* The working five-step interface concept. */
.section-heading{margin-bottom:45px}.section-heading .eyebrow{margin-bottom:22px}.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:22px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.experience{padding-top:99px}.demo-shell{border:1px solid #45414f;border-radius:20px;background:#24232e;overflow:hidden;box-shadow:0 28px 60px -25px #0909108c;max-width:1118px;margin-inline:auto}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #36323f;background:linear-gradient(100deg,#2b2935,#262530)}.segmented{display:inline-flex;padding:4px;background:#1d1c2699;border:1px solid #3d3948;border-radius:9px;gap:3px}.segmented>button{border-radius:6px;padding:9px 17px;font-size:11px;color:#a7a2b5;transition:background .2s,color .2s;white-space:nowrap}.segmented>button[aria-selected="true"]{color:#e7dec5;background:#3c3740;box-shadow:inset 0 1px #7568714d,0 2px 4px #00000020}.segmented>button[aria-selected="true"]:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--yellow);margin-right:7px;vertical-align:middle}.demo-preview-label{display:flex;align-items:center;gap:8px;font-size:7px;color:#a9a1b6;letter-spacing:1.55px}.demo-preview-label>i{width:4px;height:4px;border-radius:50%;background:#bab1d0}.editor-topbar{height:41px;background:#1c1b24;border-bottom:1px solid #3b3743;display:flex;align-items:center;justify-content:space-between;padding-inline:17px}.editor-identity{display:flex;align-items:center;gap:13px}.editor-identity .webflow-symbol{width:20px;color:#b4a8d0}.editor-identity>span{font-size:8px;color:#b6adbf}.editor-identity .editor-divider,.editor-identity .editor-page{color:#6e687d}.editor-preview{display:flex;align-items:center;gap:5px;border:1px solid #4e435c;padding:4px 9px;border-radius:4px;font-size:8px;background:#2d2638}.editor-preview .icon{width:10px;height:10px}.editor-main{display:grid;grid-template-columns:39px 160px 1fr 195px;min-height:370px}.editor-rail{display:flex;flex-direction:column;gap:24px;align-items:center;padding-top:16px;background:#21202a;border-right:1px solid #3b3543;color:#7f728f}.editor-rail>.icon{width:17px;height:17px}.editor-rail>span{height:37px}.editor-navigator{position:relative;background:#25222e;border-right:1px solid #3b3543;padding:14px 10px;font-size:8px;color:#b4a7c4}.editor-panel-label{font-size:9px;color:#d1c4df;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-panel-label>.icon{width:11px;height:11px;color:#817389}.tree-item{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:8px;margin-block:10px}.tree-item>.icon{width:11px;height:11px;color:#82728f}.tree-indent{margin-left:8px}.tree-indent-2{margin-left:16px}.tree-card{margin-left:28px;color:#e1d2f0}.navigator-bottom{font-size:6.5px;display:flex;align-items:center;gap:5px;position:absolute;bottom:17px;color:#867d90}.navigator-bottom>.soft-dot{width:3px;height:3px}.editor-canvas{position:relative;display:flex;justify-content:center;align-items:center;padding:40px 25px 27px;background:#17151f;min-width:0;overflow:hidden;background-image:radial-gradient(#5b4a6a30 .6px,transparent .6px);background-size:15px 15px}.canvas-topline{position:absolute;top:13px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;color:#73667f;font-size:6px;letter-spacing:1px}.canvas-topline>.icon{width:10px;height:10px;opacity:.6}.canvas-topline>span:last-child{margin-left:auto;margin-right:4px}.canvas-topline>.icon{position:absolute;left:50%}.canvas-empty{text-align:center}.empty-wire{width:86px;height:84px;margin:0 auto 12px;display:grid;place-items:center;color:#786188;transform:rotate(-8deg);border:1px solid #50405f40;border-radius:18px;box-shadow:inset 0 0 18px #5142590d}.empty-wire>.icon{width:43px;height:43px;stroke-width:.7}.add-card{font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid #5a4b6c;background:#372b46;padding:10px 18px;border-radius:6px;margin:auto;position:relative}.add-card>.icon{width:13px;height:13px}.canvas-empty>p{color:#7c6e8a;font-size:8px;margin-top:14px}.editor-properties{background:#25212e;padding:14px 14px;color:#baaac9;border-left:1px solid #3b3543}.style-dot{width:4px;height:4px;background:#9b85b2;border-radius:50%}.editor-properties .editor-panel-label{margin-bottom:15px}.property-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#baaac8;margin-bottom:7px}.property-title>span{font-size:6px;opacity:.6}.selector-field{border:1px solid #4a3a59;border-radius:4px;background:#32263e;color:#b7a1c9;display:flex;justify-content:space-between;padding:5px 8px;font-size:8px}.selector-field>span{color:#826f93}.property-group{border-top:1px solid #403049;margin-top:12px;padding-top:10px}.layout-options{display:flex;gap:4px}.layout-choice{font-size:7px;display:flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:7px 2px;border:1px solid #42344f;background:#292031;border-radius:4px;color:#a994ba}.layout-choice.selected{background:#40304e;color:#dbc5ec}.layout-choice>span{font-size:10px;line-height:1}.spacing-box{display:flex;align-items:center;justify-content:space-around;height:57px;border:1px solid #4a3a58;border-radius:4px;background:linear-gradient(45deg,transparent 49.5%,#4b385866 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#4b385866 50%,transparent 50.5%),#2c2134}.spacing-box>span{font-size:6px;color:#9880ad}.spacing-value{display:grid;place-items:center;width:42px;height:27px;font-size:9px;background:#33243e;border:1px solid #635072;border-radius:3px}.swatch-options{display:flex;align-items:center;gap:7px}.swatch{width:23px;height:23px;border:2px solid #6b537a;border-radius:5px}.swatch.dark{background:#25222d}.swatch.lavender{background:#c5b9db}.swatch.selected{outline:1px solid #b8a1cc;outline-offset:2px}.swatch-options>span{font-size:7px;margin-left:3px}.property-bottom{margin-top:11px}.target-highlight{outline:1px solid var(--yellow)!important;outline-offset:4px;box-shadow:0 0 0 6px #ffd64b13!important;animation:target-breathe 2.7s ease-in-out infinite;position:relative;z-index:2}.target-highlight:after{content:'';position:absolute;right:-8px;top:-8px;width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #322b26}.practice-card{width:min(94%,354px);background:#26202e;display:flex;align-items:stretch;gap:0;padding:12px;border:1px solid #554262;border-radius:12px;transition:background .5s,padding .5s,transform .5s;box-shadow:0 18px 35px #0003}.practice-card.vertical{display:flex;flex-direction:column;max-width:258px;gap:13px}.practice-card.padded{padding:24px}.practice-card.lavender-fill{background:#c4b8d9;border-color:#d1c3e3;color:#312840}.practice-card.lavender-fill .practice-content>p{color:#615273}.practice-card.lavender-fill .tiny-label{color:#776285}.practice-card.lavender-fill .practice-link{color:#41314f}.practice-content{padding:12px 8px;flex:1}.practice-content .tiny-label{font-size:5.5px;letter-spacing:1px;white-space:nowrap}.practice-content>h3{font-size:18px;letter-spacing:-.4px;margin-top:4px;white-space:nowrap}.practice-content>p{font-size:7px;color:#a99ab8;line-height:1.8;margin-top:5px;white-space:nowrap}.practice-link{font-size:7px;display:flex;align-items:center;gap:13px;margin-top:10px;color:#cbb8dc}.practice-link>.icon{width:12px;height:12px}.vertical .practice-content{padding:0}.card-art{position:relative;width:40%;min-height:120px;background:#31243e;border-radius:5px;overflow:hidden;display:grid;place-items:center}.vertical .card-art{width:100%;height:112px;min-height:112px}.art-orbit{width:89px;height:89px;border:1px solid #ae91c452;border-radius:50%;position:absolute;top:8px;left:calc(50% - 44px)}.sculpture-stairs{position:relative;display:flex;align-items:flex-end;gap:0;height:65px;width:95px;transform:skewY(-12deg) rotate(0);z-index:1;margin-top:5px}.sculpture-stairs>i{display:block;width:24px;background:linear-gradient(105deg,#b6a1d3,#78648f);border:1px solid #ddc8fa7a;box-shadow:10px 5px 0 #4e3b65;position:relative}.sculpture-stairs>i:nth-child(1){height:15px;z-index:4}.sculpture-stairs>i:nth-child(2){height:28px;z-index:3}.sculpture-stairs>i:nth-child(3){height:42px;z-index:2}.sculpture-stairs>i:nth-child(4){height:59px;z-index:1}.sculpture-stairs>i:before{content:'';position:absolute;top:-6px;height:5px;left:4px;right:-7px;background:#c0acd9;transform:skewX(-60deg)}.art-star{position:absolute;left:15%;top:18%;color:#c8b3df;font-size:15px}.art-caption{position:absolute;bottom:7px;font-size:4px;letter-spacing:1.2px;color:#aa91be}.demo-completion{position:absolute;inset:0;background:#211b2df5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:8;padding:20px;backdrop-filter:blur(6px)}.completion-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:15px;background:linear-gradient(135deg,#665570,#302c3e);border:1px solid #a897b6;color:var(--yellow);box-shadow:0 15px 25px #0002}.demo-completion .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:10px}.demo-completion h3{font-size:29px;line-height:1.2;letter-spacing:-1px}.demo-completion h3>span{color:var(--lavender)}.demo-completion p{font-size:11px;color:#aaa0b7;margin:13px 0 18px}.demo-completion .button{font-size:10px;min-height:36px;padding:9px 14px}.runner-bar{display:flex;align-items:center;gap:16px;padding:16px 25px;background:linear-gradient(120deg,#302b3a,#282430);border-top:1px solid #4f405b}.runner-brand{width:34px;height:34px;background:#45394f;border:1px solid #6e5d7b;border-radius:9px;display:grid;place-items:center}.runner-brand img{width:20px;height:18px}.runner-instruction .tiny-label{font-size:6px;letter-spacing:1.2px;margin-bottom:5px;color:#a99ab8}.runner-instruction>strong{font-size:11px;font-weight:450;color:#dfd2e9}.runner-dots{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:14px}.runner-dots>i{width:5px;height:5px;background:#5f506c;border-radius:50%;transition:background .2s,width .2s}.runner-dots>i.current{background:var(--yellow);width:15px;border-radius:4px}.runner-dots>i.done{background:#c2aecf}.runner-bar>.icon-button{border-color:#594767;width:30px;height:30px;color:#c1afd0;margin-left:-9px}.runner-bar>.explain-button{color:var(--yellow)}.demo-hint{font-size:8px;text-align:center;color:#92869f;padding:9px 15px;border-top:1px solid #44364f;background:#27212e}.step-explanation{padding:18px 26px;border-top:1px solid #594767;background:#332a3d}.step-explanation>span{display:flex;align-items:center;gap:7px;font-size:8px;color:var(--yellow);letter-spacing:1.3px}.step-explanation>span>.icon{width:13px;height:13px}.step-explanation p{font-size:11px;color:#d0c4dc;margin-top:8px}.step-explanation small{font-size:8px;color:#968aa2}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:57px;margin:38px auto 0;max-width:1118px;padding-inline:10px}.how-number{font-size:10px;color:var(--lavender);display:flex;align-items:center;gap:10px;margin-bottom:12px}.how-number>span{color:#5b556b}.how-steps h3{font-size:17px;letter-spacing:-.3px;margin-bottom:8px}.how-steps p{font-size:11px;line-height:1.9;color:var(--muted)}
/* Feature illustrations are editable vector-like CSS, in the supplied art direction. */
.features{padding-top:75px}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.split-heading>div{flex:1}.split-heading>div+p{max-width:275px;margin-bottom:4px;font-size:12px}.split-heading h2{font-size:46px}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.feature-card{border:1px solid #3d3949;border-radius:var(--radius);background:linear-gradient(140deg,#29273288,#22212cbb);overflow:hidden;box-shadow:inset 0 1px #ffffff04;position:relative;transition:border-color .3s,transform .3s}.feature-card:hover{border-color:#665d75;transform:translateY(-3px)}.feature-card-copy{padding:30px 31px}.feature-kicker{font-size:8px;font-weight:500;letter-spacing:1.7px;color:#a99bbd;display:block;margin-bottom:13px}.feature-card h3{font-size:26px;line-height:1.18;letter-spacing:-.7px;color:#e6dff0}.feature-card p{font-size:11px;line-height:1.9;color:#a39ab1;max-width:380px;margin-top:14px}.feature-meridian{grid-column:span 7;min-height:416px}.feature-language{grid-column:span 5;min-height:416px}.feature-meridian .feature-card-copy{position:relative;z-index:2}.meridian-art{height:203px;position:relative;max-width:100%;isolation:isolate;margin-top:-4px}.meridian-grid{position:absolute;width:88%;height:190px;left:9%;bottom:-30px;transform:perspective(400px) rotateX(62deg) rotateZ(-12deg);background-image:linear-gradient(#aea0c41a 1px,transparent 1px),linear-gradient(90deg,#aea0c41a 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#0009,transparent 69%)}.meridian-paths{position:absolute;width:95%;left:1%;top:0;height:190px;fill:none;stroke:#9683b073;stroke-width:.7;z-index:-1}.meridian-paths path:nth-child(2){opacity:.3}.meridian-paths circle{fill:#bfb0d6;stroke:#bfb0d6}.map-window{position:absolute;width:165px;height:117px;border:1px solid #797086;background:linear-gradient(130deg,#393243,#262230);border-radius:9px;box-shadow:8px 9px 0 -6px #2f2b39,9px 9px 0 -6px #796a89,18px 20px 30px -5px #11101d90;transform:perspective(700px) rotateY(-20deg) rotateX(5deg) rotateZ(-5deg)}.map-old{top:21px;left:13%}.map-new{top:43px;right:10%;transform:perspective(700px) rotateY(-20deg) rotateX(5deg) rotateZ(-5deg)}.map-window-top{height:22px;border-bottom:1px solid #86738c40;display:flex;align-items:center;gap:4px;padding:0 9px;color:#9986ac}.map-window-top>i{width:3px;height:3px;background:#867797;border-radius:50%}.map-window-top>span{margin-left:auto;font-size:5px;letter-spacing:1.5px}.map-lines{padding:11px 13px;display:flex;flex-direction:column;gap:5px}.map-lines>span{height:3px;background:#78658a50;display:block;width:50%}.map-lines>span:last-child{width:78%;background:#78658a30}.map-element{margin:1px 12px;height:28px;border:1px solid #a992c370;background:linear-gradient(120deg,#74628a,#44334f);border-radius:4px;font-size:8px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;box-shadow:inset 0 1px #ffffff15;color:#ece2f6}.map-element>.icon{width:11px;height:11px}.map-new .map-element{margin-top:15px}.map-notice{position:absolute;bottom:4px;left:13%;font-size:6px;letter-spacing:1.2px;color:#84768f;display:flex;align-items:center;gap:7px}.map-notice>span{width:3px;height:3px;border-radius:50%;background:#b9a5c9}.language-art{height:195px;position:relative;max-width:400px;margin:-2px auto 0}.language-orbit{width:190px;height:150px;position:absolute;left:80px;top:2px;border-radius:50%;border:1px solid #8e799b20;transform:rotate(-20deg)}.language-tile{width:104px;height:83px;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:linear-gradient(145deg,#62526f,#292433);border:1px solid #9f8aac74;box-shadow:5px 6px 0 -3px #332a40,6px 6px 0 -3px #8a729d,0 22px 30px -10px #100c1b96;border-radius:12px;color:#dac9ec;font-size:21px;font-weight:350}.language-tile>small{font-size:4.5px;letter-spacing:2px;color:#b4a2c8}.language-one{left:33px;top:10px;transform:perspective(500px) rotateY(-15deg) rotateZ(-9deg);z-index:1}.language-two{left:143px;top:32px;transform:perspective(500px) rotateY(-15deg) rotateZ(5deg);z-index:3}.language-three{right:24px;top:3px;transform:perspective(500px) rotateY(-15deg) rotateZ(8deg);font-size:15px;z-index:2}.voice-capsule{position:absolute;bottom:21px;left:74px;right:45px;display:flex;align-items:center;gap:12px;padding:9px 15px;border:1px solid #594862;border-radius:25px;background:linear-gradient(145deg,#3c3047,#292330);box-shadow:0 9px 20px #17101d55;z-index:4}.voice-capsule>.icon{width:13px;height:13px;color:#b4a0cb}.voice-capsule>span{font-size:6px;color:#ad9bbd;white-space:nowrap}.waveform{height:20px;display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.waveform>i{width:2px;height:7px;background:#ba9ed0;border-radius:2px}.waveform>i:nth-child(2n){height:14px}.waveform>i:nth-child(3n){height:19px}.waveform>i:nth-child(5n){height:5px}.feature-small{grid-column:span 4;min-height:387px}.feature-small .feature-card-copy{padding:17px 29px 29px}.feature-small h3{font-size:23px}.feature-small p{font-size:11px;line-height:1.8}.small-art{height:175px;position:relative;overflow:hidden}.revy-art{display:flex;align-items:center;justify-content:center}.revy-object{position:absolute;top:7px;font-size:124px;font-family:Arial,sans-serif;line-height:1.1;color:#b3a0c9;filter:drop-shadow(3px 5px 0 #55445f) drop-shadow(7px 7px 10px #0f0b194d);transform:rotate(-7deg)}.revy-orbit{position:absolute;width:155px;height:115px;border:1px solid #86719940;transform:rotate(-25deg);border-radius:50%;top:18px;left:calc(50% - 78px)}.revy-question{position:absolute;bottom:27px;left:calc(50% - 93px);font-size:9px;border:1px solid #63536e;border-radius:8px;background:linear-gradient(145deg,#45364f,#2e2638);padding:8px 17px;box-shadow:0 10px 15px #15101d55;transform:rotate(3deg)}.small-art-dot{width:4px;height:4px;border-radius:50%;background:#cfb4e1;position:absolute;top:50px;left:28%;box-shadow:0 0 10px #d0b7dd2a}.replay-desktop{position:absolute;left:calc(50% - 105px);top:30px;width:170px;height:102px;background:linear-gradient(130deg,#40314d,#261e32);border:1px solid #867093;border-radius:6px;transform:perspective(500px) rotateY(13deg) rotateZ(-5deg);box-shadow:4px 5px 0 -1px #392c48,4px 5px 0 #7b658b,0 23px 25px #120c1e6b}.replay-dots{display:block;padding:1px 6px;color:#9981af;font-size:7px;letter-spacing:3px;border-bottom:1px solid #8a749e35}.replay-window-content{position:relative;margin:9px 17px;height:54px}.replay-window-content>i{position:absolute;left:0;top:0;width:60px;height:51px;background:linear-gradient(135deg,#9c80b450,#634c8138);border:1px solid #b699ce25;border-radius:3px}.replay-window-content>i:before{content:'';position:absolute;width:27px;height:27px;left:16px;top:11px;transform:rotate(-8deg);border:1px solid #b999d0;background:linear-gradient(135deg,#c1a5d7,#695580);box-shadow:5px 5px 0 #52405f}.replay-window-content>span{position:absolute;left:72px;right:0;top:12px;height:4px;background:#9272a34f;border-radius:2px}.replay-window-content>span:last-child{top:22px;right:13px}.replay-track{height:2px;background:#7e668b40;margin:11px 17px}.replay-track>i{display:block;width:43%;height:2px;background:#c5a2dd}.replay-phone{position:absolute;left:calc(50% + 49px);top:45px;width:49px;height:94px;background:linear-gradient(125deg,#3d2d4b,#211a2b);border:1px solid #a184b0;border-radius:7px;transform:rotate(9deg);box-shadow:3px 3px 0 -1px #3d2c4c,3px 3px 0 #816691,0 15px 20px #120d1e66;display:flex;flex-direction:column;align-items:center;padding:5px;gap:4px}.replay-phone>span{height:2px;width:12px;background:#ad91bc66;border-radius:4px;margin-bottom:4px}.replay-phone>i{width:31px;height:25px;border-radius:2px;background:linear-gradient(125deg,#b596cc77,#59427044);border:1px solid #b99ad050}.replay-phone>div{width:30px;height:2px;background:#a88bb833}.replay-phone>b{font-size:9px;color:#be9fd7;margin-top:2px}.replay-label{position:absolute;bottom:12px;font-size:6px;letter-spacing:.6px;left:calc(50% - 50px);color:#9a82ac}.restream-ring{border:1px solid #92799e33;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.ring-one{width:102px;height:102px}.ring-two{width:172px;height:149px}.restream-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:56px;width:58px;border-radius:15px;background:linear-gradient(135deg,#716082,#3e304a);border:1px solid #a289b777;display:grid;place-items:center;box-shadow:3px 5px 0 -1px #372a44,3px 5px 0 #7a638e,0 16px 20px #16101e66}.restream-center>img{width:28px;height:25px;opacity:.78}.room-person{position:absolute;width:30px;height:30px;border:1px solid #aa8cc077;border-radius:50%;display:grid;place-items:center;font-size:8px;color:#d0b8e1;background:linear-gradient(135deg,#7d648f,#3b2d49);box-shadow:0 9px 12px #100a1844}.person-a{top:29px;left:26%}.person-b{top:23px;left:63%}.person-c{top:90px;left:73%;background:linear-gradient(135deg,#534163,#302636)}.person-d{top:113px;left:34%;width:25px;height:25px}.person-e{top:83px;left:18%;width:25px;height:25px;background:linear-gradient(135deg,#534163,#302636)}.restream-pill{position:absolute;bottom:14px;left:calc(50% - 65px);font-size:5px;letter-spacing:1.2px;border:1px solid #67507166;background:#302339;padding:6px 11px;border-radius:20px;color:#bea0ce;display:flex;align-items:center;gap:5px}.restream-pill>i{width:3px;height:3px;background:#c0a1d3;border-radius:50%}.learning-ladder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px;padding:26px 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px}.learning-ladder>p{font-size:11px;color:var(--muted)}.learning-ladder>p>strong{font-weight:450;color:var(--ink)}.learning-ladder>div{display:flex;align-items:center;gap:13px}.learning-ladder>div>span{font-size:9px;color:#aaa0ba}.learning-ladder>div>i{font-size:9px;font-style:normal;color:#5f546d}.learning-ladder .ladder-highlight{color:#e5d7b5}.learning-ladder>small{font-size:8px;color:#7c738b;width:100%;text-align:right;margin-top:-6px}
/* An architectural, step-shaped creator object: editable CSS, not a bitmap. */
.creator-section{display:grid;grid-template-columns:1fr 1fr;gap:92px;align-items:center;padding-top:66px;padding-bottom:104px}.creator-art-panel{min-height:520px;border:1px solid #474052;border-radius:22px;background:linear-gradient(140deg,#2b26338f,#211e2a);overflow:hidden;position:relative;display:flex;flex-direction:column}.creator-art-top{display:flex;align-items:center;justify-content:space-between;padding:24px 25px;position:relative;z-index:1}.creator-art-top>.tiny-label{font-size:7px;color:#a093ae;letter-spacing:1.5px}.creator-art-top>.icon{width:17px;color:#9e89b0}.creator-scene{position:relative;height:370px;perspective:800px;isolation:isolate}.creator-orbit{position:absolute;width:290px;height:290px;border:1px solid #8c799649;left:calc(50% - 153px);top:12px;border-radius:50%;transform:rotateY(-16deg);z-index:-1}.creator-orbit.orbit-two{width:330px;height:127px;transform:rotate(-25deg);top:200px;left:calc(50% - 155px);border-color:#8c799622}.creator-step{position:absolute;left:50%;width:225px;height:47px;background:linear-gradient(110deg,#544463,#2e253c);border:1px solid #9882ac6b;transform:translateX(-50%) rotate(-7deg) skewY(1deg);box-shadow:14px 12px 0 -1px #282033,14px 12px 0 #6b547e;z-index:1}.creator-step:before{content:'';height:28px;position:absolute;top:-29px;left:12px;right:-15px;transform:skewX(-45deg);background:linear-gradient(120deg,#756586,#4d3e5e);border:1px solid #ad95c160}.step-one{width:290px;top:287px;z-index:4}.step-two{width:231px;top:250px;left:calc(50% + 22px);z-index:3}.step-three{width:175px;top:212px;left:calc(50% + 44px);z-index:2}.step-four{width:117px;top:174px;left:calc(50% + 66px);z-index:1}.creator-plaque{position:absolute;width:112px;height:122px;left:calc(50% + 3px);top:44px;display:grid;place-items:center;background:linear-gradient(125deg,#b3a0c9,#716180 60%,#554162);border:1px solid #d7c1ebbc;border-radius:26px;transform:perspective(700px) rotateY(-24deg) rotateZ(-7deg);box-shadow:8px 7px 0 -1px #4b375a,9px 7px 0 #9378a7,2px 25px 30px #140d2277;z-index:3}.creator-plaque>img{opacity:.88;filter:drop-shadow(1px 2px 0 #6b517f);width:55px;height:49px}.creator-sphere{position:absolute;width:59px;height:59px;border-radius:50%;left:calc(50% - 111px);top:212px;background:radial-gradient(circle at 31% 25%,#aa91c5,#5b426f 42%,#211729 78%);box-shadow:5px 19px 16px -5px #120c1bb0;z-index:5;border:.5px solid #b094c440}.creator-floating-badge{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #8d70a363;border-radius:8px;background:linear-gradient(120deg,#4f3e5c,#2c2335);font-size:8px;color:#d2bedf;left:40px;top:100px;transform:rotate(-6deg);box-shadow:0 17px 25px #160e244f;z-index:6}.creator-floating-badge>.icon{width:12px;height:12px;color:#c6abd9}.creator-spark{position:absolute;top:21px;left:27%;font-size:26px;color:#b79acc}.creator-dot-grid{position:absolute;right:28px;top:9px;width:55px;height:47px;background-image:radial-gradient(#aa89c480 1px,transparent 1px);background-size:11px 11px}.creator-art-bottom{display:flex;justify-content:space-between;padding:29px 24px 23px;gap:20px;position:relative;z-index:6;margin-top:auto;font-size:5.5px;letter-spacing:1.35px;color:#8f7d9d}.creator-copy .eyebrow{margin-bottom:22px}.creator-copy h2{font-size:50px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:12px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:390px}.creator-tabs{display:flex;border-bottom:1px solid #453b50;margin-top:28px;gap:26px}.creator-tabs>button{font-size:10px;color:#998aa8;padding:12px 0;position:relative;white-space:nowrap}.creator-tabs>button[aria-selected="true"]{color:var(--ink)}.creator-tabs>button[aria-selected="true"]:after{content:'';position:absolute;height:1px;bottom:-1px;background:var(--yellow);left:0;right:0}.creator-tab-panel{min-height:195px;padding-top:21px}.creator-feature{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}.creator-feature>.icon{width:18px;height:18px;color:#b19bc3;margin-top:4px}.creator-feature h3{font-size:12px;font-weight:500;letter-spacing:0}.creator-feature p{font-size:10px;line-height:1.85;color:#9d8dad;margin-top:4px;max-width:350px}.creator-copy>.text-link{color:#ddd1e8;font-size:11px}.creator-verification{font-size:7px;display:flex;gap:7px;align-items:center;color:#928099;margin-top:23px}.creator-verification>.icon{width:12px;height:12px}
/* The world motif, directly from the supplied Singapore artwork. */
.world-section{border-top:1px solid #3a3344;border-bottom:1px solid #3a3344;background:#20202a;overflow:hidden;margin-block:13px}.world-shell{position:relative;display:grid;grid-template-columns:.95fr 1.2fr;gap:30px;align-items:center;min-height:490px;padding-block:73px 40px}.world-copy{z-index:2;position:relative}.world-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.world-copy h2{font-size:43px;letter-spacing:-1.8px}.world-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#a69cb0;max-width:347px;margin-top:22px}.world-caption{display:flex;align-items:center;gap:8px;font-size:6px;letter-spacing:1.3px;color:#a190b1;margin-top:25px}.world-caption .soft-dot{width:3px;height:3px;background:#d6c2e2}.world-art{position:relative;min-height:360px;align-self:center}.world-art img{position:absolute;max-width:none;width:830px;top:-24px;left:-80px;mix-blend-mode:lighten;filter:brightness(1.15);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.world-location{position:absolute;bottom:-33px;left:20px;display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.5px;color:#ac9bb9}.world-location .icon{width:12px;height:12px}.world-location>span{opacity:.4}.maxim-row{border-top:1px solid #4a3e5366;display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px 30px;margin-top:16px}.maxim-row>div{display:grid;grid-template-columns:25px 1fr;column-gap:12px;align-items:center;padding-left:37px;border-left:1px solid #4a3e5366}.maxim-row>div:first-child{padding-left:0;border:0}.maxim-row>div>span{font-size:7px;color:#9782a8}.maxim-row h3{font-size:24px;letter-spacing:-.7px;color:#d3c6de}.maxim-row p{font-size:9px;color:#9b8aa9;grid-column:2}
/* Pricing: the final $16 / $32 / $64 ladder, no made-up discounts. */
.pricing{padding-top:113px}.pricing .section-heading{margin-bottom:32px}.pricing-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px}.pricing-controls>.segmented button{font-size:11px;padding:10px 21px}.pricing-controls>span{font-size:7px;letter-spacing:1.4px;color:#898092}.explorer-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #453c4e;border-radius:12px;background:#2924319e;margin-bottom:18px}.explorer-strip>div{display:flex;align-items:center;gap:15px}.explorer-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;border:1px solid #6f5c7d;background:linear-gradient(130deg,#4d3e59,#2d2537);box-shadow:2px 3px 0 -1px #231b2a,3px 3px 0 -1px #675071}.explorer-icon>.icon{width:15px;height:15px;color:#b9a5c9}.explorer-strip p>strong{display:block;font-size:11px;font-weight:450;color:#dcd1e5}.explorer-strip p>span{display:block;font-size:9px;color:#a48eae;margin-top:2px}.explorer-strip>a{display:flex;gap:20px;align-items:center;font-size:10px;color:#d7c6df;white-space:nowrap}.explorer-strip>a:hover{color:var(--yellow)}.explorer-strip>a>.icon{width:16px;height:16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{position:relative;background:linear-gradient(145deg,#2b26317a,#24202cbb);border:1px solid #453a4f;border-radius:16px;padding:25px 22px 26px;overflow:hidden;transition:transform .25s,border-color .25s}.price-card:hover{transform:translateY(-4px);border-color:#766084}.plan-label{font-size:6px;letter-spacing:1.3px;color:#b39bbe;display:block;min-height:16px;white-space:nowrap}.plan-label>span{margin-left:2px;color:var(--yellow);font-size:13px;vertical-align:middle;line-height:.5}.price-card>h3{font-size:22px;letter-spacing:-.55px;margin-top:7px;display:flex;align-items:center;gap:8px;color:#e9dff0}.price-card>h3>.icon{width:17px;color:#c8acd9}.price{display:flex;align-items:baseline;gap:6px;margin:18px 0 13px}.price>span{font-size:49px;font-family:var(--display);font-weight:450;letter-spacing:-2px;line-height:1}.price>small{font-size:8px;color:#a491af}.plan-description{font-size:10px;line-height:1.8;color:#b0a0b9;min-height:36px}.button-plan{display:flex;justify-content:space-between;width:100%;padding:11px 14px;min-height:42px;font-size:10px;gap:8px;background:#39303f;border:1px solid #685175;border-radius:7px;margin-top:22px}.button-plan:hover{background:#49394f;border-color:#9c7fad}.button-plan.button-yellow{background:var(--yellow);border-color:var(--yellow);color:#2c2430}.button-plan.button-yellow:hover{background:var(--yellow-hover);border-color:var(--yellow-hover)}.button-plan>.icon{width:14px;height:14px}.plan-includes{font-size:8px;display:block;color:#a48eb1;margin:22px 0 14px}.price-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.price-card li{display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.5;color:#d2c4de}.price-card li:before{content:'✓';font-size:9px;color:#a88eba;flex-shrink:0}.creator-price{border-color:#a990b9;background:linear-gradient(145deg,#3d3148,#2a2233);box-shadow:inset 0 1px 1px #e4c9f530,0 15px 40px -20px #a78dbf18}.creator-price:before{content:'';position:absolute;top:0;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,#e4c9f5a0,transparent)}.creator-price .plan-label{color:#cebbda}.creator-price li:before{color:#dec2eb}.pricing-note{font-size:8px;line-height:1.8;color:#9b87a6;text-align:center;margin-top:23px}.compare-toggle{display:flex;margin:20px auto 0;color:#d0bdde;font-size:10px}.compare-toggle .icon{width:13px;height:13px}.compare-toggle[aria-expanded="true"] .icon{transform:rotate(45deg)}.feature-comparison{margin-top:25px;border:1px solid #4f405b;background:#27202f;border-radius:14px;overflow:hidden}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;min-width:690px;font-size:10px;text-align:left}caption{text-align:left;font-size:14px;padding:22px 20px;color:#dfcde9}th{padding:14px 20px;font-weight:500;background:#34283f;color:#ceb7dc;border-bottom:1px solid #53405f}td{padding:12px 20px;color:#af9aba;border-bottom:1px solid #3d2e47;font-size:9px}td:first-child{color:#d7c2e2}th:not(:first-child),td:not(:first-child){text-align:center}.comparison-note{font-size:9px;padding:17px 20px;line-height:1.9;color:#9f87b0}.teams-nudge{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px;padding:25px 25px 0;border-top:1px solid #3d3346}.teams-nudge>.icon{width:23px;height:23px;color:#ab91be}.teams-nudge>span{font-size:9px;color:#9e88ab;line-height:1.8}.teams-nudge strong{font-weight:450;color:#ceb8dc}.teams-nudge>.text-link{margin-left:45px;font-size:10px;color:#d5bfdf}.organization-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.organization-card{padding:34px;border:1px solid #685377;background:linear-gradient(140deg,#34293e,#241d2d);border-radius:18px}.organization-card>.eyebrow{font-size:8px;letter-spacing:1.4px;color:#bba0ce;margin-bottom:24px}.organization-card h3{font-size:35px;line-height:1.15;letter-spacing:-1px;color:#ecdbf4}.organization-card>p{font-size:11px;color:#b8a0c4;line-height:1.9;margin-top:20px;max-width:390px}.team-rate{display:flex;align-items:center;gap:14px;margin-top:24px}.team-rate strong{font-size:51px;font-family:var(--display);letter-spacing:-2px;font-weight:450}.team-rate>span{font-size:9px;color:#b69fc5;line-height:1.7}.seat-calculator{padding:18px 0 23px}.seat-calculator>label{font-size:10px;color:#d9c2e5;display:block;margin-bottom:10px}.seat-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.seat-controls>.icon-button{width:30px;height:30px;color:#ceb4dc;border-color:#755985}.seat-controls input{width:55px;height:30px;text-align:center;background:#211a2a;color:#e3c9f2;border:1px solid #5d446d;border-radius:5px;appearance:textfield;-moz-appearance:textfield;font-size:11px}.seat-controls input::-webkit-inner-spin-button{appearance:none}.seat-controls>span{color:#a287b2;font-size:10px;margin-left:1px}.seat-controls>strong{margin-left:auto;font-size:18px;font-weight:450;color:#dfc6ed}.seat-calculator>small{display:block;max-width:355px;margin-top:11px;font-size:8px;line-height:1.7;color:#9b80ab}.academy-card{border-color:#4e3e5c}.academy-features{display:flex;flex-direction:column;gap:24px;margin:30px 0 32px}.academy-features>div{display:flex;gap:14px;align-items:center}.academy-features .icon{width:21px;color:#b095c4}.academy-features span{font-size:10px;color:#aa8cbb;line-height:1.8}.academy-features strong{display:block;font-size:11px;font-weight:450;color:#ddc5eb}.academy-signoff{font-size:8px;display:block;margin-top:14px;color:#aa8aba}.organization-card>.button{font-size:11px;min-height:44px}
/* Honest, native, accessible accordion. */
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-top:60px;padding-bottom:98px}.faq-heading>.eyebrow{margin-bottom:22px}.faq-heading h2{font-size:43px}.faq-heading>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin-top:22px}.faq-art{position:relative;width:152px;height:175px;margin-top:25px}.faq-art>span{position:absolute;top:12px;left:30px;width:96px;height:90px;border-radius:27px 27px 27px 5px;background:linear-gradient(140deg,#746083,#32283e);border:1px solid #a085b576;box-shadow:5px 7px 0 -1px #2c2137,5px 7px 0 #79618a,0 24px 25px #110b1c77;display:grid;place-items:center;font-size:57px;font-family:var(--display);font-weight:350;color:#d3b9e8;transform:rotate(-10deg);text-shadow:2px 3px 0 #3c2b47;z-index:2}.faq-art>i{position:absolute;top:2px;left:0;width:151px;height:130px;border:1px solid #79638950;border-radius:50%;transform:rotate(-27deg)}.faq-art>b{position:absolute;font-weight:300;font-size:19px;color:#b89bc8;left:0;top:107px}.faq-list{border-top:1px solid #4e4058;margin-top:5px}.faq-list>details{border-bottom:1px solid #413648}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:12px;color:#dbcede;list-style:none;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--yellow)}.faq-plus{width:20px;height:20px;position:relative;flex-shrink:0;border:1px solid #53425f;border-radius:50%;color:#b39ac3}.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:5px;top:8.5px;width:8px;height:1px;background:currentColor}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details[open] .faq-plus{color:var(--yellow);border-color:#968255}.faq-answer{padding:0 33px 22px 0;color:#ab98b7;font-size:11px;line-height:1.95}.faq-answer .text-link{font-size:10px;margin-top:15px;color:#d5bce4}
/* Final invitation and quiet footer. */
.closing{position:relative;isolation:isolate;overflow:hidden;min-height:393px;border:1px solid #57445f;border-radius:22px;background:linear-gradient(130deg,#34283d55,#251e2f9c,#36294044);text-align:center;padding:60px 20px 54px}.closing>.eyebrow{justify-content:center;font-size:8px;letter-spacing:2px;color:#c2a6d2}.closing h2{font-size:55px;letter-spacing:-2px;margin:19px 0 27px;color:#ece3f2;line-height:1.08}.closing h2>span{color:#c7addf}.closing>.button{font-size:11px;min-height:46px;gap:31px}.closing .microcopy{font-size:8px;color:#a087b0;margin-top:14px}.closing-dots{position:absolute;width:82px;height:69px;right:87px;top:47px;background-image:radial-gradient(#b092c259 1px,transparent 1px);background-size:13px 13px;z-index:-1}.closing-orbit{position:absolute;width:242px;height:242px;left:-50px;top:115px;border:1px solid #9277a740;transform:rotate(-13deg);border-radius:50%;z-index:-1}.closing-orbit:after{content:'';position:absolute;inset:25px;border:1px solid #9277a71a;border-radius:50%}.closing-star{position:absolute;left:170px;top:91px;color:#bd9bd373;font-size:36px;transform:rotate(14deg);z-index:-1}.closing-line{position:absolute;right:-25px;bottom:80px;width:223px;height:62px;border-top:1px solid #9b7db567;border-left:1px solid #9b7db567;border-radius:40px 0 0 0;transform:rotate(180deg);z-index:-1}.closing-line:before{content:'';width:98px;border-bottom:1px solid #9b7db567;position:absolute;bottom:0;left:-98px}.closing-line>span{position:absolute;bottom:-4px;left:-100px;width:7px;height:7px;border-radius:50%;background:#c7b0db;box-shadow:0 0 10px #d3bce239}.site-footer{padding-top:55px;padding-bottom:28px}.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:29px;border-bottom:1px solid #403446}.footer-top>.brand>span{font-size:28px}.footer-top>.brand>img{width:28px;height:25px}.footer-top>p{color:#a18cae;font-size:10px;padding-left:25px;border-left:1px solid #4d3d59;line-height:2}.footer-top nav{display:flex;align-items:center;gap:30px;margin-left:auto}.footer-top nav>a{font-size:10px;color:#b7a1c3}.footer-top nav>a:hover{color:var(--yellow)}.back-top{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5d456d;border-radius:50%}.back-top>.icon{width:14px;height:14px;transform:rotate(-45deg)}.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#95809f}.footer-bottom>span:last-child{font-size:7px;color:#bca3ca;letter-spacing:2px}.start-dialog{background:linear-gradient(140deg,#302836,#211b29);border:1px solid #776184;border-radius:22px;color:var(--ink);padding:38px;width:min(480px,calc(100vw - 36px));box-shadow:0 30px 100px #0008;overflow:auto;max-height:calc(100dvh - 40px)}.start-dialog::backdrop{background:#0e0c14b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:17px;top:17px;border-color:#594965;color:#b09abe}.dialog-mark{width:57px;height:57px;display:grid;place-items:center;background:linear-gradient(130deg,#776185,#382b43);border:1px solid #b497c76b;border-radius:15px;margin-bottom:25px;box-shadow:3px 4px 0 -1px #31233d,3px 4px 0 #6e5281}.dialog-mark>img{width:29px;height:26px}.start-dialog>.eyebrow{font-size:8px;letter-spacing:1.3px;color:#b79bc6}.start-dialog h2{font-size:37px;letter-spacing:-1.2px;margin-top:11px}.dialog-description{font-size:12px;line-height:1.9;color:#b69cc5;margin-top:18px}.dialog-plan{display:flex;align-items:center;justify-content:space-between;padding:15px;margin-top:21px;border:1px solid #554060;border-radius:9px;font-size:12px;color:#d7bfe6}.dialog-plan strong{font-size:21px;font-weight:450}.prototype-disclosure{font-size:10px;line-height:1.85;color:#ad92bb;margin-top:20px;padding-left:12px;border-left:2px solid #b0975d}.prototype-disclosure strong{display:block;font-weight:500;color:#d6bedf;margin-bottom:4px}.start-dialog>.button{display:flex;width:100%;font-size:11px;margin-top:24px;min-height:44px;gap:20px}.start-dialog>.text-button{display:flex;margin:11px auto 0;color:#b599c3;font-size:10px}.noscript-notice{position:fixed;bottom:0;padding:12px;text-align:center;background:#403143;color:white;width:100%;font-size:12px;z-index:50}
@keyframes target-breathe{0%,100%{outline-color:#ffd64b;box-shadow:0 0 0 6px #ffd64b13}50%{outline-color:#c6a74d;box-shadow:0 0 0 7px #ffd64b06}}
@media(min-width:1600px){.hero h1{font-size:80px}.hero{min-height:670px}.hero-art{width:850px;top:0;left:-105px}.hero-stage{height:490px}.note-top{right:0;top:40px}}
@media(max-width:1200px){.section-shell{width:calc(100% - 72px)}.nav-shell{width:calc(100% - 60px)}.desktop-nav{gap:20px;margin-left:0}.hero{min-height:610px}.hero h1{font-size:5.5vw;letter-spacing:-3.1px}.hero-stage{height:390px;margin-right:-22px}.hero-art{width:680px;left:-70px;top:0}.note-top{top:32px;right:6px}.floating-runner{bottom:-4px;left:40px;width:271px;padding:12px 15px;gap:11px}.stage-caption{bottom:-31px;left:61px;font-size:6px}.platforms{gap:20px}.platform-intro{font-size:9px}.platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark){font-size:14px}.platform>small{font-size:7px}.split-heading h2{font-size:41px}.feature-card-copy{padding:27px}.feature-card h3{font-size:24px}.feature-small h3{font-size:21px}.feature-small .feature-card-copy{padding:14px 24px 26px}.feature-card p{font-size:10px}.language-three{right:14px}.language-one{left:20px}.language-two{left:122px}.language-tile{width:90px;height:76px}.voice-capsule{left:40px;right:35px}.map-old{left:9%}.map-new{right:7%}.creator-section{gap:62px}.creator-copy h2{font-size:45px}.creator-art-panel{min-height:510px}.creator-plaque{left:calc(50% + 3px)}.creator-art-bottom{font-size:5px;gap:12px}.creator-art-top>.tiny-label{font-size:6px}.creator-floating-badge{left:28px}.world-copy h2{font-size:38px}.world-art img{width:710px;left:-73px;top:4px}.world-shell{min-height:470px}.world-location{bottom:-12px}.price-card{padding:23px 17px}.plan-label{font-size:5.3px;letter-spacing:1px}.price-card h3{font-size:21px}.price-card li{font-size:8px;gap:5px}.price-card .button-plan{font-size:9px;padding-inline:12px}.plan-includes{font-size:7.5px}.pricing-grid{gap:12px}.faq{gap:60px}.faq-heading h2{font-size:39px}}
@media(max-width:1000px){.desktop-nav{gap:17px}.desktop-nav a{font-size:10px}.nav-actions>.button{font-size:10px;padding:9px 12px}.hero{min-height:560px}.hero-description{font-size:13px;max-width:350px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:5.45vw;letter-spacing:-2.6px}.hero-art{width:600px;top:4px;left:-80px}.hero-stage{height:345px}.note-top{right:-7px;top:27px;padding:9px 12px}.floating-note{gap:8px}.floating-note div>span:last-child{font-size:8px}.floating-note .tiny-label{font-size:5px}.note-icon{height:24px;width:24px}.note-icon>.icon{width:13px;height:13px}.floating-runner{left:25px;bottom:-7px;width:242px;padding:11px 13px}.floating-runner>div>span:last-child{font-size:9px}.floating-runner>img{width:21px;height:19px}.floating-runner .tiny-label{font-size:5px}.floating-runner>.icon{width:14px}.stage-caption{font-size:5px;left:39px;letter-spacing:1.5px}.hero-actions{gap:21px}.hero-actions>.button{font-size:11px;gap:21px;padding:13px 18px;min-height:46px}.text-button{font-size:10px}.microcopy{font-size:8px}.platforms{gap:17px;flex-wrap:wrap}.platform-intro{width:100%;display:flex;align-items:center;gap:5px;justify-content:center;font-size:9px;line-height:1;margin-bottom:2px}.platform-intro>br{display:none}.platforms>.platform{flex:1;justify-content:center;grid-template-columns:auto auto;column-gap:7px}.platforms>.platform>small{grid-column:2}.editor-main{grid-template-columns:34px 127px 1fr 166px;min-height:360px}.editor-properties{padding:14px 10px}.editor-navigator{padding-inline:7px}.tree-item{font-size:7px;gap:4px}.tree-indent-2{margin-left:10px}.tree-card{margin-left:21px}.editor-canvas{padding-inline:18px}.practice-card{width:96%}.practice-content>h3{font-size:15px}.practice-content .tiny-label{font-size:4.5px}.practice-content>p{font-size:6px}.practice-card.vertical{max-width:229px}.practice-card.padded{padding:20px}.how-steps{gap:30px;padding-inline:0}.section-space{padding-block:75px}.split-heading{gap:25px}.split-heading>div+p{max-width:230px;font-size:11px}.split-heading h2{font-size:35px}.feature-grid{gap:15px}.feature-card-copy{padding:24px}.feature-card h3{font-size:22px}.feature-small h3{font-size:20px}.feature-card p{font-size:10px;line-height:1.85}.feature-meridian,.feature-language{min-height:397px}.feature-small{min-height:382px}.feature-small .feature-card-copy{padding:14px 22px 24px}.map-window{width:143px;height:111px}.map-old{left:9%}.map-new{right:6%}.language-tile{width:75px;height:70px;font-size:18px;border-radius:9px}.language-three{font-size:11px;right:16px;top:10px}.language-one{left:19px;top:7px}.language-two{left:110px;top:41px}.voice-capsule{left:34px;right:23px;padding:8px 10px;gap:8px;bottom:25px}.waveform{gap:2px}.waveform>i{width:2px}.feature-language .feature-card-copy{padding-right:15px}.learning-ladder>p{width:100%;text-align:center}.learning-ladder>div{justify-content:center;width:100%}.learning-ladder>small{text-align:center;margin-top:0}.creator-section{gap:38px}.creator-copy h2{font-size:40px}.creator-copy>.eyebrow{font-size:8px;letter-spacing:1.2px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:11px}.creator-tabs{gap:20px}.creator-art-panel{min-height:500px}.creator-step.step-one{width:235px;left:48%}.creator-step.step-two{width:188px;left:52%}.creator-step.step-three{width:141px;left:56%}.creator-step.step-four{width:94px;left:60%}.creator-plaque{width:91px;height:115px;left:calc(50% + 6px);top:46px}.creator-plaque>img{width:46px;height:41px}.creator-floating-badge{left:17px;top:111px;font-size:7px;padding:9px 10px}.creator-sphere{width:47px;height:47px;left:calc(50% - 95px);top:226px}.creator-orbit{width:245px;height:245px;left:calc(50% - 131px);top:26px}.creator-art-top{padding:23px 18px}.creator-art-bottom{padding-inline:18px;font-size:4.5px;letter-spacing:1px}.creator-art-top>.tiny-label{font-size:5.5px;letter-spacing:1px}.world-copy h2{font-size:34px}.world-art img{width:630px;left:-76px;top:34px}.world-copy>p:not(.eyebrow){max-width:295px;font-size:11px}.world-shell{grid-template-columns:1fr 1.1fr;min-height:450px;padding-block:50px 30px}.world-location{bottom:0;left:0}.maxim-row{margin-top:0}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:18px}.price-card{padding:26px}.price-card .plan-label{font-size:7px;letter-spacing:1.1px}.price-card h3{font-size:24px}.price-card .plan-description{font-size:11px}.price-card li{font-size:10px}.price-card .button-plan{font-size:11px}.plan-includes{font-size:9px}.price{margin-top:20px}.organization-card{padding:26px}.organization-card h3{font-size:31px}.seat-controls>strong{font-size:15px}.faq{gap:43px}.faq-heading h2{font-size:34px}.faq .eyebrow{font-size:8px;letter-spacing:1.3px}.faq-list summary{font-size:11px}.closing h2{font-size:49px}.closing-star{left:90px}.closing-dots{right:53px}.footer-top nav{gap:23px}.footer-top>p{padding-left:20px;font-size:9px}.footer-top{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:85px}.section-shell{width:calc(100% - 44px)}.nav-shell{width:calc(100% - 40px);height:68px}.brand>span{font-size:27px}.brand img{width:28px;height:25px}.desktop-nav{display:none}.mobile-menu{display:block;color:#c6bbd2}.nav-actions{gap:14px}.nav-actions>.button{min-height:35px;font-size:10px}.section-space{padding-block:63px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:49px;padding-bottom:42px;min-height:auto}.hero-copy{max-width:550px}.hero .eyebrow{font-size:8px;letter-spacing:1.55px;margin-bottom:22px}.tiny-spark{font-size:17px}.hero h1{font-size:clamp(43px,8.9vw,65px);letter-spacing:-2.9px;line-height:1.08}.hero-description{font-size:13px;max-width:400px;margin-top:22px;line-height:1.85}.hero-actions{margin-top:25px;gap:24px}.hero-actions>.button{min-height:47px;font-size:12px;padding-inline:20px;gap:27px}.hero-actions .text-button{font-size:11px}.microcopy{font-size:8px;margin-top:14px}.hero-stage{margin:23px -15px 0;height:350px;width:100%;align-self:center}.hero-art{width:min(710px,127%);left:-10%;top:0}.hero-orbit{width:320px;height:320px;left:calc(50% - 160px);top:6px}.note-top{top:30px;right:4%;padding:10px 13px}.floating-note div>span:last-child{font-size:9px}.floating-note .tiny-label{font-size:5.5px}.floating-runner{left:15%;bottom:3px;width:264px;padding:11px 14px}.floating-runner>div>span:last-child{font-size:10px}.floating-runner .tiny-label{font-size:5.5px}.stage-caption{bottom:-23px;left:19%;font-size:5.5px}.platforms{gap:25px 22px;padding-block:23px;display:grid;grid-template-columns:1fr 1fr}.platform-intro{grid-column:1/-1;line-height:1.5;margin-bottom:0;font-size:9px;display:block;text-align:center}.platform-intro>br{display:block}.platforms>.platform{justify-content:start;width:auto;grid-template-columns:28px 1fr;column-gap:10px;padding-left:5px}.platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark){font-size:16px;letter-spacing:-.4px}.platform>small{font-size:7px}.platforms>.platform.available{padding-left:5px}.figma-mark{margin-left:3px}.excel-mark{margin-left:2px}.google-mark{margin-left:2px}h2{font-size:36px;letter-spacing:-1.45px;line-height:1.16}.section-heading{margin-bottom:31px}.section-heading .eyebrow{font-size:7.5px;letter-spacing:1.4px;margin-bottom:20px;gap:8px}.section-number{width:22px;height:22px;font-size:8px}.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:11px;margin-top:18px;line-height:1.9}.section-heading>p:not(.eyebrow)>br{display:none}.demo-shell{border-radius:13px}.demo-toolbar{padding:12px;flex-direction:column;gap:11px;align-items:flex-start}.mode-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:3px}.segmented>button{font-size:9px;padding:8px 9px}.segmented>button[aria-selected="true"]:before{margin-right:5px;width:3px;height:3px}.demo-preview-label{font-size:5.5px;align-self:center;letter-spacing:1.3px}.editor-topbar{height:37px;padding-inline:11px}.editor-identity{gap:8px}.editor-identity>span{font-size:6px}.editor-identity>.webflow-symbol{width:16px}.editor-identity .editor-page,.editor-identity .editor-divider{display:none}.editor-preview{font-size:7px;padding:4px 6px;gap:3px}.editor-main{grid-template-columns:1fr 117px;min-height:318px}.editor-rail,.editor-navigator{display:none}.editor-canvas{padding:29px 10px 18px}.canvas-topline{font-size:4px;left:9px;right:9px;top:11px}.canvas-topline .icon{display:none}.canvas-empty .empty-wire{width:59px;height:64px}.empty-wire>.icon{width:33px;height:33px}.add-card{font-size:9px;padding:9px 10px;gap:5px}.add-card>.icon{width:12px}.canvas-empty>p{font-size:6px;max-width:137px;margin-inline:auto}.editor-properties{padding:12px 8px}.editor-panel-label{font-size:8px;margin-bottom:15px}.editor-properties .property-title{font-size:6px;margin-bottom:7px}.editor-properties .selector-field{font-size:6px;padding:5px 6px}.layout-options{gap:3px}.layout-choice{font-size:5px;flex-direction:column;gap:3px;padding:6px 1px}.layout-choice>span{font-size:9px}.property-group{margin-top:11px;padding-top:9px}.spacing-box{height:45px}.spacing-box>span{font-size:4px}.spacing-value{width:27px;height:23px;font-size:8px}.swatch-options{gap:6px;flex-wrap:wrap}.swatch{height:18px;width:18px}.swatch-options>span{font-size:5px;margin-left:0}.property-bottom{margin-top:9px}.property-title>span{font-size:4px}.practice-card{width:100%;padding:8px;gap:2px;flex-direction:column}.practice-card .card-art{width:100%;min-height:95px;max-height:100px;height:95px}.practice-content{padding:6px 3px}.practice-content>h3{font-size:15px;white-space:normal}.practice-content .tiny-label{font-size:4.5px;letter-spacing:.75px;white-space:normal}.practice-content>p{font-size:6px;white-space:normal;line-height:1.75}.practice-link{font-size:6px;margin-top:6px;gap:8px}.practice-card.vertical{gap:11px;max-width:217px}.practice-card.padded{padding:16px}.vertical .card-art{height:92px;min-height:92px}.sculpture-stairs{transform:scale(.8) skewY(-12deg);margin-top:-3px}.card-art .art-orbit{width:80px;height:80px;left:calc(50% - 40px);top:5px}.card-art .art-star{font-size:11px}.card-art .art-caption{font-size:3px}.runner-bar{gap:10px;padding:12px 11px}.runner-brand{width:28px;height:28px;flex-shrink:0;border-radius:7px}.runner-brand>img{width:17px;height:15px}.runner-instruction{flex:1;min-width:0}.runner-instruction .tiny-label{font-size:4.8px;letter-spacing:.7px;margin-bottom:4px}.runner-instruction>strong{font-size:8px;line-height:1.4;display:block}.runner-dots{display:none}.runner-bar>.icon-button{width:25px;height:25px;flex-shrink:0;margin-left:-4px}.runner-bar>.icon-button .icon{width:12px;height:12px}.demo-hint{font-size:6px;line-height:1.75;padding:8px 10px}.step-explanation{padding:15px}.step-explanation p{font-size:10px}.step-explanation small{font-size:7px}.demo-completion{padding:10px}.demo-completion h3{font-size:22px;letter-spacing:-.7px}.demo-completion .eyebrow{font-size:4.5px;letter-spacing:.8px;white-space:nowrap}.demo-completion p{font-size:8px;line-height:1.5;margin-top:10px}.completion-icon{width:36px;height:36px;margin-bottom:12px}.completion-icon>.icon{width:20px;height:20px}.demo-completion .button{font-size:8px;gap:10px;min-height:32px;padding:7px 10px}.how-steps{grid-template-columns:1fr;gap:21px;margin-top:30px}.how-steps article{display:grid;grid-template-columns:30px 1fr;gap:3px 8px}.how-number{grid-row:1/3;font-size:9px;gap:0;align-items:flex-start;padding-top:4px}.how-number>span{display:none}.how-steps h3{font-size:15px;margin-bottom:4px}.how-steps p{font-size:10px;max-width:420px;line-height:1.85}.split-heading{display:block}.split-heading h2{font-size:34px;letter-spacing:-1.4px}.split-heading>div+p{max-width:370px;font-size:11px;margin-top:17px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{grid-column:1/-1;border-radius:16px}.feature-meridian,.feature-language{min-height:390px}.feature-card-copy{padding:26px}.feature-card h3{font-size:26px}.feature-card p{font-size:11px;max-width:330px}.feature-kicker{font-size:7px;margin-bottom:11px;letter-spacing:1.6px}.meridian-art{height:189px;margin-top:-5px}.map-window{width:153px;height:111px}.map-old{left:8%;top:17px}.map-new{right:7%;top:52px}.map-notice{left:10%;bottom:2px;font-size:5px;letter-spacing:1.1px}.language-art{max-width:345px;height:177px;margin-top:-6px}.language-tile{width:94px;height:76px;font-size:21px}.language-one{left:18px;top:2px}.language-two{left:122px;top:29px}.language-three{right:19px;top:0;font-size:13px}.language-orbit{top:-9px;left:77px}.voice-capsule{bottom:13px;left:57px;right:25px}.waveform{gap:3px}.feature-small{min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.small-art{height:209px;order:2}.feature-small .feature-card-copy{padding:25px 0 25px 24px}.feature-small h3{font-size:23px}.feature-small p{font-size:10px;line-height:1.8}.revy-object{font-size:104px;top:30px}.revy-orbit{top:39px;width:124px;left:calc(50% - 62px);height:110px}.revy-question{font-size:6px;left:calc(50% - 62px);padding:7px 8px;bottom:52px}.small-art-dot{top:60px;left:21%}.replay-desktop{width:122px;height:85px;left:calc(50% - 65px);top:58px}.replay-window-content{margin:8px 9px;height:40px}.replay-window-content>i{width:45px;height:40px}.replay-window-content>i:before{width:21px;height:21px;left:11px;top:8px}.replay-window-content>span{left:52px;top:10px;height:3px}.replay-window-content>span:last-child{top:19px;right:8px}.replay-track{margin:9px 10px}.replay-phone{width:38px;height:74px;left:calc(50% + 26px);top:89px;border-radius:6px;padding:4px;gap:3px}.replay-phone>i{width:25px;height:20px}.replay-phone>div{width:23px;height:2px}.replay-phone>b{font-size:7px;margin-top:0}.replay-phone>span{margin-bottom:2px}.replay-label{bottom:17px;left:calc(50% - 40px);font-size:5px}.restream-ring.ring-one{width:80px;height:80px}.restream-ring.ring-two{width:131px;height:138px}.restream-center{width:45px;height:48px;border-radius:12px}.restream-center>img{width:22px;height:20px}.room-person{width:24px;height:24px;font-size:6px}.person-a{top:43px;left:16%}.person-b{top:42px;left:63%}.person-c{top:109px;left:77%;width:22px;height:22px}.person-d{top:156px;left:35%;width:21px;height:21px}.person-e{top:121px;left:12%;width:20px;height:20px}.restream-pill{bottom:11px;font-size:4px;left:calc(50% - 53px);padding:5px 8px;letter-spacing:.9px}.learning-ladder{margin-top:25px;padding-block:23px;gap:12px}.learning-ladder>div{gap:8px;flex-wrap:wrap}.learning-ladder>div>span{font-size:8px}.learning-ladder>div>i{font-size:8px}.learning-ladder>small{font-size:7px;max-width:280px;margin:auto}.creator-section{display:flex;flex-direction:column;gap:34px;padding-top:0}.creator-art-panel{width:100%;min-height:419px;order:2;max-width:460px}.creator-scene{height:301px}.creator-art-top{padding:22px 23px}.creator-art-top>.tiny-label{font-size:7px}.creator-art-bottom{font-size:5px;padding:25px 23px 23px;letter-spacing:1.5px}.creator-copy{width:100%}.creator-copy h2{font-size:41px}.creator-copy h2>br:first-of-type{display:none}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:12px;max-width:420px;line-height:1.9}.creator-tabs{gap:28px;margin-top:23px}.creator-tabs>button{font-size:11px}.creator-tab-panel{min-height:174px;padding-top:20px}.creator-feature h3{font-size:12px}.creator-feature p{font-size:10px;max-width:390px}.creator-verification{font-size:7px;margin-top:19px}.creator-step.step-one{top:247px;width:260px;left:48%}.creator-step.step-two{top:210px;width:208px;left:52%}.creator-step.step-three{top:173px;width:156px;left:56%}.creator-step.step-four{top:136px;width:104px;left:60%}.creator-plaque{width:97px;height:105px;top:13px;left:calc(50% - 3px);border-radius:20px}.creator-plaque>img{width:49px;height:44px}.creator-sphere{width:48px;height:48px;top:191px;left:calc(50% - 104px)}.creator-orbit{width:247px;height:247px;top:1px}.creator-orbit.orbit-two{top:167px}.creator-floating-badge{top:63px;left:26px;font-size:7px}.creator-spark{font-size:22px;top:3px;left:23%}.creator-dot-grid{top:12px;right:18px;width:48px;height:44px}.world-shell{display:flex;flex-direction:column;align-items:stretch;padding-block:50px 0;gap:0}.world-copy .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:18px}.world-copy h2{font-size:37px}.world-copy>p:not(.eyebrow){max-width:365px;font-size:11px;margin-top:19px}.world-caption{font-size:5.5px;margin-top:18px;letter-spacing:1px}.world-art{height:310px;width:100%;min-height:0;margin-top:15px}.world-art img{width:127%;left:-10%;top:-8px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.world-location{font-size:6px;left:4px;bottom:20px;gap:8px}.maxim-row{padding-block:23px 26px}.maxim-row>div{display:block;padding-left:15px}.maxim-row>div>span{font-size:6px;display:block;margin-bottom:3px}.maxim-row>div>h3{font-size:24px;letter-spacing:-.7px}.maxim-row>div>p{font-size:8px;max-width:105px;line-height:1.8;margin-top:4px}.pricing .section-heading h2{font-size:35px;letter-spacing:-1.4px}.pricing-controls>.segmented button{font-size:10px;padding:9px 17px}.pricing-controls>span{font-size:6px;letter-spacing:1.2px}.explorer-strip{padding:16px;display:block}.explorer-strip>div{gap:12px}.explorer-strip p>strong{font-size:9px}.explorer-strip p>span{font-size:8px;line-height:1.8;margin-top:4px;max-width:230px}.explorer-icon{width:28px;height:29px;flex-shrink:0}.explorer-strip>a{font-size:9px;gap:12px;margin-top:12px;margin-left:40px}.explorer-strip>a>.icon{width:13px}.pricing-grid{gap:13px}.price-card{padding:21px 15px 23px;border-radius:12px}.price-card .plan-label{font-size:5px;letter-spacing:.7px;min-height:13px}.price-card h3{font-size:21px;gap:5px}.price-card h3>.icon{width:13px;height:13px}.plan-label>span{font-size:10px;margin-left:1px}.price{margin:17px 0 12px;gap:4px}.price>span{font-size:44px;letter-spacing:-1.7px}.price>small{font-size:6px}.price-card .plan-description{font-size:8px;line-height:1.8}.price-card .button-plan{font-size:8px;padding:10px 9px;gap:4px;min-height:36px;margin-top:18px}.price-card .button-plan>.icon{width:11px;height:11px}.plan-includes{font-size:6.5px;margin:18px 0 14px}.price-card li{font-size:7.5px;gap:6px;line-height:1.55}.price-card li:before{font-size:8px}.price-card ul{gap:12px}.pricing-note{font-size:7px;line-height:1.9;margin-top:20px}.pricing-note>br{display:none}.compare-toggle{font-size:9px}.teams-nudge{display:grid;grid-template-columns:25px 1fr;gap:10px 12px;justify-content:start;padding:24px 5px 0}.teams-nudge>.icon{width:23px;height:23px}.teams-nudge>span{font-size:9px}.teams-nudge>.text-link{grid-column:2;font-size:9px;margin:0;gap:13px}.organization-grid{grid-template-columns:1fr;gap:17px}.organization-card{padding:25px}.organization-card>p{font-size:11px}.organization-card h3{font-size:33px}.organization-card>.eyebrow{font-size:7px}.team-rate>strong{font-size:50px}.seat-controls>strong{font-size:18px}.seat-calculator>small{font-size:8px}.organization-card>.button{font-size:10px;min-height:41px}.academy-signoff{font-size:8px}.faq{display:flex;flex-direction:column;gap:30px;padding-top:0}.faq-heading{position:relative}.faq-heading h2{font-size:36px}.faq-heading>p:not(.eyebrow){font-size:11px;margin-top:18px}.faq-art{position:absolute;right:0;top:34px;transform:scale(.65);transform-origin:right center;margin:0;opacity:.7}.faq-list{margin-top:0}.faq-list summary{font-size:11px;padding-block:20px;gap:20px}.faq-answer{font-size:10px;line-height:1.95;padding-right:22px;padding-bottom:19px}.faq-plus{width:18px;height:18px}.faq-plus:before,.faq-plus:after{left:4px;top:7.5px}.closing{padding:46px 14px 44px;min-height:336px;border-radius:16px}.closing h2{font-size:39px;letter-spacing:-1.4px;line-height:1.1;margin:19px 0 26px}.closing>.eyebrow{font-size:6px;letter-spacing:1.5px}.closing>.button{min-height:43px;font-size:10px;padding:12px 17px;gap:22px}.closing .microcopy{font-size:7px}.closing-orbit{width:161px;height:161px;left:-77px;top:121px}.closing-star{left:21px;top:52px;font-size:22px;opacity:.65}.closing-dots{right:22px;top:30px;width:43px;height:40px;background-size:9px 9px;opacity:.6}.closing-line{right:-109px;bottom:39px;width:158px;height:40px;opacity:.55}.closing-line:before{width:40px;left:-40px}.closing-line>span{left:-43px;width:5px;height:5px;bottom:-3px}.site-footer{padding-top:35px;padding-bottom:25px}.footer-top{flex-wrap:wrap;gap:18px;padding-bottom:22px}.footer-top>.brand>span{font-size:27px}.footer-top>p{font-size:9px;padding-left:18px}.footer-top nav{width:100%;justify-content:space-between;margin:4px 0 0;gap:16px}.footer-top nav>a{font-size:9px}.footer-bottom{padding-top:17px;font-size:6px;gap:10px;align-items:center}.footer-bottom>span:last-child{font-size:5px;letter-spacing:1.2px}.start-dialog{padding:30px 24px}.start-dialog h2{font-size:34px}.dialog-description{font-size:11px}.dialog-plan{font-size:11px}.prototype-disclosure{font-size:9px}.start-dialog>.button{font-size:10px;gap:18px}.start-dialog>.text-button{font-size:9px}}
@media(max-width:420px){.section-shell{width:calc(100% - 36px)}.nav-shell{width:calc(100% - 34px)}.nav-actions{gap:10px}.nav-actions>.button{font-size:9px;min-height:32px;padding:8px 10px;gap:9px}.nav-actions>.button>.icon{width:13px}.hero h1{font-size:10vw;letter-spacing:-2px}.hero-description{font-size:12px;max-width:340px}.hero-stage{height:267px;margin-top:28px}.hero-art{width:130%;left:-12%;top:0}.hero-orbit{width:245px;height:245px;left:calc(50% - 122px)}.note-top{top:18px;right:1%;padding:8px 10px;gap:7px}.floating-note .tiny-label{font-size:4.8px}.floating-note div>span:last-child{font-size:7.5px}.note-icon{width:22px;height:23px}.floating-runner{width:225px;padding:9px 11px;gap:10px;left:10%;bottom:-2px;border-radius:10px}.floating-runner>div>span:last-child{font-size:8px}.floating-runner .tiny-label{font-size:4.5px;letter-spacing:1px}.floating-runner>img{width:18px;height:17px}.mini-progress{gap:2px}.mini-progress>b{width:2px;height:11px}.floating-runner>.icon{width:13px}.stage-caption{bottom:-26px;left:13%;font-size:4.5px;letter-spacing:1.3px}.platforms{gap:22px 12px}.platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark){font-size:14px}.platform>small{font-size:6px}.platform-intro{font-size:8px}.section-space{padding-block:55px}.section-heading h2,.split-heading h2,.pricing .section-heading h2{font-size:32px;letter-spacing:-1.35px}.section-heading>.eyebrow{font-size:6.5px;letter-spacing:1.2px}.section-heading>p:not(.eyebrow){font-size:10px}.editor-main{grid-template-columns:1fr 104px;min-height:305px}.editor-canvas{padding-inline:9px}.editor-properties{padding-inline:6px}.demo-toolbar{padding:10px}.segmented>button{font-size:8px;padding-inline:6px}.runner-instruction>strong{font-size:7px}.runner-instruction .tiny-label{font-size:4.3px;letter-spacing:.65px}.runner-bar{padding-inline:9px;gap:8px}.runner-brand{width:25px;height:26px}.runner-bar>.icon-button{width:22px;height:23px;margin-left:-3px}.practice-card .practice-content h3{font-size:14px}.practice-card .practice-content p{font-size:5.8px}.practice-card.padded{padding:13px}.demo-completion h3{font-size:20px}.demo-completion .eyebrow{font-size:4px;letter-spacing:.6px}.demo-completion p{font-size:7px}.feature-card-copy{padding:23px}.feature-card h3{font-size:24px}.feature-card p{font-size:10px}.feature-meridian,.feature-language{min-height:380px}.feature-small .feature-card-copy{padding-left:22px}.feature-small h3{font-size:20px}.feature-small p{font-size:9px;line-height:1.9}.feature-kicker{font-size:6px;letter-spacing:1.4px}.map-window{width:143px;height:111px}.map-old{left:6%;top:9px}.map-new{right:5%;top:51px}.language-art{margin-top:-3px}.language-one{left:17px;width:85px}.language-two{left:113px;width:85px}.language-three{right:14px;width:85px}.voice-capsule{left:43px;right:29px;bottom:16px}.voice-capsule>span{font-size:5px}.waveform{gap:2px}.small-art{height:215px}.replay-desktop{width:105px;left:calc(50% - 54px)}.replay-phone{left:calc(50% + 18px)}.replay-window-content>i{width:40px}.replay-window-content>i:before{left:9px}.replay-window-content>span{left:48px}.restream-ring.ring-two{width:115px;height:143px}.restream-ring.ring-one{width:75px;height:80px}.person-a{left:10%}.person-e{left:4%}.person-c{left:81%;width:18px;height:18px}.person-b{left:65%}.restream-pill{font-size:3.5px;letter-spacing:.7px;left:calc(50% - 45px);padding-inline:6px}.revy-question{font-size:5px;left:calc(50% - 53px);bottom:55px}.creator-section{padding-top:0}.creator-copy h2{font-size:36px}.creator-copy>.eyebrow{font-size:7px;letter-spacing:1px}.creator-art-panel{min-height:395px}.creator-scene{height:287px;transform:scale(.92);transform-origin:top center}.creator-art-top>.tiny-label{font-size:6px}.creator-art-bottom{padding-top:11px;font-size:4.5px;letter-spacing:1px}.creator-tab-panel{min-height:188px}.world-copy h2{font-size:34px}.world-art{height:249px}.world-location{bottom:13px;font-size:5px}.maxim-row>div>h3{font-size:22px}.maxim-row>div>p{font-size:7px;max-width:94px}.pricing-grid{gap:10px}.price-card{padding:20px 12px 21px}.price-card .plan-label{font-size:4.4px;letter-spacing:.6px}.plan-label>span{font-size:8px}.price-card h3{font-size:20px}.price>span{font-size:41px}.price>small{font-size:5.5px}.price-card .plan-description{font-size:7.5px}.price-card .button-plan{padding-inline:8px;font-size:7.5px}.price-card li{font-size:7px;gap:4px}.plan-includes{font-size:6px}.price-card ul{gap:11px}.explorer-strip p>strong{font-size:8px}.explorer-strip p>span{font-size:7.5px}.explorer-strip{padding:15px}.faq{padding-top:0}.faq-art{right:-6px;transform:scale(.53);opacity:.55}.faq-heading h2{font-size:33px}.closing h2{font-size:35px}.footer-bottom{font-size:5.5px}.footer-bottom>span:last-child{font-size:4.5px;letter-spacing:1px}}

/* Final responsive / readability pass. Preserve each artwork's intrinsic ratio. */
html,body{overflow-x:clip}img{height:auto}.hero-art,.world-art img{height:auto}.feature-card p{font-size:12px;line-height:1.85}.how-steps p{font-size:12px}.feature-small p{font-size:12px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:13px}.creator-feature h3{font-size:13px}.creator-feature p{font-size:11px}.creator-tab-panel{min-height:208px}.world-copy>p:not(.eyebrow){font-size:13px}.price-card li{font-size:11px;line-height:1.65}.price-card .plan-description{font-size:11px}.price-card .plan-includes{font-size:9px}.price-card .plan-label{font-size:7px;letter-spacing:1px}.price-card .button-plan{font-size:11px;padding-inline:12px}.pricing-note{font-size:9px}.faq-list summary{font-size:13px}.faq-answer{font-size:12px}.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:14px}.feature-card h3{line-height:1.25}.feature-small{min-height:408px}.feature-meridian,.feature-language{min-height:430px}.feature-meridian .meridian-art{margin-top:0}.feature-language .language-art{margin-top:0}
@media(max-width:1200px){.price-card li{font-size:10px}.price-card .plan-label{font-size:6px;letter-spacing:.75px}.price-card .button-plan{font-size:9px}.feature-card p,.feature-small p{font-size:11px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:12px}.world-copy>p:not(.eyebrow){font-size:12px}.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:13px}}
@media(max-width:1000px){.price-card li{font-size:11px}.price-card .plan-label{font-size:7px}.price-card .button-plan{font-size:11px}.creator-feature p{font-size:10px}.creator-feature h3{font-size:12px}.creator-tab-panel{min-height:202px}.feature-card h3{font-size:22px}.feature-small h3{font-size:20px}.feature-card p,.feature-small p{font-size:11px}.feature-meridian,.feature-language{min-height:445px}.feature-small{min-height:422px}.faq-list summary{font-size:12px}.faq-answer{font-size:11px}.world-copy>p:not(.eyebrow){font-size:11px}}
@media(max-width:760px){.feature-card h3{font-size:25px}.feature-small h3{font-size:22px}.feature-card p{font-size:12px}.feature-small p{font-size:11px}.feature-meridian,.feature-language{min-height:410px}.feature-small{min-height:230px}.feature-card p{max-width:355px}.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:12px}.how-steps p{font-size:12px}.creator-tab-panel{min-height:182px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:13px}.creator-feature p{font-size:11px}.world-copy>p:not(.eyebrow){font-size:12px}.price-card .plan-label{font-size:5px;letter-spacing:.5px}.price-card li{font-size:9px;line-height:1.6}.price-card .plan-description{font-size:9px}.price-card .plan-includes{font-size:7px}.price-card .button-plan{font-size:8px;padding-inline:8px}.pricing-note{font-size:8px}.faq-list summary{font-size:12px}.faq-answer{font-size:12px;line-height:1.85}}
@media(max-width:420px){.section-heading>p:not(.eyebrow),.section-heading>div+p{font-size:11px}.feature-card h3{font-size:23px}.feature-small h3{font-size:20px}.feature-card p{font-size:11px}.feature-small p{font-size:10px}.feature-card .feature-kicker{font-size:6px}.feature-meridian,.feature-language{min-height:393px}.feature-small{min-height:240px}.how-steps p{font-size:11px}.creator-feature p{font-size:11px}.creator-tab-panel{min-height:207px}.creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:12px}.price-card li{font-size:8px;gap:5px}.price-card .plan-description{font-size:8px}.price-card .button-plan{font-size:7px;padding-inline:7px}.price-card .plan-label{font-size:4.7px;letter-spacing:.35px}.price-card .plan-includes{font-size:6.5px}.pricing-note{font-size:7px}.faq-list summary{font-size:11px}.faq-answer{font-size:11px}}
@media(max-width:760px){.practice-card:not(.vertical){flex-direction:row;gap:5px}.practice-card:not(.vertical) .card-art{width:40%;min-height:132px;height:auto;max-height:none;flex-shrink:0}.practice-card:not(.vertical) .practice-content{min-width:0}.practice-card:not(.vertical) .practice-content>h3{font-size:13px;line-height:1.25}.practice-card:not(.vertical) .practice-content>p{font-size:6px}.practice-card:not(.vertical) .practice-content>p>br{display:none}.practice-card:not(.vertical) .practice-link{flex-wrap:wrap;gap:2px}.practice-card.vertical{flex-direction:column}}
@media(max-width:520px){.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:27px 26px;border-radius:16px}.price-card .plan-label{font-size:8px;letter-spacing:1.05px;min-height:16px}.plan-label>span{font-size:13px;margin-left:7px}.price-card>h3{font-size:27px;margin-top:8px;gap:10px}.price-card>h3>.icon{width:19px;height:19px}.price{margin:21px 0 15px;gap:8px}.price>span{font-size:53px;letter-spacing:-2px}.price>small{font-size:10px}.price-card .plan-description{font-size:12px;line-height:1.85}.price-card .button-plan{min-height:45px;font-size:12px;padding:12px 15px;margin-top:22px}.price-card .button-plan>.icon{width:16px;height:16px}.price-card .plan-includes{font-size:10px;margin:23px 0 17px}.price-card li{font-size:12px;line-height:1.7;gap:9px}.price-card li:before{font-size:11px}.price-card ul{gap:10px}.pricing-note{font-size:9px;line-height:1.9}.compare-toggle{font-size:10px;margin-top:21px}.explorer-strip p>strong{font-size:10px}.explorer-strip p>span{font-size:9px}.explorer-strip>a{font-size:10px}.teams-nudge>span,.teams-nudge>.text-link{font-size:10px}}
/* Contain decorative artwork without turning the sticky navigation into a scroller. */
main{overflow:hidden}.world-art img{filter:none}
@media(min-width:761px){.world-art{min-height:420px}}
@media(max-width:760px){.hero-stage{height:min(450px,calc((100vw - 44px) * .762 + 24px))}}
@media(max-width:420px){.hero-stage{height:calc((100vw - 36px) * .78 + 18px)}}
/* RESTEP / GOLD & MOTION
 * Additive art direction. The original layout, copy, and controls stay intact.
 * Scroll transforms use individual transform properties, preserving each
 * illustration's original perspective, rotation, and dimensional construction.
 */
:root {
  --gold: #e7bd76;
  --gold-light: #f3dfb6;
  --gold-dark: #946837;
  --gold-line: #b7915566;
  --sage: #a9c9bc;
  --blue: #a4b8d9;
  --rose: #c9a6b8;
  --yellow: #e7bd76;
  --yellow-hover: #f2d49c;
  --motion-ease: cubic-bezier(.22,.68,.17,1);
}
html { background: var(--bg); }
body { background: var(--bg); }
main { position: relative; isolation: isolate; overflow: clip; }
::selection { background: var(--gold); color: #272222; }
.brand-dot { color: var(--gold); }
.button-yellow {
  background: linear-gradient(112deg, #f0d393 0%, #e9bf73 45%, #d4a45d 100%);
  border-color: #f6d99499;
  box-shadow: inset 0 1px 0 #fff5d759, 0 7px 24px -10px #d6a15145;
  color: #292322;
}
.button-yellow:hover {
  background: linear-gradient(112deg, #f8e2b0, #edcc89 50%, #e1b573);
  box-shadow: inset 0 1px #fff5d788, 0 10px 28px -10px #d6a15160;
}
.button-yellow .icon { color: #44331b; }
.button-outline:hover { border-color: #bf9e6599; }
.text-link:hover, .text-button:hover { color: var(--gold-light); }
.section-number {
  color: var(--gold);
  border-color: var(--gold-line);
  background: linear-gradient(135deg, #d5a85c16, #c7995e03);
}
.eyebrow>.icon { color: var(--gold); }
.little-check { color: var(--gold); }

/* A quiet, accessible motion switch and a gold reading thread. */
.site-header {
  background: #1c1c27ed;
  border-bottom-color: #c49e5c1f;
  backdrop-filter: blur(18px);
}
.reading-progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  overflow: hidden;
}
.reading-progress>span {
  width: 100%; height: 100%; display: block;
  transform: scaleX(0); transform-origin: left;
  background: linear-gradient(90deg, #b88c4c, #e9c683 72%, #f5e6c5);
  box-shadow: 0 0 9px #d5ab6545;
}
.desktop-nav a { position: relative; }
.desktop-nav a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px;
  background: var(--gold); transform: scaleX(0); transform-origin: left;
  transition: transform .35s var(--motion-ease);
}
.desktop-nav a.active { color: var(--gold-light); }
.desktop-nav a.active::after { transform: scaleX(1); }
.nav-actions>.button { border-color: #bd97587a; color: #f1dbaf; background: #a57c3310; }
.nav-actions>.button:hover { background: #b68c3522; }

/* Motion primitives. JS only touches the active scenes and sleeps at rest. */
[data-scene] { position: relative; isolation: isolate; }
[data-depth] {
  translate: var(--depth-x, 0px) var(--depth-y, 0px);
  rotate: var(--depth-r, 0deg);
  backface-visibility: hidden;
}
.motion-active [data-depth] { will-change: translate, rotate; }
.hero-stage, .creator-art-panel, .world-art {
  transform: perspective(1300px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
}
.feature-card {
  --card-lift: 0px;
  transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--card-lift));
  transition: border-color .3s, box-shadow .3s;
}
.feature-card:hover { --card-lift: -3px; transform: perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--card-lift)); }
html.motion-ready[data-motion="full"] [data-reveal] {
  translate: 0 17px;
  transition: translate .85s var(--motion-ease);
}
html.motion-ready[data-motion="full"] [data-reveal].is-arrived { translate: 0 0; }
.scene-wash {
  position: absolute; pointer-events: none; z-index: -1;
  width: 920px; height: 720px;
}
.scene-thread { position: absolute; pointer-events: none; overflow: visible; fill: none; }
.thread-base { stroke: #cfa35f24; stroke-width: .85; }
.thread-ink { stroke: #d7b27691; stroke-width: .85; stroke-linecap: round; }
.thread-point { fill: var(--gold-light); stroke: #cf9c49; stroke-width: .6; }
.thread-point-halo { fill: #efc88512; stroke: #d7af5d25; stroke-width: .6; }
.scene-sphere {
  display: block; position: absolute; border-radius: 50%;
  background: radial-gradient(circle at 30% 23%, #f1d9a9, #c99c5f 25%, #806138 48%, #342c26 73%);
  border: 1px solid #d9b77648;
  box-shadow: inset -3px -4px 9px #18182177, 6px 14px 18px -5px #101019b3;
  pointer-events: none;
}

/* 01 / A warm foreground, a quiet lavender world, three different depths. */
.hero-wash {
  top: -35px; right: -210px;
  background: radial-gradient(ellipse at 50% 40%, #b8873926, #80624010 38%, transparent 67%);
}
.hero:after {
  content: ''; position: absolute; width: 510px; height: 510px; left: -240px; top: 150px; z-index: -1;
  background: radial-gradient(ellipse, #776c9b12, transparent 68%); pointer-events: none;
}
.hero h1>span {
  color: var(--gold-light);
  background: linear-gradient(102deg, #f0dab0 0%, #e3b775 61%, #ceb0ae 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.hero .eyebrow { color: #c5bda9; }
.hero-description { color: #b4b0bc; }
.hero-stage { isolation: isolate; }
.hero-guidance-thread { width: 118%; height: 118%; left: -8%; top: -45px; z-index: -1; }
.hero-orbit { border-color: #af916127; }
.hero-art { filter: brightness(1.19); }
.hero-sphere { width: 30px; height: 30px; left: 2.5%; top: 31%; z-index: 2; }
.hero-small-spark { position: absolute; right: 5%; top: 4%; color: #dfbd86; font-size: 27px; z-index: 0; }
.note-top {
  background: linear-gradient(125deg, #4b4032e6, #2f2b31eb 70%);
  border-color: #b8935469;
  box-shadow: inset 0 1px #f5d39515, 0 12px 30px #14101955;
}
.note-icon {
  color: #e7c48b; background: linear-gradient(130deg, #746044, #443933);
  border: 1px solid #bb965444; box-shadow: inset 1px 1px 1px #e9c68a26;
}
.note-top .tiny-label { color: #c6af8e; }
.note-top div>span:last-child { color: #efe2c9; }
.note-dot { box-shadow: 0 0 7px #dcac4c4d; }
.floating-runner {
  border-color: #b994607d;
  background: linear-gradient(130deg, #3a3434ef, #292733f5 72%);
  box-shadow: 0 18px 34px #10101a66, inset 0 1px #ead3a71c;
}
.floating-runner .tiny-label { color: #c6b395; }
.floating-runner>.icon { color: var(--gold); }
.mini-progress>b:nth-child(-n+3) { background: #dfbb7d; }
.stage-caption { color: #a39a89; }
.stage-caption>span { background: #b6956066; }
.round-play { border-color: #a1865966; color: var(--gold); }
.platforms { border-color: #b794562a; }
.platform.available>.webflow-symbol { color: #ddc28f; }
.platform.available>small { color: #b5a38a; }
.platform:nth-of-type(3) .figma-mark>i { border-color: #c5b4d9; }
.platform:nth-of-type(4) .excel-mark { color: var(--sage); border-color: #9bbb9d; box-shadow: 4px -3px 0 -1px var(--bg), 4px -3px 0 #728f79; }
.platform:nth-of-type(5) .google-mark { color: var(--blue); }

/* 02 / A stable demo nested in moving architectural details. */
.experience-wash {
  top: 110px; left: calc(50% - 460px);
  background: radial-gradient(ellipse, #7368981a, #77729d0b 42%, transparent 68%);
}
.experience-halo {
  position: absolute; left: calc(50% - 525px); top: 250px; width: 1050px; height: 460px;
  border: 1px solid #c8aa7821; border-radius: 50%; transform: rotate(-14deg);
  z-index: -1; pointer-events: none;
}
.experience-star { position: absolute; right: -8px; top: 295px; font-size: 29px; color: #c2a27287; pointer-events: none; }
.demo-shell { border-color: #ad8c5d59; box-shadow: 0 25px 65px -25px #080a118c, 0 0 0 5px #c59b5108; }
.demo-toolbar { background: linear-gradient(105deg, #342e31, #292733 70%); }
.segmented>button[aria-selected="true"] { color: #f0d7aa; background: #4a3d32; box-shadow: inset 0 1px #dabb7a20, 0 2px 4px #0002; }
.runner-bar { background: linear-gradient(110deg, #3b3232, #292732 75%); border-top-color: #92744b55; }
.runner-brand { background: linear-gradient(135deg, #726044, #473b33); border-color: #bba16c66; }
.runner-dots>i.done { background: #b9c8ba; }
.how-steps { position: relative; }
.how-number { color: #d6b67d; }
.how-number>span { color: #a38a5f66; }
.how-journey-line { position: absolute; top: 7px; left: 10px; right: 10px; height: 1px; z-index: -1; background: #c5a16412; }
.how-journey-line>span { display: block; width: 100%; height: 100%; transform-origin: left; transform: scaleX(var(--journey-progress, .35)); background: linear-gradient(90deg, #e1bb754b, #bdb0d352, #99bcad4d); }
.how-number { background: var(--bg); width: fit-content; padding-right: 12px; }

/* 03 / Small color families, rather than a page washed in one hue. */
.features .split-heading h2>span { color: #baccc0; }
.feature-card { box-shadow: inset 0 1px #ffffff05, 0 10px 30px -20px #11101966; }
.feature-meridian {
  border-color: #87afa333;
  background: radial-gradient(ellipse at 65% 100%, #49685720, transparent 70%), linear-gradient(135deg, #272e2d, #22252c);
}
.feature-meridian .feature-kicker { color: #b0c9b5; }
.feature-meridian:hover { border-color: #91bba677; }
.meridian-grid { background-image: linear-gradient(#8fb69b21 1px, transparent 1px), linear-gradient(90deg, #8fb69b21 1px, transparent 1px); }
.meridian-paths { stroke: #c9aa7080; }
.meridian-paths circle { fill: #e6c386; stroke: #e6c386; }
.map-window { border-color: #8ea79880; background: linear-gradient(130deg, #43554f, #293130); box-shadow: 8px 9px 0 -6px #293c34, 9px 9px 0 -6px #8f9f84, 18px 20px 30px -5px #11171b90; }
.map-window-top { border-color: #a8bdaa33; color: #b9c8b4; }
.map-window-top>i { background: #a0b3a5; }
.map-window-top>span { color: #a9b9aa; }
.map-lines>span, .map-lines>span:last-child { background: #a7b8a535; }
.map-element { color: #f1e7d2; border-color: #c8b27877; background: linear-gradient(120deg, #86774f, #505643); }
.map-new .map-element { background: linear-gradient(120deg, #607c66, #394e45); border-color: #b1c79577; }
.map-new .map-element>.icon { color: #d7e6c3; }
.map-notice { color: #a4b3a2; }
.map-notice>span { background: var(--gold); }
.feature-language { border-color: #8f9abc3d; background: radial-gradient(ellipse at 50% 100%, #596e9820, transparent 67%), linear-gradient(135deg, #292c37, #222531); }
.feature-language .feature-kicker { color: #adbeda; }
.feature-language:hover { border-color: #99abca77; }
.language-orbit { border-color: #bb9e6140; }
.language-one { background: linear-gradient(140deg, #53627c, #2d3344); border-color: #a1badb73; color: #d4e1f2; box-shadow: 5px 6px 0 -3px #26364d, 6px 6px 0 -3px #879abd, 0 22px 30px -10px #10142296; }
.language-two { background: linear-gradient(140deg, #8c7352, #473933); border-color: #d6b88294; color: #f3deb7; box-shadow: 5px 6px 0 -3px #48362d, 6px 6px 0 -3px #b89764, 0 22px 30px -10px #17132296; }
.language-two>small { color: #d0b98e; }
.language-three { background: linear-gradient(140deg, #71677e, #373143); border-color: #b8a2c487; }
.voice-capsule { border-color: #a58f6a5c; background: linear-gradient(125deg, #394653, #2c2e3c); }
.voice-capsule>.icon { color: var(--gold); }
.voice-capsule>span { color: #c0bbca; }
.waveform>i { background: #a3bdce; }
.waveform>i:nth-child(3n) { background: #dbba80; }
.feature-card[data-accent="gold"] { background: linear-gradient(145deg, #322c29, #26242e); border-color: #a6895445; }
.feature-card[data-accent="gold"] .feature-kicker { color: #d6b482; }
.feature-card[data-accent="gold"]:hover { border-color: #c6a56680; }
.revy-object { color: #e4c28a; filter: drop-shadow(3px 5px 0 #806342) drop-shadow(7px 7px 10px #0f0b1966); }
.revy-orbit { border-color: #b3965f42; }
.revy-question { border-color: #b6986661; background: linear-gradient(145deg, #554537, #302b2f); color: #e8d8b9; }
.small-art-dot { background: #f4d795; box-shadow: 0 0 10px #ecd29333; }
.feature-card[data-accent="blue"] { background: linear-gradient(140deg, #282c36, #22242e); border-color: #8f9db343; }
.feature-card[data-accent="blue"] .feature-kicker { color: #a9bedd; }
.replay-desktop { background: linear-gradient(130deg, #3f4b5f, #282c3b); border-color: #8ba2bf; box-shadow: 4px 5px 0 -1px #2e3647, 4px 5px 0 #69819f, 0 23px 25px #1014206b; }
.replay-dots { color: #a0b0c7; border-color: #839cbb35; }
.replay-window-content>i { background: linear-gradient(135deg, #8da0bf50, #4d638438); border-color: #9faeca40; }
.replay-window-content>i:before { background: linear-gradient(135deg, #ddc394, #967c55); border-color: #e5cca0; box-shadow: 5px 5px 0 #6c583d; }
.replay-window-content>span { background: #94a9c84f; }
.replay-track { background: #859dbc33; }
.replay-track>i { background: var(--gold); }
.replay-phone { background: linear-gradient(125deg, #4b4b56, #252b39); border-color: #b7b0a3; box-shadow: 3px 3px 0 -1px #393b48, 3px 3px 0 #8b8796, 0 15px 20px #120d1e66; }
.replay-phone>i { background: linear-gradient(125deg, #c1ab8677, #60594344); border-color: #c9b99050; }
.replay-label { color: #a3b0c4; }
.feature-card[data-accent="rose"] { background: linear-gradient(145deg, #312a33, #26242e); border-color: #ad8fa447; }
.feature-card[data-accent="rose"] .feature-kicker { color: #d2b3c2; }
.restream-center { background: linear-gradient(135deg, #8c7185, #4a3546); border-color: #c8a5af77; box-shadow: 3px 5px 0 -1px #3f2f3d, 3px 5px 0 #8d6c79, 0 16px 20px #16101e66; }
.room-person { background: linear-gradient(135deg, #967887, #433241); border-color: #cfb29c77; color: #f0dccc; }
.person-b, .person-d { background: linear-gradient(135deg, #9c845d, #443a37); color: #f3dfba; }
.person-c, .person-e { background: linear-gradient(135deg, #637f77, #323f3e); color: #c6d8cf; }
.restream-ring { border-color: #d4b1822b; }
.restream-pill { border-color: #9c847b66; background: #39303a; color: #d6c1cb; }
.restream-pill>i { background: var(--gold); }
.learning-ladder { border-color: #b5985d2b; }
.learning-ladder .ladder-highlight { color: var(--gold-light); }

/* 04 / An architectural gold object, with lavender and sage in its shadow. */
.creator-art-panel {
  background: radial-gradient(ellipse at 55% 35%, #a6772924, transparent 67%), linear-gradient(145deg, #302b2e, #25232d 65%);
  border-color: #b3996752;
  box-shadow: inset 0 1px #edce9122, 0 24px 60px -35px #0d0d1680;
}
.creator-art-top>.tiny-label { color: #c1ab89; }
.creator-art-top>.icon { color: var(--gold); }
.creator-halo { width: 290px; height: 290px; position: absolute; top: -25px; left: calc(50% - 145px); border-radius: 50%; background: radial-gradient(ellipse, #d6a74d19, transparent 68%); z-index: -1; }
.creator-orbit { border-color: #c8a96c4f; }
.creator-orbit.orbit-two { border-color: #95b2a235; }
.creator-step { background: linear-gradient(110deg, #69614f, #35313b); border-color: #b8a58480; box-shadow: 14px 12px 0 -1px #2c2a35, 14px 12px 0 #776950; }
.creator-step:before { background: linear-gradient(110deg, #aa9771, #665b50 70%, #52475a); border-color: #dfc1936e; }
.creator-step.step-one { background: linear-gradient(110deg, #625568, #322b3e); border-color: #9f889277; box-shadow: 14px 12px 0 -1px #292334, 14px 12px 0 #7e677e; }
.creator-step.step-one:before { background: linear-gradient(110deg, #99859e, #56465f); border-color: #d1b5cf66; }
.creator-step.step-two { background: linear-gradient(110deg, #6b7668, #323d3a); border-color: #aab6a577; box-shadow: 14px 12px 0 -1px #28322f, 14px 12px 0 #758372; }
.creator-step.step-two:before { background: linear-gradient(110deg, #9aaf99, #566653); border-color: #bfd0ae66; }
.creator-plaque {
  background: linear-gradient(124deg, #f0d4a0 0%, #d5ad69 30%, #9f7744 67%, #695034 100%);
  border-color: #f6deb3c7;
  box-shadow: 8px 7px 0 -1px #69512e, 9px 7px 0 #c3a267, 2px 25px 35px #1b131977, inset 0 1px #fff2c687;
}
.creator-plaque>img { filter: brightness(1.04) sepia(.15) drop-shadow(1px 2px 0 #856337); }
.creator-sphere { background: radial-gradient(circle at 31% 25%, #dfc8d8, #967b92 30%, #493447 60%, #261b2c 80%); border-color: #cbb2c24d; }
.creator-floating-badge { border-color: #b49b686b; color: #e9d6b3; background: linear-gradient(120deg, #61513c, #342c2f); }
.creator-floating-badge>.icon, .creator-spark { color: var(--gold); }
.creator-dot-grid { background-image: radial-gradient(#d0b17873 1px, transparent 1px); }
.creator-art-bottom { color: #b39d83; }
.creator-copy h2>span { color: #e1c191; }
.creator-tabs { border-color: #b0915b3b; }
.creator-tabs>button[aria-selected="true"] { color: var(--gold-light); }
.creator-feature>.icon { color: #c3ac80; }
.creator-verification>.icon { color: #acbcad; }

/* 05 / Cool open space, with a warmer, faster-moving foreground. */
.world-section {
  background: linear-gradient(100deg, #20242b, #222930 63%, #21252d);
  border-color: #b59d6429;
}
.world-wash { right: -80px; top: -230px; background: radial-gradient(ellipse, #74a2971b, transparent 68%); }
.world-copy h2>span { color: #b4cfc1; }
.world-copy .eyebrow { color: #c3bb9f; }
.world-caption { color: #a0b5a9; }
.world-caption .soft-dot { background: var(--gold); }
.world-art { isolation: isolate; }
.world-art>img { filter: none; }
.world-guidance-thread { top: -53px; left: -45px; width: 118%; height: 118%; z-index: -1; }
.world-guidance-thread .thread-base { stroke: #a7bda928; }
.world-guidance-thread .thread-ink { stroke: #c6b68c96; }
.world-location {
  background: linear-gradient(130deg, #3c453fec, #292e31f2);
  border: 1px solid #b2a67a78; border-radius: 9px;
  color: #e3d0ab; padding: 13px 17px;
  box-shadow: inset 0 1px #dfe9d413, 0 14px 24px #0d161433;
  bottom: -22px; z-index: 3;
}
.world-location>.icon { color: var(--gold); }
.world-coordinate-dot { position: absolute; width: 9px; height: 9px; border-radius: 50%; top: 18%; right: 16%; background: #ebce97; box-shadow: 0 0 0 5px #ccb4770c, 0 0 0 13px #cab2780a; }
.world-star { position: absolute; right: -4%; top: 43%; color: #c1ccb6; font-size: 33px; }
.maxim-row { border-top-color: #aa997c33; }
.maxim-row>div { border-left-color: #a59b7c33; }
.maxim-row>div>span { color: #c7ab73; }
.maxim-row>div:nth-child(1)>h3 { color: #b6c9ba; }
.maxim-row>div:nth-child(2)>h3 { color: #e2c18b; }
.maxim-row>div:nth-child(3)>h3 { color: #c2b3d6; }
.maxim-row p { color: #a6aeaa; }

/* 06 / The same pricing, now with a distinct material for each chapter. */
.pricing-wash { top: 140px; right: -180px; background: radial-gradient(ellipse, #a479391b, #63504809 46%, transparent 70%); }
.pricing-orbit { width: 600px; height: 390px; position: absolute; left: -150px; top: 155px; border: 1px solid #af986022; border-radius: 50%; transform: rotate(-17deg); z-index: -1; pointer-events: none; }
.pricing .section-heading h2>span { color: #e3c696; }
.explorer-strip { background: linear-gradient(110deg, #31302b77, #2927309e); border-color: #aa95544a; }
.explorer-icon { background: linear-gradient(130deg, #625743, #38332f); border-color: #b298627a; box-shadow: 2px 3px 0 -1px #2e272b, 3px 3px 0 -1px #8f7751; }
.explorer-icon>.icon { color: var(--gold); }
.explorer-strip p>span { color: #b1a391; }
.explorer-strip>a { color: #d7c194; }
.price-card {
  --plan-tint: #c0bfce;
  --plan-rgb: 175, 177, 199;
  border-color: #7c7a9255;
  background: linear-gradient(155deg, #2a2a35, #24232e);
}
.price-card[data-plan-color="sage"] { --plan-tint: #b2caba; --plan-rgb: 153, 187, 158; background: linear-gradient(155deg, #2b322f, #23282c); border-color: #8da58666; }
.price-card[data-plan-color="gold"] { --plan-tint: #e9c78e; --plan-rgb: 226, 180, 106; background: linear-gradient(145deg, #43382c, #2c2930 72%); border-color: #d2af72b5; box-shadow: inset 0 1px #f5d49745, 0 18px 48px -25px #b08b3c29; }
.price-card[data-plan-color="violet"] { --plan-tint: #cbb7dd; --plan-rgb: 187, 151, 202; background: linear-gradient(155deg, #342d3e, #272431); border-color: #a08bab73; }
.price-card .plan-label { color: var(--plan-tint); }
.price-card .price>span { color: var(--plan-tint); }
.price-card li { color: #d4ceda; }
.price-card li:before { color: var(--plan-tint); }
.price-card .plan-description { color: #b9b0b9; }
.price-card .plan-includes, .price-card .price>small { color: #b7aaba; }
.price-card .button-plan:not(.button-yellow) { color: var(--plan-tint); border-color: rgba(var(--plan-rgb), .4); background: rgba(var(--plan-rgb), .095); }
.price-card .button-plan:not(.button-yellow):hover { background: rgba(var(--plan-rgb), .15); border-color: rgba(var(--plan-rgb), .65); }
.price-card .button-plan.button-yellow { background: linear-gradient(112deg, #f0d393, #e6bb73 50%, #d7aa64); border-color: #e2bd7e; }
.price-card:hover { border-color: rgba(var(--plan-rgb), .8); }
.creator-price:before { background: linear-gradient(90deg, transparent, #f5dfb4, transparent); }
.price-card:after { content: ''; position: absolute; width: 100px; height: 110px; top: 20px; right: -30px; background: radial-gradient(ellipse, rgba(var(--plan-rgb), .06), transparent 67%); pointer-events: none; }
.plan-orbit-mark { position: absolute; right: -21px; top: 62px; width: 59px; height: 59px; border-radius: 50%; border: 1px solid rgba(var(--plan-rgb), .17); pointer-events: none; }
.plan-orbit-mark>i { position: absolute; inset: 11px; border-radius: 50%; border: 1px solid rgba(var(--plan-rgb), .13); }
.plan-orbit-mark>b { position: absolute; left: 6px; top: 4px; width: 4px; height: 4px; border-radius: 50%; background: var(--plan-tint); opacity: .75; }
.compare-toggle { color: #dbc398; }
.pricing-note { color: #ac9eac; }
.teams-nudge { border-color: #a68a5733; }
.teams-nudge>.icon { color: var(--gold); }
.organization-card { background: linear-gradient(140deg, #36312d, #28262e); border-color: #ad976a7a; }
.academy-card { background: linear-gradient(140deg, #2e3633, #25292e); border-color: #90a0915c; }
.organization-card>.eyebrow { color: var(--gold); }
.organization-card h3 { color: #e6dfd5; }
.team-rate>strong { color: var(--gold-light); }
.academy-features .icon { color: #b4c7ad; }
.seat-controls input { border-color: #a9946366; background: #26232a; color: var(--gold-light); }
.seat-controls>.icon-button { color: var(--gold); border-color: #b4935d66; }
.seat-controls>strong { color: var(--gold-light); }
.feature-comparison { background: #25252e; border-color: #a38c5959; }
.feature-comparison th { background: #313033; color: #d7cbb7; border-color: #a98d5d44; }
.feature-comparison td { color: #bfb6c5; border-color: #8778582b; }

/* 07 / A gold question, then one final, warm invitation. */
.faq-art>span { background: linear-gradient(140deg, #ab8a55, #645038 52%, #3d3234); border-color: #cba96d99; color: #f0d8a7; text-shadow: 2px 3px 0 #775632; box-shadow: 5px 7px 0 -1px #48392c, 5px 7px 0 #af8b54, 0 24px 25px #110b1c77; }
.faq-art>i { border-color: #9eb3a44b; }
.faq-art>b { color: #c5b188; }
.faq-list { border-color: #b197633d; }
.faq-list>details { border-color: #8d7c552e; }
.faq-plus { color: #c7b28b; border-color: #b7a27350; }
.faq-list details[open] summary { color: var(--gold-light); }
.closing {
  border-color: #be9b6078;
  background: linear-gradient(118deg, #302c2e, #27252f 57%, #34302c);
  box-shadow: inset 0 1px #f2d3931c;
}
.closing-gold-wash { position: absolute; width: 680px; height: 460px; top: -290px; left: calc(50% - 340px); z-index: -1; background: radial-gradient(ellipse, #d9ab4e25, transparent 68%); pointer-events: none; }
.closing h2>span { color: #e8c288; }
.closing>.eyebrow { color: #d8ba86; }
.closing-orbit { border-color: #c4a46655; }
.closing-orbit:after { border-color: #b3c2a530; }
.closing-dots { background-image: radial-gradient(#bbae8266 1px, transparent 1px); }
.closing-star { color: #c5a26eaf; }
.closing-line { border-color: #c5a8776e; }
.closing-line:before { border-color: #c5a8776e; }
.closing-line>span { background: #edce99; box-shadow: 0 0 10px #e9c58933; }
.closing-sphere { width: 42px; height: 42px; right: 17%; bottom: 68px; z-index: -1; }
.footer-top { border-bottom-color: #a58c572e; }
.footer-top>p { border-left-color: #a9905c40; }
.back-top { border-color: #b49a6366; color: var(--gold); }
.footer-bottom>span:last-child { color: #bcab8b; }
.start-dialog { background: linear-gradient(140deg, #36302f, #24212c); border-color: #b59a6a88; }
.dialog-mark { background: linear-gradient(130deg, #9e8150, #534131); border-color: #dbbc837c; box-shadow: 3px 4px 0 -1px #4c382d, 3px 4px 0 #9b7c4c; }

/* Responsive motion: the same composition, with smaller travel on touch devices. */
@media (min-width: 1600px) {
  .hero-guidance-thread { top: -32px; }
}
@media (max-width: 1200px) {
  .nav-actions { gap: 8px; }
  .desktop-nav { gap: 22px; }
  .hero-sphere { width: 25px; height: 25px; }
  .hero-small-spark { top: 0; right: 5%; font-size: 22px; }
  .experience-halo { width: 860px; left: calc(50% - 430px); }
}
@media (max-width: 1000px) {
  .desktop-nav { gap: 15px; }
  .experience-star { right: -14px; top: 310px; font-size: 22px; }
  .world-location { bottom: -5px; }
}
@media (max-width: 760px) {
  .hero-stage, .creator-art-panel, .world-art, .feature-card { transform: none; }
  .feature-card:hover { transform: none; }
  .scene-wash { max-width: none; width: 680px; height: 640px; }
  .hero-wash { right: -240px; top: 240px; }
  .hero-guidance-thread { top: -24px; left: -8%; width: 118%; height: 118%; }
  .hero-sphere { width: 21px; height: 21px; left: 1%; top: 28%; }
  .hero-small-spark { font-size: 20px; top: 1%; right: 0; }
  .experience-wash { left: calc(50% - 340px); top: 140px; }
  .experience-halo { width: 600px; height: 315px; top: 190px; left: calc(50% - 300px); }
  .experience-star { right: -11px; top: 201px; font-size: 19px; }
  .how-journey-line { left: 5px; top: 7px; bottom: 20px; height: auto; width: 1px; right: auto; }
  .how-journey-line>span { transform-origin: top; transform: scaleY(var(--journey-progress, .35)); }
  .how-number { background: var(--bg); padding-right: 0; }
  .how-steps article { position: relative; }
  .how-number { height: 24px; }
  .creator-halo { width: 240px; height: 240px; left: calc(50% - 120px); }
  .world-guidance-thread { left: -8%; top: -38px; width: 120%; height: 120%; }
  .world-coordinate-dot { width: 6px; height: 6px; top: 9%; right: 12%; }
  .world-star { top: 28%; right: -2%; font-size: 20px; }
  .world-location { padding: 9px 11px; bottom: 5px; left: 5px; font-size: 5.5px; }
  .world-wash { top: 110px; right: -210px; }
  .world-art { margin-top: 30px; }
  .pricing-wash { right: -230px; top: 440px; }
  .pricing-orbit { left: -210px; top: 130px; width: 540px; height: 330px; }
  .closing-sphere { width: 24px; height: 24px; right: 8%; bottom: 41px; }
  .closing-gold-wash { width: 480px; left: calc(50% - 240px); }
  .nav-actions { gap: 10px; }
}
@media (max-width: 360px) {
  .nav-shell { width: calc(100% - 32px); gap: 10px; }
  .brand>span { font-size: 25px; }
  .brand img { width: 25px; }
  .brand { gap: 7px; }
  .nav-actions { gap: 5px; }
  .nav-actions>.button { padding-inline: 9px; gap: 7px; font-size: 9px; }
  .nav-actions>.button .icon { width: 13px; }
  .mobile-menu { padding: 3px; }
}

/* Fade all four edges of the supplied scene into its new color environment. */
.world-art>img {
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(0deg, transparent, #000 14%, #000 83%, transparent);
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}
@media(max-width:760px) {
  .world-art>img {
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent), linear-gradient(0deg, transparent, #000 12%, #000 85%, transparent);
  }
}
/* RESTEP / REFINEMENT 03
 * The original charcoal returns. Lavender leads; complementary pastel tones
 * share the accents. Gold is reserved for the primary invitation and small
 * moments of emphasis. Copy, assets, behavior, and depth choreography are kept.
 * This sheet loads last, so visual decisions can be adjusted in one place.
 */
:root {
  --ink: #f0eef6;
  --muted: #bbb6c9;
  --faint: #a49eb5;
  --lavender: #c4b9e3;
  --blue: #aebfdf;
  --sage: #b2cec2;
  --rose: #d2adbf;
  --gold: #debb81;
  --gold-light: #ecd4ac;
  --yellow: #debb81;
  --yellow-hover: #ead0a5;
  --gold-line: #b7915540;
  --text-body: 1rem;
  --text-small: .875rem;
  --text-caption: .75rem;
  --text-label: .6875rem;
}
body { font-size: 16px; }
::selection { color: #24212e; background: #c4b9e3; }
:focus-visible { outline-color: var(--lavender); }
.button { font-size: 14px; }
.button-small { font-size: 13px; }
.button-yellow {
  color: #29252b;
  background: linear-gradient(112deg, #ead1a2, #ddba80 65%, #d2ae77);
  border-color: #efd5a975;
  box-shadow: inset 0 1px #fff3d649, 0 7px 22px -12px #b898622f;
}
.button-yellow:hover { background: linear-gradient(112deg, #f1dcb8, #e7c994 65%, #dfbd87); }
.button-outline:hover { border-color: #b8a8d29c; }
.text-link, .text-button { font-size: 14px; }
.text-link:hover, .text-button:hover { color: var(--blue); }
.eyebrow { font-size: 11px; letter-spacing: 1.8px; color: var(--lavender); }
.eyebrow>.icon { color: inherit; }
.section-number {
  color: var(--lavender); border-color: #b8a3d751;
  background: #9c89bf0b; width: 27px; height: 27px; font-size: 11px;
}
.tiny-label { font-size: 10px; }
.microcopy { font-size: 12px; color: #b5adc2; line-height: 1.7; }
.little-check { color: var(--sage); }
.brand-dot { color: var(--lavender); }

/* Navigation stays light, readable, and unhurried. */
.site-header { border-bottom-color: #9c8ebd29; }
.nav-shell { gap: 20px; }
.desktop-nav { gap: 25px; margin-left: 0; }
.desktop-nav a { font-size: 13px; color: #c9c3d5; }
.desktop-nav a::after { background: var(--lavender); }
.desktop-nav a.active { color: #e1d7f3; }
.nav-actions>.button {
  font-size: 13px; min-height: 43px; border-color: #afa0c25e;
  color: #e4dcef; background: #b5a2d50a;
}
.nav-actions>.button:hover { background: #b5a2d51a; }
.reading-progress>span {
  background: linear-gradient(90deg, #b9a6d5, #9cbdd0 42%, #acc8b9 74%, #d7b889);
  box-shadow: 0 0 9px #b5a6d526;
}
.mobile-navigation a { font-size: 15px; }

/* The hero returns to the lavender / periwinkle core of the artwork. */
.hero h1>span {
  color: var(--lavender);
  background: linear-gradient(104deg, #d0c1e9, #b7b8e3 58%, #abc8d8);
  -webkit-background-clip: text; background-clip: text;
}
.hero .eyebrow { font-size: 11px; letter-spacing: 1.7px; color: #cec3df; }
.hero .tiny-spark { color: var(--lavender); }
.hero-description { font-size: 17px; line-height: 1.85; color: #c2bccc; max-width: 460px; }
.hero-actions>.button { font-size: 14px; min-height: 53px; }
.hero-actions .text-button { font-size: 14px; }
.hero .microcopy { font-size: 12px; }
.hero-wash { background: radial-gradient(ellipse at 50% 40%, #8f7cb422, #6579940e 42%, transparent 68%); }
.hero-orbit { border-color: #ac9cc42d; }
.hero-guidance-thread .thread-base { stroke: #a59ac92e; }
.hero-guidance-thread .thread-ink { stroke: #afa0d383; }
.hero-guidance-thread .thread-point { fill: #d2c8ec; stroke: #baa7d0; }
.hero-guidance-thread .thread-point-halo { fill: #baa7d012; stroke: #baa7d025; }
.hero-sphere {
  background: radial-gradient(circle at 30% 23%, #e0cce1, #b9a0c9 24%, #806487 48%, #352b41 74%);
  border-color: #c6b2d94a;
}
.hero-small-spark { color: var(--rose); }
.note-top {
  padding: 13px 16px; background: linear-gradient(125deg, #42384eea, #2c2936ed 75%);
  border-color: #b6a2ce70; box-shadow: inset 0 1px #e7d4f815, 0 12px 30px #14101955;
}
.note-icon { color: #d0c5e6; background: linear-gradient(130deg, #675579, #3c324e); border-color: #b39ad44a; }
.note-top .tiny-label { font-size: 9px; letter-spacing: 1px; color: #c7b8d9; }
.note-top div>span:last-child { font-size: 12px; color: #eae0f2; }
.note-dot { background: var(--sage); box-shadow: 0 0 7px #b0cbb632; }
.floating-runner {
  width: 327px; border-color: #91a4c27d;
  background: linear-gradient(130deg, #333b4aec, #292a39f5 76%);
  box-shadow: 0 18px 34px #10101a66, inset 0 1px #bbcce61c;
}
.floating-runner .tiny-label { color: #b7c4da; font-size: 9px; letter-spacing: .7px; }
.floating-runner>div>span:last-child { font-size: 12px; }
.floating-runner>.icon { color: var(--blue); }
.mini-progress>b:nth-child(-n+3) { background: #afc8c0; }
.stage-caption { color: #b3a8c4; font-size: 9px; letter-spacing: 1.5px; }
.stage-caption>span { background: #baaad866; }
.round-play { border-color: #a897c073; color: var(--lavender); }
.platforms { border-color: #8f84a139; gap: 24px; }
.platform-intro { font-size: 12px; color: #aaa2b9; }
.platform-intro strong { color: #ccc3d9; }
.platform { opacity: .85; }
.platform>small { font-size: 11px; color: #b3aabd; }
.platform.available>.webflow-symbol { color: var(--blue); }
.platform.available>small { color: #c4bccc; }
.platform.available>small>i { background: var(--sage); }

/* Comfortable reading sizes, independent of the scale of the illustrations. */
.section-heading>p:not(.eyebrow), .section-heading>div+p {
  font-size: 16px; line-height: 1.85; color: #bfb7cc;
}
.split-heading>div+p { max-width: 350px; font-size: 15px; }
.section-heading .eyebrow { font-size: 11px; }
.how-number { font-size: 12px; color: var(--lavender); }
.how-number>span { color: #a59ab875; }
.how-steps article:nth-child(2) .how-number { color: var(--sage); }
.how-steps article:nth-child(3) .how-number { color: var(--blue); }
.how-steps h3 { font-size: 20px; }
.how-steps p { font-size: 14px; line-height: 1.85; }
.features .split-heading h2>span { color: var(--sage); }
.feature-card-copy { padding: 31px; }
.feature-kicker { font-size: 11px; letter-spacing: 1.45px; }
.feature-card p, .feature-small p {
  font-size: 15px; line-height: 1.8; color: #c0b7cc; max-width: 100%;
}
.feature-card h3 { font-size: 28px; }
.feature-small h3 { font-size: 25px; }
.feature-small .feature-card-copy { padding: 18px 29px 30px; }
.feature-meridian, .feature-language { min-height: 447px; display: flex; flex-direction: column; }
.meridian-art, .language-art { flex-shrink: 0; margin-top: auto; margin-bottom: 16px; }
.language-art { width: 100%; }
.feature-meridian p { color: #bdcdc7; }
.feature-language p { color: #c0c9dd; }
.map-window-top>span { font-size: 7px; }
.map-element { font-size: 10px; }
.map-notice { font-size: 9px; letter-spacing: .85px; }
.language-one>small, .language-two>small, .language-three>small { font-size: 7px; letter-spacing: 1px; }
.language-two {
  background: linear-gradient(140deg, #86758d, #49384f); border-color: #ceafd787; color: #ecdaed;
  box-shadow: 5px 6px 0 -3px #47314d, 6px 6px 0 -3px #ad8cbd, 0 22px 30px -10px #17132296;
}
.language-two>small { color: #d2bed9; }
.language-orbit { border-color: #ad9ac540; }
.voice-capsule { border-color: #90adc05c; }
.voice-capsule>.icon { color: var(--blue); }
.voice-capsule>span { font-size: 9px; }
.waveform>i:nth-child(3n) { background: #baa4d7; }
/* Existing data-accent names remain stable; the palette is the only change. */
.feature-card[data-accent="gold"] {
  background: linear-gradient(145deg, #302936, #262330); border-color: #a98abc49;
}
.feature-card[data-accent="gold"] .feature-kicker { color: #cbb5de; }
.feature-card[data-accent="gold"]:hover { border-color: #baa0d184; }
.revy-object { color: #c3abd8; filter: drop-shadow(3px 5px 0 #705782) drop-shadow(7px 7px 10px #0f0b1966); }
.revy-orbit { border-color: #b39bc545; }
.revy-question { font-size: 11px; border-color: #b397ce69; background: linear-gradient(145deg, #504059, #302735); color: #e6d6ef; }
.small-art-dot { background: #d4c2e6; box-shadow: 0 0 10px #d0b9e632; }
.replay-window-content>i:before {
  background: linear-gradient(135deg, #adc8d9, #708cab); border-color: #c0d1e4; box-shadow: 5px 5px 0 #435d78;
}
.replay-track>i { background: var(--blue); }
.replay-phone>i { background: linear-gradient(125deg, #b7afd177, #695e8644); border-color: #bcb3db50; }
.replay-label { font-size: 9px; left: 0; width: 100%; text-align: center; }
.room-person { font-size: 9px; }
.person-b, .person-d { background: linear-gradient(135deg, #85789f, #463751); color: #e4daef; }
.restream-ring { border-color: #c3a3bc32; }
.restream-pill { font-size: 8px; letter-spacing: .6px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.restream-pill>i { background: var(--sage); }
.learning-ladder { border-color: #9b86b73b; padding-block: 27px; }
.learning-ladder>p { font-size: 14px; }
.learning-ladder>div>span, .learning-ladder>div>i { font-size: 12px; }
.learning-ladder>small { font-size: 11px; color: #b5aac6; margin-top: 3px; }
.learning-ladder .ladder-highlight { color: var(--sage); }

/* The live demo remains functional; its labels and targets get room to breathe. */
.experience-star { color: #bcabd092; }
.experience-halo { border-color: #b4a0cd29; }
.demo-shell { border-color: #a090bb66; box-shadow: 0 25px 65px -25px #080a118c, 0 0 0 5px #a694c007; }
.demo-toolbar { background: linear-gradient(105deg, #322e3c, #292733 70%); }
.segmented>button { font-size: 13px; min-height: 40px; }
.segmented>button[aria-selected="true"] { color: #e2d4f1; background: #453b52; box-shadow: inset 0 1px #b8a4cf29, 0 2px 4px #0002; }
.segmented>button[aria-selected="true"]:before { background: var(--sage); }
.demo-preview-label { font-size: 10px; letter-spacing: 1.1px; color: #bdb2ce; }
.editor-topbar { height: 48px; }
.editor-identity>span { font-size: 11px; }
.editor-preview { font-size: 11px; min-height: 31px; }
.editor-main { grid-template-columns: 39px 168px 1fr 225px; min-height: 420px; }
.editor-panel-label { font-size: 12px; }
.tree-item { font-size: 11px; margin-block: 13px; }
.navigator-bottom { font-size: 9px; }
.canvas-topline { font-size: 9px; }
.add-card { font-size: 13px; min-height: 43px; }
.canvas-empty>p { font-size: 11px; color: #b9a8cb; }
.property-title { font-size: 11px; }
.property-title>span { font-size: 9px; }
.selector-field { font-size: 11px; padding: 7px 9px; }
.layout-choice { font-size: 10px; min-height: 37px; }
.spacing-box { height: 65px; }
.spacing-box>span { font-size: 9px; }
.spacing-value { font-size: 12px; height: 36px; }
.swatch { width: 29px; height: 29px; }
.swatch-options>span { font-size: 10px; }
.runner-bar { background: linear-gradient(110deg, #373142, #292732 75%); border-top-color: #a494ba55; }
.runner-brand { background: linear-gradient(135deg, #716280, #483e56); border-color: #b09bc966; }
.runner-instruction .tiny-label { font-size: 9px; color: #c5b5d6; }
.runner-instruction>strong { font-size: 14px; }
.runner-bar>.icon-button { width: 36px; height: 36px; }
.runner-bar>.explain-button { color: var(--lavender); }
.runner-dots>i.current { background: var(--lavender); }
.demo-hint { font-size: 12px; line-height: 1.7; padding-block: 11px; color: #b8a9c9; }
.step-explanation>span { font-size: 10px; color: var(--lavender); }
.step-explanation p { font-size: 14px; }
.step-explanation small { font-size: 11px; color: #c0afcc; }
.practice-content>h3 { font-size: 20px; white-space: normal; }
.practice-content .tiny-label { font-size: 8px; white-space: normal; }
.practice-content>p { font-size: 10px; white-space: normal; }
.practice-link { font-size: 10px; }
.practice-card.vertical { max-width: 280px; }
.demo-completion .eyebrow { font-size: 10px; }
.demo-completion p { font-size: 14px; }
.demo-completion .button { font-size: 13px; min-height: 40px; }

/* Creator chapter: the small gold sculpture remains the focal accent. */
.creator-art-panel {
  background: radial-gradient(ellipse at 55% 35%, #9880ba1d, transparent 67%), linear-gradient(145deg, #2d2938, #25232e 65%);
  border-color: #ac98c25e; box-shadow: inset 0 1px #cfbfe923, 0 24px 60px -35px #0d0d1680;
}
.creator-art-top>.tiny-label { font-size: 10px; color: #c3b4d3; letter-spacing: 1.2px; }
.creator-art-top>.icon { color: var(--lavender); }
.creator-halo { background: radial-gradient(ellipse, #bba1d51a, transparent 68%); }
.creator-art-bottom { font-size: 8px; letter-spacing: 1px; color: #c0afce; }
.creator-floating-badge { font-size: 10px; border-color: #a4bca873; color: #d6e6dd; background: linear-gradient(120deg, #475b54, #2b3736); }
.creator-floating-badge>.icon { color: var(--sage); }
.creator-copy .eyebrow { font-size: 11px; }
.creator-copy h2>span { color: var(--lavender); }
.creator-copy>p:not(.eyebrow):not(.creator-verification) { font-size: 16px; line-height: 1.85; max-width: 450px; }
.creator-tabs { border-color: #ba9bc33b; gap: 28px; }
.creator-tabs>button { font-size: 14px; min-height: 46px; color: #b5a8c4; }
.creator-tabs>button[aria-selected="true"] { color: #e1d4f0; }
.creator-tabs>button[aria-selected="true"]:after { background: var(--lavender); }
.creator-tab-panel { min-height: 236px; }
.creator-feature>.icon { color: var(--sage); }
.creator-feature h3 { font-size: 15px; }
.creator-feature p { font-size: 14px; color: #bcb0c8; max-width: 420px; }
.creator-copy>.text-link { font-size: 14px; color: #d5c3e6; }
.creator-verification { font-size: 11px; line-height: 1.7; color: #b4a7c0; align-items: flex-start; }
.creator-verification>.icon { margin-top: 3px; flex-shrink: 0; }

/* Requested restoration: the exact flat charcoal of the first World section.
 * The green/blue section gradient and colored background wash are removed.
 * The original image, gold path, caption panel, and parallax are untouched.
 */
.world-section { background: #20202a; border-color: #3a3344; }
.world-wash { background: none; }
.world-copy .eyebrow { font-size: 11px; letter-spacing: 1.45px; }
.world-copy h2>span { color: var(--sage); }
.world-copy>p:not(.eyebrow) { font-size: 16px; line-height: 1.85; color: #bdb3cb; max-width: 400px; }
.world-caption { font-size: 9px; letter-spacing: 1.1px; color: #b9b7cd; line-height: 1.7; }
.world-location { font-size: 10px; padding: 13px 17px; letter-spacing: 1.25px; }
.maxim-row>div>span { font-size: 10px; }
.maxim-row h3 { font-size: 28px; }
.maxim-row p { font-size: 13px; color: #bcb4c8; line-height: 1.8; }

/* Distinct pricing chapters: slate-blue, sage, lavender, and dusty rose. */
.pricing-wash { background: radial-gradient(ellipse, #8e78b51b, #586d8d09 46%, transparent 70%); }
.pricing-orbit { border-color: #b5a3cf28; }
.pricing .section-heading h2>span { color: var(--lavender); }
.pricing-controls>.segmented button { font-size: 14px; min-height: 43px; }
.pricing-controls>span { font-size: 10px; color: #b7adc4; }
.explorer-strip { background: linear-gradient(110deg, #2c303b99, #2927309e); border-color: #93a8c24c; padding: 21px 24px; }
.explorer-icon { background: linear-gradient(130deg, #4b5b73, #2e3340); border-color: #91a7cd7a; box-shadow: 2px 3px 0 -1px #222a37, 3px 3px 0 -1px #6f80a1; }
.explorer-icon>.icon { color: var(--blue); }
.explorer-strip p>strong { font-size: 14px; }
.explorer-strip p>span { font-size: 12px; line-height: 1.8; color: #bfb5ca; }
.explorer-strip>a { font-size: 13px; color: #c4cbe2; }
.price-card { padding: 28px 22px; display: flex; flex-direction: column; }
.price-card[data-plan-color="silver"] {
  --plan-tint: #b4c5e2; --plan-rgb: 154, 178, 214;
  background: linear-gradient(155deg, #2b303d, #242631); border-color: #889bbe66;
}
.price-card[data-plan-color="sage"] { --plan-tint: #b8d1c4; }
.price-card[data-plan-color="gold"] {
  --plan-tint: #d0bce8; --plan-rgb: 191, 163, 216;
  background: linear-gradient(145deg, #393144, #2a2635 72%); border-color: #b59bcdac;
  box-shadow: inset 0 1px #d9bff43b, 0 18px 48px -25px #8f6bab21;
}
.price-card[data-plan-color="violet"] {
  --plan-tint: #d8b7c8; --plan-rgb: 205, 162, 184;
  background: linear-gradient(155deg, #372e3a, #292530); border-color: #b193a67a;
}
.creator-price:before { background: linear-gradient(90deg, transparent, #d5c4ea, transparent); }
.price-card .plan-label { font-size: 9px; letter-spacing: 1px; min-height: 28px; white-space: normal; line-height: 1.6; }
.plan-label>span { color: var(--plan-tint); }
.price-card h3 { font-size: 26px; line-height: 1.25; margin-top: 5px; }
.price-card h3>.icon { color: var(--plan-tint); }
.price { margin: 22px 0 16px; }
.price>span { font-size: 53px; }
.price-card .price>small { font-size: 12px; color: #c2b7cd; }
.price-card .plan-description { font-size: 14px; line-height: 1.75; color: #c6bbce; min-height: 49px; }
.price-card .button-plan { font-size: 13px; min-height: 46px; padding: 12px 13px; gap: 8px; }
.price-card .button-plan.button-yellow {
  background: linear-gradient(112deg, #d7c4eb, #beacd8 70%, #b4a4cc);
  border-color: #dac5ec; color: #2b2334;
  box-shadow: inset 0 1px #f4e8fb49, 0 7px 22px -12px #9880b22f;
}
.price-card .button-plan.button-yellow:hover { background: linear-gradient(112deg, #e0d2ef, #cdbde2); }
.price-card .button-plan.button-yellow .icon { color: #433653; }
.plan-includes, .price-card .plan-includes { font-size: 12px; line-height: 1.7; margin-top: 22px; color: #beb2ca; }
.price-card li { font-size: 13px; line-height: 1.6; gap: 8px; }
.price-card li:before { font-size: 12px; }
.price-card ul { gap: 13px; }
.pricing-note { font-size: 12px; line-height: 1.9; color: #b9adc3; }
.compare-toggle { font-size: 14px; color: var(--lavender); }
.teams-nudge { border-color: #a48eba35; }
.teams-nudge>.icon { color: var(--blue); }
.teams-nudge>span { font-size: 13px; color: #baabc7; }
.teams-nudge strong { color: #d8cbe3; }
.teams-nudge>.text-link { font-size: 13px; color: var(--blue); }
.feature-comparison { border-color: #a38eb95e; }
.feature-comparison table { min-width: 900px; font-size: 14px; }
.feature-comparison caption { font-size: 18px; }
.feature-comparison th { font-size: 13px; background: #322d3e; color: #dcc9ec; border-color: #ae8ac64a; }
.feature-comparison td { font-size: 13px; padding: 15px 20px; border-color: #a08ba530; }
.comparison-note { font-size: 12px; line-height: 1.8; color: #b4a4c4; }
.organization-card { background: linear-gradient(140deg, #2d3340, #252735); border-color: #8da4c77a; }
.academy-card { background: linear-gradient(140deg, #2e3633, #25292e); border-color: #90a0915c; }
.organization-card>.eyebrow { font-size: 11px; color: var(--blue); }
.academy-card>.eyebrow { color: var(--sage); }
.organization-card>p { font-size: 15px; color: #c0b4cd; line-height: 1.8; }
.team-rate>strong { color: var(--blue); }
.team-rate>span { font-size: 13px; color: #bcb3ca; }
.seat-calculator>label { font-size: 14px; }
.seat-controls>.icon-button { width: 38px; height: 38px; color: var(--blue); border-color: #98adcc69; }
.seat-controls input { font-size: 15px; width: 64px; height: 38px; color: #e1d6ef; border-color: #b199c76e; }
.seat-controls>span { font-size: 13px; }
.seat-controls>strong { font-size: 21px; color: var(--blue); }
.seat-calculator>small { font-size: 12px; line-height: 1.8; color: #b9aac7; }
.organization-card>.button { font-size: 14px; }
.academy-features strong { font-size: 15px; }
.academy-features span { font-size: 14px; color: #b6c6bd; }
.academy-signoff { font-size: 12px; color: #b5b6c4; }

/* A rose-tinted FAQ and a quiet blue-violet closing frame. */
.faq-heading>p:not(.eyebrow) { font-size: 15px; }
.faq-art>span {
  background: linear-gradient(140deg, #9f7f98, #645065 52%, #3d304a); border-color: #c6a0be99; color: #ebd2e6;
  text-shadow: 2px 3px 0 #684960; box-shadow: 5px 7px 0 -1px #443048, 5px 7px 0 #9c779a, 0 24px 25px #110b1c77;
}
.faq-art>b { color: var(--lavender); }
.faq-list { border-color: #aa8db64b; }
.faq-list>details { border-color: #9e819f3e; }
.faq-list summary { font-size: 16px; padding-block: 23px; line-height: 1.65; color: #e0d4e9; }
.faq-list summary:hover, .faq-list details[open] summary { color: #ddc1d9; }
.faq-answer { font-size: 15px; line-height: 1.9; color: #c0b1cc; }
.faq-answer .text-link { font-size: 14px; color: var(--lavender); }
.faq-plus { color: var(--rose); border-color: #b692b664; }
.faq-list details[open] .faq-plus { color: var(--rose); border-color: #c29bc683; }
.closing {
  border-color: #a995c36e; background: linear-gradient(118deg, #302b3b, #282635 57%, #29313a);
  box-shadow: inset 0 1px #c7b4e51c;
}
.closing-gold-wash { background: radial-gradient(ellipse, #bc9bdd24, transparent 68%); }
.closing h2>span { color: var(--lavender); }
.closing>.eyebrow { font-size: 11px; color: #c8b2db; }
.closing>.button { font-size: 14px; min-height: 49px; }
.closing .microcopy { font-size: 12px; color: #bbb0ca; }
.closing-star { color: #bca6d5af; }
.closing-orbit { border-color: #b5a2d352; }
.closing-dots { background-image: radial-gradient(#a5bcc469 1px, transparent 1px); }
.closing-line { border-color: #a2bcb573; }
.closing-line:before { border-color: #a2bcb573; }
.closing-line>span { background: var(--sage); box-shadow: 0 0 10px #b7d4c633; }
.closing-sphere { background: radial-gradient(circle at 30% 23%, #d8c2e8, #9c83b3 25%, #645176 48%, #2e293c 73%); border-color: #c1aed04a; }
.footer-top { border-color: #a392b638; }
.footer-top>p { font-size: 13px; color: #baacc8; border-color: #a895bf48; }
.footer-top nav>a { font-size: 13px; color: #c6b4d4; }
.footer-bottom { font-size: 11px; color: #b6a5c4; line-height: 1.7; }
.footer-bottom>span:last-child { font-size: 10px; color: #c3b2d5; letter-spacing: 1.5px; }
.back-top { color: var(--lavender); border-color: #ad92c476; }
.start-dialog { background: linear-gradient(140deg, #352d40, #25212f); border-color: #ae93c582; }
.dialog-mark { background: linear-gradient(130deg, #87709f, #443551); border-color: #b99dd77c; box-shadow: 3px 4px 0 -1px #352841, 3px 4px 0 #896d9e; }
.start-dialog>.eyebrow { font-size: 11px; }
.dialog-description { font-size: 15px; color: #c2b2ce; }
.dialog-plan { font-size: 15px; }
.prototype-disclosure { font-size: 13px; color: #c3afcf; border-color: #a991c6; }
.start-dialog>.button { font-size: 14px; }
.start-dialog>.text-button { font-size: 13px; }

/* More text does not mean squeezing it into the old small boxes. */
@media (max-width: 1200px) {
  .desktop-nav { gap: 20px; }
  .nav-actions { gap: 8px; }
  .hero .eyebrow { font-size: 10px; letter-spacing: 1.5px; }
  .hero-description { font-size: 16px; max-width: 410px; }
  .hero-actions { gap: 22px; }
  .hero-actions>.button { font-size: 13px; min-height: 50px; gap: 23px; }
  .hero-actions .text-button { font-size: 13px; }
  .floating-runner { width: 301px; left: 20px; }
  .floating-runner .tiny-label { font-size: 8px; }
  .floating-runner>div>span:last-child { font-size: 11px; }
  .note-top .tiny-label { font-size: 8px; }
  .note-top div>span:last-child { font-size: 11px; }
  .stage-caption { font-size: 8px; letter-spacing: 1.2px; left: 37px; }
  .platform>small { font-size: 10px; }
  .platform-intro { font-size: 11px; }
  .feature-card-copy { padding: 27px; }
  .feature-card h3 { font-size: 27px; }
  .feature-small h3 { font-size: 24px; }
  .feature-card p, .feature-small p { font-size: 14px; }
  .feature-small .feature-card-copy { padding-inline: 25px; }
  .feature-kicker { font-size: 10px; }
  .split-heading>div+p { max-width: 300px; }
  .creator-section { gap: 50px; }
  .creator-tabs { gap: 21px; }
  .world-copy>p:not(.eyebrow) { font-size: 15px; max-width: 350px; }
  .world-caption { font-size: 8px; letter-spacing: .9px; }
  .world-location { font-size: 9px; }
  .price-card { padding: 26px 18px; }
  .price-card h3 { font-size: 24px; }
  .price-card .button-plan { font-size: 12px; }
  .price-card li { font-size: 12px; }
  .price-card .plan-label { font-size: 8px; }
  .price-card .plan-description { font-size: 13px; }
}
@media (max-width: 1050px) {
  .desktop-nav { gap: 17px; }
  .desktop-nav a { font-size: 12px; }
  .nav-actions>.button { font-size: 12px; }
  .hero { padding-top: 60px; }
  .hero-description { font-size: 16px; max-width: 350px; }
  .hero-actions { gap: 20px; }
  .hero-actions .text-button { gap: 8px; }
  .hero .microcopy { font-size: 11px; }
  .platforms { flex-wrap: wrap; gap: 24px 20px; }
  .platform-intro { width: 100%; display: flex; align-items: center; gap: 5px; justify-content: center; }
  .platform-intro>br { display: none; }
  .platforms>.platform { flex: 1; justify-content: center; grid-template-columns: auto auto; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .price-card { padding: 28px; }
  .price-card .plan-label { font-size: 10px; min-height: 24px; }
  .price-card h3 { font-size: 28px; }
  .price-card .plan-description { font-size: 15px; }
  .price-card .button-plan { font-size: 14px; }
  .price-card li { font-size: 14px; }
  .plan-includes, .price-card .plan-includes { font-size: 13px; }
  .editor-main { grid-template-columns: 34px 135px 1fr 196px; }
  .editor-navigator { padding-inline: 8px; }
  .tree-item { font-size: 10px; gap: 4px; }
  .tree-indent-2 { margin-left: 10px; }
  .tree-card { margin-left: 15px; }
  .navigator-bottom { font-size: 7.5px; }
  .layout-choice { font-size: 9px; }
  .practice-card.vertical { max-width: 247px; }
  .feature-grid { gap: 17px; }
  .feature-kicker { font-size: 10px; letter-spacing: 1px; }
  .feature-meridian, .feature-language { min-height: 445px; }
  .creator-art-top>.tiny-label { font-size: 9px; }
  .creator-art-bottom { font-size: 7px; }
  .creator-floating-badge { font-size: 9px; }
  .creator-tabs>button { font-size: 13px; }
  .creator-feature h3 { font-size: 15px; }
  .creator-feature p { font-size: 13px; }
  .creator-copy .eyebrow { font-size: 10px; letter-spacing: 1px; }
  .world-copy .eyebrow { font-size: 10px; letter-spacing: 1px; }
  .world-copy>p:not(.eyebrow) { font-size: 15px; }
  .maxim-row p { font-size: 12px; }
  .explorer-strip p>strong { font-size: 13px; }
  .explorer-strip p>span { font-size: 11px; }
  .explorer-strip>a { font-size: 12px; gap: 12px; }
  .teams-nudge { gap: 15px; }
  .teams-nudge>.text-link { margin-left: 10px; white-space: nowrap; }
  .faq-list summary { font-size: 15px; }
  .faq-answer { font-size: 14px; }
  .footer-top nav { gap: 20px; }
  .footer-top nav>a { font-size: 12px; }
  .footer-top>p { font-size: 12px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .desktop-nav { gap: 15px; }
  .desktop-nav a { font-size: 11px; }
  .nav-actions>.button { font-size: 11px; gap: 9px; padding-inline: 12px; }
  .nav-shell { gap: 13px; width: calc(100% - 40px); }
  .hero-stage { margin-right: -16px; }
  .hero .eyebrow { font-size: 9px; letter-spacing: 1.1px; }
  .hero-description { font-size: 15px; max-width: 310px; }
  .hero-actions { gap: 16px; }
  .hero-actions>.button { font-size: 12px; gap: 18px; padding-inline: 16px; }
  .hero-actions .text-button { font-size: 12px; }
  .hero .microcopy { font-size: 10px; }
  .note-top { right: -8px; }
  .note-top .tiny-label { font-size: 7px; }
  .note-top div>span:last-child { font-size: 10px; }
  .floating-runner { width: 267px; }
  .floating-runner .tiny-label { font-size: 7px; }
  .stage-caption { font-size: 7px; left: 20px; }
  .split-heading h2 { font-size: 36px; }
  .split-heading>div+p { max-width: 245px; font-size: 14px; }
  .feature-small .feature-card-copy { padding-inline: 19px; }
  .feature-card p, .feature-small p { font-size: 14px; }
  .feature-small h3 { font-size: 22px; }
  .feature-kicker { font-size: 9px; }
  .creator-section { gap: 30px; }
  .creator-tabs { gap: 15px; }
  .creator-tabs>button { font-size: 12px; }
  .creator-copy>p:not(.eyebrow):not(.creator-verification) { font-size: 15px; }
  .creator-art-top>.tiny-label { font-size: 8px; }
  .creator-art-bottom { font-size: 6px; }
  .creator-floating-badge { font-size: 8px; padding-inline: 9px; }
  .world-copy h2 { font-size: 32px; }
  .world-shell { grid-template-columns: 1fr 1.12fr; }
  .world-art>img { width: 570px; left: -66px; }
  .world-caption { font-size: 7px; }
  .editor-main { grid-template-columns: 1fr 195px; }
  .editor-rail, .editor-navigator { display: none; }
  .editor-canvas { padding-inline: 20px; }
}
@media (max-width: 760px) {
  .section-shell { width: calc(100% - 44px); }
  .nav-shell { gap: 14px; }
  .brand>span { font-size: 27px; }
  .nav-actions { gap: 8px; }
  .nav-actions>.button { font-size: 12px; min-height: 40px; padding: 10px 13px; gap: 13px; }
  .mobile-menu { padding: 6px; }
  .hero { padding-top: 45px; }
  .hero .eyebrow { font-size: 10px; letter-spacing: 1.4px; }
  .hero-description { font-size: 16px; max-width: 455px; line-height: 1.85; }
  .hero-actions { gap: 24px; }
  .hero-actions>.button { font-size: 14px; min-height: 50px; gap: 23px; }
  .hero-actions .text-button { font-size: 13px; }
  .hero .microcopy { font-size: 11px; }
  .hero-stage { margin-top: 31px; }
  .floating-runner { width: 287px; left: 9%; }
  .floating-runner .tiny-label { font-size: 8px; }
  .floating-runner>div>span:last-child { font-size: 11px; }
  .note-top .tiny-label { font-size: 7px; }
  .note-top div>span:last-child { font-size: 10px; }
  .note-top { padding: 10px 12px; }
  .stage-caption { font-size: 7px; letter-spacing: 1.1px; left: 11%; }
  .platforms { gap: 24px 16px; }
  .platform-intro { display: block; font-size: 12px; line-height: 1.7; }
  .platform-intro>br { display: block; }
  .platforms>.platform { justify-content: start; grid-template-columns: 26px 1fr; column-gap: 9px; }
  .platform>small { font-size: 10px; }
  .platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark) { font-size: 16px; }
  .section-heading .eyebrow { font-size: 10px; letter-spacing: 1.2px; gap: 9px; }
  .section-number { width: 25px; height: 25px; font-size: 10px; }
  .section-heading>p:not(.eyebrow), .section-heading>div+p { font-size: 15px; line-height: 1.8; }
  .split-heading>div+p { max-width: 450px; }
  .how-steps { gap: 26px; }
  .how-steps h3 { font-size: 18px; }
  .how-steps p { font-size: 14px; line-height: 1.8; }
  .how-number { font-size: 11px; }
  .feature-card-copy { padding: 26px; }
  .feature-card h3 { font-size: 27px; }
  .feature-card p, .feature-small p { font-size: 15px; line-height: 1.8; }
  .feature-kicker { font-size: 10px; letter-spacing: 1.3px; }
  .feature-meridian, .feature-language { min-height: 420px; }
  .meridian-art, .language-art { margin-bottom: 15px; }
  .feature-small { grid-template-columns: 1.12fr .88fr; }
  .feature-small .feature-card-copy { padding: 25px 0 25px 25px; }
  .feature-small h3 { font-size: 25px; }
  .small-art { height: 210px; }
  .revy-question { font-size: 9px; padding-inline: 10px; left: 50%; transform: translateX(-50%) rotate(3deg); white-space: nowrap; }
  .replay-label { font-size: 7px; }
  .restream-pill { font-size: 6px; letter-spacing: .3px; }
  .room-person { font-size: 8px; }
  .map-notice { font-size: 8px; }
  .map-window-top>span { font-size: 7px; }
  .map-element { font-size: 9px; }
  .voice-capsule>span { font-size: 8px; }
  .learning-ladder>p { font-size: 14px; }
  .learning-ladder>div { gap: 8px; }
  .learning-ladder>div>span, .learning-ladder>div>i { font-size: 11px; }
  .learning-ladder>small { font-size: 11px; max-width: 345px; line-height: 1.8; }
  .demo-toolbar { padding: 12px; }
  .segmented>button { font-size: 12px; min-height: 40px; padding-inline: 10px; }
  .demo-preview-label { font-size: 9px; }
  .editor-topbar { padding-inline: 12px; height: 48px; }
  .editor-identity>span { font-size: 10px; }
  .editor-preview { font-size: 10px; min-height: 32px; }
  .editor-main { grid-template-columns: minmax(0, 1fr) 140px; min-height: 397px; }
  .editor-canvas { padding: 34px 12px 20px; }
  .canvas-topline { font-size: 7px; }
  .add-card { font-size: 12px; padding-inline: 10px; min-height: 41px; }
  .canvas-empty>p { font-size: 10px; max-width: 180px; }
  .editor-properties { padding: 14px 10px; }
  .editor-panel-label { font-size: 11px; }
  .editor-properties .property-title { font-size: 10px; }
  .property-title>span { font-size: 8px; }
  .editor-properties .selector-field { font-size: 10px; padding: 6px 7px; }
  .property-group { margin-top: 14px; padding-top: 10px; }
  .layout-choice { font-size: 8px; min-height: 43px; gap: 5px; }
  .layout-choice>span { font-size: 12px; }
  .spacing-box { height: 57px; }
  .spacing-box>span { font-size: 7px; }
  .spacing-value { width: 32px; height: 36px; font-size: 11px; }
  .swatch { width: 27px; height: 27px; }
  .swatch-options>span { font-size: 9px; width: 100%; margin-top: 3px; }
  .runner-bar { padding: 13px 12px; gap: 10px; }
  .runner-instruction .tiny-label { font-size: 8px; letter-spacing: .4px; }
  .runner-instruction>strong { font-size: 11px; line-height: 1.55; }
  .runner-bar>.icon-button { width: 30px; height: 32px; }
  .runner-bar>.icon-button .icon { width: 15px; height: 15px; }
  .demo-hint { font-size: 11px; line-height: 1.75; padding: 11px 14px; }
  .step-explanation { padding: 17px; }
  .step-explanation p { font-size: 13px; }
  .step-explanation small { font-size: 10px; }
  .practice-content>h3 { font-size: 18px; }
  .practice-content .tiny-label { font-size: 7px; }
  .practice-content>p { font-size: 9px; }
  .practice-link { font-size: 9px; }
  .practice-card.padded { padding: 14px; }
  .demo-completion { padding: 16px 10px; }
  .demo-completion .eyebrow { font-size: 8px; letter-spacing: .5px; white-space: normal; }
  .demo-completion h3 { font-size: 23px; }
  .demo-completion p { font-size: 11px; }
  .demo-completion .button { font-size: 11px; min-height: 38px; }
  .creator-copy .eyebrow { font-size: 10px; letter-spacing: 1px; }
  .creator-copy>p:not(.eyebrow):not(.creator-verification) { font-size: 15px; }
  .creator-tabs { gap: 28px; }
  .creator-tabs>button { font-size: 14px; }
  .creator-tab-panel { min-height: 232px; }
  .creator-feature h3 { font-size: 15px; }
  .creator-feature p { font-size: 14px; }
  .creator-copy>.text-link { font-size: 14px; }
  .creator-verification { font-size: 11px; }
  .creator-art-top>.tiny-label { font-size: 9px; }
  .creator-art-bottom { font-size: 7px; letter-spacing: 1px; }
  .creator-floating-badge { font-size: 10px; }
  .world-copy .eyebrow { font-size: 10px; letter-spacing: 1.1px; }
  .world-copy>p:not(.eyebrow) { font-size: 15px; max-width: 425px; }
  .world-caption { font-size: 8px; letter-spacing: .7px; }
  .world-location { font-size: 9px; padding: 10px 13px; }
  .maxim-row>div { padding-left: 13px; }
  .maxim-row>div>span { font-size: 9px; }
  .maxim-row>div>h3 { font-size: 26px; }
  .maxim-row>div>p { font-size: 11px; line-height: 1.75; max-width: 160px; }
  .pricing-controls>.segmented button { font-size: 13px; padding-inline: 17px; }
  .pricing-controls>span { font-size: 10px; letter-spacing: 1px; }
  .explorer-strip { padding: 19px; }
  .explorer-strip p>strong { font-size: 13px; }
  .explorer-strip p>span { font-size: 12px; max-width: 400px; line-height: 1.8; }
  .explorer-strip>a { font-size: 12px; margin-left: 40px; }
  .pricing-grid { gap: 17px; }
  .price-card { padding: 25px 21px; }
  .price-card .plan-label { font-size: 9px; letter-spacing: .8px; }
  .price-card h3 { font-size: 27px; }
  .price-card .plan-description { font-size: 14px; }
  .price-card .button-plan { font-size: 13px; }
  .price-card .plan-includes { font-size: 12px; }
  .price-card li { font-size: 13px; }
  .price>span { font-size: 51px; }
  .pricing-note { font-size: 11px; }
  .compare-toggle { font-size: 13px; }
  .teams-nudge>span { font-size: 13px; }
  .teams-nudge>.text-link { font-size: 13px; margin-left: 0; }
  .organization-card>.eyebrow { font-size: 10px; }
  .organization-card>p { font-size: 14px; }
  .team-rate>span { font-size: 12px; }
  .seat-controls>strong { font-size: 20px; }
  .seat-calculator>small { font-size: 11px; }
  .organization-card>.button { font-size: 13px; }
  .academy-signoff { font-size: 11px; }
  .faq-heading>.eyebrow { font-size: 10px; }
  .faq-heading>p:not(.eyebrow) { font-size: 14px; }
  .faq-list summary { font-size: 15px; padding-block: 21px; }
  .faq-answer { font-size: 14px; line-height: 1.85; }
  .faq-art { right: -8px; transform: scale(.55); opacity: .7; }
  .closing>.eyebrow { font-size: 10px; letter-spacing: 1.25px; }
  .closing>.button { font-size: 14px; min-height: 47px; }
  .closing .microcopy { font-size: 11px; }
  .footer-top>p { font-size: 12px; }
  .footer-top nav>a { font-size: 12px; }
  .footer-bottom { font-size: 10px; gap: 12px; flex-wrap: wrap; }
  .footer-bottom>span:last-child { font-size: 9px; }
  .dialog-description { font-size: 14px; }
  .prototype-disclosure { font-size: 12px; }
  .start-dialog>.button { font-size: 13px; }
  .start-dialog>.text-button { font-size: 12px; }
}
@media (max-width: 600px) {
  .pricing-grid { grid-template-columns: minmax(0, 1fr); }
  .price-card { padding: 27px; }
  .price-card .plan-label { min-height: 19px; font-size: 10px; }
  .price-card h3 { font-size: 29px; }
  .price>span { font-size: 55px; }
  .price-card .plan-description { font-size: 15px; }
  .price-card .button-plan { font-size: 14px; min-height: 48px; }
  .price-card .plan-includes { font-size: 13px; }
  .price-card li { font-size: 14px; }
}
@media (max-width: 420px) {
  .hero-actions { gap: 19px; }
  .hero-actions>.button { padding-inline: 18px; }
  .hero-actions .text-button { font-size: 12px; gap: 8px; }
  .platforms>.platform { padding-left: 0; gap: 3px 7px; grid-template-columns: 25px 1fr; }
  .platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark) { font-size: 14px; }
  .platform>small { font-size: 9px; }
  .feature-small { grid-template-columns: 1fr; }
  .small-art { grid-row: 1; height: 182px; order: initial; }
  .feature-small .feature-card-copy { padding: 6px 26px 27px; }
  .feature-small h3 { font-size: 27px; }
  .revy-object { top: 17px; }
  .revy-orbit { top: 28px; }
  .revy-question { bottom: 26px; }
  .replay-desktop { top: 30px; }
  .replay-phone { top: 57px; }
  .replay-label { bottom: 17px; font-size: 9px; }
  .person-a { top: 32px; left: 29%; }
  .person-b { top: 29px; left: 62%; }
  .person-c { top: 100px; left: 74%; }
  .person-d { top: 128px; left: 35%; }
  .person-e { top: 93px; left: 19%; }
  .restream-pill { bottom: 3px; font-size: 7px; }
  .creator-tabs { gap: 23px; }
  .creator-tab-panel { min-height: 255px; }
  .maxim-row>div>h3 { font-size: 25px; }
  .maxim-row>div>p { font-size: 11px; }
  .closing>.eyebrow { font-size: 9px; letter-spacing: .9px; }
  .creator-floating-badge { font-size: 9px; }
  .faq-art { transform: scale(.45); top: 46px; }
}
@media (max-width: 360px) {
  .section-shell { width: calc(100% - 36px); }
  .nav-shell { width: calc(100% - 28px); gap: 8px; }
  .brand>span { font-size: 25px; }
  .brand img { width: 25px; }
  .nav-actions { gap: 5px; }
  .nav-actions>.button { font-size: 11px; padding-inline: 10px; gap: 8px; }
  .mobile-menu { padding: 4px; }
  .hero h1 { font-size: 38px; letter-spacing: -2.4px; }
  .hero-actions { gap: 14px; }
  .hero-actions>.button { font-size: 13px; gap: 14px; padding-inline: 16px; }
  .hero-actions .text-button { font-size: 11px; gap: 7px; }
  .hero .microcopy { font-size: 10px; }
  .hero-stage { height: 243px; }
  .floating-runner { width: 255px; left: 3%; }
  .floating-runner .tiny-label { font-size: 7px; }
  .floating-runner>div>span:last-child { font-size: 10px; }
  .stage-caption { font-size: 6px; }
  .platforms { column-gap: 10px; }
  .platform>span:not(.figma-mark):not(.excel-mark):not(.google-mark) { font-size: 13px; }
  .platform>small { font-size: 9px; }
  .editor-main { grid-template-columns: minmax(0, 1fr) 124px; }
  .editor-canvas { padding-inline: 9px; }
  .editor-properties { padding-inline: 8px; }
  .editor-identity>span { font-size: 8px; }
  .segmented>button { font-size: 11px; padding-inline: 7px; }
  .add-card { font-size: 11px; padding-inline: 8px; }
  .runner-bar { gap: 8px; padding-inline: 9px; }
  .runner-instruction .tiny-label { font-size: 7px; }
  .runner-instruction>strong { font-size: 10px; }
  .runner-brand { display: none; }
  .practice-card.padded { padding: 10px; }
  .practice-content>h3 { font-size: 16px; }
  .demo-completion h3 { font-size: 20px; }
  .demo-completion .eyebrow { font-size: 7px; }
  .creator-art-top>.tiny-label { font-size: 8px; }
  .creator-art-bottom { font-size: 6px; }
  .creator-tabs { gap: 20px; }
  .creator-tabs>button { font-size: 13px; }
  .world-copy h2 { font-size: 33px; }
  .world-copy .eyebrow { font-size: 9px; }
  .world-caption { font-size: 7px; }
  .maxim-row>div { padding-left: 9px; }
  .maxim-row>div>h3 { font-size: 23px; }
  .maxim-row>div>p { font-size: 10px; }
  .price-card { padding: 25px; }
  .seat-controls>strong { margin-left: 4px; }
  .closing h2 { font-size: 35px; }
}
/* RESTEP / SEAMLESS ARTWORK
 * A radial fade alone still has visible alpha at the middle of the image's
 * rectangular sides. Multiply it by independent, eased horizontal and vertical
 * fades, each fully transparent BEFORE reaching the image boundary.
 *
 * The mask belongs to the bitmap, not the scene: it travels with parallax while
 * the foreground guidance cards, orbit lines, and typography remain untouched.
 * No blur, resampling, solid-color cover, or changes to the artwork are needed.
 */
.hero-art {
  --artwork-horizontal-fade: linear-gradient(
    to right,
    transparent 0%, transparent 1%,
    rgb(0 0 0 / .04) 2.5%,
    rgb(0 0 0 / .16) 4%,
    rgb(0 0 0 / .50) 6%,
    rgb(0 0 0 / .84) 8%,
    rgb(0 0 0 / .96) 9.5%,
    #000 11%, #000 89%,
    rgb(0 0 0 / .96) 90.5%,
    rgb(0 0 0 / .84) 92%,
    rgb(0 0 0 / .50) 94%,
    rgb(0 0 0 / .16) 96%,
    rgb(0 0 0 / .04) 97.5%,
    transparent 99%, transparent 100%
  );
  --artwork-vertical-fade: linear-gradient(
    to bottom,
    transparent 0%, transparent 1%,
    rgb(0 0 0 / .04) 2.5%,
    rgb(0 0 0 / .16) 4%,
    rgb(0 0 0 / .50) 6%,
    rgb(0 0 0 / .84) 8%,
    rgb(0 0 0 / .96) 9.5%,
    #000 11%, #000 82%,
    rgb(0 0 0 / .96) 84.5%,
    rgb(0 0 0 / .84) 87%,
    rgb(0 0 0 / .50) 90%,
    rgb(0 0 0 / .16) 93%,
    rgb(0 0 0 / .04) 95.5%,
    transparent 98%, transparent 100%
  );
  --artwork-vignette: radial-gradient(
    ellipse at 52% 53%, #000 40%, #000e 66%, transparent 85%
  );
  -webkit-mask-image: var(--artwork-horizontal-fade), var(--artwork-vertical-fade), var(--artwork-vignette);
  mask-image: var(--artwork-horizontal-fade), var(--artwork-vertical-fade), var(--artwork-vignette);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-in, source-in;
  mask-composite: intersect, intersect;
}

/* On narrow layouts, the former 127%-wide bitmap crossed the viewport clip
 * before its own fade finished. Keep it centered inside a small safe inset.
 * Only the image box changes; the scene, cards, and page flow stay as designed.
 */
@media (max-width: 760px) {
  .hero-art {
    width: min(710px, calc(100vw - 8px));
    left: calc(50% - min(355px, calc(50vw - 4px)));
  }
}
/* Version 5: one thread, one step at a time. Existing artwork and palette stay intact. */
html.smooth-scroll-ready { scroll-behavior: auto !important; }
body { position: relative; }
.faq-enhanced .faq-list { overflow-anchor: none; }
.faq-enhanced .faq-list > details { box-sizing: border-box; }
.faq-enhanced .faq-list summary { transition: color 240ms ease; }
.faq-enhanced .faq-list .faq-plus { transition: border-color 260ms ease, color 260ms ease, background 260ms ease; }
.faq-enhanced .faq-list .faq-plus::after { transition: transform 360ms cubic-bezier(.22,.72,.18,1); }
.faq-enhanced .faq-list details[data-expanded="false"] .faq-plus::after { transform: rotate(90deg); }
.faq-enhanced .faq-list details[data-expanded="true"] .faq-plus::after { transform: rotate(0); }
.faq-enhanced .faq-list details[data-expanded="true"] .faq-plus { background: #d2adbf12; }
.faq-enhanced .faq-list details[data-expanded="false"] summary { color: #e0d4e9; }
.faq-enhanced .faq-answer { transform-origin: top; }

.site-journey { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; z-index: 6; overflow: hidden; contain: layout style; }
.journey-svg { display: block; width: 100%; overflow: hidden; fill: none; }
.journey-base { stroke: url(#journey-spectrum); stroke-width: 1; opacity: .12; }
.journey-ink { stroke: url(#journey-spectrum); stroke-width: 1.1; opacity: .32; }
.journey-sheen { stroke: #ede6f8; stroke-width: 1.4; opacity: .38; }
.journey-base, .journey-ink, .journey-sheen { stroke-linecap: round; stroke-linejoin: round; }
.journey-checkpoint { color: #c4b9e3; }
.journey-checkpoint .checkpoint-ring { stroke: currentColor; stroke-width: 1; opacity: .29; fill: #1c1c27; }
.journey-checkpoint .checkpoint-seed { fill: currentColor; opacity: .45; }
.journey-checkpoint .checkpoint-ripple { stroke: currentColor; opacity: 0; fill: none; transform-box: fill-box; transform-origin: center; }
.journey-checkpoint.is-passed .checkpoint-ring { opacity: .64; }
.journey-checkpoint.is-passed .checkpoint-seed { opacity: .82; }
.journey-bead { --bead-color: #c4b9e3; position: fixed; top: 0; left: 0; width: 0; height: 0; z-index: 7; pointer-events: none; will-change: transform; }
.journey-bead-halo { position: absolute; left: -16px; top: -16px; width: 32px; height: 32px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--bead-color) 22%, transparent), transparent 70%); }
.journey-bead-core { position: absolute; left: -4px; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--bead-color); box-shadow: 0 0 0 4px color-mix(in srgb, var(--bead-color) 9%, transparent), 0 0 15px color-mix(in srgb, var(--bead-color) 38%, transparent); }
.journey-bead-core::after { content: ''; position: absolute; width: 2px; height: 2px; border-radius: 50%; left: 2px; top: 1px; background: #ffffffbe; }
.journey-bead-core, .journey-bead-halo { transition: background-color 300ms ease; }
/* The old straight rule is replaced by the shared thread's three shallow hops. */
.journey-ready .how-journey-line { visibility: hidden; }
@media(max-width:760px) {
  .journey-base { opacity: .14; stroke-width: .8; }
  .journey-ink { opacity: .4; stroke-width: 1; }
  .journey-sheen { opacity: .3; stroke-width: 1.2; }
  .journey-bead-core { width: 6px; height: 6px; left: -3px; top: -3px; box-shadow: 0 0 0 3px #c4b9e30e, 0 0 12px #c4b9e33b; }
  .journey-bead-halo { width: 26px; height: 26px; top: -13px; left: -13px; }
}

@media print { .site-journey, .journey-bead { display: none; } }
@media(min-width:761px) {
  .journey-ready .how-steps { margin-top: 62px; }
}

html.restep-modal-open { overflow: hidden !important; }
.start-dialog { overscroll-behavior: contain; }

/* Version 6 / the route resolves into the footer, rather than boxing it in. */
.journey-base { opacity: .105; stroke-width: 1; }
.journey-ink { opacity: .245; stroke-width: 1.05; }
.journey-tail { pointer-events: none; }
.journey-tail path { stroke-linecap: butt; stroke-linejoin: round; }
.journey-checkpoint .checkpoint-ring { opacity: .25; }
.journey-checkpoint.is-passed .checkpoint-ring { opacity: .50; }
.journey-ready .footer-top { border-bottom-color: transparent; }
.site-footer { padding-bottom: 60px; }
.footer-signoff { display: inline-flex; align-items: center; gap: 15px; white-space: nowrap; }
.footer-arrival { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #c4b9e3; }
.journey-ready .footer-arrival { opacity: 0; }
.footer-mantra { transition: color 600ms ease, text-shadow 600ms ease; }
.footer-mantra>span { transition: color 600ms ease; }
.journey-complete .footer-mantra>span:nth-child(1) { color: #b2cec2; }
.journey-complete .footer-mantra>span:nth-child(2) { color: #debb81; }
.journey-complete .footer-mantra>span:nth-child(3) { color: #d3c6ed; }
.journey-complete .footer-mantra { text-shadow: 0 0 18px #c4b9e317; }
@media(max-width:760px) {
  .journey-base { opacity: .13; stroke-width: .8; }
  .journey-ink { opacity: .28; stroke-width: .95; }
  .journey-tail { opacity: .78; }
  .footer-signoff { margin-left: auto; gap: 13px; }
  .site-footer { padding-bottom: 48px; }
}
@media print {
  .journey-ready .footer-top { border-bottom-color: #a392b638; }
  .journey-ready .footer-arrival { opacity: 1; }
}
/* Restep / considered polish. Only the requested spacing and presentation. */
/* Make an actual corridor for the journey; do not just move it onto the text. */
.how-steps,
.journey-ready .how-steps { margin-top: 120px; }
.explorer-strip { margin-bottom: 96px; }
/* Keep the three column separators; remove only the extra horizontal rule. */
.maxim-row { border-top: 0; }

/* The active question changes with the disclosure's desired state, including
   during reversed animations. Native no-JS details get the same treatment. */
.faq-enhanced .faq-list > details[data-expanded="true"] > summary,
html:not(.faq-enhanced) .faq-list > details[open] > summary { color: var(--gold); }
.faq-list summary { transition: color 320ms ease; }
.faq-enhanced .faq-list > details[data-expanded="true"] .faq-plus {
  color: var(--gold); border-color: #c3a06b80; background: #c3a06b0a;
}

/* A single fine moving highlight, clipped to the pill's border. The interior
   never spins. The text and pointer target remain completely stable. */
@property --restep-stroke-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.nav-actions > .button.get-restep {
  position: relative; isolation: isolate; border-radius: 999px;
  min-height: 43px; padding: 10px 21px; gap: 20px;
  border: 1px solid #c1a2753b;
  background: linear-gradient(115deg,#302b2e88,#25232df0);
  color: #eee1c8; box-shadow: inset 0 1px 0 #efdab205;
  transition: background 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}
.nav-actions > .button.get-restep:hover {
  transform: none; background: linear-gradient(115deg,#3b322b99,#2a2731f5);
  border-color: #c9a66e55; box-shadow: 0 0 18px #d6b2730b,inset 0 1px 0 #efdab20a;
}
.get-restep::before {
  content: ''; position: absolute; inset: -1px; padding: 1.1px;
  border-radius: inherit; pointer-events: none;
  background: conic-gradient(from var(--restep-stroke-angle),
    #d1ad7000 0deg, #d1ad7000 228deg, #a8844318 262deg,
    #c8a36c75 292deg, #f3dab4c7 318deg, #c9a46b65 339deg, #d1ad7000 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: restep-border-orbit 8s linear infinite;
}
.get-restep-label, .get-restep > .icon { position: relative; z-index: 1; }
@keyframes restep-border-orbit { to { --restep-stroke-angle: 360deg; } }

@media (min-width:761px) and (max-width:1099px) {
  .how-steps, .journey-ready .how-steps { margin-top: 108px; }
  .explorer-strip { margin-bottom: 72px; }
}
@media (max-width:760px) {
  .how-steps, .journey-ready .how-steps { margin-top: 62px; }
  .explorer-strip { margin-bottom: 48px; }
  .nav-actions > .button.get-restep { min-height: 39px; padding: 9px 15px; gap: 12px; }
}
@media (max-width:359px) {
  .nav-actions > .button.get-restep { padding-inline: 12px; gap: 9px; }
}
@media print { .get-restep::before { animation: none; } }