/* 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;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; } }
.answer-section{position: relative; isolation: isolate; overflow: hidden; padding: 113px 0px 110px;}
.answer-wash{position: absolute; z-index: -1; left: calc(50% - 600px); top: 0px; width: 1200px; height: 890px; background: radial-gradient(at 50% 52%, rgba(83, 72, 99, 0.14), rgba(70, 92, 91, 0.067) 46%, transparent 77%); pointer-events: none;}
.answer-heading .eyebrow{justify-content: center; margin-bottom: 23px; color: rgb(182, 178, 198);}
.answer-heading h2{font-size: clamp(42px, 4.4vw, 63px); line-height: 1.12; letter-spacing: -2.8px;}
.answer-heading h2 span{color: rgb(187, 197, 228);}
.answer-heading > p:last-child{max-width: 730px; margin: 23px auto 0px; font-size: 15px; line-height: 1.85; color: rgb(172, 169, 185);}
.answer-stage{position: relative; isolation: isolate; margin: 61px auto 0px; padding: 60px 47px 25px; min-height: 605px; border: 1px solid rgba(91, 85, 106, 0.486); border-radius: 25px; overflow: hidden; background: radial-gradient(at 50% 53%, rgba(64, 56, 71, 0.45), transparent 46%), linear-gradient(135deg, rgba(42, 40, 54, 0.776), rgba(36, 38, 49, 0.83) 60%, rgba(41, 38, 48, 0.67)); box-shadow: rgba(11, 11, 19, 0.84) 0px 31px 70px -50px, rgba(255, 255, 255, 0.047) 0px 1px 0px inset;}
.answer-stage-grid{position: absolute; z-index: -1; inset: 0px; pointer-events: none; background-image: radial-gradient(rgba(176, 165, 190, 0.333) 0.7px, transparent 1px); background-size: 21px 21px; opacity: 0.24; mask-image: radial-gradient(black 16%, transparent 82%);}
.answer-orbit{position: absolute; z-index: -1; pointer-events: none; width: 100%; height: 84%; left: 0px; top: 0px; overflow: visible; fill: none; stroke: rgba(170, 155, 207, 0.247); stroke-width: 1;}
.answer-orbit path:nth-child(2){stroke: rgba(180, 197, 192, 0.247);}
.answer-orbit circle{fill: rgb(184, 205, 224); stroke: none;}
.format-grid{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); grid-template-rows: repeat(3, 118px); gap: 15px; min-height: 384px; position: relative; z-index: 1;}
.format-tile{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; text-align: left; min-width: 0px; min-height: 0px; padding: 17px 20px; border-radius: 12px; border: 1px solid rgba(102, 95, 112, 0.32); background: linear-gradient(130deg, rgba(43, 43, 56, 0.804), rgba(35, 36, 46, 0.85)); box-shadow: rgba(255, 255, 255, 0.035) 0px 1px 0px inset; color: rgb(203, 199, 213); transition: background 0.25s, border-color 0.25s, box-shadow 0.25s, translate 0.25s;}
.format-tile:hover, .format-tile:focus-visible{border-color: rgba(196, 181, 220, 0.494); background: linear-gradient(135deg, rgba(57, 53, 67, 0.89), rgb(44, 45, 57)); translate: 0px -3px;}
.format-tile[aria-pressed="true"]{border-color: rgba(182, 204, 184, 0.525); background: linear-gradient(135deg, rgba(56, 71, 63, 0.79), rgba(44, 52, 54, 0.925)); box-shadow: rgba(255, 255, 255, 0.086) 0px 1px inset, rgba(182, 204, 184, 0.533) 0px 0px 23px -13px;}
.format-tile > .icon{width: 22px; height: 22px; color: rgb(177, 164, 200); margin-bottom: 2px;}
.format-tile[aria-pressed="true"] > .icon{color: rgb(196, 214, 200);}
.format-tile span{font-size: 13px; line-height: 1.25; color: rgb(238, 233, 242); font-weight: 460; white-space: normal;}
.format-tile small{font-size: 10px; color: rgb(150, 144, 166);}
.format-tile:nth-child(1){grid-area: 1 / 1;}
.format-tile:nth-child(2){grid-area: 1 / 2;}
.format-tile:nth-child(3){grid-area: 1 / 4;}
.format-tile:nth-child(4){grid-area: 1 / 5;}
.format-tile:nth-child(5){grid-area: 2 / 1;}
.format-tile:nth-child(6){grid-area: 2 / 5;}
.format-tile:nth-child(7){grid-area: 3 / 1;}
.format-tile:nth-child(8){grid-area: 3 / 5;}
.format-tile:nth-child(9){grid-area: 3 / 2;}
.format-tile:nth-child(10){grid-area: 3 / 4;}
.answer-core{position: absolute; z-index: 4; left: 50%; top: 45%; width: 338px; height: 338px; margin: -169px 0px 0px -169px; display: grid; place-items: center; pointer-events: none;}
.answer-core-ring{position: absolute; inset: -19px; border: 1px solid rgba(184, 166, 210, 0.263); border-radius: 50%; box-shadow: rgba(170, 163, 194, 0.027) 0px 0px 0px 14px;}
.answer-core-ring.ring-2{inset: -39px; border-color: rgba(170, 164, 184, 0.14); box-shadow: none;}
.answer-core-spark{position: absolute; right: 15px; top: 12px; font-size: 34px; color: rgb(217, 181, 199); font-weight: 300;}
.answer-core-disc{width: 100%; height: 100%; position: relative; pointer-events: auto; border: 1px solid rgba(201, 183, 210, 0.506); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 36px; background: radial-gradient(circle at 28% 18%, rgba(108, 97, 121, 0.3), transparent 48%), radial-gradient(circle at 71% 75%, rgba(123, 108, 139, 0.133), transparent 52%), linear-gradient(145deg, rgb(76, 69, 85), rgb(41, 40, 53) 57%, rgb(37, 38, 50)); box-shadow: rgba(255, 255, 255, 0.36) 8px 12px 25px -15px inset, rgba(19, 17, 27, 0.86) -18px -22px 25px -10px inset, rgba(17, 16, 25, 0.68) 0px 24px 60px, rgba(178, 156, 194, 0.04) 0px 0px 0px 15px;}
.answer-core-disc::before{content: ""; position: absolute; inset: -2px; pointer-events: none; border-radius: 50%; background: conic-gradient(from 45deg, transparent 0%, rgb(206, 182, 221) 10%, transparent 30%, rgb(186, 210, 199) 49%, transparent 58%, rgb(225, 191, 146) 77%, transparent 96%); mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), rgb(0, 0, 0) calc(100% - 1.2px)); opacity: 0.8; animation: 18s linear 0s infinite normal none running answer-core-edge;}
@keyframes answer-core-edge {100% { transform: rotate(360deg); }}
.answer-core-disc > img{opacity: 0.94; width: 38px; height: auto; margin-bottom: 13px; filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 5px 10px);}
.answer-core-kicker{font-size: 8px; letter-spacing: 2px; color: rgb(183, 173, 200);}
.answer-core-disc > strong{font-size: clamp(28px, 2.3vw, 37px); font-weight: 460; letter-spacing: -1.15px; line-height: 1.2; margin: 15px 0px 21px; color: rgb(244, 237, 246);}
.answer-core-disc > strong > em{font-style: normal; color: rgb(183, 207, 200);}
.answer-core-action{color: rgb(237, 200, 134); font-size: 12px; font-weight: 550; border-bottom: 1px solid rgba(237, 200, 134, 0.41); padding-bottom: 4px; display: inline-flex; align-items: center; gap: 13px;}
.answer-core-action:hover{color: rgb(255, 241, 205);}
.answer-context{display: flex; align-items: center; gap: 18px; justify-content: center; min-height: 53px; max-width: 750px; padding: 14px 19px; margin: 14px auto 0px; color: rgb(216, 209, 225); background: rgba(36, 37, 47, 0.616); border: 1px solid rgba(95, 88, 110, 0.467); border-radius: 9px; position: relative; z-index: 5;}
.answer-context-label, .answer-context-number{font-size: 9px; letter-spacing: 1.3px; white-space: nowrap; color: rgb(170, 156, 185);}
.answer-context > p{font-size: 12px; line-height: 1.65; color: rgb(212, 206, 222); flex: 1 1 0%; text-align: center;}
.answer-context-number{color: rgb(181, 200, 202);}
.answer-stage-caption{display: flex; justify-content: space-between; color: rgb(141, 135, 158); letter-spacing: 1.65px; font-size: 8px; margin-top: 23px;}
.format-comet{z-index: 8; position: absolute; width: 8px; height: 8px; border-radius: 50%; left: 0px; top: 0px; background: rgb(193, 214, 199); box-shadow: rgba(183, 210, 197, 0.106) 0px 0px 0px 4px, rgba(187, 212, 204, 0.37) 0px 0px 19px 6px; pointer-events: none;}
.answer-principles{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 38px 12px 5px;}
.answer-principles > div{display: grid; grid-template-columns: 28px 1fr; align-items: start; column-gap: 13px;}
.answer-principles > div > span{grid-row: 1 / 3; font-size: 11px; color: rgb(188, 176, 210); line-height: 2.3;}
.answer-principles strong{font-size: 16px; color: rgb(234, 228, 240); letter-spacing: -0.3px; font-weight: 500;}
.answer-principles p{font-size: 12px; color: rgb(170, 165, 181); margin: 5px 0px 0px; line-height: 1.7;}
.restep-confetti-canvas{position: fixed; inset: 0px; width: 100%; height: 100%; z-index: 48; pointer-events: none; visibility: hidden;}
.restep-confetti-canvas.is-playing{visibility: visible;}
@media (max-width: 1050px) {.answer-stage{padding-inline: 22px;}
.format-tile{padding: 13px 12px;}
.format-tile span{font-size: 12px;}
.answer-core{width: 300px; height: 300px; margin: -150px 0px 0px -150px;}}
@media (max-width: 760px) {.answer-section{padding: 75px 0px 65px;}
.answer-heading .eyebrow{font-size: 8px; letter-spacing: 1.2px;}
.answer-heading h2{font-size: clamp(36px, 8vw, 46px); letter-spacing: -1.8px;}
.answer-heading > p:last-child{font-size: 13px; line-height: 1.8; margin: 19px auto 0px;}
.answer-stage{display: flex; flex-direction: column; align-items: center; margin-top: 38px; padding: 31px 13px 23px; min-height: 0px; border-radius: 18px; overflow: hidden;}
.answer-orbit{top: 0px; height: 350px; opacity: 0.8;}
.answer-core{position: relative; top: auto; left: auto; width: 254px; height: 254px; margin: 13px auto 42px; flex-shrink: 0; order: 0;}
.answer-core-ring{inset: -13px;}
.answer-core-ring.ring-2{inset: -27px;}
.answer-core-disc{padding: 22px;}
.answer-core-disc > img{width: 29px; margin-bottom: 10px;}
.answer-core-kicker{font-size: 7px;}
.answer-core-disc > strong{font-size: 30px; margin: 13px 0px 16px;}
.answer-core-action{font-size: 11px;}
.format-grid{order: 1; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: none; min-height: 0px; gap: 10px; width: 100%;}
.format-tile:nth-child(n){grid-area: auto;}
.format-tile{min-height: 95px; gap: 5px; padding: 13px 14px;}
.format-tile > .icon{width: 18px; height: 18px; margin: 0px 0px 3px;}
.format-tile span{font-size: 12px;}
.format-tile small{font-size: 9px;}
.answer-context{order: 2; width: 100%; padding: 13px 12px; gap: 9px; flex-wrap: wrap; margin-top: 19px;}
.answer-context-label, .answer-context-number{font-size: 8px;}
.answer-context > p{flex-basis: 100%; order: 3; text-align: left; font-size: 11px;}
.answer-stage-caption{order: 3; width: 100%; font-size: 6px; letter-spacing: 0.8px; gap: 6px;}
.answer-principles{grid-template-columns: 1fr; gap: 22px; padding: 27px 5px 3px;}
.answer-principles > div{column-gap: 10px;}
.answer-principles strong{font-size: 14px;}
.answer-principles p{font-size: 11px;}}
@media (max-width: 365px) {.format-tile{padding: 11px;}}
@media (prefers-reduced-motion: reduce) {.answer-core-disc::before{animation: auto ease 0s 1 normal none running none;}
.format-tile{transition: none;}}
@media print {.restep-confetti-canvas{display: none;}
 .answer-section{break-inside: avoid;}}
@media (min-width: 761px) and (max-width: 1160px) {.desktop-nav a[href="#problem"]{display: none;}}
/* Exact cinematic pricing scene imported from the supplied Restep edition. */
#pricing.chapter-scene{width:100%;padding:130px 7% 120px;overflow:visible;position:relative;isolation:auto!important;z-index:auto!important;transform:none!important;opacity:1}
#pricing.chapter-scene:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 72% 47%,#54466d26,transparent 58%)}
#pricing.chapter-scene .scene-wash{display:none}
#pricing .depth-layer{--chapter-shift-x:0px;--chapter-shift-y:0px;--chapter-turn:0deg;--chapter-base-turn:0deg;--chapter-base-scale:1;position:absolute;pointer-events:none;transform:translate3d(var(--chapter-shift-x),var(--chapter-shift-y),0) rotate(calc(var(--chapter-base-turn) + var(--chapter-turn))) scale(var(--chapter-base-scale));transform-origin:50% 50%;z-index:2;backface-visibility:hidden}
#pricing .depth-layer img{display:block;max-width:none;user-select:none;-webkit-user-drag:none}
#pricing .depth-layer>img{width:100%;height:100%;object-fit:contain}
#pricing .depth-layer[data-depth-plane="rear"]{z-index:2}
#pricing .depth-layer[data-speed]{will-change:transform}
#pricing .depth-mist{width:65%;height:450px;left:36%;top:19%;background:radial-gradient(ellipse,#79678f1a,transparent 66%)}
#pricing .depth-stars{inset:0;background-image:radial-gradient(#c3b6de40 .7px,transparent 1px);background-size:90px 94px;mask-image:radial-gradient(ellipse,#000,transparent 70%);opacity:.5}
#pricing .depth-art{position:absolute;pointer-events:none;user-select:none}
#pricing .depth-art img{width:100%;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 35px 60px #0b0b1655)}
#pricing .capability-art{width:100%;right:-5%;top:40px;opacity:.26}
#pricing .pricing-heading,#pricing .pricing-controls,#pricing #individual-pricing,#pricing #team-pricing,#pricing .section-heading{position:relative;z-index:12}
#pricing .price-card{backdrop-filter:blur(14px);background-color:#22212fdf}
#pricing .explorer-strip{position:relative;z-index:12;background:#22212cbf;backdrop-filter:blur(12px)}
@media(max-width:760px){#pricing.chapter-scene{padding:90px 24px}#pricing .capability-art{width:190%;right:-50%;top:230px;opacity:.28}#pricing .depth-layer[data-speed]{will-change:auto}}
@media(prefers-reduced-motion:reduce){#pricing .depth-layer{--chapter-shift-x:0px!important;--chapter-shift-y:0px!important;--chapter-turn:0deg!important;will-change:auto!important}}
#problem{--rose:#d3adbf;--blue:#aebfdf;--sage:#b2cec2;--gold:#e3c48c;--chapter-glass:linear-gradient(145deg,#2a2836cc,#1d1d28d9)}
#problem.section-shell{width: min(1240px, 100% - 112px); margin-inline: auto;}
@keyframes target-breathe {
}
@media (min-width: 1600px) {



}
@media (max-width: 1200px) {#problem.section-shell{width: calc(100% - 72px);}













































}
@media (max-width: 1000px) {


















































































































}
@media (max-width: 760px) {
#problem.section-shell{width: calc(100% - 44px);}














































































































































































































































































































}
@media (max-width: 420px) {#problem.section-shell{width: calc(100% - 36px);}














































































































}
@media (max-width: 1200px) {





}
@media (max-width: 1000px) {












}
@media (max-width: 760px) {



















}
@media (max-width: 420px) {


















}
@media (max-width: 760px) {






}
@media (max-width: 520px) {




















}
#problem.problem-section{position: relative; isolation: isolate; overflow: hidden;}
#problem.problem-section{padding-top: 112px; padding-bottom: 104px;}
#problem .problem-shell{position: relative; border: 1px solid rgb(64, 58, 77); border-radius: 28px; padding: 74px 62px 66px; background: radial-gradient(at 16% 8%, rgba(110, 95, 138, 0.125), transparent 31%), radial-gradient(at 86% 82%, rgba(125, 95, 111, 0.086), transparent 28%), linear-gradient(145deg, rgb(34, 34, 45), rgb(30, 30, 40) 58%, rgb(36, 35, 45)); box-shadow: rgba(255, 255, 255, 0.02) 0px 1px inset, rgb(7, 7, 13) 0px 38px 90px -60px; overflow: hidden;}
#problem .problem-grid-field{position: absolute; inset: 0px; background-image: radial-gradient(rgba(158, 152, 183, 0.114) 0.8px, transparent 0.8px); background-size: 18px 18px; mask-image: linear-gradient(rgba(0, 0, 0, 0.533), transparent 72%); pointer-events: none;}
#problem .problem-intro{position: relative; z-index: 2; text-align: center; max-width: 900px; margin: 0px auto 54px;}
#problem .problem-pill{display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgb(93, 86, 104); background: rgba(43, 42, 53, 0.72); border-radius: 999px; padding: 8px 14px; font-size: 9px; letter-spacing: 1.7px; text-transform: uppercase; color: rgb(197, 190, 210); box-shadow: rgba(255, 255, 255, 0.03) 0px 1px inset;}
#problem .problem-pill i{display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--rose); box-shadow: rgba(201, 166, 184, 0.067) 0px 0px 0px 4px;}
#problem .problem-intro h2{font-size: clamp(40px, 4.4vw, 66px); line-height: 1.08; letter-spacing: -2.8px; margin: 26px auto 18px; max-width: 930px;}
#problem .problem-intro h2 span{color: var(--lavender);}
#problem .problem-source{font-size: 12px; color: rgb(130, 127, 145); letter-spacing: 0.2px;}
#problem .problem-stats{position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
#problem .problem-stat{position: relative; min-height: 166px; padding: 27px 25px 24px; border: 1px solid rgb(59, 56, 71); border-radius: 18px; background: linear-gradient(145deg, rgba(42, 41, 52, 0.43), rgba(32, 32, 42, 0.533)); overflow: hidden; transition: transform 0.3s, border-color 0.3s, background 0.3s;}
#problem .problem-stat:hover{transform: translateY(-4px); border-color: rgb(110, 100, 127);}
#problem .problem-stat::after{content: ""; position: absolute; width: 110px; height: 110px; border: 1px solid; border-radius: 50%; right: -51px; bottom: -63px; opacity: 0.08;}
#problem .problem-stat strong{display: block; font-family: var(--display); font-size: clamp(42px, 4vw, 58px); font-weight: 450; line-height: 1; letter-spacing: -2.5px; color: rgb(240, 237, 245);}
#problem .problem-stat strong em{font-style: normal; color: var(--lavender);}
#problem .problem-stat:nth-child(2) strong em,#problem .problem-stat:nth-child(6) strong em{color: var(--blue);}
#problem .problem-stat:nth-child(4) strong em,#problem .problem-stat:nth-child(8) strong em{color: var(--sage);}
#problem .problem-stat:nth-child(5) strong em,#problem .problem-stat:nth-child(9) strong em{color: var(--gold);}
#problem .problem-stat:nth-child(7) strong em{color: var(--rose);}
#problem .problem-stat p{font-size: 13px; line-height: 1.65; color: rgb(170, 166, 182); margin-top: 16px; max-width: 245px;}
#problem .problem-thread{position: absolute; inset: auto 4% 20px; height: 120px; pointer-events: none; opacity: 0.42;}
#problem .problem-thread path{fill: none; stroke: rgb(142, 133, 163); stroke-width: 1; vector-effect: non-scaling-stroke;}
#problem .problem-thread circle{fill: rgb(197, 185, 223);}
@media (max-width: 1000px) {#problem .problem-shell{padding: 60px 38px 52px;}
#problem .problem-stat{min-height: 154px; padding: 23px;}
#problem .problem-stat p{font-size: 12px;}








}
@media (max-width: 760px) {#problem.problem-section{padding-top: 70px; padding-bottom: 66px;}
#problem .problem-shell{padding: 43px 20px 36px; border-radius: 20px;}
#problem .problem-intro{margin-bottom: 31px;}
#problem .problem-intro h2{font-size: 38px; letter-spacing: -1.7px; margin-top: 20px;}
#problem .problem-source{font-size: 10px;}
#problem .problem-stats{grid-template-columns: 1fr 1fr; gap: 11px;}
#problem .problem-stat{min-height: 132px; padding: 19px 17px; border-radius: 14px;}
#problem .problem-stat strong{font-size: 39px; letter-spacing: -1.8px;}
#problem .problem-stat p{font-size: 10px; line-height: 1.6; margin-top: 12px;}
#problem .problem-thread{display: none;}






















}
@media (max-width: 430px) {#problem .problem-stats{grid-template-columns: 1fr;}
#problem .problem-stat{min-height: 112px;}
#problem .problem-stat p{max-width: 290px;}



}
@media (max-width: 1200px) {



}
@media (max-width: 1000px) {

}
@media (max-width: 760px) {

























}
@media (max-width: 360px) {






}
@media (max-width: 1200px) {































}
@media (max-width: 1050px) {

















































}
@media (min-width: 761px) and (max-width: 900px) {



































}
@media (max-width: 760px) {#problem.section-shell{width: calc(100% - 44px);}
































































































































































}
@media (max-width: 600px) {







}
@media (max-width: 420px) {



























}
@media (max-width: 360px) {#problem.section-shell{width: calc(100% - 36px);}













































}

@media (max-width: 760px) {



}
@media (max-width: 760px) {



}
@media print {
}
@media (min-width: 761px) and (max-width: 1099px) {
}
@media (max-width: 760px) {

}
#problem.problem-section.section-shell{width: 100%; margin-inline: 0px; padding-block: 80px;}
#problem .problem-shell{border-radius: 0px; border-inline: 0px; box-shadow: none;}
#problem .problem-shell{padding: 80px max(56px, -560px + 50vw);}
@media (max-width: 760px) {#problem.problem-section.section-shell{padding-block: 40px;}
#problem .problem-shell{padding: 52px 24px;}
#problem .problem-intro h2{font-size: clamp(30px, 6.7vw, 44px); letter-spacing: -1.4px;}
#problem .problem-source{font-size: 12px; line-height: 1.8;}
#problem .problem-stat p{font-size: 12px;}
#problem .problem-stats{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#problem .problem-stat{padding: 20px 16px; min-height: 150px;}
#problem .problem-stat strong{font-size: 36px;}
#problem .problem-stat:last-child{grid-column: 1 / -1;}







}
@media (max-width: 359px) {#problem .problem-stats{grid-template-columns: 1fr;}
#problem .problem-stat:last-child{grid-column: auto;}}
@media (prefers-reduced-motion: reduce) {

#problem .problem-stat:hover{transform: none;}}
#problem.chapter-scene{position: relative; opacity: 1; overflow: clip; overflow-clip-margin: 2px; isolation: auto !important; z-index: auto !important; transform: none !important;}
#problem .depth-layer{--chapter-shift-x: 0px; --chapter-shift-y: 0px; --chapter-turn: 0deg; --chapter-base-turn: 0deg; --chapter-base-scale: 1; position: absolute; pointer-events: none; transform: translate3d(var(--chapter-shift-x), var(--chapter-shift-y), 0)
    rotate(calc(var(--chapter-base-turn) + var(--chapter-turn)))
    scale(var(--chapter-base-scale)); transform-origin: 50% 50%; z-index: 2; backface-visibility: hidden;}
#problem .depth-layer img,#problem img.depth-layer{display: block; max-width: none; user-select: none; -webkit-user-drag: none;}
#problem .depth-layer > img{width: 100%; height: 100%; object-fit: contain;}
#problem .depth-layer[data-depth-plane="rear"]{z-index: 2;}
#problem .depth-layer[data-depth-plane="middle"]{z-index: 5;}
#problem .depth-layer[data-depth-plane="foreground"]{z-index: 9;}
#problem .chapter-content{position: relative; z-index: 12;}
@media (max-width: 760px) {
}
@media (prefers-reduced-motion: reduce) {#problem .depth-layer{--chapter-shift-x: 0px !important; --chapter-shift-y: 0px !important; --chapter-turn: 0deg !important; will-change: auto !important;}}
#problem.chapter-scene[data-scene]{overflow: visible; position: relative; z-index: auto; isolation: auto !important;}
#problem.chapter-scene::before{content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: radial-gradient(at 72% 47%, rgba(84, 70, 109, 0.15), transparent 58%);}
#problem .chapter-kicker{position: relative; z-index: 12; display: flex; align-items: center; gap: 16px; font-size: 9px; letter-spacing: 3px; color: rgb(181, 167, 197); text-transform: uppercase;}
#problem .chapter-kicker span{font-size: 10px; color: rgb(222, 187, 129); letter-spacing: 1px;}
#problem .chapter-kicker::after{content: ""; width: 46px; height: 1px; background: rgba(156, 134, 180, 0.267);}
#problem .depth-art{position: absolute; pointer-events: none; user-select: none;}
#problem .depth-art img{width: 100%; height: auto; max-width: none; object-fit: contain; filter: drop-shadow(rgba(11, 11, 22, 0.333) 0px 35px 60px);}
#problem .depth-mist{position: absolute; width: 65%; height: 450px; left: 36%; top: 19%; background: radial-gradient(rgba(121, 103, 143, 0.1), transparent 66%); pointer-events: none;}
#problem .depth-stars{position: absolute; inset: 0px; pointer-events: none; background-image: radial-gradient(rgba(195, 182, 222, 0.25) 0.7px, transparent 1px); background-size: 90px 94px; mask-image: radial-gradient(rgb(0, 0, 0), transparent 70%); opacity: 0.5;}
#problem .depth-orb{position: absolute; display: block; width: 100px; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 30% 25%, rgb(188, 176, 208), rgb(117, 101, 135) 20%, rgb(59, 51, 78) 56%, rgb(24, 25, 35) 79%); box-shadow: rgba(21, 20, 32, 0.5) -14px -10px 25px inset, rgba(11, 11, 24, 0.333) 0px 28px 30px -12px, rgba(166, 146, 188, 0.153) 0px 0px 0px 1px; pointer-events: none;}
#problem .depth-orb::after{content: ""; position: absolute; inset: 2px; border-radius: 50%; border-top: 1px solid rgba(222, 212, 237, 0.37); transform: rotate(-26deg);}
#problem .depth-orb.small{width: 35px;}
#problem.problem-section.chapter-scene{padding: 100px 0px 120px !important;}
#problem.problem-section.chapter-scene .problem-shell{background: none; border: 0px; overflow: visible; padding: 40px max(7%, -600px + 50vw);}
#problem .problem-intro{z-index: 12; max-width: 1000px; text-align: left; margin-left: 0px; margin-bottom: 60px;}
#problem .problem-intro h2{max-width: 880px; font-size: clamp(40px, 4.4vw, 68px); line-height: 1.12;}
#problem .problem-intro h2 br{display: none;}
#problem .problem-source{max-width: 670px; color: rgb(163, 156, 175); line-height: 1.8;}
#problem .problem-stats{z-index: 12; gap: 18px;}
#problem .problem-stat{background: var(--chapter-glass); backdrop-filter: blur(12px); min-height: 175px; border-color: rgba(133, 113, 143, 0.208); border-radius: 18px;}
#problem .problem-stat p{font-size: 12px; color: rgb(188, 178, 199); max-width: 260px;}
#problem .problem-stat strong{font-size: 54px;}
#problem .fragment-art{width: 105%; right: -14%; top: 90px; opacity: 0.68;}
#problem .problem-grid-field,#problem .problem-thread{display: none;}
@media (min-width: 1700px) {



}
@media (max-width: 1100px) and (min-width: 761px) {





}
@media (max-width: 760px) {#problem.chapter-scene{overflow: clip !important;}
#problem .chapter-kicker{font-size: 8px; letter-spacing: 2px; gap: 10px;}
















#problem.problem-section.chapter-scene{padding: 60px 0px !important;}
#problem.problem-section.chapter-scene .problem-shell{padding: 20px 24px;}
#problem .problem-intro h2{font-size: 36px; letter-spacing: -1.4px; line-height: 1.14;}
#problem .problem-source{font-size: 11px;}
#problem .problem-intro{margin-bottom: 35px;}
#problem .problem-stat{min-height: 155px; padding: 19px 15px;}
#problem .problem-stat strong{font-size: 36px;}
#problem .problem-stat p{font-size: 11px; line-height: 1.6;}
#problem .fragment-art{width: 180%; right: -45%; top: 420px; opacity: 0.5;}







































}
@media (max-width: 359px) {



#problem .problem-stat strong{font-size: 42px;}





}
@media (prefers-reduced-motion: reduce) {
#problem.chapter-scene .depth-layer{transform: none !important;}
}
#problem .depth-layer img{height: auto;}
@media (max-width: 760px) {


}
@media (max-width: 760px) {


}
@media (prefers-reduced-motion: reduce) {
}
@media (max-width: 760px) {

}
#problem.depth-active .depth-layer[data-speed]{will-change:transform}
@media(max-width:760px){#problem.depth-active .depth-layer[data-speed]{will-change:auto}}
#problem .problem-counter{font-variant-numeric:tabular-nums}
#problem .problem-counter{display:inline-flex;vertical-align:bottom;height:1em;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0}
#problem .counter-reel{display:inline-block;position:relative;width:.59em;height:1.4em;margin-block:-.2em;padding-block:.2em;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%)}
#problem .counter-track{display:block;line-height:1;transform:translateY(0)}
#problem .counter-track>span{display:block;height:1em;line-height:1;text-align:center}
#problem .counter-decimal{display:inline-block;line-height:1;width:.25em;text-align:center}
#answer .answer-stage{display:block;position:relative;height:780px;min-height:780px;padding:0;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 50% 45%,#68577b24,transparent 60%),linear-gradient(145deg,#272532,#1d1f2b);--bubble-size:210px;--orbit-x:420px;--orbit-y:235px;--center-y:350px}
#answer .answer-orbit{display:none}
#answer .format-grid{position:absolute;inset:0;display:block;min-height:0;z-index:3}
#answer .orbit-node{position:absolute;left:calc(50% + var(--x));top:calc(var(--center-y) + var(--y));width:144px;height:65px;margin:-32.5px 0 0 -72px;animation:guidance-drift 5s ease-in-out infinite;animation-delay:var(--delay)}
#answer .format-tile{position:relative;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr auto;align-items:center;gap:2px 10px;padding:12px 13px;border-radius:18px;background:linear-gradient(135deg,#3b3546e6,#252632ef);border-color:#b1a0c42e;box-shadow:0 8px 30px #0b0b1940,inset 0 1px #ffffff0c;transition:transform .3s,border-color .3s,box-shadow .3s;translate:none}
#answer .format-tile>.icon{grid-row:1/3;width:24px;height:24px;color:var(--node-color);margin:0}
#answer .format-tile span{font-size:11px;line-height:1.2;font-weight:500}
#answer .format-tile small{font-size:8px;color:#aaa0b6}
#answer .format-tile:hover,#answer .format-tile:focus-visible{transform:scale(1.07);border-color:var(--node-color);box-shadow:0 0 26px #bba4dc26;translate:none}
#answer .orbit-node.is-absorbed .format-tile{visibility:hidden;pointer-events:none}
#answer .orbit-node.is-absorbed::after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:var(--node-color);opacity:.55;font-size:16px;text-shadow:0 0 18px currentColor}
#answer .orbit-trace{position:absolute;left:50%;top:var(--center-y);width:calc(var(--orbit-x)*2);height:calc(var(--orbit-y)*2);transform:translate(-50%,-50%);border:1px solid #b7a3d522;border-radius:50%;pointer-events:none}
#answer .orbit-trace::before{content:'';position:absolute;inset:25px -20px;border:1px dashed #b7a3d511;border-radius:50%;transform:rotate(-9deg)}
#answer .answer-core{position:absolute;left:50%;top:var(--center-y);width:var(--bubble-size);height:var(--bubble-size);margin:0;transform:translate(-50%,-50%);transition:width .9s cubic-bezier(.2,.8,.2,1),height .9s cubic-bezier(.2,.8,.2,1);z-index:4;pointer-events:none}
#answer .answer-core-disc{padding:25px;overflow:visible;background:radial-gradient(circle at 28% 17%,#d4c4e65c,transparent 42%),radial-gradient(circle at 73% 78%,#96c7bb28,transparent 53%),linear-gradient(145deg,#584962,#2a293a 60%,#232934);border-color:#cbbbdd6b;box-shadow:inset 8px 12px 25px -15px #ffffff70,inset -18px -22px 25px -10px #15131e99,0 24px 60px #10101a66,0 0 75px #bca3e026;animation:guidance-breathe 4.8s ease-in-out infinite}
#answer .answer-core-disc>img{width:30px;margin:0 0 12px}
#answer .answer-core-kicker{font-size:7px;letter-spacing:1.8px}
#answer .answer-core-disc>strong{font-size:clamp(24px,2.4vw,34px);line-height:1.14;margin:13px 0 8px}
#answer .answer-core-disc>strong>em{color:#bedbd0}
#answer .bubble-status{font-size:10px;color:#c8bdd3;letter-spacing:.3px}
#answer .answer-core-ring{inset:-16px;border-color:#c0a3e435;box-shadow:none;animation:guidance-halo 4.8s ease-in-out infinite}
#answer .answer-core-ring.ring-2{inset:-33px;border-color:#bda5db14;animation-delay:1.2s}
#answer .bubble-progress{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);overflow:visible;transform:rotate(-90deg);pointer-events:none}
#answer .bubble-progress circle{fill:none;stroke:#dbc296;stroke-width:.7;stroke-linecap:round;stroke-dasharray:0 314.159;transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 2px #e5c79280)}
#answer .answer-core-action{margin-top:16px;border:1px solid #ffde8455;border-radius:999px;padding:12px 20px;background:#ffd64b;color:#27232c;font-size:12px;gap:12px;box-shadow:0 5px 25px #ffd64b18}
#answer .answer-core-action:hover{background:#ffe17b;color:#27232c}
#answer .answer-context{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:760px;margin:0;min-height:70px;padding:15px 22px;border:0;background:none;display:grid;grid-template-columns:1fr auto;gap:8px 20px;text-align:left}
#answer .answer-context-label{font-size:8px;letter-spacing:2px;color:#d1bdde}
#answer .answer-context>p{grid-row:2;grid-column:1/-1;text-align:left;font-size:12px;max-width:620px;min-height:40px;order:initial}
#answer .answer-context-number{grid-row:1;grid-column:2;font-variant-numeric:tabular-nums}
#answer .answer-stage-caption{position:absolute;bottom:24px;left:28px;right:28px;margin:0;display:flex;width:auto}
#answer .absorption-copy{position:absolute!important;z-index:8;pointer-events:none!important;min-height:0!important;margin:0!important;animation:none!important;transform-origin:center;backface-visibility:hidden}
#answer .answer-core.is-complete .answer-core-disc{box-shadow:inset 8px 12px 25px -15px #ffffff70,inset -18px -22px 25px -10px #15131e99,0 24px 60px #10101a66,0 0 100px #dbc29630}
@keyframes guidance-drift{0%,100%{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(4px) rotate(1deg)}}
@keyframes guidance-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes guidance-halo{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
@media(max-width:760px){
#answer .answer-stage{height:680px;min-height:680px;border-radius:22px;--bubble-size:126px;--center-y:270px}
#answer .orbit-node{width:82px;height:62px;margin:-31px 0 0 -41px}
#answer .format-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border-radius:15px;text-align:center}
#answer .format-tile>.icon{width:18px;height:18px}
#answer .format-tile span{font-size:8px;line-height:1.15}
#answer .format-tile small{display:none}
#answer .answer-core-disc{padding:12px}
#answer .answer-core-disc>img{width:22px;margin-bottom:7px}
#answer .answer-core-kicker{font-size:5px;letter-spacing:1px}
#answer .answer-core-disc>strong{font-size:19px;letter-spacing:-.7px;margin:9px 0 6px}
#answer .bubble-status{font-size:8px}
#answer .answer-core-ring{inset:-10px}#answer .answer-core-ring.ring-2{inset:-20px}
#answer .answer-core-action{font-size:10px;padding:9px 12px;margin-top:10px;min-height:0}
#answer .answer-context{width:calc(100% - 36px);bottom:63px;padding:0;gap:10px}
#answer .answer-context>p{font-size:11px;min-height:55px}
#answer .answer-stage-caption{left:18px;right:18px;bottom:21px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){#answer .orbit-node,#answer .answer-core-disc,#answer .answer-core-ring{animation:none}#answer .answer-core,#answer .bubble-progress circle,#answer .format-tile{transition:none}}

#answer .bubble-impact{position:absolute;inset:-4px;border:1px solid #d4b9ec80;border-radius:50%;pointer-events:none}
html.motion-ready .scene-thread .thread-base{opacity:0}
html.motion-ready .meridian-paths circle:not([data-trace-point]){opacity:var(--trace-visibility,0)}
html.journey-ready .journey-base{opacity:0}
html.journey-ready .journey-ink{opacity:calc(var(--flow-visibility,0)*.28)}
html.journey-ready .journey-tail{opacity:var(--flow-visibility,0)}
html.journey-ready .journey-checkpoint{opacity:0;transition:opacity .65s ease}
html.journey-ready .journey-checkpoint.is-passed{opacity:var(--flow-visibility,0)}
.journey-bead{opacity:0}
@media(prefers-reduced-motion:reduce){html.journey-ready .journey-checkpoint{transition:none}}
.world-live-connections{position:absolute;max-width:none;height:auto;z-index:2;overflow:visible;pointer-events:none}
.world-live-connections .connection-route{fill:none;stroke:none;visibility:hidden}
.world-live-connections .connection-motion{opacity:0}
.world-live-connections .connection-trail{fill:none;stroke-width:1.25;stroke-linecap:round}
.world-live-connections .connection-dot{fill:#f4d49a;stroke:#ffe9b9;stroke-width:.5;filter:drop-shadow(0 0 4px #eec677)}
.world-live-connections .connection-halo{fill:#e8c68c0b;stroke:none;filter:drop-shadow(0 0 6px #eec67755)}
@media(prefers-reduced-motion:reduce){.world-live-connections{display:none}}
.world-section .world-art{transform:none}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
/* Cinematic World layout, adapted to the globe illustration's proportions. */
.world-section{position:relative;min-height:1450px;padding:120px 0 100px;overflow:hidden;background:#20202a}
.world-section .world-shell{position:relative;display:block;min-height:1120px;padding:73px 0 40px}
.world-section .world-copy{position:relative;z-index:12;width:70%;max-width:800px}
.world-section .world-copy .eyebrow{font-size:11px;letter-spacing:1.45px;margin-bottom:23px}
.world-section .world-copy h2{font-size:clamp(55px,5.2vw,82px);line-height:1.08;letter-spacing:-4px}
.world-section .world-copy h2>span{color:var(--sage)}
.world-section .world-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bfb5c9;max-width:430px;margin-top:22px}
.world-section .world-caption{margin-top:25px;font-size:9px;letter-spacing:1.1px;color:#b9b7cd;line-height:1.7}
.world-section .world-art{position:absolute;left:0;top:380px;width:100%;height:auto;min-height:0;margin:0;isolation:isolate;z-index:2;transform:none}
.world-section .world-art>img{display:block;position:relative;left:0;top:0;width:100%;max-width:none;height:auto;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.world-section .world-star{position:absolute;right:6%;top:55px;z-index:3;font-size:45px}
.world-section .maxim-row{position:relative;z-index:12;padding:0 0 30px;margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;background:linear-gradient(180deg,transparent,#1c1c2770);backdrop-filter:blur(6px);border-top:0}
.world-section .maxim-row>div{display:grid;grid-template-columns:25px 1fr;column-gap:12px;align-items:center;padding-left:37px;border-left:1px solid #8d729a40}
.world-section .maxim-row>div:first-child{padding-left:0;border:0}
.world-section .maxim-row>div>span{font-size:10px}
.world-section .maxim-row h3{font-size:28px;letter-spacing:-.7px}
.world-section .maxim-row p{font-size:13px;line-height:1.8;grid-column:2;color:#bcb4c8}
@media(max-width:1100px) and (min-width:761px){.world-section .world-shell{min-height:940px}.world-section{min-height:1280px}.world-section .world-copy{width:70%}}
@media(max-width:760px){
.world-section{padding:85px 0 80px;min-height:0}
.world-section .world-shell{width:calc(100% - 48px);min-height:820px;padding:50px 0 0}
.world-section .world-copy{width:100%;max-width:none}
.world-section .world-copy .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:18px}
.world-section .world-copy h2{font-size:42px;line-height:1.08;letter-spacing:-1.8px}
.world-section .world-copy>p:not(.eyebrow){font-size:13px;max-width:330px;margin-top:19px}
.world-section .world-caption{font-size:8px;letter-spacing:.7px;margin-top:18px}
.world-section .world-art{top:450px;width:172%;left:-36%;margin:0}
.world-section .world-art>img{width:100%;left:0;top:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 95%,transparent)}
.world-section .world-star{right:25%;top:-50px;font-size:26px}
.world-section .maxim-row{width:calc(100% - 48px);gap:15px;padding:0 0 26px;margin-top:0;backdrop-filter:none}
.world-section .maxim-row>div{display:block;padding-left:13px}
.world-section .maxim-row>div>span{display:block;font-size:9px;margin-bottom:3px}
.world-section .maxim-row>div>h3{font-size:26px}
.world-section .maxim-row>div>p{font-size:11px;line-height:1.75;max-width:160px;margin-top:4px}
}
@media(max-width:359px){.world-section .world-copy h2{font-size:42px}.world-section .world-shell{min-height:840px}.world-section .world-art{top:500px}.world-section .maxim-row>div{padding-left:9px}.world-section .maxim-row>div>h3{font-size:23px}.world-section .maxim-row>div>p{font-size:10px}}
#faq .faq-heading{position:relative;min-width:0}
#faq .faq-art{position:relative;inset:auto;transform:none;transform-origin:center;opacity:1;width:100%;max-width:440px;height:445px;margin:30px 0 0 -22px;isolation:isolate;pointer-events:none}
#faq .faq-art::before{content:'';position:absolute;inset:35px -15px 20px;background:radial-gradient(ellipse,#9f82b517,transparent 68%);z-index:0}
#faq .faq-art>img{position:absolute;display:block;max-width:none;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 22px 24px #0c0b1933)}
#faq .faq-question{width:255px;left:22px;top:5px;z-index:3}
#faq .faq-ring{width:300px;left:52px;top:96px;z-index:1;opacity:.85}
#faq .faq-guide-card{width:190px;left:225px;top:246px;z-index:5}
#faq .faq-sculpture-spark{position:absolute;left:360px;top:62px;font-size:38px;color:#cbb6df;text-shadow:2px 3px #695377,0 9px 18px #0f0b19;z-index:4}
#faq .faq-sculpture-orb{position:absolute;left:4px;top:338px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c9b6db,#8c769f 25%,#44394f 67%,#222130);box-shadow:inset -6px -5px 12px #17131c60,0 15px 22px #10101a44;z-index:4}
@media(max-width:1100px) and (min-width:761px){#faq .faq-art{margin-left:-12px;height:390px}#faq .faq-question{width:225px;left:5px}#faq .faq-ring{width:255px;left:20px}#faq .faq-guide-card{width:155px;left:155px;top:230px}#faq .faq-sculpture-spark{left:285px}#faq .faq-sculpture-orb{top:305px}}
@media(max-width:760px){#faq .faq-art{position:relative;inset:auto;width:310px;max-width:100%;height:345px;margin:22px 0 0 -8px;transform:none;opacity:1}#faq .faq-question{width:195px;left:8px;top:0}#faq .faq-ring{width:235px;left:34px;top:68px}#faq .faq-guide-card{width:140px;left:165px;top:182px}#faq .faq-sculpture-spark{left:269px;top:33px;font-size:29px}#faq .faq-sculpture-orb{left:4px;top:258px;width:32px;height:32px}}
@media(max-width:359px){#faq .faq-guide-card{left:142px}#faq .faq-sculpture-spark{left:244px}}
#faq .faq-art{height:445px;margin-top:30px}
#faq .faq-question{width:370px;left:-8px;top:0;z-index:3}
#faq .faq-foundation{width:445px;left:-2px;top:242px;z-index:1;opacity:1}
#faq .faq-guide-card{width:215px;left:223px;top:230px;z-index:5}
#faq .faq-sculpture-spark{color:#b4a3c5;font-size:30px;text-shadow:2px 3px #403748;left:360px;top:90px}
#faq .faq-sculpture-orb{top:170px;left:2px;width:27px;height:27px;background:radial-gradient(circle at 30% 25%,#b4a5c2,#71667d 25%,#39333f 67%,#222130)}
@media(max-width:1100px) and (min-width:761px){#faq .faq-question{width:320px;left:-20px}#faq .faq-foundation{width:355px;left:-8px;top:218px}#faq .faq-guide-card{width:170px;left:165px;top:215px}#faq .faq-sculpture-spark{left:278px}}
@media(max-width:760px){#faq .faq-art{height:345px;margin-top:22px}#faq .faq-question{width:300px;left:-22px;top:0}#faq .faq-foundation{width:330px;left:-8px;top:195px}#faq .faq-guide-card{width:170px;left:150px;top:184px}#faq .faq-sculpture-spark{left:266px;top:69px;font-size:24px}#faq .faq-sculpture-orb{left:0;top:130px;width:23px;height:23px}}
@media(max-width:359px){#faq .faq-foundation{width:300px}#faq .faq-guide-card{left:128px}#faq .faq-sculpture-spark{left:241px}}
.world-section .world-shell{min-height:1200px}
.world-section .world-depth-scene{aspect-ratio:3/2;height:auto;isolation:isolate}
.world-section .world-depth-scene>img{position:absolute;display:block;max-width:none;height:auto;mix-blend-mode:normal;filter:drop-shadow(0 25px 35px #0b0b1926);mask-image:none;clip-path:none}
.world-section .world-depth-scene>.world-depth-globe{width:48%;left:26%;top:0;z-index:1}
.world-section .world-depth-scene>.world-depth-cultures{width:100%;left:0;top:24%}
.world-section .world-depth-scene>.world-depth-cultures-left{z-index:3;mask-image:linear-gradient(90deg,#000 42%,transparent 56%)}
.world-section .world-depth-scene>.world-depth-cultures-right{z-index:4;mask-image:linear-gradient(90deg,transparent 44%,#000 58%)}
.world-section .world-depth-scene>.world-depth-foreground{width:105%;left:-2.5%;top:56%;z-index:6}
.world-depth-scene .world-live-connections{z-index:5}
.world-section .world-depth-scene>.world-star{z-index:7}
@media(max-width:1100px) and (min-width:761px){.world-section .world-shell{min-height:1000px}}
@media(max-width:760px){.world-section .world-shell{min-height:820px}.world-section .world-depth-scene{aspect-ratio:3/2}.world-section .world-depth-scene>img{mask-composite:add;-webkit-mask-composite:source-over}}
@media(max-width:359px){.world-section .world-shell{min-height:840px}}
#problem .problem-layered-art{position:absolute;width:105%;aspect-ratio:5/3;right:-14%;top:90px;opacity:.72;pointer-events:none;user-select:none;}
#problem .problem-art-piece{position:absolute;inset:0;width:100%;height:100%;}
#problem .problem-art-piece img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;-webkit-user-drag:none;user-select:none;}
#problem .problem-steps-far{z-index:2;mask-image:linear-gradient(to bottom,#000 42%,transparent 55%);}
#problem .problem-steps-near{z-index:3;mask-image:linear-gradient(to bottom,transparent 42%,#000 55%);}
#problem .problem-panels-far{z-index:4;mask-image:linear-gradient(to right,transparent 53%,#000 64%);}
#problem .problem-panels-near{z-index:5;mask-image:linear-gradient(to right,#000 53%,transparent 64%);}
#problem .problem-foundation{inset:auto;left:7%;top:72%;width:88%;height:auto;aspect-ratio:3/1;z-index:7;}
#problem .problem-sphere{inset:auto;width:8.5%;height:auto;left:62%;top:39%;z-index:6;}
@media(max-width:760px){#problem .problem-layered-art{width:180%;right:-45%;top:420px;opacity:.55;}}
.world-section .world-shell{min-height:1280px}
.world-section .world-depth-scene>.world-depth-foreground{width:94%;left:3%;top:51%;mask-image:linear-gradient(180deg,#000 65%,rgba(0,0,0,.95) 78%,rgba(0,0,0,.35) 92%,transparent 100%)}
.world-section .maxim-row{background:none;backdrop-filter:none;margin-top:28px}
@media(max-width:1100px) and (min-width:761px){.world-section .world-shell{min-height:1080px}}
@media(max-width:760px){.world-section .world-shell{min-height:820px}.world-section .maxim-row{margin-top:20px}.world-section .world-depth-scene>.world-depth-cultures{width:58%;left:21%;top:28%}.world-section .world-depth-scene>.world-depth-foreground{width:58%;left:21%;top:54%}}
@media(max-width:359px){.world-section .world-shell{min-height:900px}}
.world-section .world-depth-scene>.world-depth-cultures{top:24%;width:100%;left:0}
.world-section .world-depth-scene>.world-depth-foreground{width:94%;left:3%;top:55%;mask-image:linear-gradient(180deg,#000 60%,rgba(0,0,0,.94) 76%,rgba(0,0,0,.30) 92%,transparent 100%)}
.world-depth-scene .world-live-connections{z-index:10;display:block!important;opacity:1;visibility:visible;mask-image:none}
.world-live-connections .connection-trail{stroke-width:1.8;filter:drop-shadow(0 0 3px #e6bd7250)}
.world-live-connections .connection-dot{fill:#ffe1a8;stroke:#fff1cd;stroke-width:.6;filter:drop-shadow(0 0 5px #ffd68a)}
.world-live-connections .connection-halo{fill:#f0c68018;filter:drop-shadow(0 0 8px #edc67b66)}
@media(max-width:760px){.world-section .world-depth-scene>.world-depth-cultures{width:76%;left:12%;top:31%}.world-section .world-depth-scene>.world-depth-foreground{width:76%;left:12%;top:62%}.world-section .world-shell{min-height:920px}.world-live-connections .connection-trail{stroke-width:2.3}}
.world-section .world-depth-scene>.world-depth-cultures{filter:brightness(.82) saturate(.75) drop-shadow(0 25px 35px #0b0b1926)}
.world-section .world-depth-scene>.world-depth-foreground{filter:brightness(.88) saturate(.8) drop-shadow(0 25px 35px #0b0b1926)}
.world-star-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
.world-parallax-star{position:absolute;width:var(--star-size);height:var(--star-size);--star-proximity:0;pointer-events:none}
.world-twinkle-dot{position:absolute;inset:0;display:block;border-radius:50%;background:#d1c7df;box-shadow:0 0 7px #bcadd457;filter:brightness(calc(1 + var(--star-proximity)*1.7));animation:world-star-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite;animation-play-state:paused;transition:filter 450ms ease}
.world-star-field.is-live .world-twinkle-dot{animation-play-state:running}
.world-twinkle-dot.star-cross{background:transparent;box-shadow:none}
.world-twinkle-dot.star-cross::before,.world-twinkle-dot.star-cross::after{content:'';position:absolute;left:50%;top:50%;background:#d9cde8;border-radius:50%;box-shadow:0 0 6px #c7b6e459;transform:translate(-50%,-50%)}
.world-twinkle-dot.star-cross::before{width:1px;height:calc(var(--star-size)*1.8)}
.world-twinkle-dot.star-cross::after{height:1px;width:calc(var(--star-size)*1.8)}
@keyframes world-star-twinkle{0%,100%{opacity:.25;scale:.85}37%{opacity:.52;scale:1}55%{opacity:.88;scale:1.17}72%{opacity:.4;scale:.93}}
@media(max-width:760px){.world-parallax-star{--mobile-star-size:calc(var(--star-size)*.8);width:var(--mobile-star-size);height:var(--mobile-star-size)}}
@media(prefers-reduced-motion:reduce){.world-twinkle-dot{animation:none;opacity:.5;transition:none}}
.world-section .world-depth-scene>.world-depth-globe{position:absolute;width:48%;left:26%;top:0;aspect-ratio:1;z-index:1}
.world-depth-globe>img,.world-depth-globe>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.world-depth-globe>canvas{opacity:0;pointer-events:none}
.world-depth-globe.globe-ready>canvas{opacity:1}
.world-depth-globe.globe-ready>img{opacity:0}
.world-live-connections .connection-halo{fill:url(#world-soft-halo);stroke:none;filter:none}
.world-live-connections .connection-dot{stroke:none;filter:blur(.45px) drop-shadow(0 0 3px #ffd68a80)}
.world-section{min-height:0}
.world-section .world-shell{min-height:calc(220px + 68vw)}
.world-section .maxim-row{margin-top:0}
.closing.section-shell{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;padding:65px 0 35px;text-align:center;min-height:0}
.closing h2{position:relative;z-index:3;font-size:clamp(38px,4.3vw,65px);line-height:1.12;letter-spacing:-2px;max-width:780px;margin:0 auto 23px}
.closing>.eyebrow{position:relative;z-index:3;margin-bottom:20px}
.closing>.button,.closing>.microcopy{position:relative;z-index:3}
.footer-depth-scene{position:relative;isolation:isolate;width:min(900px,100%);aspect-ratio:3/2;margin:30px auto 0;pointer-events:none}
.footer-depth-story{position:absolute;width:100%;inset:0;z-index:3;filter:brightness(.8) saturate(.65);mask-image:none}
.footer-depth-aura{position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(ellipse,#9984b21a,transparent 69%);z-index:0}
.footer-depth-ring{position:absolute;width:70%;height:50%;top:22%;left:15%;border:1px solid #a995c32a;border-radius:50%;transform:rotate(-24deg);z-index:1}
.footer-depth-ring.ring-two{width:48%;height:74%;left:26%;top:0;transform:rotate(27deg);border-color:#c4b1df19}
.footer-depth-card{position:absolute;z-index:4;width:12%;aspect-ratio:1.05;border-radius:14%;background:linear-gradient(135deg,#534b6566,#252332bc);border:1px solid #a79ab54f;box-shadow:inset 0 1px #cfbfe92a,0 18px 28px #10101b44;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#c2b6d8;transform:rotate(-12deg)}
.footer-depth-card.card-learn{left:8%;top:25%}.footer-depth-card.card-share{right:6%;top:69%;transform:rotate(10deg)}
.footer-depth-card svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.footer-depth-orb{position:absolute;z-index:5;width:4.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d3c6e8,#8d7baf 25%,#3d354d 68%,#20202a);box-shadow:0 17px 20px #11111e55;right:14%;top:16%}
@media(max-width:760px){.world-section .world-shell{min-height:calc(365px + 111vw)}.closing.section-shell{padding-top:45px}.closing h2{font-size:38px;letter-spacing:-1.6px}.footer-depth-scene{width:100%;margin:25px auto 0}.footer-depth-card{width:13%}.footer-depth-card.card-learn{left:10%}.footer-depth-card.card-share{right:9%}}
@media(max-width:359px){.world-section .world-shell{min-height:calc(415px + 111vw)}}
.closing.section-shell{padding:75px 0 10px;overflow:visible}
.footer-panorama{position:relative;width:100vw;height:clamp(460px,48vw,900px);margin:15px 0 0 calc(50% - 50vw);isolation:isolate;pointer-events:none;--door-light:0}
.footer-panorama .footer-piece{position:absolute;display:block;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 24px 28px #0a0a1833)}
.footer-panorama .footer-foundation{width:70%;left:15%;top:38%;z-index:2;opacity:.78}
.footer-panorama .footer-learn{width:44%;left:-1%;top:28%;z-index:5}
.footer-panorama .footer-create{width:44%;right:-1%;top:22%;z-index:3}
.footer-portal{position:absolute;width:38%;aspect-ratio:3/2;left:31%;top:24%;z-index:4;isolation:isolate}
.footer-portal .footer-door{width:100%;inset:0;filter:drop-shadow(0 20px 25px #0a0a1855)}
.footer-door-light{position:absolute;left:41.35%;top:22.1%;width:17.3%;height:51.7%;border-radius:28% 28% 0 0 / 16% 16% 0 0;z-index:2;opacity:var(--door-light);background:radial-gradient(ellipse at 50% 45%,#fff7dc 0%,#eee4c6 30%,#dacdaf 62%,#a49aba 100%);box-shadow:0 0 18px #f5e4ae50,inset 0 0 18px #fff1d794;mix-blend-mode:screen;filter:blur(1px)}
.footer-door-aura{position:absolute;inset:-15% -20%;background:radial-gradient(ellipse at 50% 43%,#e3d6b824,#baa7d40b 32%,transparent 64%);z-index:-1;opacity:var(--door-light)}
.footer-door-spill{position:absolute;left:20%;top:71%;width:60%;height:30%;border-radius:50%;background:radial-gradient(ellipse,#f8e2a939,#d3bf9620 33%,transparent 70%);opacity:var(--door-light);filter:blur(10px);z-index:2;transform:perspective(400px) rotateX(48deg)}
.footer-panorama .footer-float-panel{width:27%;left:13%;top:2%;z-index:1;opacity:.62}
.footer-panorama .footer-floating-card{position:absolute;z-index:6;width:7%;aspect-ratio:1;border-radius:16%;border:1px solid #aa9cb847;background:linear-gradient(140deg,#393544,#23212e);box-shadow:inset 0 1px #b6a5d322,0 20px 25px #0c0b1d44;display:grid;place-items:center;color:#ab9cc5}
.footer-floating-card.card-learn{left:7%;top:23%;transform:rotate(-12deg)}
.footer-floating-card.card-share{right:11%;top:59%;transform:rotate(9deg)}
.footer-floating-card svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.footer-panorama .footer-orb{position:absolute;z-index:6;left:35%;top:70%;width:4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#a99abb,#655775 26%,#302a3a 65%,#1d1c28);box-shadow:0 20px 26px #0b0b1855}
.footer-panorama .footer-orbit-line{position:absolute;inset:2% 0 0;width:100%;height:83%;fill:none;stroke:#b8a7cc;stroke-width:.7;opacity:.18;z-index:0}
.footer-panorama .footer-cloud{position:absolute;width:8%;height:4%;border-radius:40% 45% 10% 12%;background:linear-gradient(160deg,#474154,#252330);box-shadow:inset 0 1px #9285a830;z-index:0}
.footer-cloud::before{content:'';position:absolute;width:45%;height:160%;left:27%;bottom:0;border-radius:50% 50% 0 0;background:inherit;box-shadow:inset 0 1px #9285a820}
.footer-cloud.cloud-left{left:6%;top:7%}.footer-cloud.cloud-right{right:12%;top:8%;width:7%;opacity:.65}
.site-footer{position:relative;z-index:5}
@media(max-width:760px){.closing.section-shell{padding-top:45px}.footer-panorama{height:clamp(360px,88vw,620px);margin-top:20px}.footer-portal{width:78%;left:11%;top:18%}.footer-panorama .footer-learn{width:52%;left:-4%;top:45%}.footer-panorama .footer-create{width:52%;right:-4%;top:42%}.footer-panorama .footer-foundation{width:110%;left:-5%;top:40%}.footer-panorama .footer-float-panel{width:33%;left:-2%;top:10%;opacity:.4}.footer-panorama .footer-floating-card{width:10%}.footer-floating-card.card-learn{left:5%;top:31%}.footer-floating-card.card-share{right:5%;top:71%}.footer-panorama .footer-orb{width:5%;left:32%;top:68%}.footer-cloud.cloud-left{left:4%;top:1%}.footer-cloud.cloud-right{right:7%;top:12%}}
@media(prefers-reduced-motion:reduce){.footer-door-light{filter:none}}
.site-footer{margin-top:clamp(-100px,-6vw,-45px);padding-top:12px}@media(max-width:760px){.site-footer{margin-top:-45px}}
button,.button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]{border-radius:9999px!important}
.pricing-tabs,.audience-tabs,.billing-toggle{border-radius:9999px}
.footer-panorama img.footer-cloud{display:block;width:18%;height:auto;border-radius:0;background:none;box-shadow:none;filter:brightness(.7) saturate(.75);max-width:none}
.footer-panorama img.footer-cloud::before{content:none}
.footer-panorama img.cloud-left{left:3%;top:1%}
.footer-panorama img.cloud-right{right:7%;top:3%;width:16%;opacity:.85;transform:scaleX(-1)}
@media(max-width:760px){.footer-panorama img.cloud-left{left:0;top:-2%;width:24%}.footer-panorama img.cloud-right{right:1%;top:5%;width:22%}}
.segmented{border-radius:9999px!important}
.footer-panorama .footer-piece,.footer-panorama img.footer-cloud{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.footer-door-aura{background:radial-gradient(ellipse at 50% 43%,#e3d6b824,#baa7d40b 32%,transparent 60%)}
#pricing .pricing-depth-scene{position:relative;width:100vw;height:clamp(330px,35vw,590px);margin:0 0 5px calc(50% - 50vw);isolation:isolate;pointer-events:none;z-index:3}
.pricing-depth-scene .pricing-tier-piece{position:absolute;width:32%;height:auto;max-width:none;filter:drop-shadow(0 25px 25px #0b0b1940);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.pricing-tier-piece.tier-explorer{left:-3%;top:35%;z-index:5}.pricing-tier-piece.tier-learner{left:22%;top:23%;z-index:4}.pricing-tier-piece.tier-creator{left:47%;top:11%;z-index:3}.pricing-tier-piece.tier-luminary{left:72%;top:-1%;z-index:2}
.pricing-depth-scene .pricing-depth-ribbon{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9684ac;stroke-width:1.2;opacity:.3;z-index:1}
.pricing-depth-orb{position:absolute;width:3%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#bcb0d1,#79678e 25%,#3b3248 66%,#211e2c);box-shadow:0 20px 20px #0b0b1940;z-index:6}
.pricing-depth-tile{position:absolute;width:5%;aspect-ratio:1;border-radius:15%;background:linear-gradient(135deg,#554763,#24212f);border:1px solid #a38ab64d;box-shadow:0 18px 24px #0b0b1944,inset 0 1px #c0a6d42e;z-index:7}
.pricing-depth-tile::after{content:'';position:absolute;left:27%;top:27%;width:46%;height:46%;border:1px solid #b6a3c6a6;border-radius:50%}
#pricing .pricing-controls{margin-top:8px}
@media(max-width:760px){#pricing .pricing-depth-scene{height:300px;margin-top:-10px;margin-bottom:0}.pricing-depth-scene .pricing-tier-piece{width:42%}.pricing-tier-piece.tier-explorer{left:-10%;top:47%}.pricing-tier-piece.tier-learner{left:16%;top:34%}.pricing-tier-piece.tier-creator{left:42%;top:21%}.pricing-tier-piece.tier-luminary{left:68%;top:8%}.pricing-depth-orb{width:4.5%}.pricing-depth-tile{width:7%}}
#pricing .pricing-original-depth{position:absolute;width:100%;right:-5%;top:40px;aspect-ratio:1619/972;opacity:.26;z-index:2;pointer-events:none;isolation:isolate}
.pricing-original-defs{position:absolute;width:0;height:0;overflow:hidden}
.pricing-original-piece{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(max-width:760px){#pricing .pricing-original-depth{width:190%;right:-50%;top:230px;opacity:.28}}
#pricing .pricing-studio{position:absolute;width:110%;left:-5%;top:0;aspect-ratio:5/3;opacity:.38;z-index:2;isolation:isolate;pointer-events:none}
.pricing-studio .studio-piece{position:absolute;display:block;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 24px 30px #0a0a1d38);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.pricing-studio .studio-workspace{width:72%;right:-3%;top:-3%;z-index:1;opacity:.64}
.pricing-studio .studio-capture{width:52%;left:-4%;top:37%;z-index:4}
.pricing-studio .studio-growth{width:43%;right:-3%;top:35%;z-index:3}
.pricing-studio .studio-floating-card{position:absolute;z-index:5;width:7%;aspect-ratio:1;border:1px solid #ac9cb94d;background:linear-gradient(135deg,#464052,#23212d);border-radius:14%;box-shadow:0 16px 25px #0b0b1844,inset 0 1px #c0afd62e;display:grid;place-items:center;color:#b7a3d3}
.studio-floating-card svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.pricing-studio .studio-orb{position:absolute;width:3%;aspect-ratio:1;z-index:6;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a998be,#655575 27%,#312938 68%,#201d2a);box-shadow:0 15px 18px #0b0b1840}
.pricing-studio .studio-flow{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a995c3;stroke-width:.8;opacity:.3;z-index:0}
@media(max-width:760px){#pricing .pricing-studio{width:190%;left:-45%;top:205px;opacity:.32}.pricing-studio .studio-workspace{width:72%;right:0;top:-10%}.pricing-studio .studio-capture{width:53%;left:0;top:38%}.pricing-studio .studio-growth{width:43%;right:0;top:34%}}
#creators.creator-section{position:relative;display:block;width:100%;min-height:1250px;padding:140px 7% 200px;overflow:hidden;isolation:isolate}
#creators .creator-copy{position:relative;z-index:12;width:48%;max-width:630px}
#creators .creator-copy h2{font-size:clamp(48px,5.1vw,78px);line-height:1.09;letter-spacing:-3.5px}
#creators .creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:14px;line-height:1.85;max-width:425px;color:#beb4c9}
#creators .creator-tabs{background:#1f1f2c80;backdrop-filter:blur(10px)}
#creators .creator-tab-panel{padding:20px;background:#22212cb8;border:1px solid #71607b33;border-radius:18px;backdrop-filter:blur(14px)}
#creators .creator-studio-scene{position:absolute;display:block;left:42%;top:245px;width:78%;height:auto;aspect-ratio:3/2;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none;isolation:isolate;pointer-events:none}
.creator-studio-scene .creator-studio-piece{position:absolute;display:block;height:auto;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 24px 30px #0b0b1926);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.creator-studio-scene .creator-studio-ring{width:66%;right:9%;top:-7%;z-index:1}
.creator-studio-scene .creator-studio-ramp{width:88%;left:-1%;top:24%;z-index:4;filter:brightness(.83) saturate(.8) drop-shadow(0 24px 30px #0b0b1944)}
.creator-studio-scene .creator-studio-foundation{width:102%;left:-2%;top:63%;z-index:0}
.creator-studio-scene .creator-studio-camera{width:29%;right:10%;top:17%;z-index:5}
.creator-studio-scene .creator-studio-cloud{position:absolute;width:22%;height:auto;z-index:0;max-width:none;filter:brightness(.7) saturate(.7);pointer-events:none}
.creator-studio-cloud.cloud-left{left:20%;top:-1%}.creator-studio-cloud.cloud-right{right:0;top:4%;width:17%;transform:scaleX(-1)}
.creator-studio-card{position:absolute;width:18%;aspect-ratio:1.35;border-radius:9%;background:linear-gradient(135deg,#484252eb,#24222ed9);border:1px solid #a99cbb66;box-shadow:inset 0 1px #cbb7e333,5px 6px #171621,0 18px 24px #0b0b1944;z-index:3;display:grid;place-items:center;color:#afa0c4;transform:perspective(600px) rotateY(-12deg) rotateZ(-5deg)}
.creator-studio-card::before{content:'';position:absolute;left:9%;top:9%;width:3%;aspect-ratio:1;border-radius:50%;background:#afa0c477;box-shadow:8px 0 #afa0c455,16px 0 #afa0c433}
.creator-studio-card svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.creator-studio-card.studio-image{left:25%;top:23%}.creator-studio-card.studio-list{left:14%;top:42%}.creator-studio-card.studio-play{left:29%;top:51%;width:16%}
.creator-studio-orb{position:absolute;width:5%;aspect-ratio:1;z-index:6;border-radius:50%;background:radial-gradient(circle at 30% 23%,#bcaed2,#7a688e 25%,#3a3047 67%,#201d2b);box-shadow:0 16px 20px #0b0b1855}
.creator-studio-orb.orb-left{left:12%;top:74%}.creator-studio-orb.orb-near{left:49%;top:92%;width:7%}
.creator-studio-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b4a2c4;stroke-width:.8;opacity:.25;z-index:2}
@media(min-width:1800px){#creators.creator-section{min-height:1400px}}
@media(max-width:1100px) and (min-width:761px){#creators.creator-section{min-height:1150px;padding-top:110px}#creators .creator-copy{width:51%}#creators .creator-copy h2{font-size:55px;letter-spacing:-2.5px}#creators .creator-studio-scene{left:40%;top:310px;width:87%}}
@media(max-width:760px){#creators.creator-section{padding:90px 24px 95px;min-height:0;display:block}#creators .creator-copy{width:100%;max-width:none}#creators .creator-copy h2{font-size:49px;line-height:1.1;letter-spacing:-2.3px}#creators .creator-copy>p:not(.eyebrow):not(.creator-verification){font-size:13px}#creators .creator-tab-panel{padding:17px}#creators .creator-studio-scene{position:relative;left:-23vw;top:auto;width:150vw;aspect-ratio:3/2;margin-top:42px}#creators .creator-studio-card{width:20%}.creator-studio-card.studio-list{left:12%}.creator-studio-orb.orb-near{top:90%}}
@media(max-width:400px){#creators .creator-copy h2{font-size:42px;letter-spacing:-1.8px}}

.creator-studio-card{transition:color .6s,border-color .6s,box-shadow .6s}.creator-studio-scene[data-chapter="capture"] .studio-image,.creator-studio-scene[data-chapter="make"] .studio-list,.creator-studio-scene[data-chapter="share"] .studio-play{color:#dbcee9;border-color:#c8b2e5aa;box-shadow:inset 0 1px #cbb7e344,5px 6px #171621,0 18px 28px #0b0b1944}
.world-section{padding-top:64px;padding-bottom:60px}
.world-section .world-shell{padding-top:24px;min-height:calc(275px + 68vw)}
.world-section .world-art{top:275px}
@media(max-width:760px){.world-section{padding-top:48px;padding-bottom:50px}.world-section .world-shell{padding-top:16px;min-height:calc(389px + 111vw)}.world-section .world-art{top:379px}}
@media(max-width:359px){.world-section .world-shell{min-height:calc(439px + 111vw)}.world-section .world-art{top:429px}}
/* Satin charcoal objects and quiet lavender bevels shared with the hero artwork. */
.feature-grid .feature-card{background:linear-gradient(145deg,#24232e,#1f1f29);border-color:#514b6055}
.feature-card .meridian-art,.feature-card .language-art,.feature-card .small-art{--studio-face:linear-gradient(135deg,#55515f 0%,#383543 35%,#292833 78%,#36333f);--studio-edge:#a69bb66b;--studio-shadow:inset 0 1px 1px #d7c9eb55,inset 1px 0 2px #b9a8d333,inset -1px -2px 3px #08091277,5px 7px 0 -1px #24232f,6px 8px 0 -1px #6b637b,0 22px 25px -9px #080912aa}
.feature-card .map-window,.feature-card .language-tile,.feature-card .voice-capsule,.feature-card .revy-question,.feature-card .replay-desktop,.feature-card .replay-phone,.feature-card .restream-center,.feature-card .restream-pill{background:var(--studio-face);border-color:var(--studio-edge);box-shadow:var(--studio-shadow);color:#c8bfd6}
.feature-card .map-window{border-radius:10px}
.feature-card .map-element{background:linear-gradient(145deg,#595365,#36323f);border-color:#a79ab86b;color:#d6cce2;box-shadow:inset 0 1px #d1c2e633,0 3px 6px #0a0a1544}
.feature-card .map-window-top{border-color:#b3a3c329;color:#a79bb9}
.feature-card .map-window-top>i{background:#aca0c1}
.feature-card .map-lines>span,.feature-card .replay-window-content>span,.feature-card .replay-phone>div{background:#9d91af50}
.feature-card .language-tile{background:linear-gradient(135deg,#625c6d,#3d3948 30%,#292832 83%);border-radius:10px;color:#d3c9df;font-weight:400}
.feature-card .language-tile>small{color:#9c91ad}
.feature-card .voice-capsule{background:linear-gradient(170deg,#4b4657,#292732);box-shadow:inset 0 1px #c7b9df44,0 4px 0 #191923,0 17px 23px #08091377}
.feature-card .waveform>i{background:linear-gradient(#d1c3e4,#80738f)}
.feature-card .voice-capsule>.icon{color:#c6b8da}
.feature-card .language-orbit,.feature-card .revy-orbit,.feature-card .restream-ring{border-color:#aa9bc033}
.feature-card .small-art-dot{width:13px;height:13px;background:radial-gradient(circle at 28% 24%,#d1c3e0,#8e819e 24%,#4b415d 60%,#24232e);box-shadow:2px 7px 9px #0b0b1a77}
.feature-card .revy-object{width:95px;height:95px;top:25px;font-size:0;background:linear-gradient(130deg,#d3c8e1 0%,#72687f 20%,#403a4d 48%,#777080 72%,#262530);clip-path:polygon(50% 0,64% 34%,100% 50%,64% 66%,50% 100%,36% 66%,0 50%,36% 34%);filter:drop-shadow(0 12px 12px #09091588)}
.feature-card .revy-object::after{content:'';position:absolute;inset:4px;background:linear-gradient(135deg,#afa3c1,#514a60 35%,#2a2835 72%);clip-path:inherit}
.feature-card .replay-desktop{background:linear-gradient(135deg,#494554,#292731 65%);border-radius:9px}
.feature-card .replay-dots{color:#baacd0;border-color:#b7a5cf33}
.feature-card .replay-window-content>i,.feature-card .replay-phone>i{background:linear-gradient(140deg,#625b7166,#37324277);border-color:#ac9ac04d}
.feature-card .replay-window-content>i:before{background:linear-gradient(140deg,#b1a5c6,#6b617b 40%,#393445);border-color:#b6a6cc;box-shadow:4px 5px 0 #292332,5px 6px 0 #786c8b}
.feature-card .replay-track>i{background:#b4a3cd}
.feature-card .replay-phone>b{color:#c4b4da}
.feature-card .room-person{background:radial-gradient(circle at 30% 22%,#968ca7,#5b526b 32%,#302b3c 76%);border-color:#a99abb66;color:#d2c6e0;box-shadow:inset 0 1px #ded0f044,2px 4px 0 #24212e,0 12px 16px #09091188}
.feature-card .restream-center{background:linear-gradient(140deg,#696174,#3d374b 40%,#292633);border-radius:13px}
.feature-card .restream-pill>i{background:#c4b3d6}
.feature-card .map-notice,.feature-card .replay-label,.feature-card .voice-capsule>span{color:#a99bb8}
.feature-studio-plinth{position:absolute;width:72%;height:23px;left:14%;bottom:9px;border-radius:50%;background:linear-gradient(180deg,#595365,#37333f 43%,#24232f 48%,#22212b 88%);border-top:1px solid #c1b2d055;box-shadow:0 14px 19px #09091388;z-index:-1}
.meridian-art .feature-studio-plinth{bottom:20px;width:82%;left:9%;height:30px}
.language-art .feature-studio-plinth{bottom:12px}
.revy-art .feature-studio-plinth{bottom:20px;width:46%;left:27%}
.restream-art .feature-studio-plinth{bottom:17px;width:62%;left:19%}
.feature-card .small-art{isolation:isolate}
.feature-card .small-art,.feature-card .meridian-art,.feature-card .language-art{overflow:visible}
.feature-small .feature-card-copy{position:relative;z-index:2;padding-top:32px}
.feature-grid .feature-card[data-scene="meridian"]{background:linear-gradient(145deg,#252e2d,#202627);border-color:#829f8d44}
.feature-grid .feature-card[data-scene="language"]{background:linear-gradient(145deg,#282d39,#20232e);border-color:#879bb644}
.feature-grid .feature-card[data-scene="revy"]{background:linear-gradient(145deg,#302c29,#272425);border-color:#b49e7744}
.feature-grid .feature-card[data-scene="replay"]{background:linear-gradient(145deg,#2b2936,#23212d);border-color:#9d88b644}
.feature-grid .feature-card[data-scene="restream"]{background:linear-gradient(145deg,#312831,#27222b);border-color:#b58caa44}
.feature-meridian .meridian-art{filter:sepia(.16) hue-rotate(82deg) saturate(.66)}
.feature-language .language-art{filter:sepia(.14) hue-rotate(170deg) saturate(.8)}
.feature-card[data-scene="revy"] .small-art{filter:sepia(.4) saturate(.75)}
.feature-card[data-scene="replay"] .small-art{filter:saturate(.9)}
.feature-card[data-scene="restream"] .small-art{filter:sepia(.15) hue-rotate(295deg) saturate(.85)}
.feature-card[data-scene="revy"] .feature-kicker{color:#c7b591}
.feature-card[data-scene="replay"] .feature-kicker{color:#baabd5}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60}body{padding-top:86px}@media(max-width:760px){body{padding-top:69px}}
.hero .hero-prototype-stage{height:560px;margin-left:0;margin-right:-30px;transform:none!important;min-width:0}.hero-prototype-frame{display:block;width:100%;height:560px;border:0;background:transparent}.hero-prototype-controls{padding-top:0;padding-bottom:28px}.prototype-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.prototype-mode{position:relative;text-align:left;border:1px solid #514b6066;border-radius:999px!important;background:#24232e;color:var(--paper);padding:19px 26px;cursor:pointer;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}.prototype-mode:hover{background:#2c2936;transform:translateY(-3px);border-color:#debb8170}.prototype-mode.active{border-color:#debb8180;background:linear-gradient(125deg,#debb8117,#292632);box-shadow:0 5px 24px #debb810a}.prototype-mode-num{display:block;font-size:10px;letter-spacing:1.5px;color:#b8adc6}.prototype-mode.active .prototype-mode-num{color:#debb81}.prototype-mode-title{display:block;margin-top:8px;font-size:16px;color:#f0eef6}.prototype-mode-desc{display:block;margin-top:5px;font-size:11px;color:#b8adc6}.prototype-mode:focus-visible{outline:2px solid #debb81;outline-offset:5px}#problem .chapter-kicker{margin-bottom:18px}
@media(max-width:1000px) and (min-width:761px){.prototype-mode{padding:17px 19px}.prototype-mode-title{font-size:14px}.prototype-mode-desc{font-size:10px}}
@media(max-width:760px){.hero .hero-prototype-stage{width:100%;margin:0;height:440px;flex:none}.hero-prototype-frame{height:440px}.hero-prototype-controls{padding-bottom:24px}.prototype-modes{grid-template-columns:repeat(2,1fr);gap:12px}.prototype-mode{padding:17px 21px}.prototype-mode-title{font-size:14px}.prototype-mode-desc{font-size:10px}}
#problem .problem-stat{isolation:isolate;transition:transform .3s,border-color .45s ease}
#problem .problem-stat::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(48,47,59,.56),rgb(35,35,46));opacity:0;z-index:-1;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}
#problem .problem-stat:hover::before{opacity:1}
#answer .answer-wash{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}