/* Smart Digital Tools — intentionally lightweight and dependency-free */
:root{--ink:#231545;--purple:#5529a8;--violet:#7850cf;--coral:#ee6d65;--cream:#fffaf4;--sand:#f6efe9;--lavender:#f2edfb;--line:#e9dfef;--muted:#5b5270;--white:#fff;--shadow:0 18px 44px rgba(34,17,71,.10);font-synthesis:none}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.68 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--purple);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#33176c}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;margin:0 0 .8rem}h1{font-size:clamp(2.5rem,5.7vw,4.8rem);font-weight:800}h2{font-size:clamp(1.85rem,3.6vw,2.6rem);font-weight:800}h3{font-size:1.2rem;font-weight:800}small,.small{font-size:.86rem;color:var(--muted)}.container{max-width:1120px;margin:0 auto;padding:0 28px}.narrow{max-width:790px}.skip{position:absolute;top:-100px;left:8px;padding:8px 12px;background:#fff;z-index:100}.skip:focus{top:8px}.site-header{background:rgba(255,250,244,.96);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:850;letter-spacing:-.025em;font-size:1.14rem;white-space:nowrap}.brand:hover{color:var(--ink)}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px 23px}.nav-links a{color:#413559;text-decoration:none;font-size:.94rem;font-weight:650}.nav-links a[aria-current=page]{color:var(--purple)}.nav-links .nav-shop{padding:10px 18px;background:var(--ink);color:white;border-radius:100px}.nav-links .nav-shop:hover{color:#fff;background:var(--purple)}.eyebrow{font-size:.81rem;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-weight:820;margin-bottom:19px}.lead{font-size:1.15rem;line-height:1.75;color:#524864;max-width:690px}.btn-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;border:2px solid transparent;line-height:1.3}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:#3b197a;color:#fff}.btn-outline{border-color:#cfc2e9;color:var(--ink)}.btn-outline:hover{border-color:var(--purple);color:var(--purple)}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{color:#fff;background:var(--purple)}.hero{background:radial-gradient(circle at 95% 12%,#edddff 0,transparent 30%),linear-gradient(135deg,#fffaf5,#f4edff);padding:84px 0 96px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:56px;align-items:center}.hero h1 span{color:var(--purple)}.hero p{margin-bottom:10px}.hero-card{background:#fff;border:1px solid #e4daf0;border-radius:26px;padding:26px;box-shadow:var(--shadow);transform:rotate(2deg);max-width:355px;margin:0 auto}.hero-card .hero-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.pill{border-radius:99px;padding:5px 10px;font-size:.74rem;font-weight:800;background:#efe9fa;color:#4f2c99}.pill.coral{background:#fff1ed;color:#ad3e39}.hero-steps{display:grid;gap:12px}.step-line{border:1px solid var(--line);border-radius:14px;background:#faf8fe;padding:13px 15px;display:flex;gap:12px;align-items:center;font-weight:700}.step-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lavender);color:var(--purple);flex-shrink:0;font-size:.85rem}.step-line:last-child{border-color:#b9a6df;background:#f0eafc}.note{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fff7ee;font-size:.86rem;color:#64536a}.section{padding:80px 0}.section.tint{background:#f7f3fc}.section-header{max-width:730px;margin-bottom:33px}.section-header p{color:var(--muted);font-size:1.06rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.guide-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 7px 20px rgba(28,11,66,.045);display:flex;flex-direction:column}.art{height:212px;background:#f0e9fb;padding:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain;border-radius:5px}.product-card .card-body,.guide-card .card-body{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1}.card-body h3{margin:0}.card-body p{color:#514862;font-size:.96rem;margin:0}.card-body .card-link{margin-top:auto;padding-top:8px;font-weight:800}.card-link{text-decoration:none}.card-link:hover{text-decoration:underline}.guide-card{padding-top:18px}.guide-card .kicker{color:var(--purple);font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.guide-card .card-body{gap:14px}.banner{display:flex;justify-content:space-between;gap:35px;align-items:center;background:var(--ink);color:white;border-radius:26px;padding:34px 40px}.banner h2{font-size:clamp(1.65rem,3vw,2.3rem)}.banner p{color:#d9d0e9;margin:0;max-width:580px}.banner .btn{background:white;color:var(--ink);white-space:nowrap}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value{border-top:3px solid #d7c9f0;padding:20px 5px 0}.value p{color:var(--muted)}.page-hero{padding:68px 0 38px;background:linear-gradient(145deg,#fffaf5,#f7f1ff)}.page-hero h1{font-size:clamp(2.25rem,5vw,4rem);max-width:800px}.page-hero p{max-width:775px;color:#564b67;font-size:1.12rem}.page-section{padding:44px 0 80px}.breadcrumbs{color:#786c8b;font-size:.87rem;margin-bottom:23px}.breadcrumbs a{color:#62557b}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 268px;gap:45px;align-items:start}.article{font-size:1.04rem}.article h2{margin-top:2.2rem;font-size:1.7rem}.article h3{margin-top:1.5rem;font-size:1.22rem}.article p,.article li{color:#3f3850}.article ul,.article ol{padding-left:24px}.article li{margin-bottom:11px}.example{background:#fff;border:1px solid var(--line);border-left:5px solid var(--violet);border-radius:13px;padding:20px 22px;margin:24px 0}.example p:last-child{margin-bottom:0}.muted{color:var(--muted)}.aside{position:sticky;top:22px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.aside h3{font-size:1.15rem}.aside p{color:var(--muted);font-size:.92rem}.aside .btn{padding:11px 13px;font-size:.92rem;width:100%}.article-end{margin-top:38px;border-top:1px solid var(--line);padding-top:24px}.site-footer{background:#1e123d;color:#f4effb;padding:48px 0 26px}.footer-grid{display:flex;gap:28px;justify-content:space-between;align-items:start}.footer-title{font-size:1.1rem;font-weight:800}.footer-copy{font-size:.93rem;color:#d8cdea;max-width:485px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#eee6ff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:.78rem;color:#bdb0d1;border-top:1px solid #453665;margin-top:30px;padding-top:17px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-card{transform:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.aside{position:static}.values{grid-template-columns:1fr}.banner{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.container{padding:0 18px}.nav{padding:14px 0;align-items:flex-start;flex-direction:column;gap:13px}.nav-links{gap:9px 19px}.nav-links a{font-size:.91rem}.hero{padding:59px 0 70px}.section{padding:58px 0}.grid,.grid.two{grid-template-columns:1fr}.art{height:225px}.page-hero{padding:46px 0 23px}.page-section{padding:35px 0 58px}.banner{padding:28px 25px}.footer-grid{flex-direction:column;gap:15px}.btn{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:560px){#main .page-section>section[id]{grid-template-columns:1fr!important}#main .page-section>section[id] .art{max-width:250px}}

/* V2 usability refinements */
.quick-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px}
.quick-method>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.quick-method strong{display:block;font-size:.95rem;color:var(--ink);margin-bottom:5px}
.quick-method p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.5}
.example-snippet{padding:13px 15px;background:#faf8ff;border:1px solid #eadff5;border-radius:14px;margin-bottom:10px}
.example-snippet.output{border-color:#cbb9e9;background:#f3effb}
.example-snippet p{font-size:.92rem;line-height:1.55;color:#34294e;margin:0}
.snippet-label{font-size:.72rem;font-weight:850;letter-spacing:.07em;color:#6042a3;text-transform:uppercase;margin-bottom:5px}
.faq{display:grid;gap:10px}
.faq details{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.faq summary{font-weight:800;cursor:pointer;list-style-position:outside}
.faq p{color:var(--muted);margin:10px 0 0}
.value-explainer{margin-bottom:18px}
@media(max-width:750px){.quick-method{grid-template-columns:1fr}}
@media(max-width:650px){.brand{font-size:1.07rem}.nav-links{gap:8px 14px}.nav-links a{font-size:.89rem}.hero h1{font-size:clamp(2.05rem,10vw,3.3rem)}.hero-card{width:100%}.hero{padding-top:50px}.section{padding:50px 0}.faq details{padding:15px 18px}}

/* V3: clearer routes to individual Gumroad product pages. */
.product-card .card-body .card-direct{display:inline-flex;align-self:flex-start;margin-top:1px;padding:6px 0 1px;font-weight:800;color:#4b208c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.product-card .card-body .card-direct:hover{color:#2d1558}
.aside .aside-secondary{display:block;margin-top:13px;font-size:.9rem;text-align:center;font-weight:750}
.related-product-cta{border:1px solid #d9c6f0;border-radius:12px;background:#f7f0ff;padding:15px 17px;margin:28px 0 5px!important;font-size:.98rem}
.related-product-cta a{font-weight:800}


/* V4 visual system. Original product pages and guide content remain intact. */
:root{--dark-plum:#24123f;--hero-purple:#34175f;--mint:#bdebdc;--peach:#ffa68f}
.site-header{position:relative;z-index:30;background:#fffaf6;border-bottom:1px solid #eee6ef}
.site-header .nav-shop{background:#311755}
.nav-links a:hover{color:#6433ad}
.showcase-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 87% 26%,#6942a6 0%,transparent 34%),linear-gradient(110deg,#23123f 4%,#371864 55%,#4d2581 100%);color:#fff;padding:52px 0 62px}
.showcase-hero .container{position:relative;z-index:3}
.hero-orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.hero-orbit-one{width:690px;height:690px;right:-160px;top:-218px}
.hero-orbit-two{width:940px;height:940px;right:-210px;top:-340px}
.hero-bottom-stroke{position:absolute;bottom:-85px;left:-12%;width:125%;height:105px;border-radius:50%;background:#fffaf4;transform:rotate(-1.4deg);z-index:4}
.hero-new-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:20px;align-items:center;min-height:540px}
.hero-copy{padding:20px 0 43px;position:relative;z-index:6}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #8e77ab;padding:9px 15px;border-radius:99px;letter-spacing:.09em;color:#e8dcfa;font-weight:760;font-size:.66rem;line-height:1.4}
.pulse-dot{width:8px;height:8px;flex:0 0 8px;background:#bdebdc;border-radius:50%;box-shadow:0 0 0 4px #bdebdc22}
.showcase-hero h1{font-size:clamp(3.05rem,5.15vw,5.25rem);line-height:1.08;font-weight:860;letter-spacing:-.055em;margin:30px 0 22px;max-width:690px}
.showcase-hero h1 span{color:#bef0dd;display:block}
.hero-summary{color:#e4d9f0;font-size:1.13rem;line-height:1.67;max-width:595px;margin-bottom:0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:28px}
.btn-coral{color:#221239;background:#ffa38d;border-color:#ffa38d;box-shadow:0 12px 28px #17102d44}
.btn-coral:hover{color:#201238;background:#ffc0ab;transform:translateY(-3px)}
.hero-secondary{color:#fff;text-decoration:none;font-size:.96rem;font-weight:780;border-bottom:1px solid #c9b5e9;padding:6px 0}
.hero-secondary:hover{color:#bff1df}
.hero-assurance{color:#ddd3ea;font-size:.78rem;line-height:1.5;display:flex;gap:9px;align-items:center;margin-top:24px;flex-wrap:wrap}
.assurance-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#bdebdc;color:#251442;font-size:.78rem;font-weight:900}
.hero-visual{position:relative;height:530px;min-width:0;isolation:isolate}
.visual-aura{position:absolute;inset:46px 20px 12px 40px;border-radius:48%;background:radial-gradient(circle,#a786e267 5%,#baa0f42d 52%,transparent 72%);filter:blur(2px);z-index:0}
.visual-grid{position:absolute;inset:32px 30px;background-image:radial-gradient(#ffffff24 1.5px,transparent 1.5px);background-size:21px 21px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 71%);z-index:0}
.hero-product{position:absolute;background:#fff;border:8px solid rgba(255,255,255,.93);border-radius:21px;box-shadow:0 30px 60px #12092576;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .25s}
.hero-product img{width:100%;height:100%;object-fit:contain}
.hero-product-main{width:252px;height:252px;top:124px;left:27%;z-index:4;transform:rotate(-3deg)}
.hero-product-left{width:236px;height:190px;top:40px;left:0%;z-index:2;transform:rotate(-12deg)}
.hero-product-right{width:166px;height:235px;top:211px;right:-2%;z-index:5;transform:rotate(11deg)}
.float-note{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:9px;background:#fff;color:#3b1b66;font-weight:810;font-size:.82rem;padding:12px 16px;border-radius:999px;box-shadow:0 17px 30px #170c3740;white-space:nowrap}
.note-icon,.mini-spark{color:#ad67b8;font-size:1.25rem}
.note-top{top:14px;right:0;transform:rotate(5deg)}
.note-bottom{bottom:33px;left:10%;transform:rotate(-4deg)}
.reassurance-strip{background:#fffaf4;padding:21px 0 30px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trust-item{display:flex;align-items:center;gap:15px;border-right:1px solid #e9e0ec;padding:8px 10px}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-size:.9rem;line-height:1.3}
.trust-item small{display:block;font-size:.78rem;line-height:1.5;color:var(--muted);margin-top:3px}
.trust-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#efebfa;color:#582ba1;font-size:1.45rem;font-weight:650;flex-shrink:0}
.collection-section{padding-top:75px}
.collection-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:31px}
.collection-head>div{max-width:760px}
.collection-head .eyebrow,.guides-feature .eyebrow,.demo-intro .eyebrow,.faq-zone .eyebrow{margin-bottom:12px}
.collection-head h2,.guides-feature h2,.demo-intro h2,.faq-zone h2{font-size:clamp(2.2rem,3.55vw,3.55rem);letter-spacing:-.046em}
.collection-head h2 em,.guides-feature h2 em,.demo-intro h2 em,.faq-zone h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#6333a8}
.collection-head p{font-size:1rem;color:var(--muted);margin:0;line-height:1.7}
.text-link{font-size:.97rem;font-weight:840;white-space:nowrap;text-decoration:none;border-bottom:2px solid #a78acc;padding-bottom:5px}
.text-link:hover{color:#421f73}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.show-product{border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 15px 36px #2d155913;border:1px solid #eadfeb;min-width:0;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.show-product:hover{transform:translateY(-4px);box-shadow:0 21px 40px #2d155925}
.product-art-panel{height:265px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
.product-clarity .product-art-panel{background:linear-gradient(133deg,#d3eef0,#f2f8f9)}
.product-follow .product-art-panel{background:linear-gradient(133deg,#cde8d5,#e4f2e4)}
.product-promo .product-art-panel{background:linear-gradient(133deg,#ffe1d4,#fff0db)}
.product-bundle .product-art-panel{background:linear-gradient(133deg,#e3d5ff,#f3ebff)}
.product-panel-halo{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid #ffffff85;background:#ffffff34;top:-112px;right:-60px;box-shadow:0 0 0 32px #ffffff20,0 0 0 68px #ffffff15}
.product-art-panel img{position:relative;z-index:2;height:216px;width:auto;max-width:75%;object-fit:contain;filter:drop-shadow(0 16px 13px #22133c32);transform:rotate(-3deg);transition:transform .25s}
.show-product:hover .product-art-panel img{transform:rotate(0deg) scale(1.035)}
.product-clarity .product-art-panel img{max-width:82%;width:375px;height:auto;transform:rotate(-5deg)}
.product-clarity:hover .product-art-panel img{transform:rotate(-1deg) scale(1.035)}
.product-bundle .product-art-panel img{transform:rotate(4deg)}
.product-num{position:absolute;left:20px;top:20px;border-radius:99px;padding:7px 12px;background:#ffffffce;color:#422663;font-weight:850;letter-spacing:.055em;font-size:.67rem;z-index:3}
.product-text{padding:28px 29px 27px;display:flex;flex-direction:column;flex:1}
.product-kicker{font-size:.67rem;letter-spacing:.115em;font-weight:850;color:#71519c;margin-bottom:10px}
.product-text h3{font-size:1.46rem;line-height:1.22;letter-spacing:-.035em;margin-bottom:11px}
.product-text p{line-height:1.63;font-size:.96rem;color:var(--muted);flex:1;margin-bottom:22px}
.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px}
.product-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;background:#35195e;color:#fff;padding:11px 16px;text-decoration:none;font-size:.89rem;font-weight:810;line-height:1.3}
.product-cta:hover{background:#5d2a9c;color:#fff}
.product-more{color:#593396;text-decoration:none;font-weight:780;font-size:.88rem}
.product-more:hover{text-decoration:underline}
.demonstration-section{padding:99px 0;background:linear-gradient(132deg,#e6f2ec,#f5f7ef 52%,#fff3ed)}
.demo-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center}
.demo-intro h2{max-width:460px}.demo-intro p{color:#514c60;line-height:1.72;font-size:1rem;max-width:460px}
.demo-flow{display:flex;flex-direction:column;gap:14px;margin:22px 0 26px}
.demo-flow>div{display:flex;align-items:center;gap:13px;font-weight:740;font-size:.95rem}
.flow-num{display:grid;place-items:center;width:32px;height:32px;border:1px solid #a8cdbd;color:#3d6b5c;background:#fff;border-radius:50%;font-size:.88rem;font-weight:860}
.demo-board{background:white;border:1px solid #e7dfee;border-radius:24px;overflow:hidden;box-shadow:0 25px 55px #3c325b2a;transform:rotate(1.2deg)}
.demo-bar{display:flex;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid #eae4ee}
.fake-circles{display:flex;gap:5px}.fake-circles i{height:8px;width:8px;border-radius:50%;background:#edc3bb}.fake-circles i:nth-child(2){background:#ead69d}.fake-circles i:nth-child(3){background:#b9d9bf}
.demo-bar strong{font-size:.88rem}.demo-badge{font-size:.67rem;border-radius:99px;background:#f3edfa;color:#5829a6;padding:5px 8px;margin-left:auto;font-weight:840}
.demo-conversation{padding:29px 28px 12px;display:flex;flex-direction:column;gap:10px}.bubble{line-height:1.65;padding:18px 21px;border-radius:19px;font-size:.96rem}
.prompt-bubble{background:#f2edfa;align-self:flex-end;max-width:84%;border-bottom-right-radius:4px}
.result-bubble{background:#e1f4ec;border:1px solid #c4e9dc;align-self:flex-start;max-width:91%;border-bottom-left-radius:4px}
.bubble-label{font-size:.69rem;letter-spacing:.09em;font-weight:850;color:#5b387e;margin-bottom:9px}
.demo-arrow{color:#997bb5;text-align:center}
.demo-foot{padding:0 27px 18px;font-size:.77rem;line-height:1.5;color:#766e80;margin:6px 0 0}
.guides-feature{background:#fff9f2;padding-top:96px;padding-bottom:100px}
.guides-intro{max-width:730px;margin-bottom:33px}
.guides-new-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.resource-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border-radius:23px;background:#fff;color:var(--ink);border:1px solid #e9e1e7;box-shadow:0 8px 27px #21113c0c;transition:transform .2s}
.resource-card:hover{transform:translateY(-5px);color:var(--ink)}
.resource-graphic{height:167px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.resource-a .resource-graphic{background:#e4dafa}.resource-b .resource-graphic{background:#cae9e6}.resource-c .resource-graphic{background:#ffe4d5}
.resource-graphic:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffffac;border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 0 34px #ffffff32,0 0 0 70px #ffffff15}
.resource-disc{position:relative;z-index:1;font-size:3.6rem;color:#4b2b86;width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:#ffffffbb;transform:rotate(-11deg);box-shadow:0 14px 28px #35216320}
.resource-b .resource-disc{color:#1f7368}.resource-c .resource-disc{color:#c35c43}
.resource-lines{position:absolute;z-index:0;left:17%;top:32%;display:grid;gap:9px}.resource-lines i{height:8px;width:49px;border-radius:99px;background:#ffffff9e}.resource-lines i:nth-child(2){width:65px}.resource-lines i:nth-child(3){width:38px}
.resource-mini{position:absolute;right:18px;bottom:18px;border-radius:99px;background:#fff9;color:#4d326c;padding:5px 12px;font-size:.76rem;font-weight:820;z-index:3}
.resource-body{padding:24px 23px;display:flex;flex-direction:column;flex:1;gap:10px}
.resource-body>span{color:#6c4ca0;font-size:.69rem;font-weight:860;letter-spacing:.1em}
.resource-body h3{font-size:1.27rem;margin:0;line-height:1.24}
.resource-body p{font-size:.94rem;line-height:1.58;color:#635972;margin:0 0 4px;flex:1}
.resource-body strong{font-size:.88rem;color:#5b2cac}
.faq-zone{background:#f5effb;padding:94px 0}
.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}
.faq-grid>div>p{color:var(--muted);max-width:350px}
.faq-graphic{display:flex;gap:12px;margin-top:27px}
.faq-graphic span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:#6239a0;font-size:1.7rem;box-shadow:0 7px 16px #36185812}
.faq-graphic span:nth-child(2){background:#d9f3e8;color:#27816e;transform:rotate(9deg)}
.faq-graphic span:nth-child(3){background:#ffe0d4;color:#bf5a46;transform:rotate(-8deg)}
.faq-zone .faq details{border-radius:17px;box-shadow:0 7px 22px #27164c0a}
.faq-zone .faq summary{font-size:1rem;line-height:1.4;padding-right:14px}
.faq-zone .faq p{font-size:.94rem;line-height:1.6}
.closing-section{padding:72px 0;background:#fffaf4}
.closing-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#311653 0%,#62339b 100%);border-radius:30px;padding:42px 53px;color:#fff}
.closing-banner>div:first-child,.closing-banner>.btn{position:relative;z-index:2}
.closing-kicker{letter-spacing:.13em;font-size:.7rem;font-weight:850;color:#c4ecde}
.closing-banner h2{font-size:clamp(1.8rem,3.3vw,2.7rem);max-width:570px;margin:11px 0}
.closing-banner p{margin:0;color:#e2d8ef}
.closing-ornament{position:absolute;border:1px solid #ffffff44;width:310px;height:310px;right:-44px;top:-124px;border-radius:50%;box-shadow:0 0 0 35px #ffffff16,0 0 0 75px #ffffff0b}
/* Subpages receive matching graphic accents while retaining original text and navigation. */
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(111deg,#f1e9fc,#fff4ed 78%);padding:73px 0 53px}
.page-hero:before{content:"";position:absolute;right:-85px;top:-210px;width:430px;height:430px;border-radius:50%;border:1px solid #c4a6e762;box-shadow:0 0 0 60px #dec9f52b,0 0 0 120px #dec9f519;pointer-events:none}
.page-hero>.container{position:relative;z-index:2}
.page-hero h1{letter-spacing:-.044em}
.page-hero .eyebrow{color:#6135a3}
/* Improved hover, reduced animation for motion-sensitive users. */
@media(max-width:1100px){.hero-product-left{left:0}.hero-product-main{left:25%}.hero-product-right{right:-4%}.hero-new-grid{grid-template-columns:1.03fr .97fr}.hero-visual{transform:scale(.9);transform-origin:center}.product-actions{gap:12px}}
@media(max-width:900px){.hero-new-grid{grid-template-columns:1fr;gap:0}.showcase-hero{padding:65px 0 26px}.hero-copy{padding-bottom:12px}.showcase-hero h1{max-width:800px}.hero-visual{height:405px;max-width:600px;width:100%;margin:0 auto;transform:scale(.82);transform-origin:top center}.hero-product-left{top:14px;left:8%}.hero-product-main{top:94px;left:30%}.hero-product-right{top:165px;right:2%}.note-bottom{bottom:9px}.reassurance-strip{padding-top:12px}.demo-grid{grid-template-columns:1fr;gap:25px}.demo-intro h2{max-width:700px}.faq-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:680px){.showcase-hero{padding-top:40px}.showcase-hero h1{font-size:clamp(2.7rem,10.5vw,4.5rem);margin:25px 0 17px}.hero-summary{font-size:1rem}.hero-eyebrow{font-size:.59rem;padding:8px 10px;max-width:100%}.hero-actions{gap:16px}.hero-assurance{font-size:.72rem}.hero-visual{height:322px;width:530px;max-width:none;left:50%;margin-left:-265px;transform:scale(.66);transform-origin:center top}.hero-product-left{left:8%}.hero-product-main{left:30%}.hero-product-right{right:2%}.reassurance-strip{padding-top:0}.trust-grid{grid-template-columns:1fr;gap:4px}.trust-item{border-right:0;border-bottom:1px solid #ece3ee;padding:10px 3px}.trust-item:last-child{border:0}.collection-section{padding-top:55px}.collection-head{display:block}.collection-head .text-link{display:inline-block;margin-top:16px}.collection-grid{grid-template-columns:1fr;gap:19px}.product-art-panel{height:220px}.product-art-panel img{height:180px}.product-clarity .product-art-panel img{width:285px}.product-text{padding:23px 22px}.product-text h3{font-size:1.28rem}.demonstration-section{padding:65px 0}.demo-conversation{padding:20px 15px 10px}.bubble{font-size:.86rem;padding:14px 15px}.demo-bar{gap:9px;padding:14px 11px}.demo-badge{font-size:.58rem}.demo-foot{padding:0 15px 14px}.guides-feature{padding:65px 0}.guides-new-grid{grid-template-columns:1fr;gap:17px}.resource-graphic{height:140px}.faq-zone{padding:66px 0}.closing-section{padding:55px 0}.closing-banner{padding:30px 26px;display:block}.closing-banner .btn{margin-top:24px}.closing-banner h2{font-size:1.85rem}}
@media(max-width:415px){.hero-visual{margin-top:-4px;transform:scale(.6);height:295px}.hero-summary{font-size:.99rem}.showcase-hero h1{font-size:2.58rem}.hero-assurance{max-width:315px}.hero-actions .btn{font-size:.88rem}.collection-head h2,.guides-feature h2,.demo-intro h2,.faq-zone h2{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.show-product,.product-art-panel img,.resource-card{transition:none!important}}

/* Version 5: product finder, interactive previews and dedicated product pages */
.finder-section{padding:68px 0 72px;background:#fffdf9;border-top:1px solid #efe9e9;border-bottom:1px solid #eee4f4}
.finder-heading{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:26px}.finder-heading .eyebrow{margin:0 0 10px}.finder-heading h2{font-size:clamp(2rem,3.8vw,3.05rem);letter-spacing:-.05em}.finder-heading em{font-family:Georgia,serif;color:#6630a0;font-weight:400}.finder-heading p{color:var(--muted);margin:0;max-width:580px}.finder-mark{display:grid;place-items:center;background:#f1e7fa;color:#683ea5;font-size:2.5rem;width:76px;height:76px;border-radius:25px;transform:rotate(-11deg)}
.finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.finder-tile{display:flex;align-items:flex-start;gap:17px;padding:25px 21px 24px;text-decoration:none;border-radius:24px;box-shadow:0 10px 27px #29184b0c;color:var(--ink);border:1px solid #dccfe633;transition:transform .2s,box-shadow .2s}.finder-tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px #29184b1c;color:var(--ink)}.finder-mint{background:linear-gradient(140deg,#d8f1ee,#f1fdf8)}.finder-green{background:linear-gradient(140deg,#e0f4e3,#f7fcef)}.finder-peach{background:linear-gradient(140deg,#ffe0d0,#fff6e9)}.finder-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;background:#ffffffbb;border-radius:16px;font-size:2rem;color:#492b80;box-shadow:0 7px 15px #21104013}.finder-text{display:flex;flex-direction:column;gap:9px;min-width:0;line-height:1.4}.finder-text small{font-size:.66rem;letter-spacing:.08em;font-weight:830;color:#5b3b82}.finder-text strong{font-size:1.26rem;line-height:1.22;letter-spacing:-.03em}.finder-text span{font-size:.87rem;color:#625771}.finder-text b{font-size:.82rem;color:#4e268b;margin-top:8px}.finder-footer{text-align:center;margin-top:23px;color:var(--muted);font-size:.95rem}.finder-footer a{font-weight:750;text-decoration:none}
.demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 18px 0;background:#fff}.demo-tab{border:1px solid #e7deee;border-radius:12px;background:#fbf9fd;color:#624e7c;font:700 .83rem/1.3 inherit;cursor:pointer;padding:10px 7px;white-space:normal}.demo-tab[aria-selected=true]{background:#4d248c;border-color:#4d248c;color:white}.demo-tab:hover:not([aria-selected=true]){background:#f2e9fa}.demo-panel[hidden]{display:none!important}.demo-panel{padding-bottom:19px}.demo-panel .demo-conversation{padding-bottom:4px}.demo-action{display:inline-block;margin:2px 0 0 26px;padding:9px 14px;border-radius:10px;background:#f2eafa;color:#4c2588;font-weight:820;text-decoration:none;font-size:.89rem}.demo-action:hover{background:#e6d5f5}
.product-compare-actions .btn{margin-right:10px;margin-top:10px;font-size:.86rem}
.detail-hero{padding:56px 0 75px;overflow:hidden;background:linear-gradient(125deg,#efe4fa,#fff6ea 70%);position:relative}.detail-green{background:linear-gradient(125deg,#d6f2e2,#f1e6ff 78%)}.detail-mint{background:linear-gradient(125deg,#cfeaf0,#f5ecfc 78%)}.detail-peach{background:linear-gradient(125deg,#ffe1ce,#f5eaff 80%)}.detail-lavender{background:linear-gradient(125deg,#e5d8ff,#fff0df 80%)}.detail-hero .breadcrumbs{margin-bottom:34px}.detail-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.detail-hero-copy h1{font-size:clamp(2.5rem,4.7vw,4.35rem);letter-spacing:-.05em;max-width:640px}.detail-lede{font-size:1.14rem;line-height:1.7;color:#524366;max-width:650px}.detail-hero-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:27px}.detail-text-link{font-weight:800;text-decoration:none}.detail-disclaimer{margin-top:16px;font-size:.76rem;color:#665878}.detail-visual{position:relative;min-height:415px;border-radius:28px;background:#34185e;display:grid;place-items:center;overflow:hidden;box-shadow:0 23px 45px #25144424}.detail-visual img{z-index:1;position:relative;width:min(79%,350px);height:325px;object-fit:contain;filter:drop-shadow(0 18px 20px #190f3e88);transform:rotate(-4deg)}.detail-visual-caption{position:absolute;top:18px;left:19px;z-index:2;background:#ffffffed;color:#542b80;border-radius:100px;padding:6px 12px;font-size:.65rem;font-weight:850;letter-spacing:.1em}.detail-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#8b5cd0 0%,#48267f 45%,#351860 72%);top:-20px;right:-60px;box-shadow:0 0 0 70px #ffffff0d}
.detail-two-cols{display:grid;grid-template-columns:.83fr 1.17fr;gap:55px;align-items:start}.detail-benefits{background:#fffaf4}.detail-benefits h2,.detail-how h2,.detail-preview h2,.detail-included h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em}.detail-benefits p,.detail-how p,.detail-preview p,.detail-included p{color:#5b516b}.who-card{background:#f4eefd;padding:22px;border-radius:18px;margin-top:28px}.who-card h3{font-size:1.08rem}.who-card ul{padding-left:19px;margin:9px 0 0}.who-card li{margin-bottom:9px;color:#574c66}.benefit-card{background:#fff;border:1px solid #e8dced;border-radius:26px;padding:16px 30px;box-shadow:0 17px 43px #2b174315}.benefit-item{display:flex;gap:19px;padding:20px 5px;border-bottom:1px solid #ede7ef}.benefit-item:last-child{border:0}.benefit-check{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;background:#e3f4eb;border-radius:50%;color:#267d69;font-weight:900}.benefit-item h3{font-size:1.05rem;margin:0 0 6px}.benefit-item p{margin:0;font-size:.93rem;line-height:1.5}.detail-how{background:#f1ebfa}.detail-section-top{max-width:720px;margin-bottom:30px}.detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-step{background:#fff;border-radius:20px;border:1px solid #e9dced;padding:25px 23px;box-shadow:0 9px 26px #3016500d}.guide-step-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f2e7fc;color:#6329a4;font-size:1.15rem;font-weight:850;margin-bottom:19px}.guide-step h3{margin-bottom:10px}.guide-step p{font-size:.94rem;line-height:1.6;margin:0}.detail-preview{background:linear-gradient(120deg,#eaf7f0,#fff6ec)}.detail-preview-grid{grid-template-columns:.75fr 1.25fr;align-items:center}.detail-example{background:#fff;border-radius:23px;border:1px solid #e4dae8;padding:23px;box-shadow:0 15px 34px #35225420}.detail-example-top{font-size:.7rem;font-weight:850;letter-spacing:.08em;color:#6a438d;margin-bottom:18px}.detail-example .example-snippet{margin:10px 0}.detail-example small{display:block;font-size:.78rem;line-height:1.5;margin-top:15px}.detail-included{background:#fffaf4}.detail-faq{background:#f5effa;border-radius:22px;padding:22px}.detail-faq h3{padding:0 4px}.detail-faq details{padding:15px}.detail-included .btn{margin-top:12px}
@media(max-width:900px){.finder-grid{grid-template-columns:1fr}.finder-tile{align-items:center}.finder-icon{font-size:1.85rem}.detail-two-cols,.detail-preview-grid{grid-template-columns:1fr}.detail-hero-grid{grid-template-columns:1fr}.detail-visual{min-height:350px}.detail-visual img{height:280px}.detail-steps{grid-template-columns:1fr}.detail-how .container{max-width:730px}}
@media(max-width:680px){.finder-section{padding:52px 0}.finder-mark{display:none}.finder-heading h2{font-size:2.25rem}.finder-tile{padding:19px 17px;gap:14px}.finder-text strong{font-size:1.13rem}.demo-tab{font-size:.73rem;padding:9px 2px}.demo-tabs{gap:4px;padding:11px 10px 0}.demo-action{margin-left:15px}.detail-hero{padding:40px 0 51px}.detail-hero .breadcrumbs{margin-bottom:23px}.detail-hero-copy h1{font-size:2.65rem}.detail-visual{min-height:280px}.detail-visual img{height:238px}.detail-two-cols{gap:27px}.benefit-card{padding:12px 18px}.detail-hero-actions .btn{font-size:.88rem}.detail-example{padding:18px}.detail-faq{padding:15px}}

/* V6 scalable look-and-feel controls. Switch content/site.json > theme. */
body[data-theme="midnight"]{--v6-hero-start:#23123f;--v6-hero-mid:#371864;--v6-hero-end:#4d2581;--v6-accent:#ffa38d;--v6-banner-start:#312050;--v6-banner-end:#763fb0}
body[data-theme="sunrise"]{--v6-hero-start:#482143;--v6-hero-mid:#8e426b;--v6-hero-end:#c96d65;--v6-accent:#ffdfaa;--v6-banner-start:#863d72;--v6-banner-end:#cc7c72}
body[data-theme="ocean"]{--v6-hero-start:#102b4b;--v6-hero-mid:#1a4b76;--v6-hero-end:#217988;--v6-accent:#b1f0d7;--v6-banner-start:#133f67;--v6-banner-end:#17827c}
body .showcase-hero{background:radial-gradient(ellipse at 87% 26%,#ffffff25 0%,transparent 34%),linear-gradient(110deg,var(--v6-hero-start),var(--v6-hero-mid) 55%,var(--v6-hero-end))}
body .btn-coral{background:var(--v6-accent);border-color:var(--v6-accent)}
body .closing-banner{background:linear-gradient(110deg,var(--v6-banner-start),var(--v6-banner-end))}
.hero-visual.photo-mode{height:520px;border-radius:27px;overflow:hidden;box-shadow:0 28px 60px #170a3057}
.hero-visual.photo-mode .hero-product,.hero-visual.photo-mode .visual-grid,.hero-visual.photo-mode .visual-aura{display:none}
.hero-feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-visual.photo-mode:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#170c3550);z-index:2;pointer-events:none}
.hero-visual.photo-mode .float-note{z-index:3}
.feature-promo-section{padding:20px 0 80px;background:var(--cream)}
.feature-promo{min-height:292px;background:linear-gradient(110deg,var(--v6-banner-start),var(--v6-banner-end));border-radius:29px;display:flex;align-items:center;gap:25px;position:relative;overflow:hidden;color:white;padding:38px 7% 38px 6%;box-shadow:0 19px 38px #2c145221}
.feature-promo:before{content:"";position:absolute;right:13%;width:340px;height:340px;border:1px solid #ffffff3b;border-radius:50%;box-shadow:0 0 0 40px #ffffff11,0 0 0 100px #ffffff0c;pointer-events:none}
.feature-promo-copy{z-index:2;position:relative;flex:1;max-width:600px}
.feature-promo-label{font-size:.77rem;font-weight:850;letter-spacing:.145em;color:#f6d6f7}
.feature-promo h2{font-size:clamp(1.9rem,3.4vw,3.1rem);margin:12px 0 13px;color:white;letter-spacing:-.04em}
.feature-promo p{font-size:.99rem;line-height:1.65;color:#f3e6fb;max-width:575px}
.feature-promo-cta{display:inline-flex;background:#fff;border-radius:999px;padding:11px 19px;text-decoration:none;font-weight:850;font-size:.95rem;color:#382053;margin-top:8px}
.feature-promo-cta:hover{color:#48236b;background:#fff4ee}
.feature-banner-art{width:190px;height:204px;flex:0 0 190px;transform:rotate(7deg);z-index:2;border:5px solid #ffffff55;border-radius:18px;background:#ffffffd1;padding:11px;box-shadow:0 18px 37px #1d0e4369;display:grid;place-items:center}
.feature-banner-art img{width:100%;height:100%;object-fit:contain}
.feature-promo-spark{position:absolute;right:2%;top:3%;font-size:4.4rem;opacity:.16}
.product-other .product-art-panel{background:linear-gradient(130deg,#e2e2ff,#fce7ee)}
.toolkit-directory-row{border-top:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}
.toolkit-directory-row .art{border-radius:16px}.toolkit-directory-row .art img{object-fit:contain}
.toolkit-directory-row .eyebrow{font-size:.68rem;margin:0 0 6px;display:block}
.toolkit-directory-row h2{font-size:clamp(1.28rem,2.6vw,1.8rem);margin-bottom:8px}
.toolkit-directory-row p{color:var(--muted)}
@media(max-width:680px){.feature-promo-section{padding:4px 0 54px}.feature-promo{padding:32px 24px;flex-direction:column;align-items:flex-start}.feature-banner-art{height:160px;width:150px;flex:0 0 auto;align-self:center;transform:rotate(4deg)}.feature-promo h2{font-size:2rem}.toolkit-directory-row{grid-template-columns:95px 1fr;gap:16px}.toolkit-directory-row .art{height:110px;padding:5px}.toolkit-directory-row .art img{height:105px}.toolkit-directory-row .btn{font-size:.73rem;padding:9px 11px}.hero-visual.photo-mode{width:100%;margin:0;left:auto;transform:none;max-width:100%;height:290px}}
@media(prefers-reduced-motion:reduce){.hero-product,.feature-banner-art{transition:none!important}}

.product-sample-gallery{background:#fbf6ff}.sample-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:23px}.sample-shot{margin:0;background:white;border:1px solid #ebe2ee;border-radius:20px;overflow:hidden;box-shadow:0 14px 28px #28104b17}.sample-shot img{width:100%;height:250px;object-fit:contain;background:#f3eef9;padding:18px}.sample-shot figcaption{padding:16px 21px;color:#544a60;font-size:.88rem}