/* MANE's existing clay palette and Manifold typography, extended for guided demos. */
.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--apricot);margin-bottom:23px;font-weight:600}.conversion-hero{padding-top:55px;padding-bottom:95px}.conversion-hero h1{font-size:clamp(43px,4.9vw,72px);line-height:1.1}.conversion-hero h1 span{color:#d4b5cd}.conversion-hero .hero-intro{max-width:585px;font-size:18px}.conversion-hero .hero-note{line-height:1.8;font-size:12px;max-width:520px}.connected-art{position:relative}.connected-art>img{animation:clay-arrive 1.1s cubic-bezier(.18,.65,.25,1) both;filter:drop-shadow(0 30px 40px #0003)}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid #917889;border-radius:16px;background:#352837ee;box-shadow:0 10px 25px #0003;font-size:12px;white-space:nowrap;animation:note-arrive .9s .3s both}.floating-note i{font-style:normal;display:grid;place-items:center;background:var(--apricot);color:#372434;border-radius:9px;width:27px;height:27px;font-size:18px}.note-one{right:0;top:17%;transform:rotate(4deg)}.note-two{left:0;bottom:15%;transform:rotate(-4deg);animation-delay:.5s}.art-caption{display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;color:#c0abc3;font-size:12px}.pain-section{padding-top:25px;padding-bottom:110px}.pain-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;margin-bottom:42px}.pain-heading .eyebrow{grid-column:1/-1}.pain-heading>p:last-child{max-width:440px;align-self:end;color:var(--muted);font-size:16px}.pain-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.pain-options{border-top:1px solid #4e3c51}.pain-options button{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #4e3c51;padding:24px 16px 24px 0;color:#c4b5c9;font-size:17px;min-height:88px}.pain-options button>span{color:#917a94;font-size:12px}.pain-options button>b{font-size:21px;margin-left:auto;font-weight:400}.pain-options button[aria-pressed=true]{color:var(--cream)}.pain-options button[aria-pressed=true]>span,.pain-options button[aria-pressed=true]>b{color:var(--apricot)}.pain-options button:hover{background:#28202b}.pain-answer{position:relative;border-radius:26px;background:#e9dfe8;color:var(--ink);padding:36px 40px;overflow:hidden;min-height:350px}.pain-marker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#755b71}.pain-answer h3{max-width:350px;font-size:33px;margin:25px 0 19px}.pain-answer>p{max-width:400px;font-size:15px;line-height:1.75}.pain-answer .text-link{font-size:12px;margin-top:20px;max-width:calc(100% - 65px)}.pain-answer>img{position:absolute;right:-6px;bottom:-9px;width:86px;transform:rotate(-15deg);opacity:.85}.journey-section{padding-bottom:100px}.journey-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-bottom:36px}.journey-heading>p{font-size:16px;color:var(--muted);max-width:420px}.journey-shell{border:1px solid #765b77;border-radius:27px;background:#eae2e9;color:#302634;box-shadow:0 25px 80px #0002;overflow:hidden}.journey-top{display:flex;align-items:center;gap:20px;padding:18px 27px;background:#3b2c40;color:#f6f3ec;border-bottom:1px solid #634f69}.journey-brand{display:flex;align-items:center;gap:8px;font:700 19px var(--display)}.journey-brand img{object-fit:contain;width:27px;height:27px}.example-pill{font-size:10px;letter-spacing:.04em;border:1px solid #816e88;border-radius:20px;padding:4px 10px;color:#e2d2e7}.journey-top>button{margin-left:auto;background:transparent;border:0;color:#eee1f0;font-size:12px;padding:8px;min-height:40px}.journey-layout{display:grid;grid-template-columns:210px minmax(0,1fr)}.journey-nav{display:flex;flex-direction:column;padding:25px 14px;background:#ddd0df;gap:5px;border-right:1px solid #c4b2c8}.journey-nav>button{padding:14px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#6e5875;text-align:left;font-size:14px;display:flex;align-items:center;gap:13px;min-height:49px}.journey-nav>button>span{font-size:10px;color:#7e6985}.journey-nav>button[aria-current]{background:#503b57;color:#fff;border-color:#694c71;box-shadow:0 4px 10px #49314c22}.journey-nav>button[aria-current]>span{color:#efbd9c}.journey-nav>button:hover{border-color:#977b9e}.journey-nav>button.is-done:not([aria-current]){color:#3b2844}.journey-client{margin:42px 10px 0;padding-top:20px;border-top:1px solid #bfabca;display:flex;flex-direction:column;gap:5px;font-size:10px;color:#705c7b}.journey-client strong{font-size:12px;color:#51395b;font-weight:600}.journey-client small{font-size:10px}.journey-work{padding:36px clamp(24px,4vw,55px) 18px;min-width:0;min-height:620px;background:radial-gradient(ellipse at 90% 0%,#f5edf2 0,transparent 60%)}#journey-stage{outline:none;min-width:0}#journey-stage:focus-visible{outline:2px solid #745168;outline-offset:12px;border-radius:3px}.stage-enter{animation:stage-enter .27s ease both}.stage-kicker{font-size:10px;letter-spacing:.09em;color:#745c7b;margin-bottom:16px}.stage-title{font-size:clamp(26px,2.5vw,36px);line-height:1.12}.stage-copy{font-size:14px;line-height:1.65;color:#786780;margin-top:15px;max-width:640px}.stage-action{margin-top:23px;min-height:46px;font-size:12px!important;padding:13px 19px!important;gap:22px!important;border:1px solid #d59777!important;color:#392937!important}.stage-action:disabled{opacity:.5;cursor:not-allowed}.request-sheet,.approval-sheet,.project-demo,.invoice-demo{margin-top:26px;border-radius:16px;border:1px solid #c7b5c9;background:#faf7f8;box-shadow:0 8px 22px #46314908;overflow:hidden}.request-person{display:flex;align-items:center;gap:13px;padding:22px;border-bottom:1px solid #e0d5e1}.client-avatar{background:#cab7cf;color:#5e4167;display:grid;place-items:center;width:43px;height:43px;min-width:43px;border-radius:13px;font:700 14px var(--display)}.request-person>div{display:flex;flex-direction:column;gap:3px}.request-person strong{font-size:14px}.request-person>div>span{font-size:11px;color:#8a738f}.mini-badge{font-size:10px;line-height:1.5;display:inline-block;padding:5px 9px;border-radius:8px;background:#e7dceb;color:#6d4e76}.request-person>.mini-badge{margin-left:auto;text-align:center}.request-message{margin:23px;padding:20px;border-radius:0 14px 14px 14px;background:#eee4e9;font-size:15px;line-height:1.75;color:#74586f}.request-context{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;padding:0 23px 24px}.request-context>span{font-size:11px;display:flex;flex-direction:column;gap:4px;color:#8a748d}.request-context strong{font-size:12px;color:#513b59;font-weight:400}.base-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px;margin-top:23px;background:#dfd2e3;border-radius:12px;font-size:13px}.base-line small{font-size:11px;color:#796181}.base-line strong{white-space:nowrap}.quote-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0;border:0;margin:15px 0}.quote-option{position:relative;display:grid;grid-template-columns:1fr;gap:12px;border:2px solid #d0bfd5;border-radius:15px;background:#f6f0f7;padding:15px;cursor:pointer;min-width:0}.quote-option.selected{border-color:#75507e;background:#ede0f0}.quote-option:focus-within{outline:3px solid #ad714c;outline-offset:3px}.quote-option input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.tile-swatch{width:100%;height:65px;border-radius:7px;border:1px solid #cab9bc;background-color:#d3c7bb;background-image:linear-gradient(90deg,transparent 48%,#ffffff90 49%,#ffffff90 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#ffffff90 49%,#ffffff90 51%,transparent 52%);background-size:50px 34px;box-shadow:inset 0 3px 8px #7466572b}.warm-tiles{background-color:#b78871;border-color:#a78171}.option-copy{display:flex;flex-direction:column;gap:5px}.option-copy strong{font-size:14px;padding-right:17px}.option-copy small{font-size:11px;color:#7f6788}.option-copy b{font-size:14px;font-weight:600}.choice-indicator{position:absolute;bottom:14px;right:13px;color:#75507e}.quote-total{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;padding-top:13px;border-top:1px solid #cdb7d4}.quote-total>span>small{display:block;font-size:10px;color:#78627f}.quote-total>strong{font:700 21px var(--display);text-align:right}.approval-sheet{padding:23px}.approval-sheet h4{margin:19px 0;font:700 23px var(--display)}.approval-sheet>p{font-size:11px;color:#876f8b;margin-top:20px}.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;padding:13px 0;border-bottom:1px solid #e3d7e6}.invoice-row strong,.invoice-row b{font-weight:600;white-space:nowrap}.invoice-row.total{border-bottom:0;font-size:15px;color:#543559;font-weight:bold}.project-demo-header{padding:18px 23px;border-bottom:1px solid #e3d7e6;display:flex;gap:20px;align-items:center}.project-demo-header>strong{font-size:14px}.project-selected{display:flex;align-items:center;gap:24px;padding:15px 26px}.project-selected>img{width:140px;height:140px;object-fit:contain}.project-selected span{font-size:11px;color:#8a7290}.project-selected h4{font:700 22px var(--display);margin:10px 0}.project-selected p{font-size:13px;color:#83668a}.project-checks{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;padding:17px 23px;border-top:1px solid #e3d7e6;color:#6e5275}.extra-demo{margin-top:26px;background:#f9f1f2;padding:24px;display:grid;grid-template-columns:48px 1fr;gap:14px 18px;border:1px solid #d7bec8;border-radius:17px}.extra-plus{width:47px;height:47px;border-radius:15px;background:linear-gradient(140deg,#f1c0a2,#c58b95);color:#7b4f66;font-size:33px;display:grid;place-items:center;box-shadow:inset 2px 3px 5px #fffa,inset -3px -3px 6px #86597240,0 4px 7px #a07b7822}.extra-demo h4{font:700 23px var(--display);margin:1px 0 12px}.extra-demo p{font-size:13px;color:#8b6c80;line-height:1.7}.extra-demo strong{font-size:18px;display:block;margin-top:13px}.extra-demo small{font-size:11px;font-weight:400}.extra-toggle{grid-column:1/-1;background:#eadce7;color:#63446a;border:1px solid #b69abb;border-radius:9px;padding:12px 17px;text-align:center;font-size:12px;min-height:44px}.extra-toggle[aria-pressed=true]{background:#64416c;color:#fff}.extra-demo+.quote-total{margin-top:20px}.invoice-demo{padding:21px 23px}.invoice-heading{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #d7c4db;padding-bottom:17px}.invoice-heading>span{font-size:9px;color:#8f7196;letter-spacing:.1em}.invoice-heading>strong{font:700 22px var(--display)}.invoice-row small{display:block;font-size:10px;color:#946a88}.invoice-row.extra-row{color:#855167}.demo-complete{display:flex;align-items:flex-start;gap:16px;margin-top:23px;border-radius:14px;padding:19px;background:#ddd0e2}.demo-complete>img{width:44px;height:44px;object-fit:contain;animation:clay-arrive .6s ease both}.demo-complete strong{font-size:15px}.demo-complete p{font-size:12px;color:#745c7c;margin:7px 0}.demo-complete a{font-size:12px}.journey-feedback{font-size:11px;min-height:22px;margin-top:15px;color:#72517b}.journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 27px;border-top:1px solid #cbb8d0;color:#795d82;font-size:10px}.journey-bottom>span{white-space:nowrap;font-weight:600}.journey-disclosure{max-width:780px;font-size:11px;line-height:1.8;color:#b3a3bb;margin-top:18px}.locked-clay{height:220px;margin-top:20px;display:grid;place-items:center}.locked-clay img{width:190px;height:190px;object-fit:contain}.demo-invite{padding-block:55px 85px}.demo-invite-inner{display:grid;grid-template-columns:1.3fr 1fr;border-radius:28px;background:#37263b;border:1px solid #715274;padding:53px 56px;gap:45px;align-items:center}.demo-invite h2{font-size:clamp(34px,3.8vw,53px)}.demo-invite p:not(.eyebrow){font-size:16px;color:#d2bdd5;max-width:470px;margin-top:24px}.demo-invite .button{margin-top:27px;font-size:13px}.invite-note{display:block;font-size:11px;color:#b89fbd;margin-top:17px}.invite-clay{position:relative;text-align:center}.invite-clay img{width:330px;margin:auto;transition:transform .4s ease}.invite-clay:hover img{transform:rotate(-4deg) translateY(-7px)}.invite-clay>span{font-size:11px;color:#ceb4d1;display:block;margin-top:10px}.interest-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:60px;padding-bottom:80px}.interest-section h1,.interest-section h2{font-size:clamp(34px,3.8vw,54px)}.interest-section>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#bdacc3;margin-top:27px}.interest-section>div>.interest-honesty{font-size:12px!important;color:#dec6d0!important;border-top:1px solid #5f4564;padding-top:22px}.interest-section form{padding:32px;background:#2a1e30;border:1px solid #64466d;border-radius:22px;min-width:0}.interest-section form>label,.interest-section legend{display:block;font-size:13px;color:#e3cfe9;margin-bottom:13px}.interest-section select{font:14px var(--body);padding:13px;width:100%;color:#eadfea;border:1px solid #795b83;border-radius:9px;background:#37273e;min-height:47px}.interest-section fieldset{padding:0;margin:28px 0;border:0}.interest-section fieldset>label{font-size:13px;display:flex;align-items:center;gap:11px;padding:10px 0;color:#d3bedb;min-height:43px;cursor:pointer}.interest-section input[type=radio]{accent-color:#f4ba92;width:18px;height:18px}.interest-section select:focus-visible,.interest-section input:focus-visible,.interest-section textarea:focus-visible{outline:3px solid var(--apricot);outline-offset:4px}.interest-section .button{font-size:12px;min-height:46px}#interest-result{margin-top:25px}#interest-result[hidden]{display:none}#interest-result>label{font-size:12px;display:block;margin-bottom:12px}#interest-draft{width:100%;min-height:155px;resize:vertical;padding:14px;border:1px solid #80658a;border-radius:9px;background:#38283f;color:#f6eef8;font:13px/1.7 var(--body)}#interest-copy{margin-top:14px}#interest-status{font-size:12px;color:#d8b5ca;margin-top:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes clay-arrive{from{opacity:0;transform:translateY(20px) rotate(-5deg) scale(.95)}to{opacity:1;transform:none}}@keyframes note-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes stage-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.conversion-hero h1{font-size:51px}.conversion-hero .hero-intro{font-size:16px}.floating-note{font-size:10px;padding:10px}.pain-heading,.pain-layout,.journey-heading{gap:35px}.pain-options button{font-size:15px}.pain-answer{padding:30px}.journey-layout{grid-template-columns:175px minmax(0,1fr)}.journey-nav>button{font-size:12px;gap:10px}.journey-work{padding:29px 25px 15px}.interest-section{gap:40px}.demo-invite-inner{padding:40px;gap:25px}}
@media(max-width:760px){.conversion-hero{padding-top:32px;padding-bottom:70px}.conversion-hero h1{font-size:clamp(37px,7.5vw,53px)}.conversion-hero .hero-intro{font-size:16px;max-width:560px}.conversion-hero .hero-note{font-size:11px}.conversion-hero .hero-actions{align-items:flex-start;gap:18px}.conversion-hero .hero-actions>.button{font-size:12px;gap:18px}.conversion-hero .hero-actions>.text-link{font-size:12px}.connected-art{min-height:290px;max-width:430px!important;width:100%;margin:25px auto 0}.connected-art>img{max-width:330px;width:90%;margin:auto}.floating-note{font-size:10px;padding:9px 12px}.floating-note i{width:23px;height:23px;font-size:15px}.note-one{right:0;top:16%}.note-two{left:0;bottom:16%}.art-caption{font-size:10px;bottom:-16px}.eyebrow{font-size:10px;margin-bottom:19px}.pain-section{padding-bottom:66px}.pain-heading,.journey-heading{display:block;margin-bottom:27px}.pain-heading h2,.journey-heading h2{font-size:34px}.pain-heading>p:last-child,.journey-heading>p{margin-top:24px;font-size:14px;max-width:100%}.pain-layout{grid-template-columns:1fr;gap:23px}.pain-options button{min-height:77px;padding:20px 5px 20px 0;font-size:14px;gap:13px}.pain-options button>span{font-size:10px}.pain-answer{padding:27px;min-height:300px;border-radius:20px}.pain-answer h3{font-size:29px;margin-top:19px}.pain-answer>p{font-size:14px}.journey-section{padding-bottom:56px}.journey-shell{border-radius:19px}.journey-top{padding:10px 13px;gap:10px}.journey-brand{font-size:16px;gap:6px}.journey-brand img{width:23px;height:23px}.example-pill{font-size:8px;padding:3px 7px}.journey-top>button{font-size:10px;padding:5px}.journey-layout{grid-template-columns:1fr}.journey-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:5px;border-right:0;border-bottom:1px solid #c4b2c8}.journey-nav>button{font-size:10px;min-height:41px;padding:9px 8px;gap:7px;border-radius:8px}.journey-nav>button>span{font-size:8px}.journey-client{display:none}.journey-work{padding:25px 18px 12px;min-height:570px}.stage-kicker{font-size:9px;margin-bottom:14px}.stage-title{font-size:28px}.stage-copy{font-size:12px;margin-top:14px}.request-person{padding:16px;gap:9px;flex-wrap:wrap}.request-person strong{font-size:12px}.request-person>div>span{font-size:9px}.client-avatar{width:34px;height:34px;min-width:34px;font-size:11px}.request-person>.mini-badge{font-size:8px;margin-left:43px}.request-message{margin:16px;padding:16px;font-size:13px}.request-context{padding:0 16px 18px;gap:14px;grid-template-columns:1fr}.request-context strong{font-size:11px}.base-line{font-size:11px;padding:13px;gap:10px}.base-line small{font-size:9px}.quote-options{gap:9px}.quote-option{padding:10px;gap:10px;border-radius:11px}.option-copy strong{font-size:11px;padding-right:0}.option-copy small{font-size:9px}.option-copy b{font-size:11px}.tile-swatch{height:60px}.choice-indicator{bottom:9px;right:7px;font-size:12px}.quote-total{font-size:11px}.quote-total>strong{font-size:18px}.stage-action{font-size:11px!important;padding:12px 15px!important;gap:15px!important;width:auto;max-width:100%;white-space:normal}.approval-sheet{padding:17px}.invoice-row{font-size:11px;gap:12px;padding:11px 0}.invoice-row.total{font-size:12px}.project-demo-header{flex-wrap:wrap;padding:15px;gap:10px}.project-demo-header>strong{font-size:12px}.project-selected{padding:15px;gap:12px}.project-selected>img{width:90px;height:110px}.project-selected h4{font-size:19px}.project-selected p{font-size:11px}.project-checks{padding:14px 16px;gap:8px 14px;font-size:10px}.extra-demo{padding:18px;grid-template-columns:36px 1fr;gap:13px}.extra-plus{width:36px;height:36px;font-size:26px;border-radius:12px}.extra-demo h4{font-size:21px}.extra-demo p{font-size:12px}.extra-demo strong{font-size:16px}.extra-toggle{font-size:11px;padding:11px}.invoice-demo{padding:16px}.invoice-heading>strong{font-size:20px}.demo-complete{padding:15px;gap:10px}.demo-complete>img{width:29px;height:29px}.demo-complete strong{font-size:13px}.demo-complete p,.demo-complete a{font-size:11px}.journey-feedback{font-size:10px}.journey-bottom{padding:12px 15px;gap:12px;align-items:flex-start;font-size:9px}.journey-bottom>p{font-size:8px;text-align:right;max-width:190px}.journey-disclosure{font-size:10px}.demo-invite{padding-top:25px;padding-bottom:55px}.demo-invite-inner{grid-template-columns:1fr;padding:31px 26px;gap:25px;border-radius:22px}.demo-invite h2{font-size:34px}.demo-invite p:not(.eyebrow){font-size:14px;margin-top:22px}.invite-clay img{width:230px}.interest-section{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:55px}.interest-section h1,.interest-section h2{font-size:37px}.interest-section form{padding:25px}.interest-section>div>p:not(.eyebrow){font-size:14px}.locked-clay{height:195px}.locked-clay img{width:165px;height:165px}}
@media(max-width:370px){.journey-nav>button{padding:8px 5px;font-size:9px;gap:4px}.journey-work{padding-inline:14px}.conversion-hero h1{font-size:35px}.floating-note{font-size:9px}.stage-title{font-size:25px}.option-copy strong{font-size:10px}.option-copy b{font-size:10px}.choice-indicator{font-size:10px}.quote-total>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.connected-art>img,.floating-note,.stage-enter,.demo-complete>img{animation:none!important;transform:none!important}.invite-clay img{transition:none}.invite-clay:hover img{transform:none}html{scroll-behavior:auto!important}}
.invite-contact{display:block;margin-top:20px;font-size:12px}.maker-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-top:25px;padding-bottom:100px}.maker-identity{align-self:center;display:flex;align-items:center;gap:25px;color:#e7d6e7;font:700 21px var(--display)}.maker-identity small{font:12px var(--body);color:#ae92b5;display:block;margin-top:8px}.maker-monogram{width:112px;height:112px;flex-shrink:0;display:grid;place-items:center;border-radius:35px;background:linear-gradient(145deg,#d5a29c,#705073);box-shadow:inset 4px 5px 10px #ffe0c63b,inset -4px -5px 12px #38234266,0 18px 35px #0003;font-size:42px;color:#f7e3d6;transform:rotate(-7deg)}.maker-section h2{font-size:43px}.maker-section>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#bdacc4;margin-top:24px;max-width:700px}.maker-links{display:flex;gap:30px;margin-top:23px}.maker-links a{font-size:12px}@media(max-width:760px){.maker-section{grid-template-columns:1fr;gap:37px;padding-bottom:65px}.maker-identity{font-size:19px}.maker-monogram{width:78px;height:78px;border-radius:25px;font-size:30px}.maker-section h2{font-size:34px}.maker-section>div>p:not(.eyebrow){font-size:14px}.maker-links{gap:23px}.maker-links a{font-size:11px}}
.conversion-hero .eyebrow,.pain-heading .eyebrow,.journey-heading .eyebrow,.demo-invite .eyebrow,.interest-section .eyebrow,.maker-section .eyebrow,.connected-art .art-caption{display:block}
/* Actual app viewport: no scaled desktop screenshot; its own mobile breakpoints run inside this frame. */
.actual-project-section{max-width:1540px}.project-example-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#372b3b;padding:16px 22px;border:1px solid #765b77;border-bottom:0;border-radius:22px 22px 0 0}.project-example-bar>span{font-size:11px;color:#decbe3;display:flex;gap:9px;align-items:center}.project-example-bar i{font-size:8px;color:#f4ba92}.project-example-bar>div{display:flex;gap:6px;flex-wrap:wrap}.project-example-bar button{min-height:40px;padding:8px 13px;background:#4b3652;color:#e8dced;border:1px solid #715279;border-radius:9px;font-size:11px}.project-example-bar button:hover{background:#63456c}#mane-project-example{display:block;width:100%;height:800px;border:1px solid #765b77;border-radius:0 0 22px 22px;background:#f5f3ef}@media(max-width:760px){.actual-project-section{padding-inline:12px}.actual-project-section>.journey-heading,.actual-project-section>.journey-disclosure{padding-inline:12px}.project-example-bar{align-items:flex-start;flex-direction:column;padding:15px 15px;gap:13px;border-radius:17px 17px 0 0}.project-example-bar>span{font-size:10px}.project-example-bar>div{gap:5px;width:100%}.project-example-bar button{flex:1;font-size:10px;padding:8px 9px;min-height:39px}#mane-project-example{height:780px;height:min(860px,95svh);min-height:600px;border-radius:0 0 17px 17px}.actual-project-section .journey-heading h2{font-size:34px}}