/* UX Design Coach studio / warm editorial type, expressive canvas */
:root{--ink:#20211f;--paper:#faf9f6;--line:#d8d9d1;--muted:#575b54;--yellow:#ddf581;--purple:#ded2f6;--blue:#414dcc}h1,h2{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.055em}h1{line-height:1.01}h2{line-height:1.07}p{color:#555b51}.wrap{width:min(1240px,calc(100% - 72px))}.site-header{padding:23px 0;border-bottom:1px solid var(--line)}.brand b{background:#d9f180;color:var(--ink);border-radius:11px;font-weight:700}.nav{background:transparent;border:0;padding:0;gap:4px}.nav a{font-size:14px;padding:10px 13px}.button{border-radius:9px;gap:18px;padding:14px 21px;font-weight:600;font-size:14px}.button.yellow{background:#20211f;color:white;border-color:#20211f}.button.light{border:1px solid #aaa;background:transparent}.studio-hero{position:relative;text-align:center;padding:72px 0 56px}.hero-label{font:11px/1.5 monospace;letter-spacing:.12em;display:flex;align-items:center;gap:8px;justify-content:center}.status-dot{height:7px;width:7px;border-radius:50%;background:#54683a}.studio-hero h1{font-size:clamp(48px,6.7vw,94px);margin:26px auto;max-width:1080px;letter-spacing:-.065em}.serif-play{font-family:Georgia,serif;font-style:italic;font-weight:400}.better-word{position:relative;display:inline-block;color:#515739}.better-word svg{position:absolute;bottom:-13px;left:0;width:100%;height:22px;color:#cce766;z-index:-1}.studio-lead{font-size:19px;line-height:1.6;margin:25px auto;max-width:660px}.tiny-note{font-size:11px;letter-spacing:.02em;color:#606557}.studio-hero .tiny-note{margin-top:20px}.floating-mark{position:absolute}.mark-one{left:2%;top:145px;color:#7a5ac8;font-size:74px;transform:rotate(-15deg)}.mark-two{right:2%;top:200px;font-size:55px;background:#f3b89c;width:78px;height:78px;border-radius:15px;transform:rotate(12deg)}.playground{border:1px solid #aaa99e;border-radius:13px;overflow:hidden;box-shadow:0 12px 0 #eeece5;margin-bottom:56px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#f1f0ea;font-size:12px;border-bottom:1px solid #c6c4b9}.canvas-logo{font-size:22px;margin-right:6px}.canvas-stage{position:relative;display:grid;grid-template-columns:.83fr 1.18fr .85fr;align-items:center;gap:30px;min-height:470px;padding:45px;background-color:#e8e3f1;background-image:radial-gradient(#bfb6cd 1px,transparent 1px);background-size:17px 17px}.canvas-note{background:#e4f1ad;padding:26px 21px 34px;transform:rotate(-8deg);box-shadow:5px 7px 0 #bbb9a73d;min-height:240px;position:relative}.canvas-note>span:first-child{font-size:9px;font-weight:700;letter-spacing:.08em}.canvas-note p{font-size:30px;color:#303828;line-height:1.2;letter-spacing:-.05em;margin:30px 0}.canvas-note em{font-family:Georgia,serif}.note-line{display:block;border-top:2px solid #596142;width:90px;transform:rotate(-3deg)}.demo-window{background:#fffdf8;border:1px solid #242720;border-radius:13px;box-shadow:7px 7px 0 #252820;transform:rotate(2deg);z-index:1}.demo-top{padding:12px 14px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;font:9px monospace}.demo-top i{width:5px;height:5px;display:inline-block;border:1px solid;border-radius:50%;margin-right:3px}.demo-body{padding:30px 28px 17px}.demo-body .eyebrow{font-size:8px}.demo-body h2{font-size:36px;margin:10px 0 17px}.demo-body p{font-size:12px;margin:0 0 18px;line-height:1.6}.mock-action{padding:13px 17px;background:#efeee8;border:1px solid #b8b9b0;font-size:13px;display:flex;justify-content:space-between;border-radius:7px;font-weight:600}.mock-action.improved{background:#d9ef89;border-color:#344326}.demo-body .demo-caption{font-size:10px;margin:12px 0 0;min-height:32px}.demo-controls{border-top:1px solid #ddd;display:flex;padding:10px;gap:7px}.demo-controls button{border:1px solid transparent;border-radius:5px;padding:9px 12px;font-size:11px;background:transparent;flex:1}.demo-controls button[aria-pressed=true]{border-color:#222;background:#232820;color:white}.canvas-side{display:flex;flex-direction:column;gap:23px}.color-swatch{padding:18px;background:#faf8f0;border:1px solid #d7cfbf;transform:rotate(6deg)}.color-swatch>span{font:8px monospace}.color-swatch>div{display:flex;height:43px;margin:13px 0}.color-swatch i{width:25%;background:#d4c1f2}.color-swatch i:nth-child(2){background:#cde883}.color-swatch i:nth-child(3){background:#f2b494}.color-swatch i:nth-child(4){background:#323631}.color-swatch b{font-size:11px}.insight-card{background:#f5beaa;padding:23px;transform:rotate(-3deg);border-radius:2px}.insight-card .eyebrow{font-size:8px}.insight-card p{font-size:32px;color:#2b2823;line-height:1.1;margin:20px 0}.insight-card>span:not(.eyebrow){font-size:11px;display:block;line-height:1.7}.insight-card a{font-size:10px;display:inline-block;border-bottom:1px solid;margin-top:15px}.cursor-tag{position:absolute;bottom:17px;left:32%;background:#5e43ad;color:white;padding:7px 13px;font-size:10px;transform:rotate(-4deg);border-radius:5px}.studio-ribbon{display:flex;justify-content:center;gap:38px;align-items:center;padding:23px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.studio-ribbon b{font-size:28px;font-weight:400}.section{padding:70px 0}.section-head h2{font-size:clamp(35px,4vw,51px)}.path-grid,.fresh-grid,.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.new-path{padding:28px;border:1px solid #a5a69355;border-radius:11px;transition:transform .2s;display:flex;flex-direction:column;align-items:flex-start}.new-path:hover,.fresh-card:hover{transform:translateY(-4px)}.lilac{background:#e1d5f3}.lime{background:#e0edb0}.peach{background:#f6d1bd}.new-path>span{font:10px monospace;letter-spacing:.05em}.path-art{font-size:98px;height:142px;line-height:1.3;align-self:center;color:#514563}.lime .path-art{color:#576340}.peach .path-art{color:#965d3c}.new-path h3{font-size:29px;font-weight:600;line-height:1.08;margin:16px 0}.new-path p{font-size:14px;line-height:1.6;margin-bottom:27px;color:#4b4c43}.new-path b{font-size:12px;margin-top:auto}.coach-strip{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:55px;background:#eeede5;border-radius:15px}.coach-strip h2{font-size:43px;margin:18px 0}.coach-strip p{font-size:15px;max-width:480px}.coach-strip small{display:block;font-size:10px;margin-top:15px;color:#5d6357}.review-stack{position:relative}.review-sheet{background:#fffefb;padding:32px;border:1px solid #bec1b1;transform:rotate(3deg);box-shadow:-10px 12px 0 #d7dbc9}.review-sheet .eyebrow{font-size:10px}.review-sheet>div{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid #dfe1d6}.review-sheet b{font:25px Georgia;color:#657c47}.review-sheet>div span{font-size:15px}.review-sheet small{margin-top:4px}.review-stamp{position:absolute;right:-22px;bottom:-28px;background:#d4c1ee;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;text-align:center;transform:rotate(-15deg);font-size:17px;line-height:1.1}.fresh-card{padding:28px;border:1px solid #c3c5b9;border-radius:10px;transition:transform .2s;display:flex;flex-direction:column}.fresh-card .eyebrow{font-size:9px;letter-spacing:.05em}.card-symbol{display:grid;place-content:center;min-height:125px;font-size:74px;line-height:1;background:#eadff7;margin:25px -5px;border-radius:6px;color:#604584}.c1 .card-symbol{background:#e5edc9;color:#576139}.c2 .card-symbol{background:#f6dccc;color:#845b40}.fresh-card h3{font-size:23px;font-weight:600;letter-spacing:-.04em;margin-bottom:15px}.fresh-card p{font-size:13px;line-height:1.7}.card-link{display:flex;justify-content:space-between;font-size:11px;margin-top:auto;padding-top:16px;border-top:1px solid #d2d5c8}.toolbox{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:55px;background:#ddeeb6;border-radius:15px;overflow:hidden}.toolbox h2{font-size:48px;margin:20px 0}.toolbox p{font-size:15px;max-width:440px;color:#48523f}.toolbox-star{position:absolute;right:-36px;top:-92px;font-size:230px;color:#bfd995;line-height:1;z-index:0}.toolbox-list{align-self:center;position:relative}.toolbox-list a{display:flex;justify-content:space-between;padding:21px 0;border-bottom:1px solid #9bac81;font-size:14px}.meet-coach{text-align:center;padding:90px 0}.meet-coach h2{font-size:53px;margin:22px 0}.meet-coach p{max-width:600px;margin:25px auto;font-size:17px}.meet-coach .hero-actions{gap:30px}.offer-grid{margin:25px 0 50px}.offer{padding:30px;border:1px solid #bac1ae;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.offer h3{font-size:25px;margin:20px 0}.offer-price{font-size:35px;letter-spacing:-.05em;margin:10px 0 20px}.offer p,.offer li{font-size:14px;line-height:1.7}.offer ul{padding-left:18px;margin-bottom:28px}.offer .button{margin-top:auto}.offer small{margin-top:15px;text-transform:none;letter-spacing:0;font-size:11px}.service-detail{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;margin-bottom:80px}.service-detail .offer{align-self:start;position:sticky;top:25px}.collection-heading{font-size:30px;margin:0 0 30px}.fresh-grid+.collection-heading{margin-top:75px}.prose .button{color:white;text-decoration:none}.page-hero h1{font-size:clamp(40px,5.5vw,70px);max-width:1020px}.page-hero>.eyebrow{margin-top:25px}.fresh-grid p{line-height:1.65}input:focus-visible,textarea:focus-visible{outline:3px solid #4c53b6;outline-offset:3px}
@media(max-width:1050px){.header-inner>.button{display:none}.canvas-stage{padding:35px;gap:25px}.canvas-note p{font-size:24px}.insight-card p{font-size:27px}.floating-mark{display:none}.coach-strip{gap:40px;padding:40px}.studio-ribbon{gap:20px}.studio-ribbon span:last-child,.studio-ribbon b:last-of-type{display:none}.nav a{padding:8px 10px;font-size:13px}.offer-grid{gap:14px}.offer{padding:23px}.offer-price{font-size:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{justify-content:space-between;gap:15px}.header-inner .nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;width:100%;border-top:1px solid #ddd;padding-top:10px}.nav a{font-size:12px;padding:8px 9px}.studio-hero{padding:45px 0 38px}.studio-hero h1{font-size:clamp(43px,9.7vw,69px)}.hero-label{font-size:8px}.studio-lead{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:13px 16px;gap:9px}.canvas-toolbar{padding:10px 13px;font-size:10px}.canvas-toolbar .tiny-note{display:none}.canvas-stage{grid-template-columns:1fr;padding:32px 25px;min-height:0}.canvas-note,.canvas-side{display:none}.demo-window{max-width:390px;width:100%;margin:0 auto 15px;transform:rotate(1deg)}.demo-body{padding:27px}.cursor-tag{left:20px;bottom:10px;font-size:8px}.studio-ribbon{font-size:10px;gap:12px;padding:18px 12px;flex-wrap:wrap}.studio-ribbon b{font-size:19px}.path-grid,.fresh-grid,.offer-grid{grid-template-columns:1fr}.new-path{position:relative;min-height:285px;padding:28px}.path-art{position:absolute;right:25px;top:65px;font-size:75px;height:auto;opacity:.25}.new-path h3{margin-top:42px}.new-path p{max-width:270px}.coach-strip{grid-template-columns:1fr;padding:30px;gap:40px}.coach-strip h2{font-size:35px}.review-stack{margin:0 15px 25px}.review-sheet{padding:24px}.review-stamp{width:80px;height:80px;font-size:14px;right:-15px;bottom:-20px}.toolbox{grid-template-columns:1fr;padding:32px;gap:20px}.toolbox h2{font-size:39px}.toolbox-star{opacity:.4}.toolbox>div{position:relative}.toolbox-list a{font-size:12px}.meet-coach{padding:60px 0}.meet-coach h2{font-size:43px}.meet-coach p{font-size:15px}.section{padding:47px 0}.service-detail{grid-template-columns:1fr;gap:25px}.service-detail .offer{position:static}.fresh-card{padding:25px}.card-symbol{min-height:100px}.page-hero h1{font-size:42px}.footer-nav{font-size:13px}.fresh-grid+.collection-heading{margin-top:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep explanatory copy comfortably readable. */
.new-path p,.fresh-card p,.coach-strip p,.toolbox p,.offer p,.offer li{font-size:16px}

.workshop-card{background:#e7dbfa;color:#272329;border:1px solid #b9aaca;border-radius:24px;padding:clamp(24px,4vw,48px);margin:32px 0}.workshop-card h2{font-size:clamp(32px,5vw,54px);line-height:1.1;margin:14px 0}.workshop-card p{max-width:680px;font-size:17px;line-height:1.6}.workshop-card small{display:block;max-width:680px;margin-top:16px;font-size:14px;line-height:1.5}.workshop-card .button{background:#272329;color:#fff}.legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 0}.worksheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 48px}.worksheet-card{border:1px solid #c9c1bd;border-radius:18px;padding:26px;background:#f4efdf}.worksheet-card h3{font-size:25px;line-height:1.2}.worksheet-card p{font-size:16px;line-height:1.6}.worksheet-card a{color:inherit;font-weight:600;text-underline-offset:4px}@media(max-width:760px){.worksheet-grid{grid-template-columns:1fr}}
.footer-coach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:0 0 32px;text-align:left}.footer-coach .eyebrow{grid-column:1/-1}.footer-coach h2{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.8px;margin:0;max-width:400px}.footer .footer-coach p{font-size:16px;line-height:1.65;margin:0;max-width:600px}.footer-coach .hero-actions{grid-column:2;justify-content:flex-start;gap:20px;margin:4px 0 0;flex-wrap:wrap}.footer-coach a{font-size:16px}@media(max-width:700px){.footer-coach{grid-template-columns:1fr;gap:16px}.footer-coach .hero-actions{grid-column:1}}
