/* MANE · one visual system for the marketing site. */
:root{--ui:Arial,Helvetica,sans-serif;--brand-violet:#7430ae;--brand-rose:#d582bd;--brand-peach:#f6bf95;--brand-gradient:linear-gradient(120deg,#7938b7 0%,#c967ba 42%,#eea3aa 72%,#f8c999 100%);--apricot:#f6bf95;--plum-light:#efe0ed;--surface-brand:#241b2a;--border-brand:#594363;--button-radius:15px}
button,.button,.text-link,nav a,summary,select,input,textarea{font-family:var(--ui)}
.button,.button.small,.hero-actions .button,.page-next>.button{font-family:var(--ui);font-size:14px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none;gap:0;min-height:48px;padding:15px 23px;border-radius:var(--button-radius);transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:center;white-space:normal}
.button.apricot{background:linear-gradient(110deg,#edaaac,#f6c59b);border:1px solid #ffceaacc;color:#342035;box-shadow:inset 0 1px 0 #fff8,0 5px 15px #8b439b20}
.button.apricot:hover{background:linear-gradient(110deg,#f0b2c1,#ffcca0);box-shadow:inset 0 1px 0 #fff9,0 8px 25px #ad5ec42b;transform:translateY(-2px)}
.button.light{background:#f5eef5;border:1px solid #f0deef;color:#37253e;box-shadow:inset 0 1px 0 #fff,0 3px 10px #0001}
.button.light:hover{background:#fff7ff;border-color:#d7a9d5;transform:translateY(-2px)}
.button.outline{background:#2a1e31;border:1px solid #8b6a96;color:#ebddf0}
.button.outline:hover{background:#3a2745;border-color:#d193c8;transform:translateY(-2px)}
.text-link{font:600 13px/1.5 var(--ui);letter-spacing:0;padding:9px 0;gap:0;text-decoration:underline;text-decoration-color:#ac78ab70;text-underline-offset:6px;text-decoration-thickness:1px;transition:color .18s ease,text-decoration-color .18s ease}
.text-link:hover{color:#f0b5da;text-decoration-color:currentColor}
.own-page-fit .text-link,.pain-answer .text-link,.modular-note .text-link{color:#613c71}
.eyebrow,.video-kicker{font-family:var(--ui);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em;text-transform:none;color:#d8b1d6}
.eyebrow::before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;vertical-align:1px;background:var(--brand-gradient);box-shadow:0 0 12px #dd8dc650}
.conversion-hero .eyebrow{display:inline-flex;align-items:center;border:1px solid #58415f;background:#2c20345e;border-radius:30px;padding:9px 14px;margin-bottom:27px;color:#dfc6e4;font-size:12px}
.conversion-hero h1 span,.own-page-hero h1 span{color:#e5bfdc}
.conversion-hero .hero-note{color:#b8a8c0;max-width:540px}
.hero-actions{gap:24px}.conversion-hero .hero-actions{align-items:center;flex-wrap:wrap}
.connected-art{padding-bottom:28px;overflow:visible}.connected-art>img{max-height:540px;animation:brand-clay-enter 1s cubic-bezier(.2,.8,.2,1) both}.connected-art .hero-orbit{background:radial-gradient(ellipse,#7a39952b,transparent 68%);inset:5% 0 0}.connected-art .art-caption{position:static;margin-top:12px;font-size:12px;color:#c1a8cb;line-height:1.5}
.floating-note{background:#302337e8;border-color:#a17aaa80;border-radius:15px;padding:12px 16px;color:#f0e7f3;font:12px/1.3 var(--ui);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff14,0 12px 25px #0003;animation:brand-note-enter .7s .35s both}
.floating-note i{border-radius:9px;background:var(--brand-gradient);box-shadow:inset 0 1px 2px #fff8,0 3px 8px #0002;color:#2f1838;font-size:16px}.note-one{top:19%;right:0;transform:rotate(3deg)}.note-two{bottom:21%;left:1%;transform:rotate(-3deg);animation-delay:.65s}
/* A clear, tactile navigation bar, with one purposeful menu for all configurations. */
.header-shell{isolation:isolate}.site-header .brand{gap:12px}.site-header .brand>img{filter:none}.site-header .brand>span{font-family:var(--display);font-weight:700}
.menu-toggle{display:flex;align-items:center;gap:12px;font:600 13px var(--ui);border:1px solid #73567e;border-radius:12px;background:#2f2138;padding:11px 14px;min-height:44px}.menu-lines{display:flex;flex-direction:column;gap:5px;width:15px}.menu-lines i{display:block;width:15px;height:1.5px;background:#eadcea;border-radius:2px}
@media(min-width:1001px){
 .header-shell{padding:20px 24px 0;position:relative;z-index:50}
 .site-header{max-width:1392px;min-height:90px;padding:17px 23px 17px 25px;border:1px solid #54415b;border-radius:24px;background:linear-gradient(130deg,#2d2236,#201a26 55%,#312337);box-shadow:inset 0 1px 0 #ffffff0e,0 10px 32px #0002;gap:26px}
 .site-header>.brand>span{font-size:27px}.site-header>.brand>img{width:39px;height:39px}
 .site-header>.desktop-nav{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;flex:0 1 auto;padding:5px;background:#17131cd9;border:1px solid #46334f;border-radius:15px;box-shadow:inset 0 2px 8px #0002;font-family:var(--ui);font-size:14px;font-weight:500;letter-spacing:0;line-height:1.35}
 .site-header .desktop-nav>.nav-link,.site-header .nav-branches>summary{font:500 14px/1.35 var(--ui);letter-spacing:0;padding:12px 17px;min-height:44px;border-radius:10px;border:1px solid transparent;white-space:nowrap;gap:10px;color:#d6c7de;box-shadow:none;background:transparent}
 .site-header .desktop-nav>.nav-link:hover,.site-header .nav-branches>summary:hover{color:#fff4ff;background:#3a2548;border-color:#715180}
 .site-header .desktop-nav>.nav-link[aria-current=page],.site-header .nav-branches.is-current>summary,.site-header .nav-branches[open]>summary{background:#eedff1;color:#482553;border-color:#f8ecfb;box-shadow:0 3px 10px #0002;font-weight:600}
 .site-header>.header-pilot{font:600 13px/1.3 var(--ui);letter-spacing:0;min-height:46px;padding:14px 20px;border-radius:14px;background:linear-gradient(120deg,#dfa1cd,#f7c499);border-color:#f7c2b8;color:#321e3b;white-space:nowrap;box-shadow:inset 0 1px 0 #fffd,0 4px 14px #a558bc1c}
 .site-header>.menu-toggle{display:none}
 .site-header .nav-branches>.nav-branch-panel{left:50%;top:calc(100% + 17px);width:740px;max-width:calc(100vw - 56px);padding:18px;border-radius:22px;background:#f5edf6;border:1px solid #dec6e4;color:#392641;box-shadow:0 25px 75px #0009,0 0 0 6px #a469b70b;font-family:var(--ui);animation:menu-rise .2s ease both}
 .site-header .nav-branches>.nav-branch-panel::before{display:none}
 .nav-own-mane{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:24px 25px!important;border-radius:15px;background:linear-gradient(110deg,#432456,#7d4b78);color:#fff1ff!important;border:1px solid #9167a0;overflow:hidden;position:relative}
 .nav-own-mane>div>span{display:block;font-size:11px;color:#e6c3e8;margin-bottom:10px;font-weight:400;letter-spacing:.01em}
 .nav-own-mane strong{display:block;font:700 23px/1.2 var(--display);letter-spacing:-.03em}
 .nav-own-mane p{font-size:12px;font-weight:400;line-height:1.6;margin-top:12px;color:#e1c4e3;max-width:410px}
 .nav-own-mane img{width:96px;height:96px;object-fit:contain;flex-shrink:0;transition:transform .25s ease;filter:drop-shadow(0 8px 12px #27112d55)}
 .nav-own-mane:hover img{transform:rotate(-7deg) scale(1.05)}
 .nav-branch-heading{padding:22px 7px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0}
 .nav-branch-heading p{font:600 12px/1.4 var(--ui);letter-spacing:0;color:#5f456a}
 .nav-branch-heading>span{font:400 11px/1.4 var(--ui);color:#95769d;max-width:none}
 .nav-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .site-header .nav-branch-grid>.nav-branch-card{padding:12px 14px 16px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dfcbe5;border-radius:14px;background:#eae0ed;color:#452d4f;box-shadow:inset 0 1px 0 #fff9;transform:none}
 .site-header .nav-branch-grid>.nav-branch-card:hover{background:#e1cfe9;border-color:#bb8bcc;box-shadow:0 6px 14px #68477814;transform:translateY(-2px)}
 .nav-branch-art{height:85px;min-height:85px;width:100%;background:transparent;border:0;border-radius:10px;margin:0 0 10px;padding:0}
 .nav-branch-art>img{height:85px;width:100%;max-width:130px;object-fit:contain;margin:auto}
 .nav-branch-name{font:600 13px/1.4 var(--ui);letter-spacing:0;margin:0;width:100%}
 .nav-branch-copy{font:400 10px/1.5 var(--ui);color:#8d6f98;margin:6px 0 0;max-width:none}
 .site-header .nav-chevron{width:7px;height:7px;border-width:0 1.5px 1.5px 0;margin-left:2px}
}
@media(min-width:1001px) and (max-width:1180px){.site-header{gap:16px;padding:15px 18px}.site-header>.brand>span{font-size:23px}.site-header>.brand>img{width:33px;height:33px}.site-header .desktop-nav>.nav-link,.site-header .nav-branches>summary{font-size:12px;padding:11px 12px}.site-header>.header-pilot{font-size:12px;padding:13px 15px}.site-header .nav-branches>.nav-branch-panel{width:680px}}
.mobile-drawer{background:linear-gradient(160deg,#38233f,#1e1724 65%);border-color:#a174aa;box-shadow:-20px 0 100px #0009;padding:25px 24px;width:min(90vw,400px);border-radius:26px 0 0 26px}
.drawer-heading{border-bottom-color:#5b3d69;padding-bottom:21px;margin-bottom:20px}.drawer-close{background:#442b50;border-color:#8b629c;border-radius:12px;width:43px;height:43px;font-family:var(--ui);font-weight:400;color:#f4e7f8}.drawer-intro{color:#bd9cc8;font:400 12px/1.5 var(--ui);margin:0 0 19px}.drawer-links{gap:5px}.drawer-links>a{font:500 16px/1.35 var(--ui);letter-spacing:0;border:1px solid transparent;border-radius:12px;padding:15px 16px;min-height:50px;color:#efe1f5}.drawer-links>a:hover{background:#4a2e5a}.drawer-links>a[aria-current=page]{background:linear-gradient(100deg,#d9afdf,#f3c3b4);border-color:#dca6df;color:#3e214d;font-weight:600}.drawer-links>a:last-child{border-color:transparent;margin-top:0}.drawer-examples{border-top:1px solid #573964;margin-top:19px;padding-top:15px}.drawer-examples>summary{font:500 12px/1.5 var(--ui);color:#bda1c9;min-height:43px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.drawer-examples summary::-webkit-details-marker{display:none}.drawer-examples .nav-chevron{display:block;border:solid currentColor;border-width:0 1.5px 1.5px 0;width:7px;height:7px;transform:rotate(45deg);margin-right:7px}.drawer-examples[open] .nav-chevron{transform:rotate(225deg)}.drawer-examples>nav{display:flex;flex-direction:column;padding:3px 0 12px}.drawer-examples nav>a{font:400 13px/1.4 var(--ui);padding:11px 16px;min-height:41px;color:#dbc1e5}.drawer-signup{width:100%;margin-top:23px;flex-shrink:0}
@media(max-width:1000px){.header-shell{background:transparent}.header-shell>.site-header{background:#1b1421ed;border-bottom-color:#4f365b;backdrop-filter:blur(16px)}.header-shell>.site-header.is-compact{border-color:#8a6099;background:#2a1c33f2;box-shadow:0 8px 30px #0003}.header-shell>.site-header>.brand>span{font-family:var(--display)}.header-shell>.site-header>.menu-toggle{font-family:var(--ui)}.header-shell>.site-header>.header-pilot{display:none}}
/* Compact clay keypoints: useful explanations, activated by the reader. */
.keypoints-section{padding-bottom:90px}.keypoints-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.keypoint-tile{min-width:0;display:flex;align-items:center;text-align:left;gap:20px;padding:25px 24px;background:#231a2b;border:1px solid #4d365b;border-radius:19px;box-shadow:inset 0 1px 0 #ffffff06;transition:background .2s,border-color .2s,transform .2s}.keypoint-tile.active{background:linear-gradient(120deg,#3e2450,#392335);border-color:#b77bac}.keypoint-tile:hover{border-color:#c08bcc;transform:translateY(-2px)}.keypoint-tile>span:last-child{min-width:0}.keypoint-tile strong{display:block;font:700 22px/1.2 var(--display);letter-spacing:-.03em;color:#f3e8f6}.keypoint-tile small{display:block;font:400 11px/1.5 var(--ui);color:#b89bc5;margin-top:9px}.mini-clay{position:relative;display:block;flex-shrink:0;width:61px;height:61px}.mini-clay i{display:block;position:absolute;background:var(--brand-gradient);box-shadow:inset 2px 3px 5px #ffffff59,inset -3px -3px 5px #31103470,0 5px 9px #0003;transition:transform .4s ease}.choice-clay i{width:22px;height:40px;border-radius:8px;top:11px;transform:rotate(-13deg)}.choice-clay i:nth-child(1){left:0;z-index:1}.choice-clay i:nth-child(2){left:19px;top:5px;z-index:2;transform:rotate(0)}.choice-clay i:nth-child(3){left:38px;transform:rotate(13deg);z-index:3}.overview-clay i{width:25px;height:25px;border-radius:9px;top:4px;left:3px}.overview-clay i:nth-child(2){left:33px;top:4px;transform:rotate(8deg)}.overview-clay i:nth-child(3){width:54px;left:3px;top:34px;height:23px;border-radius:8px}.own-clay i{width:48px;height:16px;border-radius:9px;left:6px;top:4px;transform:rotate(-15deg)}.own-clay i:nth-child(2){top:23px;left:0;transform:rotate(0)}.own-clay i:nth-child(3){top:42px;left:7px;transform:rotate(15deg)}.keypoint-tile.is-playing .mini-clay i{animation:clay-keypoint .85s cubic-bezier(.22,.78,.25,1) both}.keypoint-tile.is-playing .mini-clay i:nth-child(2){animation-delay:.08s}.keypoint-tile.is-playing .mini-clay i:nth-child(3){animation-delay:.16s}.keypoint-panel{padding:23px 7px 0;display:flex;justify-content:space-between;gap:35px;align-items:center;min-height:95px}.keypoint-panel p{font-size:13px;line-height:1.8;color:#bfaac9;max-width:760px}.keypoint-panel a{font-size:12px;white-space:nowrap;color:#e2bfdc}
/* Configurable MANE, broader than the example branches. */
.own-mane-teaser{padding-block:15px 85px}.own-mane-inner{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:45px;border:1px solid #6a4677;border-radius:28px;background:radial-gradient(ellipse at 95% 20%,#80457226,transparent 65%),linear-gradient(125deg,#36213f,#211728);padding:54px 55px}.own-mane-copy h2{font-size:clamp(33px,3.2vw,47px);line-height:1.15}.own-mane-copy>p:not(.eyebrow){max-width:620px;color:#c8b1d2;font-size:15px;line-height:1.8;margin-top:24px}.own-mane-copy>p+p:not(.eyebrow){margin-top:17px}.own-mane-copy .button{margin-top:27px}.own-mane-visual{position:relative;min-width:0;height:360px;border-radius:50%;background:radial-gradient(ellipse,#b477b61a,transparent 67%);isolation:isolate}.own-mane-visual::before,.own-mane-visual::after{content:"";position:absolute;inset:55px 35px;border:1px solid #7f569050;border-radius:50%;z-index:-1;transform:rotate(-16deg)}.own-mane-visual::after{inset:90px 0;transform:rotate(33deg)}.own-mane-orbit{position:absolute;inset:0;display:grid;place-items:center}.own-mane-orbit img{width:117px;height:117px;object-fit:contain;filter:drop-shadow(0 13px 20px #0d051c77)}.own-block{position:absolute;font:500 12px/1.3 var(--ui);padding:16px 20px;background:linear-gradient(125deg,#ddabdd,#f2c4b2);color:#58305d;border:1px solid #efc2e2;border-radius:13px;box-shadow:inset 0 2px 2px #fff7,inset 0 -2px 5px #733a7628,0 9px 16px #0003}.own-block-one{left:3%;top:43px;transform:rotate(-7deg)}.own-block-two{right:0;top:75px;transform:rotate(5deg)}.own-block-three{left:0;bottom:68px;transform:rotate(-4deg)}.own-block-four{right:3%;bottom:42px;transform:rotate(7deg)}.own-mane-visual>p{position:absolute;bottom:-13px;left:0;right:0;text-align:center;font-size:11px;color:#be9eca}.own-mane-visual.is-visible .own-block{animation:clay-block-enter .75s ease both}.own-mane-visual.is-visible .own-block-two{animation-delay:.12s}.own-mane-visual.is-visible .own-block-three{animation-delay:.24s}.own-mane-visual.is-visible .own-block-four{animation-delay:.36s}.own-page-hero{padding-top:50px;padding-bottom:80px}.own-page-hero h1{font-size:clamp(40px,4.3vw,65px);line-height:1.1;max-width:990px}.own-page-hero>p:not(.eyebrow){font-size:18px;color:#cbb9d3;max-width:790px;line-height:1.8;margin-top:29px}.own-page-hero .hero-actions{align-items:center;flex-direction:row}.own-page-steps{padding-bottom:85px}.own-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.own-steps-grid article{padding:30px;border-radius:21px;background:#281d31;border:1px solid #61436f}.clay-step{display:grid;place-items:center;width:50px;height:50px;background:var(--brand-gradient);border-radius:16px;box-shadow:inset 2px 3px 5px #ffffff4d,inset -3px -4px 6px #62386d4d,0 8px 18px #0002;color:#2d1438;font:600 14px var(--ui);transform:rotate(-7deg)}.own-steps-grid h3{font-size:26px;line-height:1.2;margin-top:29px}.own-steps-grid p{font-size:14px;line-height:1.8;color:#bfa7ca;margin-top:21px}.own-page-steps>.small-print{font-size:11px;margin-top:22px;color:#a98ab8;max-width:850px}.own-page-fit{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding-bottom:80px}.own-page-fit h2{font-size:38px}.own-page-fit p{font-size:15px;line-height:1.85;color:#c3b0ce}.own-page-fit p+p{margin-top:21px}.branch-own-note{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:25px 29px;margin-top:22px;border:1px solid #765584;border-radius:18px;background:linear-gradient(115deg,#37233f,#231a2a)}.branch-own-note strong{font:600 17px/1.4 var(--ui);color:#e5d2ee}.branch-own-note p{font-size:13px;color:#b69cc3;margin-top:7px;max-width:700px}.branch-own-note .button{flex-shrink:0;font-size:12px;min-height:44px}
/* Consistent surfaces, small controls and branch artwork. */
.branch-link-card{border-color:#694779;background:linear-gradient(150deg,#302037,#211927);box-shadow:inset 0 1px 0 #ffffff09}.branch-link-card:hover{border-color:#b47ac2;background:linear-gradient(150deg,#402349,#271b32)}.branch-link-card h3{color:#eeddf6}.branch-link-card p{color:#bda7ca}.branch-card-action{font:600 12px/1.4 var(--ui);border-top-color:#5c3c6d;color:#dfb3d9}.branch-link-art img{filter:none}.feature-tabs,.screen-tabs,.detail-screen-tabs{gap:8px}.feature-tabs button,.screen-tab,.detail-screen-tabs button,.branch-tabs button{font:500 12px/1.4 var(--ui);letter-spacing:0;padding:13px 17px;border:1px solid #62466e;border-radius:12px;min-height:43px;background:#281c31;color:#cdb4d8}.feature-tabs button.active,.screen-tab.active,.detail-screen-tabs button.active,.branch-tabs button.active{background:#eddcf0;border-color:#f6e3f9;color:#4a2b58;box-shadow:0 3px 10px #0001;font-weight:600}.feature-tabs button:hover,.screen-tab:hover,.detail-screen-tabs button:hover,.branch-tabs button:hover{border-color:#b582c5}.chips span,.segment-chips span,.branch-chips span{font:400 11px/1.45 var(--ui);background:#3e284a;border-color:#745380;color:#dbc2e5}.pain-options button{font-family:var(--ui)}.pain-options button[aria-pressed=true]{background:linear-gradient(90deg,#33203e66,transparent);border-bottom-color:#ad79b7}.pain-answer{background:linear-gradient(125deg,#ecdbec,#f2e4e9);border:1px solid #eacdeb;color:#3c2844}.pain-marker{font-family:var(--ui);font-size:11px;text-transform:none;letter-spacing:0;color:#8d5c90}.pain-answer>p{color:#735779}.project-example-bar{background:linear-gradient(115deg,#42284e,#312038);border-color:#926ca0;border-radius:22px 22px 0 0}.project-example-bar button{font:500 11px/1.35 var(--ui);background:#573461;border-color:#8a5898;color:#efdff4;border-radius:10px}.project-example-bar button:hover{background:#855092;border-color:#b883c7}.project-example-bar>span{color:#e4c9eb}#mane-project-example{border-color:#926ca0;background:#0b0b0c;clip-path:inset(0 round 0 0 22px 22px)}.price-card{border-color:#61456f;background:#261c2e}.price-card.featured{background:linear-gradient(160deg,#4a2c54,#2d1f36);border-color:#c58bcd;box-shadow:inset 0 1px 0 #ecc9f329}.price-card .button{width:100%;font:600 13px/1.4 var(--ui);letter-spacing:0}.price-card .price{color:#f0ddf4}.price-card .plan-description,.price-card .users{color:#bba1c9}.comparison summary,.faq-list summary{font-family:var(--ui);font-size:15px;line-height:1.5;letter-spacing:0}.faq-list summary:hover{color:#e7b1db}.interest-section form{background:linear-gradient(150deg,#32203c,#221929);border-color:#7d568e}.interest-section select{background:#432b50;border-color:#876293;font:14px var(--ui)}.interest-section .button{font:600 13px/1.35 var(--ui)}.demo-invite-inner{background:radial-gradient(ellipse at 100% 15%,#b2639f26,transparent 65%),#31203a;border-color:#7e5590}.demo-invite-inner .button{font-family:var(--ui);font-weight:600}.maker-monogram{background:var(--brand-gradient);color:#351b41;border:1px solid #c187c4;box-shadow:inset 3px 4px 10px #ffffff61,inset -4px -5px 12px #5d28665e,0 18px 35px #0003}.multipage-footer{border-top-color:#51365f}.multipage-footer>nav a{font-family:var(--ui);font-size:12px;color:#c9aed6}.footer-bottom{color:#987ca6}.zoom-label{font-family:var(--ui)!important;letter-spacing:0}.configuration-links a,.platform-links>a{font:500 14px/1.5 var(--ui);letter-spacing:0}.configuration-links a{background:#31203c;border-color:#785386}.platform-links>a:hover{color:#ecb6db}.project-tool-grid>article{background:#2a1c32;border-color:#684875}.project-tool-grid>article>span{font-family:var(--ui);color:#daa0ce}.modular-note>div{background:linear-gradient(115deg,#eeddee,#f5e5ea);border-color:#dcb8dd}.brand img{filter:none}
@keyframes brand-clay-enter{from{opacity:0;transform:translateY(17px) rotate(-4deg) scale(.96)}to{opacity:1;transform:none}}@keyframes brand-note-enter{from{opacity:0;translate:0 12px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes menu-rise{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@keyframes clay-keypoint{0%{translate:0 8px;scale:.85}48%{translate:0 -5px;scale:1.06}100%{translate:0 0;scale:1}}@keyframes clay-block-enter{from{opacity:0;translate:0 13px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:1100px){.keypoint-tile{padding:23px 18px;gap:13px}.keypoint-tile strong{font-size:20px}.keypoint-tile small{font-size:10px}.mini-clay{transform:scale(.86);margin:-4px}.own-mane-inner{padding:43px 38px;gap:30px}.own-mane-visual{height:335px}.own-block{padding:14px 16px;font-size:11px}.own-mane-copy>p:not(.eyebrow){font-size:14px}.own-steps-grid article{padding:25px}.own-steps-grid h3{font-size:23px}}
@media(max-width:760px){.button,.button.small,.hero-actions .button,.page-next>.button{font:600 13px/1.4 var(--ui);min-height:46px;padding:14px 20px}.text-link{font:600 12px/1.5 var(--ui)}.conversion-hero .eyebrow{font-size:10px;padding:8px 11px;margin-bottom:23px}.conversion-hero .hero-actions{align-items:flex-start;gap:20px}.conversion-hero .hero-actions>.button,.conversion-hero .hero-actions>.text-link{font-family:var(--ui);font-size:12px}.conversion-hero .hero-note{font-size:11px;max-width:470px}.connected-art{padding-bottom:8px;max-width:390px!important;margin-top:32px}.connected-art>img{max-width:330px;max-height:355px}.connected-art .art-caption{font-size:10px;margin-top:10px}.floating-note{font-size:9px;padding:9px 11px;border-radius:12px}.floating-note i{width:23px;height:23px;font-size:14px}.note-one{top:16%;right:0}.note-two{bottom:21%;left:0}.keypoints-section{padding-bottom:57px}.keypoints-grid{grid-template-columns:1fr;gap:10px}.keypoint-tile{padding:20px 23px;gap:22px;border-radius:16px;min-height:104px}.keypoint-tile strong{font-size:24px}.keypoint-tile small{font-size:11px;margin-top:7px}.mini-clay{transform:scale(.88);margin:-3px}.keypoint-panel{display:block;padding:20px 3px 0;min-height:140px}.keypoint-panel p{font-size:12px}.keypoint-panel a{display:inline-block;font-size:11px;margin-top:9px;white-space:normal}.own-mane-teaser{padding-block:10px 55px}.own-mane-inner{grid-template-columns:1fr;padding:32px 26px;gap:22px;border-radius:23px}.own-mane-copy h2{font-size:33px}.own-mane-copy>p:not(.eyebrow){font-size:14px;margin-top:21px}.own-mane-copy>p+p:not(.eyebrow){margin-top:15px}.own-mane-visual{height:320px;max-width:350px;width:100%;margin:5px auto 15px}.own-mane-orbit img{width:98px;height:98px}.own-block{font-size:10px;padding:14px 15px;border-radius:12px}.own-block-one{left:2%;top:35px}.own-block-two{right:0;top:68px}.own-block-three{left:0;bottom:65px}.own-block-four{right:0;bottom:40px}.own-mane-visual>p{font-size:10px;bottom:-10px}.branch-own-note{flex-direction:column;align-items:flex-start;padding:24px;gap:19px;border-radius:17px}.branch-own-note strong{font-size:16px}.branch-own-note p{font-size:12px}.branch-own-note .button{font-size:12px;min-height:44px}.own-page-hero{padding-top:25px;padding-bottom:55px}.own-page-hero h1{font-size:clamp(32px,7vw,43px);line-height:1.14}.own-page-hero>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:24px}.own-page-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.own-page-hero .eyebrow{font-size:10px}.own-page-steps{padding-bottom:55px}.own-steps-grid{grid-template-columns:1fr;gap:13px}.own-steps-grid article{padding:27px}.own-steps-grid h3{font-size:27px;margin-top:24px}.own-steps-grid p{font-size:14px;margin-top:17px}.own-page-steps>.small-print{font-size:10px;line-height:1.8}.own-page-fit{grid-template-columns:1fr;gap:26px;padding-bottom:45px}.own-page-fit h2{font-size:31px}.own-page-fit p{font-size:14px}.price-card .button{font-size:13px}.comparison summary,.faq-list summary{font-size:14px}.project-example-bar button{font-size:10px}.project-example-bar{border-radius:17px 17px 0 0}#mane-project-example{clip-path:inset(0 round 0 0 17px 17px)}.feature-tabs button,.screen-tab,.detail-screen-tabs button{font-size:11px;padding:11px 14px;min-height:42px}.configuration-links a,.platform-links>a{font-size:13px}.own-mane-teaser .eyebrow{font-size:11px;line-height:1.5}.drawer-links>a{font-size:16px}}
@media(max-width:370px){.conversion-hero h1{font-size:34px}.floating-note{font-size:8px;padding:8px 9px}.note-two{bottom:20%}.keypoint-tile{padding:19px;gap:18px}.keypoint-tile strong{font-size:22px}.own-mane-copy h2{font-size:30px}.own-page-hero h1{font-size:32px}.own-block{padding:12px 13px;font-size:9px}.own-mane-inner{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.connected-art>img,.floating-note,.site-header .nav-branches>.nav-branch-panel,.keypoint-tile.is-playing .mini-clay i,.own-mane-visual.is-visible .own-block{animation:none!important;opacity:1!important;translate:none!important;scale:1!important}.button,.text-link,.keypoint-tile,.mini-clay i,.nav-own-mane img{transition:none!important}.button:hover,.keypoint-tile:hover,.nav-own-mane:hover img{transform:none!important}.own-block{animation:none!important}html{scroll-behavior:auto!important}}
.objects-section>.object-visual{align-self:center;width:100%;max-width:440px;justify-self:center}.object-visual .own-block-one{left:7%}.object-visual .own-block-two{right:5%}.object-visual .own-block-three{left:3%}.object-visual .own-block-four{right:2%}.maine-face .maine-eyes-blink{display:none!important}.maine-face .maine-eyes-open{animation:none!important;opacity:1!important}

/* Maker: personal portrait with the same soft MANE framing. */
.maker-section{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(30px,6vw,80px)}.maker-portrait{margin:0;position:relative;overflow:hidden;border-radius:32px;background:#47324f;border:1px solid #956aa5;box-shadow:0 24px 60px #0e091d44,inset 0 1px 0 #fff2;max-width:420px}.maker-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 38%}.maker-portrait figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:5px;padding:18px 20px;border-radius:18px;background:#291c34ed;border:1px solid #c39bca44;backdrop-filter:blur(12px);font-family:var(--ui)}.maker-portrait strong{font-size:18px;color:#f2dff6}.maker-portrait figcaption span{font-size:12px;color:#d3b2de}.maker-story{min-width:0}.maker-story h2{font-size:clamp(30px,3.8vw,46px);line-height:1.15}.maker-links a{font:600 14px/1.5 var(--ui);color:#f0bedf}.maker-links a:focus-visible{outline:2px solid #f3bfde;outline-offset:6px}@media(max-width:760px){.maker-section{grid-template-columns:1fr;gap:30px}.maker-portrait{width:100%;max-width:400px}.maker-portrait img{aspect-ratio:1/1.08}.maker-portrait figcaption{padding:14px 18px}.maker-story h2{font-size:34px}}@media(prefers-reduced-transparency:reduce){.maker-portrait figcaption{background:#291c34;backdrop-filter:none}}

/* The three example preset cards stay light, as requested. */
.branch-link-card{background:#fff;border-color:#e6dcea;box-shadow:0 16px 42px #10071f14,inset 0 1px 0 #fff;color:#33203f}.branch-link-card:hover{background:#fdfaff;border-color:#b486c5;box-shadow:0 20px 48px #10071f24}.branch-link-card h3{color:#392344}.branch-link-card p{color:#6a5774}.branch-link-card .branch-card-action{color:#704286;border-top-color:#e1d4e7}.branch-link-card:focus-visible{outline:3px solid #cb90df;outline-offset:5px}

/* A quieter canvas: warm white surfaces, colour reserved for MANE artwork. */
:root{--black:#f7f6f3;--surface:#fff;--cream:#29272b;--muted:#68646c;--line:#dedbd8;--surface-brand:#fff;--border-brand:#dedbd8}
body{background:#f7f6f3;color:#29272b}body h1,body h2,body h3{color:#29272b}main p,main small,main li,main label,main .hero-note,main .small-print{color:#68646c!important}.eyebrow,.video-kicker{color:#77647d}.conversion-hero h1 span,.own-page-hero h1 span{color:#77647d}.conversion-hero .eyebrow{color:#68616e;background:#fff;border-color:#e3dfda}.text-link,.maker-links a,.keypoint-panel a{color:#705179}.text-link:hover{color:#483350}
.site-header,.header-shell>.site-header,.header-shell>.site-header.is-compact{background:#fffffff5;border-color:#dedbd8;box-shadow:0 8px 30px #2420290b;color:#29272b}.site-header>.desktop-nav{background:#f3f2ef;border-color:#e2dfdc;box-shadow:none}.site-header .desktop-nav>.nav-link,.site-header .nav-branches>summary{color:#5d5662}.site-header .desktop-nav>.nav-link:hover,.site-header .nav-branches>summary:hover{background:#ebe9e5;color:#29272b;border-color:#ddd7de}.site-header .desktop-nav>.nav-link[aria-current=page],.site-header .nav-branches.is-current>summary,.site-header .nav-branches[open]>summary{background:#fff;color:#684973;border-color:#ded7e1}.menu-toggle{background:#f4f3f0;border-color:#dbd7dc;color:#39333e}.menu-lines i{background:#5b4b63}
.site-header .nav-branches>.nav-branch-panel,.mobile-drawer{background:#fff;border-color:#dedbd8;color:#29272b}.nav-own-mane{background:#f2f0ed!important;border-color:#dfdadf;color:#332d39!important}.nav-own-mane p,.nav-own-mane>div>span,.nav-branch-copy{color:#746878!important}.site-header .nav-branch-grid>.nav-branch-card{background:#fff;border-color:#e1dcdf}.site-header .nav-branch-grid>.nav-branch-card:hover{background:#f6f4f1}.drawer-heading,.drawer-examples{border-color:#e4dfdf}.drawer-close{background:#f2f0ed;border-color:#dedbd8;color:#39313f}.drawer-intro,.drawer-examples>summary,.drawer-examples nav>a{color:#746878}.drawer-links>a{color:#36303c}.drawer-links>a:hover{background:#f4f2ef}.drawer-links>a[aria-current=page]{background:#f0edf2;color:#684973;border-color:#ddd4e1}
.keypoint-tile,.keypoint-tile.active,.own-mane-inner,.own-steps-grid article,.branch-own-note,.price-card,.price-card.featured,.interest-section form,.demo-invite-inner,.configuration-links a,.project-tool-grid>article,.branch-detail-grid>article,.pilot-panel,.motion-card,.status-card,.maine-card,.feature-panel,.modular-note>div{background:#fff;border-color:#dedbd8;box-shadow:0 8px 30px #29212c05;color:#29272b}.keypoint-tile.active,.price-card.featured{border-color:#bba9c4;box-shadow:0 6px 22px #5b3d7210}.keypoint-tile strong,.branch-own-note strong,.price-card .price{color:#39313f}.keypoint-tile small,.branch-own-note p,.own-mane-visual>p,.project-tool-grid>article>span{color:#746878}.price-card.featured *:not(.button){color:#39313f}.branch-section,.pricing-section{background:#efeeeb}.feature-visual,.branch-art{background:#f0eeeb}.pain-answer,.pain-options button[aria-pressed=true]{background:#f0eeeb;border-color:#dfd9e1}.pain-options button,.pain-options button strong{color:#39313f}.pain-options button:hover{background:#edeae6}.pain-marker{color:#80638d}
.floating-note{background:#fffffff0;border-color:#dfd8e3;color:#54415e;box-shadow:0 10px 30px #29212c0d}.connected-art .art-caption{color:#827589}.feature-tabs button,.screen-tab,.detail-screen-tabs button,.branch-tabs button,.button.outline{background:#fff;border-color:#d9d3dd;color:#594b63}.feature-tabs button.active,.screen-tab.active,.detail-screen-tabs button.active,.branch-tabs button.active{background:#ece8ef;border-color:#bcaac7;color:#59406b}.button.outline:hover{background:#f0edf2;color:#493754}.button.light{background:#fff;color:#39313f;border-color:#d9d3dd}.chips span,.segment-chips span,.branch-chips span{background:#f1eeeb;border-color:#ded8df;color:#6e6074}.interest-section select,#interest-draft{background:#f5f3f0;color:#39313f;border-color:#d8d0dc}.project-example-bar{background:#efeeeb;border-color:#d4ced8;color:#594b63}.project-example-bar>span{color:#6e6074}.project-example-bar button{background:#fff;border-color:#d4ced8;color:#594b63}.project-example-bar button:hover{background:#e9e4ed;color:#594b63}
.maker-portrait{border-color:#dedbd8}.maker-portrait figcaption{background:#fffffff0;border-color:#e3dedc}.maker-portrait strong{color:#39313f}.maker-portrait figcaption span{color:#746878}.multipage-footer{border-color:#dedbd8;color:#68646c}.multipage-footer>nav a,.footer-bottom,.footer-top p{color:#746878}.closing{background:none}.connection-list strong{background:#ebe6ef;color:#59406b}.configuration-links a:hover{background:#f0edf2;color:#59406b}.faq-list summary:hover{color:#705179}.zoom-label{color:#fff}.maker-section>div>p:not(.eyebrow){color:#68646c}

/* Only the two eye regions change; the handmade clay body remains still. */
.maine-face .maine-eyelids{pointer-events:none;opacity:0;mask-image:radial-gradient(ellipse 6.3% 7% at 48.3% 49.2%,#000 75%,transparent 100%),radial-gradient(ellipse 5.4% 7% at 67.2% 45.9%,#000 75%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 6.3% 7% at 48.3% 49.2%,#000 75%,transparent 100%),radial-gradient(ellipse 5.4% 7% at 67.2% 45.9%,#000 75%,transparent 100%);animation:maine-gentle-blink 7.4s linear infinite}@keyframes maine-gentle-blink{0%,92%,96%,100%{opacity:0}93%,95%{opacity:1}}@media(prefers-reduced-motion:reduce){.maine-face .maine-eyelids{display:none;animation:none}}

/* Black, white and purple: deliberate alternation, not an all-white theme. */
:root{--black:#fff;--surface:#fff;--cream:#23172c;--muted:#72617b;--line:#e1d3e8}body{background:#fff;color:#23172c}.site-header,.header-shell>.site-header,.header-shell>.site-header.is-compact{background:#151017f5;color:#fff;border-color:#46314f;box-shadow:0 10px 30px #130b211a}.site-header .brand{color:#fff}.site-header>.desktop-nav{background:#23172c;border-color:#473051}.site-header .desktop-nav>.nav-link,.site-header .nav-branches>summary{color:#e7d8ee}.site-header .desktop-nav>.nav-link:hover,.site-header .nav-branches>summary:hover{background:#382345;color:#fff;border-color:#6e4984}.site-header .desktop-nav>.nav-link[aria-current=page],.site-header .nav-branches.is-current>summary,.site-header .nav-branches[open]>summary{background:#e9d8f1;color:#4b285e;border-color:#d8bce7}.menu-toggle{background:#2f1c3b;border-color:#765088;color:#f7edfc}.menu-lines i{background:#f2e4fa}.mobile-drawer{background:#151017;color:#fff;border-color:#54345f}.drawer-heading,.drawer-examples{border-color:#493153}.drawer-close{background:#2f1c3b;color:#fff;border-color:#775186}.drawer-intro,.drawer-examples>summary,.drawer-examples nav>a{color:#d1b9dc}.drawer-links>a{color:#f3e8f8}.drawer-links>a:hover{background:#34213f}.drawer-links>a[aria-current=page]{background:#e9d8f1;color:#4b285e;border-color:#d8bce7}
.conversion-hero .eyebrow{background:#f4ebf8;color:#745481;border-color:#e1cce9}.conversion-hero h1 span,.own-page-hero h1 span{color:#765185}.keypoint-tile{background:#fff;border-color:#e3d3eb}.keypoint-tile.active{background:#f0e3f7;border-color:#b58acb}.keypoint-tile strong{color:#3b234a}.pain-answer{background:#ede0f4;border-color:#ddc5e8}.pain-options button[aria-pressed=true]{background:linear-gradient(90deg,#f1e5f7,transparent)}.pain-options button:hover{background:#f8f0fc}.project-example-bar{background:#201526;border-color:#593a68;color:#ead8f4}.project-example-bar>span{color:#ead8f4}.project-example-bar button{background:#392344;border-color:#76538a;color:#f7edfc}.project-example-bar button:hover{background:#533363;color:#fff}
.keypoints-section{padding-top:25px}.branch-directory{padding-top:55px;padding-bottom:55px;background:#f2e8f7;border-radius:32px}.branch-own-note{background:#fff;border-color:#dec8e9}.branch-link-card,.branch-link-card:hover{background:#fff}.own-mane-inner,.modular-note>div{background:#f0e3f7;border-color:#d9bde7}.own-steps-grid article,.price-card{background:#fff;border-color:#dfcde9}.price-card.featured{background:#ead8f2;border-color:#ae80c2}.pricing-section,.branch-section{background:#f3eaf8}.feature-visual,.branch-art{background:#ecddf4}.feature-tabs button.active,.screen-tab.active,.detail-screen-tabs button.active,.branch-tabs button.active{background:#e8d4f2;border-color:#ba90cd;color:#542e69}.chips span,.segment-chips span,.branch-chips span{background:#f2e5f8;border-color:#dcc5e8;color:#735180}.interest-section form{background:#f2e8f7;border-color:#d9c0e5}.interest-section select,#interest-draft{background:#fff;color:#513560;border-color:#ccb1dc}.demo-invite-inner{background:#19121e;border-color:#4d315a;color:#fff}.demo-invite-inner h2{color:#fff}.demo-invite-inner p{color:#d7c6df!important}.demo-invite-inner .eyebrow,.demo-invite-inner .text-link,.demo-invite-inner .invite-note,.demo-invite-inner .invite-clay>span{color:#d8b8e9}.demo-invite-inner .button{color:#342035}.maker-section{padding-top:75px}.maker-portrait figcaption{background:#21132bec;border-color:#9563ad}.maker-portrait strong{color:#fff}.maker-portrait figcaption span{color:#dfc7ed}.multipage-footer{background:#151017;color:#fff;border-color:#3f284a;border-radius:30px 30px 0 0;margin-top:30px}.multipage-footer .brand{color:#fff}.multipage-footer>nav a,.footer-bottom,.footer-top p{color:#ccb6d8}.footer-bottom{border-color:#483152}.nav-own-mane{background:#ead9f2!important;border-color:#d7bce5}.site-header .nav-branches>.nav-branch-panel{background:#fff;border-color:#d7bce5}.site-header .nav-branch-grid>.nav-branch-card{background:#f9f3fc;border-color:#e3ceee}.site-header .nav-branch-grid>.nav-branch-card:hover{background:#edddf5}.configuration-links a:hover{background:#edddf5}.button.outline{color:#68447b;border-color:#cbaeDA}.button.outline:hover{background:#f1e4f8;color:#542e69}@media(max-width:760px){.branch-directory{border-radius:24px;padding-top:36px;padding-bottom:36px}.maker-section{padding-top:55px}.multipage-footer{border-radius:24px 24px 0 0}}

/* Dark and confident overall; white cards and purple accents provide contrast. */
:root{--black:#110e14;--surface:#1a141f;--cream:#f8f4fb;--muted:#c0b3c8;--line:#3a2b43}body{background:#110e14;color:#f8f4fb}body h1,body h2,body h3{color:#f8f4fb}main p,main small,main li,main label,main .hero-note,main .small-print{color:#c0b3c8!important}.conversion-hero h1 span,.own-page-hero h1 span{color:#c8a3da}.conversion-hero .eyebrow{background:#251a2e;color:#d5b9e4;border-color:#52375f}.eyebrow,.video-kicker,.text-link,.maker-links a,.keypoint-panel a{color:#cda4df}.text-link:hover{color:#efcffc}.pain-options button,.pain-options button strong{color:#f2e7f8}.pain-options button[aria-pressed=true]{background:linear-gradient(90deg,#32203f,transparent);border-color:#9165a8}.pain-options button:hover{background:#261a30}.keypoint-tile{background:#1c1522;border-color:#493253}.keypoint-tile.active{background:#31203d;border-color:#9460aa}.keypoint-tile strong{color:#f4e7fb}.keypoint-tile small{color:#c9aeda!important}.branch-directory{background:#1f1528;border:1px solid #483053}.branch-directory>.section-head h2{color:#f8f4fb}.branch-directory>.section-head p{color:#c9b5d4!important}.branch-link-card,.branch-own-note,.own-mane-inner,.own-steps-grid article,.price-card,.interest-section form,.project-tool-grid>article,.branch-detail-grid>article,.pilot-panel,.motion-card,.status-card,.maine-card,.feature-panel,.modular-note>div{color:#302039}.branch-link-card h3,.branch-own-note strong,.own-mane-inner h2,.own-steps-grid h3,.price-card h3,.project-tool-grid h3,.branch-detail-grid h3,.pilot-panel h2,.status-card h3,.maine-card h2,.feature-panel h3,.modular-note h2{color:#302039}.branch-link-card p,.branch-own-note p,.own-mane-inner p,.own-steps-grid p,.price-card p,.interest-section form p,.interest-section form label,.project-tool-grid p,.branch-detail-grid p,.pilot-panel p,.motion-card p,.status-card p,.maine-card p,.feature-panel p,.modular-note p{color:#6b5376!important}.pain-answer h3{color:#3b234a}.pain-answer p{color:#71557f!important}.pain-answer .text-link,.branch-own-note .button,.own-mane-inner .button,.modular-note .text-link{color:#634274}.connected-art .art-caption{color:#b49ac1}.pricing-section,.branch-section{background:#1f1528;color:#f8f4fb}.pricing-section h2,.branch-section h2{color:#f8f4fb}.price-card .price,.price-card li,.price-card small{color:#3b234a!important}.price-card.featured{background:#e7d2f0}.own-page-fit p{color:#c0b3c8!important}.configuration-links a,.platform-links>a{color:#cba8dc}.configuration-links a{background:#251b2e;border-color:#624672}.configuration-links a:hover{background:#392548;color:#f6e9fc}.demo-invite-inner p{color:#d7c6df!important}.maker-section>div>p:not(.eyebrow){color:#c0b3c8}.multipage-footer{background:#08060b;border-color:#3f284a}.project-example-bar{background:#201526}.branch-example,.table-scroll{color:#302039}.branch-example h2,.branch-example h3{color:#302039}.branch-example p,.table-scroll p,.table-scroll li{color:#6b5376!important}

/* Harder black framing; purple belongs mainly to the clay, not the canvas. */
:root{--black:#08090b;--surface:#141518;--line:#303136;--muted:#bcbcc2}body{background:#08090b}.site-header,.header-shell>.site-header,.header-shell>.site-header.is-compact,.mobile-drawer{background:#0b0c0ef7;border-color:#34353a;box-shadow:0 12px 35px #0005}.site-header>.desktop-nav{background:#17181b;border-color:#333439}.site-header .desktop-nav>.nav-link:hover,.site-header .nav-branches>summary:hover,.drawer-links>a:hover{background:#26272c;border-color:#494a51}.site-header .desktop-nav>.nav-link[aria-current=page],.site-header .nav-branches.is-current>summary,.site-header .nav-branches[open]>summary,.drawer-links>a[aria-current=page]{background:#fff;color:#24232a;border-color:#fff}.menu-toggle,.drawer-close{background:#1b1c20;border-color:#4d4e56;color:#fff}.conversion-hero .eyebrow{background:#141518;border-color:#3a3b41;color:#d0ccd4}.conversion-hero h1 span,.own-page-hero h1 span{color:#fff}.connected-art .hero-orbit{background:none}.keypoint-tile,.keypoint-tile.active{background:#141518;border-color:#36373e}.keypoint-tile.active{border-color:#b392c4;box-shadow:inset 0 -3px 0 #b392c4}.branch-directory{background:#111215;border-color:#34353b}.pricing-section,.branch-section{background:#111215}.demo-invite-inner{background:#111215;border-color:#383941}.multipage-footer{background:#030405;border-color:#34353b}.pain-options button[aria-pressed=true]{background:linear-gradient(90deg,#222328,transparent);border-color:#a98bbd}.pain-options button:hover{background:#17181b}.own-mane-inner,.modular-note>div{background:#f7f4f9;border-color:#d9cfe0}.project-example-bar{background:#111215;border-color:#3e3f46}.project-example-bar button{background:#24252a;border-color:#4c4d55;color:#fff}.project-example-bar button:hover{background:#3a3b43;color:#fff}.configuration-links a{background:#16171a;border-color:#3d3e45}.configuration-links a:hover{background:#292a30}.conversion-hero h1{letter-spacing:-.055em}.hero-film-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.hero-film-controls .art-caption{margin:0;font-size:11px;color:#bcbcc2}.hero-film-controls button{padding:7px 10px;background:#16171a;border:1px solid #4b4c54;border-radius:8px;font:11px var(--ui);color:#ecebf0}.floating-note{cursor:pointer;text-decoration:none;min-height:46px;transition:border-color .2s,box-shadow .2s}.floating-note:hover{border-color:#b995d0;box-shadow:0 10px 35px #0005}.floating-note>span{white-space:nowrap}.floating-note.capability-enter{animation:capability-enter .4s ease both}@keyframes capability-enter{from{opacity:.3;translate:0 9px}to{opacity:1;translate:0 0}}@media(max-width:760px){.hero-film-controls{gap:9px}.hero-film-controls .art-caption{font-size:9px}.hero-film-controls button{font-size:10px}.floating-note{min-height:40px}}@media(prefers-reduced-motion:reduce){.floating-note.capability-enter{animation:none}}

.project-tour{margin-top:30px;padding:25px;border:1px solid #42434c;border-radius:22px 22px 0 0;background:#101114;color:#fff}.project-tour-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.project-tour-heading .eyebrow{font-size:11px;margin-bottom:7px;color:#cab4d6!important}.project-tour-caption{font:500 15px/1.55 var(--ui);max-width:760px;color:#f2eef5!important}.project-tour-toggle{min-height:44px;flex-shrink:0;padding:11px 16px;border:1px solid #666772;border-radius:10px;background:#fff;color:#18171c;font:600 12px/1.3 var(--ui)}.project-tour-toggle:disabled{opacity:.65;cursor:default}.project-tour-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:22px}.project-tour-steps button{position:relative;overflow:hidden;display:flex;align-items:center;gap:9px;padding:14px 12px;text-align:left;min-height:54px;border:1px solid #41424a;border-radius:11px;background:#202126;color:#d4d2d9;font:500 12px/1.35 var(--ui)}.project-tour-steps button>span{font-size:10px;color:#a8a5b0}.project-tour-steps button[aria-current=step]{background:#fff;color:#23192a;border-color:#fff}.project-tour-steps button[aria-current=step]>span{color:#765b87}.project-tour-steps button:focus-visible,.project-tour-toggle:focus-visible{outline:3px solid #bc94d3;outline-offset:4px}.project-tour[data-tour-playing=true] .project-tour-steps button[aria-current=step]::after{content:"";position:absolute;height:3px;left:0;right:0;bottom:0;background:#9e77b6;transform-origin:left;animation:tour-progress 7s linear forwards}.project-tour-status{font-size:11px;line-height:1.5;margin-top:16px;color:#cfbed9!important}.project-tour-note{font-size:10px;line-height:1.65;margin-top:5px;color:#9e99a6!important}.project-tour+.project-example-bar{border-radius:0;border-top:0}.actual-project-section .journey-heading{align-items:start}@keyframes tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:760px){.project-tour{padding:19px 16px;border-radius:18px 18px 0 0}.project-tour-heading{display:block}.project-tour-caption{font-size:13px}.project-tour-toggle{margin-top:14px;min-height:42px;font-size:11px}.project-tour-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:17px}.project-tour-steps button{font-size:11px;min-height:48px;padding:12px 10px}.project-tour-steps button:last-child{grid-column:1/-1}.project-tour-status{font-size:10px}.project-tour-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.project-tour[data-tour-playing=true] .project-tour-steps button[aria-current=step]::after{animation:none;display:none}}

/* Compact situation picker; the answer block is deliberately untouched. */
.pain-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;align-self:start}.pain-options button{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:76px;padding:17px 16px;border:1px solid #36373e;border-radius:16px;background:#151619;color:#d4cfd9;text-align:left;font:500 14px/1.35 var(--ui);transition:background .18s,border-color .18s,box-shadow .18s}.pain-options button:hover{background:#222328;border-color:#74637f}.pain-options button[aria-pressed=true]{background:#f1e7f6;border:1px solid #d7bfe4;color:#34213f;box-shadow:0 5px 20px #0002}.pain-options button>.pain-option-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#25222b;color:#c6abda}.pain-option-icon svg{width:21px;height:21px}.pain-options button>.pain-option-label{font:600 14px/1.35 var(--ui);letter-spacing:0;color:inherit;min-width:0}.pain-options button>.pain-option-indicator{width:6px;height:6px;flex:0 0 6px;margin-left:auto;border-radius:50%;background:#706b77;opacity:0}.pain-options button[aria-pressed=true]>.pain-option-icon{background:#dfcbea;color:#664477}.pain-options button[aria-pressed=true]>.pain-option-label{color:#34213f}.pain-options button[aria-pressed=true]>.pain-option-indicator{background:#7c5392;opacity:1}.pain-options button:focus-visible{outline:3px solid #c9a5de;outline-offset:4px}@media(max-width:760px){.pain-options{gap:9px}.pain-options button{min-height:72px;padding:14px 11px;gap:9px;border-radius:14px}.pain-options button>.pain-option-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}.pain-option-icon svg{width:19px;height:19px}.pain-options button>.pain-option-label{font-size:12px}.pain-options button>.pain-option-indicator{width:5px;height:5px;flex-basis:5px}}@media(max-width:360px){.pain-options button{padding:13px 9px;gap:7px}.pain-options button>.pain-option-label{font-size:11px}.pain-options button>.pain-option-icon{width:27px;height:27px;flex-basis:27px}.pain-options button>.pain-option-indicator{display:none}}@media(prefers-reduced-motion:reduce){.pain-options button{transition:none}}
@media(min-width:761px) and (max-width:1100px){.pain-options button{flex-direction:column;align-items:flex-start;gap:12px;min-height:106px;padding:16px}.pain-options button>.pain-option-indicator{position:absolute;top:17px;right:16px}.pain-options button>.pain-option-label{font-size:13px}}

/* The situation content and animated clay tiles now form one paired block. */
.pain-layout{align-items:stretch}.clay-situation-picker.pain-options{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));align-self:stretch;gap:11px}.clay-situation-picker.pain-options button{display:flex;flex-direction:row;align-items:center;gap:20px;min-height:105px;padding:21px 24px;border:1px solid #3d3e45;border-radius:20px;background:#141518;color:#f4edf8;box-shadow:none}.clay-situation-picker.pain-options button:hover{background:#1e1c24;border-color:#9471a7}.clay-situation-picker.pain-options button[aria-pressed=true]{background:#151319;border-color:#b79ac8;box-shadow:inset 0 -3px 0 #b79ac8}.clay-situation-picker.pain-options button>.mini-clay{width:61px;height:61px;flex:0 0 61px;transform:scale(.9);margin:-3px;color:inherit}.clay-situation-picker.pain-options button>.situation-copy{display:block;min-width:0;color:inherit}.clay-situation-picker strong{font:700 24px/1.2 var(--display);letter-spacing:-.03em;color:#f2e7f8}.clay-situation-picker small{display:block;font:400 12px/1.55 var(--ui);color:#bdaac9!important;margin-top:7px}.pain-section:has(.clay-situation-picker){padding-bottom:80px}@media(max-width:1100px) and (min-width:761px){.clay-situation-picker.pain-options button{padding:18px;gap:15px}.clay-situation-picker strong{font-size:21px}.clay-situation-picker small{font-size:11px}.clay-situation-picker.pain-options button>.mini-clay{transform:scale(.78);margin:-6px}}@media(max-width:760px){.clay-situation-picker.pain-options{grid-template-rows:none;gap:10px}.clay-situation-picker.pain-options button{min-height:106px;padding:21px 23px;gap:22px;border-radius:16px}.clay-situation-picker strong{font-size:24px}.clay-situation-picker small{font-size:11px;line-height:1.6}.clay-situation-picker.pain-options button>.mini-clay{transform:scale(.88);margin:-3px}.pain-section:has(.clay-situation-picker){padding-bottom:55px}}@media(max-width:370px){.clay-situation-picker.pain-options button{padding:18px;gap:17px}.clay-situation-picker strong{font-size:22px}.clay-situation-picker small{font-size:10px}}

/* Recognisable clay objects for the four situations. */
.conversation-clay i:first-child{width:45px;height:34px;left:2px;top:7px;border-radius:13px;transform:rotate(-7deg)}.conversation-clay i:first-child::after{content:"";position:absolute;width:13px;height:12px;left:7px;bottom:-5px;background:#ba77ba;border-radius:0 0 3px 7px;transform:skewY(-28deg)}.conversation-clay i:nth-child(2){width:34px;height:27px;right:0;bottom:7px;border-radius:11px;transform:rotate(8deg);background:linear-gradient(140deg,#f2c6af,#d59bd0)}.conversation-clay i:nth-child(3){width:4px;height:4px;left:14px;top:20px;border-radius:50%;background:#69457c;box-shadow:8px 0 #69457c,16px 0 #69457c;z-index:2}
.morework-clay i:first-child{width:51px;height:51px;left:5px;top:5px;border-radius:18px;transform:rotate(-8deg)}.morework-clay i:nth-child(2){width:29px;height:9px;left:16px;top:26px;border-radius:5px;background:linear-gradient(#fbe2c7,#eabaad);box-shadow:inset 0 2px 2px #fff8,0 3px 5px #643d7644}.morework-clay i:nth-child(3){width:9px;height:29px;left:26px;top:16px;border-radius:5px;background:linear-gradient(#fbe2c7,#eabaad);box-shadow:inset 2px 0 2px #fff6}
.calculator-clay i:first-child{width:43px;height:57px;left:9px;top:2px;border-radius:12px;transform:rotate(-5deg)}.calculator-clay i:nth-child(2){width:27px;height:11px;left:17px;top:11px;border-radius:4px;background:linear-gradient(135deg,#5c3a72,#927197);box-shadow:inset 1px 2px 3px #42245066,0 1px 1px #f2cce6;transform:rotate(-5deg)}.calculator-clay i:nth-child(3){width:6px;height:6px;left:18px;top:29px;border-radius:2px;background:#f5cdbd;box-shadow:9px 0 #f5cdbd,18px 0 #f5cdbd,0 10px #e2afd6,9px 10px #e2afd6,18px 10px #f5cdbd;transform:rotate(-5deg)}

/* New sectors share MANE's existing spacing, clay palette and motion. */
.billing-policy-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:32px;border:1px solid var(--line,#ddd3d9);border-radius:24px;margin:30px 0;background:#f5edf6;color:#392641}.billing-policy-note h3{font-family:var(--display);font-size:32px;line-height:1.12}.billing-policy-note p{line-height:1.6}.branch-link-art img[src$=".png"],.branch-hero-art img[src$=".png"]{object-fit:contain}.nav-branch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.billing-policy-note{grid-template-columns:1fr;padding:22px}.billing-policy-note h3{font-size:28px}.branch-card-grid{grid-template-columns:1fr}}
/* Keep the shared navigation within reach on every page and screen size. */
.header-shell{position:sticky!important;top:0;z-index:50;background:linear-gradient(180deg,#08090bf2,#08090bc9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-bottom:12px}html{scroll-padding-top:135px}main [id]{scroll-margin-top:135px}.site-header .nav-branch-panel{max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1000px){.header-shell{padding-bottom:0}html{scroll-padding-top:90px}main [id]{scroll-margin-top:90px}}

/* Sector names use the same confident Manifold display type as MANE. */
.nav-branch-name{font:700 15px/1.25 var(--display);letter-spacing:-.025em;color:#35223e;overflow-wrap:normal}.branch-link-card h3{font-family:var(--display);font-weight:700;line-height:1.16}
@media(max-width:1100px){.nav-branch-name{font-size:14px}}

/* The primary signup action belongs to the MANE display type family. */
.header-pilot,.drawer-signup{font-family:var(--display);font-weight:700;letter-spacing:-.025em}.header-pilot{font-size:12px;line-height:1.3}.nav-branch-name{min-height:2.5em;display:block;overflow-wrap:normal}
.site-header>.header-pilot,.mobile-drawer>.drawer-signup{font-family:var(--display);font-weight:700;letter-spacing:-.025em;font-size:12px;line-height:1.3}

/* Shared clay package identity and the owner-approved credit choices. */
.price-card h3,.price-card .price,.price-card .button,.site-credit-options h2,.site-credit-grid h3{font-family:Manifold,ManifoldFallback,sans-serif;font-weight:900;letter-spacing:-.02em}.plan-clay-art{height:150px;width:180px;max-width:100%;margin:0 auto 25px;position:relative;display:flex;align-items:center;justify-content:center}.plan-clay-people{display:flex;align-items:flex-end;gap:0;flex-direction:row}.plan-clay-people img{width:90px;height:105px;object-fit:contain}.plan-clay-art.team .plan-clay-people img{width:52px;height:80px}.plan-clay-art.business .plan-clay-people{display:grid;grid-template-columns:repeat(5,30px);gap:0}.plan-clay-art.business .plan-clay-people img{width:32px;height:48px}.plan-clay-star{position:absolute;width:40px;height:40px;object-fit:contain;right:0;top:35px}.plan-clay-art.extended{width:125px}.plan-clay-art.extended .plan-clay-star{width:34px;height:34px;right:-6px;top:36px}.plan-clay-art.team .plan-clay-star{right:0;top:30px}.plan-clay-art.business .plan-clay-star{right:-4px;top:18px}.price-card .price{white-space:nowrap;font-size:clamp(26px,2.5vw,40px);line-height:1.3}.price-card .price span{white-space:normal}.site-credit-options{margin:64px 0;padding:34px 0;border-top:1px solid var(--line,#dcd2d8);border-bottom:1px solid var(--line,#dcd2d8)}.site-credit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.site-credit-grid article{position:relative;padding:28px 22px;border:1px solid var(--line,#dcd2d8);border-radius:18px;background:#fff}.site-credit-grid h3{font-size:30px;margin:0 0 14px;line-height:1.4}.site-credit-grid p{font-size:13px;line-height:1.7;color:var(--muted,#756674)}.site-credit-grid strong{font-size:14px;line-height:1.7}.site-credit-grid .recommended{border-color:#704964;box-shadow:0 0 0 1px #704964}.site-credit-grid .credit-recommended{position:absolute;top:-12px;right:14px;background:#704964;color:#fff;font-size:11px;font-weight:600;padding:6px 10px;border-radius:20px}.credit-topup-note{font-size:14px;line-height:1.8;max-width:840px}@media(max-width:800px){.site-credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-clay-art{height:130px}.price-card .price{font-size:32px}}@media(max-width:480px){.site-credit-grid{gap:12px}.site-credit-grid article{padding:24px 16px}.site-credit-grid h3{font-size:26px}.site-credit-grid strong{font-size:12px}.price-card .price{font-size:30px}}

/* Light pricing surfaces own their text colors; the surrounding page stays dark. */
.site-credit-grid article{color:#29272b;border-color:#ddd3dc}
.site-credit-grid article h3,.site-credit-grid article strong{color:#29272b}
main .site-credit-grid article p{color:#68616b!important}
.billing-policy-note{color:#392641}
.billing-policy-note h3{color:#392641}
main .billing-policy-note p,main .billing-policy-note .eyebrow{color:#66546b!important}
.site-credit-grid .credit-recommended{color:#fff}
.pricing-trial-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;margin:0 0 34px;background:#efe5f1;border:1px solid #d9c6de;border-radius:20px;color:#392641}
.pricing-trial-callout strong{display:block;font:700 clamp(21px,2.1vw,30px)/1.25 var(--display);letter-spacing:-.025em}
main .pricing-trial-callout p{margin-top:7px;color:#66546b!important;font-size:14px}
.pricing-trial-callout .button{flex-shrink:0}
.price-card .trial-credit-note{display:block;margin-top:12px;font-size:12px;text-align:center;color:#66546b!important}
.page-next .cta-trial-note{display:block;margin:20px 0 0;font-weight:600;color:#dbc3e4!important;font-size:14px}
.pricing-compare-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px;border-top:1px solid #3f3547;margin-top:35px}
.pricing-compare-link a{font-weight:600;color:#e0c4ed;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.pricing-trial-callout{align-items:flex-start;flex-direction:column;padding:25px 22px;gap:18px}.pricing-trial-callout strong{font-size:25px}.pricing-trial-callout .button{width:100%}.pricing-compare-link{align-items:flex-start;flex-direction:column;gap:12px}}
/* Shared light pilot and status cards need the same contrast protection. */
.status-card h2,.pilot-panel h3{color:#302039}
.plan-clay-art .plan-group-icon{width:155px;height:140px;object-fit:contain}.plan-clay-art.business .plan-group-icon{width:150px;height:140px}
@media(max-width:800px){.plan-clay-art .plan-group-icon,.plan-clay-art.business .plan-group-icon{height:125px;width:145px}}