@import url('brand-refresh.css?v=20261029-2');
/* Shared Identipurpose typography hierarchy
   Manrope = structure/body
   Cormorant Garamond Italic = large expressive typography
   Anaktoria = small accent typography only
*/
h1,h2,h3,.question-title{font-family:'Manrope',sans-serif}
h1 em,h2 em,.large-expression,.hero h1 em,.home-start h2 em,.quiz-intro h1 em,.contact-heading h1 em,.about-purpose h2 em,.values-heading h2 em{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-weight:500!important;letter-spacing:-.025em!important}
.anaktoria,.small-expression,.destination-motto{font-family:'Anaktoria',serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:.01em}
.small-expression{font-size:calc(1em + 4px)!important}.destination-motto{font-size:26px!important}
.hero h1{font-weight:600!important}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:64px;align-items:center}.about-story-grid .section-heading{max-width:none;margin-bottom:0}.about-story-grid .heading-intro{text-align:justify;text-justify:inter-word}.about-story-portrait{min-height:520px;background:url('Samie.png') center bottom/contain no-repeat}
.about-welcome-brand{font-family:'Manrope',sans-serif!important;font-style:normal!important;font-weight:600!important;color:#8c52ff;font-size:1em!important;letter-spacing:-.035em!important}
.journey-strip span,.value-cards h3{font-family:'Manrope',sans-serif!important;font-style:normal!important;font-weight:700!important;letter-spacing:-.02em!important}.journey-strip span{font-size:18px!important}.value-cards h3{font-size:30px!important}
.process-heading{white-space:nowrap}
.contact-form .button{margin-bottom:26px}.contact-form .form-note{margin-top:0}
@media(max-width:900px){.process-heading{white-space:normal}}
@media(max-width:760px){.about-story-grid{grid-template-columns:1fr;gap:24px}.about-story-grid .heading-intro{text-align:left}.about-story-portrait{min-height:390px;order:2}}

/* Compact sizing shared across the Identipurpose website projects. */
:root{--type-display:clamp(1.75rem,3vw + .5rem,3rem);--type-page:clamp(1.75rem,2vw + 1rem,2.5rem);--type-section:clamp(1.5rem,1vw + 1rem,1.875rem);--type-card:1.25rem;--type-body:1rem;--type-lead:1.125rem;--type-ui:.875rem;--type-small:.8125rem;--leading-body:1.6;--space-card:1.5rem;--space-section:4rem}
body{font-size:var(--type-body);line-height:var(--leading-body)}
h1,h2,h3{letter-spacing:-.02em}
input,select,textarea{font-size:1rem}

.hero h1,.quiz-intro h1,.contact-heading h1{font-size:var(--type-display);line-height:1.15}
.hero h1 em,.quiz-intro h1 em,.contact-heading h1 em,.section-heading h1 em,.section-heading h2 em{font-size:1em}
.section-heading>.eyebrow{font-size:var(--type-section);line-height:1.25}
.section-heading>h1,.section-heading>h2,.home-start h2,.values-heading h2,.purpose-grid h2{font-size:var(--type-section);line-height:1.25}
.value-cards h3,.destination-card h3{font-size:var(--type-card)!important;line-height:1.3}
.hero-lede{font-size:var(--type-lead)}.hero-support,.destination-card p,.value-cards p,.legal-document p{font-size:var(--type-body)}
.primary-nav,.button,.text-link,.destination-link,.footer-column{font-size:var(--type-ui)}
.eyebrow,.hero-footnote,.footer-label,.footer-bottom,.quiz-reassurance,.quiz-progress,.quiz-controls,.result-kicker{font-size:var(--type-small)}
.hero .eyebrow,.home-start .eyebrow,.hero-footnote{font-size:1rem!important}
.hero{padding-top:48px;padding-bottom:48px;gap:48px;min-height:auto}
.section-pad,.home-start,.values-section{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.about-purpose{padding-bottom:var(--space-section)}
.home-start-inner,.quiz-section,.contact-section,.about-story-grid{gap:48px}
.purpose-grid article,.destination-card,.quiz-panel,.contact-form,.partner-copy,.value-cards article{padding:var(--space-card)}
.section-heading{margin-bottom:32px}
h1 em,h2 em{letter-spacing:-.02em!important}

/* Use the transparent Identilogo web.png specifically in the top-left navigation. */
.site-header .brand::before{display:block!important;width:300px!important;height:54px!important;aspect-ratio:auto!important;background-image:url('Identilogo%20web.png?v=20261029-4')!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important}
.site-header .brand .brand-mark,.site-header .brand .brand-name{display:none!important}
.site-footer .brand::before{display:none!important}
.site-footer .brand .brand-mark{display:inline-flex!important}
.site-footer .brand .brand-name{display:inline-block!important}

@media(max-width:760px){.hero h1{font-size:var(--type-display)}.section-heading>.eyebrow{font-size:var(--type-section)}.hero,.section-pad,.home-start,.values-section{padding-top:48px;padding-bottom:48px}.home-start-inner,.quiz-section,.contact-section,.about-story-grid{gap:24px}.footer-main{gap:24px}.site-header .brand::before{width:220px!important;height:46px!important}}

/* Brand logo: one constrained image, without legacy oversized pseudo-logo. */
.site-header .brand::before,
.site-footer .brand::before{content:none!important;display:none!important}
.site-header .brand,
.site-footer .brand{min-width:0;max-width:100%;gap:0!important}
.site-header .brand .brand-logo,
.site-footer .brand .brand-logo{display:block!important;width:150px!important;height:38px!important;max-width:100%!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important;flex:none!important}
.site-header .brand .brand-name,
.site-footer .brand .brand-name{display:none!important}
.footer-brand p{margin-left:0!important}
@media(max-width:760px){
 .site-header .brand .brand-logo{width:124px!important;height:32px!important;max-height:32px!important}
 .site-footer .brand .brand-logo{width:140px!important;height:36px!important;max-height:36px!important}
}

/* Clarity refresh – retains existing visual identity and assets. */
.primary-nav{gap:12px;align-items:center}
.primary-nav>a:not(.nav-cta){padding:10px 12px}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:999px;padding:11px 14px;color:#171717;font:650 14px 'Manrope',sans-serif;cursor:pointer}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{background:#f5f1ff}
.nav-dropdown-toggle span{font-size:18px;line-height:1;transition:transform .2s}
.nav-dropdown.is-open .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;display:none;top:calc(100% + 12px);left:0;min-width:235px;background:#fff;border:1px solid #e8e4ef;box-shadow:0 18px 40px #18122516;border-radius:16px;padding:8px;z-index:60}
.nav-dropdown.is-open .nav-dropdown-menu{display:flex;flex-direction:column}
.nav-dropdown-menu a{font-size:14px;font-weight:650;padding:11px 13px;border-radius:10px;white-space:nowrap}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f5f1ff;color:#7040d3}
.primary-nav>.nav-cta{margin-left:9px;font-size:13px;font-weight:750;padding:12px 19px}
.hero{min-height:auto;gap:clamp(24px,4vw,58px)}
.hero-copy{min-width:0}
.hero h1{max-width:690px}
.clarity-section,.work-section{padding-top:clamp(54px,7vw,90px);padding-bottom:clamp(54px,7vw,90px)}
.clarity-section{border-top:1px solid #ececec}
.work-section{background:#faf9fc}
.clarity-heading{max-width:760px;margin-bottom:32px}
.section-kicker{color:#8c52ff;font-size:12px;font-weight:800;letter-spacing:1.5px;margin:0 0 12px}
.clarity-heading h2,.about-overview h2{font-family:'Manrope',sans-serif;font-size:clamp(25px,3.1vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}
.clarity-heading>p:last-child,.about-overview>p:not(.section-kicker){font-size:16px;line-height:1.7;color:#50505a;max-width:680px}
.clarity-steps,.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.clarity-steps article,.work-card{min-width:0;background:#fff;border:1px solid #e9e6ef;border-radius:19px;padding:24px 21px;transition:border-color .2s,transform .2s}
.clarity-steps article>span,.work-card-number{color:#8c52ff;font-size:12px;font-weight:800}
.clarity-steps h3,.work-card h3{font:750 18px/1.3 'Manrope',sans-serif;letter-spacing:-.02em;margin:16px 0 9px}
.clarity-steps p,.work-card p{font-size:14px;line-height:1.65;color:#5c5b65;margin:0}
.work-card{display:flex;flex-direction:column;color:inherit}
.work-card:hover,.work-card:focus-visible{border-color:#8c52ff;transform:translateY(-3px)}
.work-card p{flex:1}
.work-card-link{color:#7947df;font-size:13px;font-weight:750;margin-top:24px}
.about-overview{padding-top:70px;padding-bottom:8px}
.about-overview h2{max-width:810px}
.about-jump-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
.about-jump-links a{font-size:13px;font-weight:700;border:1px solid #e6e3ec;border-radius:999px;padding:9px 15px}
.about-jump-links a:hover{border-color:#8c52ff;color:#8c52ff}
#our-story,#our-work,#our-values{scroll-margin-top:110px}
.site-footer{background:#fff}
.site-footer .footer-column a{font-size:13px!important;font-weight:600!important;color:#41414a!important;line-height:1.65}
.site-footer .footer-column a:hover{color:#8c52ff!important}
.site-footer .footer-label{font-size:11px!important;font-weight:800!important;letter-spacing:1px!important;color:#34323a!important}
.site-footer .footer-brand p{color:#55515e!important;font-weight:600!important;font-size:13px!important;margin-top:10px!important}
.site-footer .footer-bottom{font-size:12px!important;font-weight:550!important;color:#5a5861!important}
.site-footer .footer-main{gap:clamp(20px,3vw,48px)}
.site-footer .footer-socials a{color:#34323a!important}
.site-footer .footer-column,.site-footer .footer-brand{min-width:0}
:focus-visible{outline:2px solid #8c52ff;outline-offset:3px}
@media(max-width:1100px){
 .primary-nav{gap:4px}
 .nav-dropdown-toggle{width:100%;justify-content:center;padding:13px}
 .nav-dropdown-menu{position:static;box-shadow:none;border:0;border-radius:12px;background:#faf8fe;min-width:0;margin:4px 0 8px;padding:6px}
 .nav-dropdown-menu a{text-align:center;white-space:normal}
 .primary-nav>.nav-cta{margin:7px 0 2px;text-align:center}
 .primary-nav{max-height:calc(100dvh - 120px);overflow-y:auto}
}
@media(max-width:900px){
 .clarity-steps,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .site-header.floating-header{gap:10px;max-width:calc(100% - 20px)}
 .hero{grid-template-columns:1fr;gap:22px;padding-top:38px;padding-bottom:48px}
 .hero h1{font-size:clamp(32px,9.4vw,46px)!important;line-height:1.15}
 .hero-lede{font-size:16px}
 .hero-support{font-size:14px}
 .hero-art{height:min(77vw,380px)}
 .hero-actions{gap:15px}
 .clarity-section,.work-section{padding-top:52px;padding-bottom:52px}
 .clarity-steps,.work-grid{grid-template-columns:1fr;gap:11px}
 .clarity-steps article,.work-card{padding:20px}
 .clarity-steps h3,.work-card h3{margin-top:9px}
 .about-overview{padding-top:42px}
 .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 16px!important}
 .site-footer .footer-brand{grid-column:1/-1}
 .site-footer .footer-column a{font-size:12px!important}
 .site-footer .footer-bottom{line-height:1.6}
}

/* Compact refinement – November 7 */
.site-header.floating-header{min-height:78px;padding-top:7px;padding-bottom:7px}
.site-header .brand .brand-logo,.site-footer .brand .brand-logo{
 width:192px!important;height:60px!important;max-width:192px!important;max-height:60px!important;
 object-fit:contain!important;object-position:left center!important
}
.site-footer .footer-brand p{margin-top:4px!important}
.clarity-section{padding-top:34px!important;padding-bottom:47px!important}
.clarity-section .clarity-heading{margin-bottom:16px!important;max-width:none!important}
.clarity-section .clarity-heading h2{font-size:clamp(22px,2.5vw,30px)!important;line-height:1.25!important;margin:0!important;font-weight:700!important}
.clarity-steps{gap:10px!important}
.clarity-steps article{padding:16px 17px!important;border-radius:14px!important}
.clarity-steps article>span{font-size:11px}
.clarity-steps h3{font-size:16px!important;margin:7px 0 5px!important;line-height:1.3!important}
.clarity-steps p{font-size:13px!important;line-height:1.55!important}
.home-start{padding:48px 0!important}
.home-start-inner{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;gap:32px!important;align-items:center!important}
.home-start h2{font-size:clamp(24px,3vw,34px)!important;font-weight:700!important;line-height:1.2!important;margin:0 0 9px!important}
.home-start-subtitle{font-size:15px;line-height:1.6;color:#52505b;max-width:550px;margin:0!important}
.home-start-inner>div:last-child>p{font-size:16px!important;font-weight:650!important;color:#25212d!important;margin:0 0 14px!important}
.about-compact-intro{padding-top:50px;padding-bottom:26px}
.about-compact-intro h1{font-size:clamp(27px,3.2vw,42px);font-weight:700;line-height:1.2;max-width:740px;margin:0 0 12px}
.about-compact-intro>p:last-child{font-size:15px;color:#58545e;margin:0}
.about-accordion-list{display:grid;gap:10px;padding-bottom:55px}
.about-accordion{border:1px solid #e7e3ee;border-radius:16px;background:#fff;overflow:hidden}
.about-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:19px 23px;font:750 18px/1.4 'Manrope',sans-serif}
.about-accordion>summary::-webkit-details-marker{display:none}
.about-accordion>summary:hover,.about-accordion>summary:focus-visible{background:#faf8ff}
.about-accordion[open]>summary{border-bottom:1px solid #eee9f2}
.accordion-indicator{font-size:24px;color:#8c52ff;font-weight:400;line-height:1}
.about-accordion[open] .accordion-indicator{transform:rotate(45deg)}
.about-accordion-content{padding:22px 24px 26px}
.about-accordion-content>#our-story,.about-accordion-content>#our-work{width:100%;padding:0!important;margin:0!important}
.about-accordion-content .about-story-grid{gap:28px!important}
.about-accordion-content .about-story-portrait{min-height:340px}
.about-accordion-content .about-story-grid .section-heading>.eyebrow{font-size:12px!important;color:#8c52ff!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:10px!important}
.about-accordion-content .about-story-grid .section-heading>h1{font-size:clamp(24px,2.6vw,32px)!important}
.about-accordion-content .heading-intro{margin-top:12px!important;line-height:1.65!important}
.about-accordion-content .heading-intro.anaktoria{font-size:24px!important;color:#8c52ff!important}
.about-work-lead{font-size:14px;color:#575260;margin-bottom:17px!important}
.about-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-work-card{min-width:0;border:1px solid #e9e6ee;border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}
.about-work-card h3{font:750 17px/1.3 'Manrope',sans-serif;margin:0 0 8px}
.about-work-card p{font-size:13px;line-height:1.6;color:#56515f;flex:1;margin:0 0 12px}
.about-work-card a{color:#7843dd;font-size:13px;font-weight:750}
.about-accordion-content .values-section{background:transparent!important;color:#171717!important;padding:0!important}
.about-accordion-content .values-heading{margin-bottom:20px}
.about-accordion-content .values-heading .eyebrow{font-size:13px!important;color:#8c52ff!important}
.about-accordion-content .values-heading h2{font-size:24px!important;color:#171717}
.about-accordion-content .values-heading p{font-size:14px;color:#56515f}
.about-accordion-content .value-cards{gap:11px}
.about-accordion-content .value-cards article{background:#faf9fc;color:#171717;border:1px solid #e9e6ee;border-radius:13px;padding:17px}
.about-accordion-content .value-cards h3{font-size:17px!important;margin:6px 0!important;color:#171717}
.about-accordion-content .value-cards p{font-size:13px;line-height:1.55;color:#56515f}
.about-purpose.section-pad{padding-top:0!important;padding-bottom:54px!important}
.about-purpose .purpose-grid{gap:14px}
.about-purpose .purpose-grid article{padding:25px;border-radius:16px}
.about-purpose .purpose-grid h2{font-size:clamp(22px,2.3vw,29px)!important}
@media(max-width:760px){
 .site-header.floating-header{min-height:70px}
 .site-header .brand .brand-logo,.site-footer .brand .brand-logo{
 width:166px!important;height:51px!important;max-width:166px!important;max-height:51px!important
 }
 .clarity-section{padding-top:30px!important;padding-bottom:38px!important}
 .clarity-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .home-start-inner{grid-template-columns:1fr!important;gap:18px!important}
 .about-compact-intro{padding-top:34px}
 .about-accordion-content{padding:18px}
 .about-accordion-content .about-story-portrait{min-height:280px}
 .about-work-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
 .clarity-steps{grid-template-columns:1fr!important}
 .clarity-steps article{padding:14px 16px!important}
 .site-header .brand .brand-logo,.site-footer .brand .brand-logo{width:155px!important;height:49px!important;max-width:155px!important;max-height:49px!important}
}


/* Identicreate — compact identity-led page */
.create-hero{padding-top:clamp(55px,7vw,92px);padding-bottom:clamp(55px,7vw,92px);max-width:1200px}
.create-eyebrow{color:#8c52ff;font-weight:800;font-size:12px;letter-spacing:1.6px;margin:0 0 18px}
.create-hero h1{font:700 clamp(34px,4.8vw,64px)/1.12 'Manrope',sans-serif;letter-spacing:-.045em;max-width:880px;margin:0 0 26px}
.create-hero h1 em{color:#8c52ff;font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-style:italic!important;letter-spacing:-.02em!important}
.create-hero>p:not(.create-eyebrow){max-width:740px;color:#575460;font-size:16px;line-height:1.75;margin:0 0 17px}
.create-hero .create-lead{color:#22202a!important;font-weight:700;font-size:clamp(18px,2vw,23px)!important}
.create-hero .button{margin-top:13px}
.create-section{background:#faf9fc;padding:clamp(45px,5vw,76px) 0}
.create-section-heading{max-width:700px;margin-bottom:26px}
.create-section h2,.create-types h2,.create-values h2{font:750 clamp(25px,3vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:-.035em;margin:0 0 13px}
.create-section-heading p,.create-types>p{color:#5a5662;font-size:15px;margin:0;line-height:1.7}
.create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.create-grid article{border:1px solid #e8e4ee;background:#fff;border-radius:16px;padding:21px;min-width:0}
.create-grid article>span{color:#8c52ff;font-size:12px;font-weight:800}
.create-grid h3{font:750 17px/1.25 'Manrope',sans-serif;margin:14px 0 9px}
.create-grid p{font-size:13px;color:#5a5662;line-height:1.7;margin:0}
.create-types{padding-top:65px;padding-bottom:65px}
.create-types>p{max-width:680px}
.create-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.create-tags span{padding:9px 16px;border:1px solid #e1dce8;border-radius:999px;font-weight:700;font-size:13px}
.create-values{border-top:1px solid #ebe7ef;padding:65px 0 85px}
.create-values-inner{display:grid;grid-template-columns:0.85fr 1.15fr;gap:65px}
.create-values-inner>div:last-child p{font-size:15px;color:#55525f;line-height:1.75;margin:0 0 19px}
.create-values .button{margin-top:6px}
@media(max-width:900px){.create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-values-inner{gap:25px}}
@media(max-width:600px){.create-hero{padding-top:43px;padding-bottom:52px}.create-hero h1{font-size:clamp(33px,9vw,46px)}.create-grid{grid-template-columns:1fr}.create-grid article{padding:19px}.create-types{padding-top:48px;padding-bottom:48px}.create-values{padding:48px 0 58px}.create-values-inner{grid-template-columns:1fr;gap:12px}}


/* Identicreate navigation and concept showcase */
.primary-nav .nav-identicreate{display:inline-flex;align-items:center;font-weight:700;padding:10px 12px;border-radius:999px}
.primary-nav .nav-identicreate:hover,.primary-nav .nav-identicreate[aria-current="page"]{background:#f5f1ff;color:#7542de}
.nav-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.25}
.nav-dropdown-toggle .nav-chevron{display:inline-block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;flex:none}
.nav-dropdown.is-open .nav-dropdown-toggle .nav-chevron{transform:translateY(2px) rotate(225deg)}
.create-hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,4vw,60px);align-items:center}
.create-hero-split .create-hero-copy{min-width:0}
.create-hero-split h1{font-size:clamp(36px,4.3vw,60px);max-width:690px}
.create-showcase{min-width:0;border:1px solid #e8e4ee;border-radius:22px;padding:15px;background:#fff;box-shadow:0 18px 45px #2015360b}
.create-slide{display:none}
.create-slide.is-active{display:block}
.create-slide>p{color:#686270;font-size:12px;font-weight:650;text-align:center;margin:11px 0 4px}
.showcase-scene{height:clamp(265px,28vw,360px);border-radius:15px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.scene-ministry{background:linear-gradient(130deg,#ede6fa,#cdc0e4 52%,#8c52ff);color:#2c184d;align-items:stretch;justify-content:flex-start;text-align:left}
.showcase-webbar{height:39px;background:#fffffff0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#48316b;font-weight:800;letter-spacing:1px;font-size:10px}
.showcase-webbar span{color:#a59aae;letter-spacing:3px}
.showcase-scene-body{display:flex;flex:1;justify-content:center;align-items:flex-start;flex-direction:column;padding:35px 12%}
.showcase-scene-body small{font-size:11px;font-weight:800;letter-spacing:1.5px}
.showcase-scene-body strong{font:600 clamp(38px,4.5vw,58px)/.98 'Cormorant Garamond',serif;margin:17px 0}
.showcase-scene-body>span{font-size:12px;font-weight:650}
.scene-brand{background:#e8ddce;color:#473329;padding:30px}
.showcase-brandmark{border:2px solid #594434;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;font:700 44px 'Cormorant Garamond',serif;margin-bottom:15px}
.scene-brand>strong{font-size:clamp(22px,3vw,32px);letter-spacing:4px}
.scene-brand>small{font-size:12px;margin-top:7px}
.showcase-brand-tiles{display:flex;gap:9px;margin-top:28px;flex-wrap:wrap;justify-content:center}
.showcase-brand-tiles span{border:1px solid #70584b;border-radius:5px;padding:8px 12px;font-size:11px}
.scene-app{background:linear-gradient(145deg,#ded6ff,#faf8ff 58%,#d5c5f7)}
.showcase-phone{width:185px;height:315px;border-radius:30px;background:#fff;border:7px solid #241938;box-shadow:8px 10px 25px #321d5e2e;padding:24px 15px;color:#251d3a;text-align:left;display:flex;flex-direction:column;align-items:stretch}
.showcase-phone-top{width:55px;height:9px;background:#241938;border-radius:0 0 12px 12px;margin:-24px auto 36px}
.showcase-phone small{font-size:9px;color:#8c52ff;font-weight:800;letter-spacing:1px}
.showcase-phone strong{font-size:25px;line-height:1.08;margin:10px 0 20px}
.showcase-app-card{background:#f2effa;border-radius:9px;padding:11px;font-size:10px;margin-bottom:8px}
.create-showcase-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:8px}
.create-showcase-controls>.showcase-prev,.create-showcase-controls>.showcase-next{border:1px solid #e5e1ec;background:#fff;border-radius:50%;height:30px;width:30px;font-size:22px;line-height:1;cursor:pointer}
.showcase-dots{display:flex;align-items:center;gap:8px}
.showcase-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d2cadf;cursor:pointer}
.showcase-dots button.is-active{background:#8c52ff;width:20px}
.showcase-disclaimer{font-size:10px;color:#817c87;text-align:center;margin:9px 0 0}
@media(max-width:1100px){.primary-nav .nav-identicreate{justify-content:center;padding:13px}}
@media(max-width:850px){.create-hero-split{grid-template-columns:1fr;gap:32px}.create-hero-split .create-hero-copy{max-width:700px}.create-showcase{max-width:620px;width:100%;margin:auto}.showcase-scene{height:330px}}
@media(max-width:500px){.create-hero-split{gap:27px}.create-showcase{padding:10px}.showcase-scene{height:280px}.showcase-scene-body strong{font-size:45px}.showcase-phone{transform:scale(.82)}}


/* Compact Get in Touch page */
.get-in-touch{padding-top:clamp(56px,8vw,105px);padding-bottom:clamp(65px,9vw,125px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(35px,6vw,95px);min-height:calc(100vh - 280px)}
.get-in-touch-intro h1{font:700 clamp(32px,4vw,54px)/1.15 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 23px}
.get-in-touch-intro h1 em{font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-style:italic!important;color:#8c52ff}
.get-in-touch-intro>p:last-child{font-size:clamp(16px,1.6vw,18px);line-height:1.8;color:#56525f;max-width:640px}
.contact-choices{display:grid;gap:14px}
.contact-choice{display:flex;align-items:center;gap:16px;min-width:0;padding:21px 19px;border:1px solid #e7e2ee;border-radius:17px;background:#fff;transition:box-shadow .2s,transform .2s,border-color .2s}
.contact-choice:hover,.contact-choice:focus-visible{border-color:#8c52ff;box-shadow:0 12px 35px #2b164314;transform:translateY(-2px)}
.contact-choice-primary{background:#faf8fe}
.contact-choice-icon{width:50px;height:50px;border-radius:15px;background:#f0e9ff;color:#8c52ff;display:flex;align-items:center;justify-content:center;flex:none}
.contact-choice-copy{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.contact-choice-copy strong{font-size:16px;line-height:1.35;font-weight:750;color:#24212a}
.contact-choice-copy small{font-size:13px;line-height:1.45;color:#67616d}
.contact-choice-arrow{font-size:20px;color:#8c52ff;flex:none}
@media(max-width:850px){.get-in-touch{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:65px;min-height:auto}.get-in-touch-intro h1{max-width:740px}}
@media(max-width:500px){.contact-choice{padding:16px 14px;gap:12px}.contact-choice-icon{width:44px;height:44px;border-radius:13px}.contact-choice-copy strong{font-size:15px}.contact-choice-copy small{font-size:12px}}

/* Compact homepage process markers: checkmarks beside titles, never stacked above them. */
.clarity-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.clarity-title .clarity-check{width:27px;height:27px;flex:0 0 27px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(90deg,#ff3131,#8c52ff);color:#fff;font:800 16px/1 'Manrope',sans-serif}
.clarity-steps .clarity-title h3{margin:0!important;line-height:1.3!important}

/* Homepage: fixed single-row title and white tick on filled brand-gradient circle. */
.clarity-steps article .clarity-title{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;margin:0 0 9px!important}
.clarity-steps article .clarity-title .clarity-check{display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px!important;aspect-ratio:1!important;border-radius:50%!important;background:linear-gradient(90deg,#ff3131 0%,#8c52ff 100%)!important;color:#fff!important;line-height:1!important;padding:0!important}
.clarity-steps article .clarity-title .clarity-check svg{display:block;width:16px;height:16px;flex:none;stroke:#fff!important}
.clarity-steps article .clarity-title h3{display:block!important;margin:0!important;flex:1 1 auto;min-width:0;font-size:16px!important;line-height:1.3!important}

/* 2026-11-08: Home clarity cards and lighter navigation/footer. */
.clarity-steps article .clarity-title h3{font-size:22px!important;font-weight:800!important;line-height:1.2!important}
.hero h1 .hero-lead-bold{font-weight:750!important}
.site-footer .footer-main{grid-template-columns:minmax(220px,1.25fr) minmax(150px,1fr) minmax(110px,.65fr) minmax(190px,1fr)!important;align-items:start}
.site-footer .footer-brand{align-items:flex-start!important}
.site-footer .footer-brand .brand{margin:0!important}
.site-footer .footer-brand p{margin:5px 0 0!important;padding:0!important;text-align:left!important}
.site-footer .footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.site-footer .footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:27px}
.site-footer .footer-socials svg{width:19px!important;height:19px!important}
.site-footer .footer-contact-link{display:inline-block;margin-top:15px;font-weight:700!important;color:#7144d5!important}
@media(max-width:900px){.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:420px){.clarity-steps article .clarity-title h3{font-size:20px!important}}
