/* Orgma, October 2026. Presentation layer only; existing product flows are retained. */
:root{--cream:#f7f5ee;--paper:#fffdf8;--ink:#172d49;--forest:#345cc6;--muted:#586779;--line:#d6d9df;--lime:#eac5b2;--blue:#345cc6;--peach:#eac5b2}
html{scroll-padding-top:32px}body{background:var(--cream)}
.wrap{width:min(1320px,calc(100% - 112px))}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:550;line-height:1.07}h2{font-weight:500;line-height:1.1}
.brand-header{position:relative;border:0;background:transparent;backdrop-filter:none;z-index:10}
.brand-header .header-inner{min-height:108px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px}
.brand-wordmark{font:650 34px/1 Manrope,Arial,sans-serif;letter-spacing:-.07em;text-decoration:none;justify-self:start}
.brand-nav{display:flex;align-items:center;justify-content:center;gap:0;padding:5px 12px;background:#e9eadf;border:1px solid #d9ddcf;border-radius:100px}
.brand-nav a{display:block;position:relative;padding:12px 19px;text-decoration:none;font-size:14px;white-space:nowrap;line-height:1.35}
.brand-nav a::after{content:"";height:2px;position:absolute;bottom:3px;left:19px;right:19px;background:currentColor;transform:scaleX(0);transition:transform .2s}
.brand-nav a[aria-current]::after,.brand-nav a:hover::after{transform:scaleX(1)}
.brand-login{justify-self:end;font-size:15px;text-decoration:none;display:flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap}
.brand-login span{font-size:24px;transition:transform .2s}.brand-login:hover span{transform:translate(2px,-2px)}
.page-home .brand-header{position:absolute;inset:0 0 auto;color:#fff}
.page-home .brand-nav{background:#ffffff1f;border-color:#ffffff20;backdrop-filter:blur(14px)}
.page-home .brand-nav a[aria-current]::after{background:#f3a276}
.page-home .brand-header a:focus-visible{outline-color:#fff}
.button,.mf-button{border-radius:3px;font-weight:500;padding:15px 23px;min-height:52px;gap:26px}
.button:hover,.mf-button:hover{background:#35594a}.button.secondary:hover{background:#e4e8dd}
.eyebrow{font-size:11px;font-weight:550;letter-spacing:.16em}
.text-link{font-size:15px;text-underline-offset:7px;line-height:1.8}
.launch-hero{height:calc(100svh - 170px);min-height:650px;max-height:900px;position:relative;isolation:isolate;background:#123e78;color:#fff;overflow:hidden}
.launch-art{position:absolute;inset:0;z-index:-2;display:block}
.launch-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
.launch-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05265642 0%,transparent 63%);z-index:-1;pointer-events:none}
.launch-copy{padding-top:clamp(150px,17vh,185px);padding-bottom:100px}
.launch-copy h1{font-size:clamp(44px,4.7vw,72px);line-height:1.035;letter-spacing:-.055em;font-weight:550;max-width:8.8em;text-wrap:balance}
.launch-copy h1>span{display:block}
.launch-copy>p{font-size:clamp(18px,1.75vw,25px);font-weight:400;line-height:1.45;margin-top:25px;max-width:26em;letter-spacing:-.018em;color:#f6f8ff}
.launch-routes{background:#fbf8f0;color:#183c6a}
.launch-routes-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 29px;min-height:163px}
.launch-routes a{display:flex;flex-direction:column;gap:8px;text-decoration:none;padding:0 34px;position:relative;min-width:0;border-left:1px solid #adb9c8}
.launch-routes a:first-child{padding-left:0;border-left:0}.launch-routes a:last-child{padding-right:0}
.route-number{font-size:12px;line-height:1.4;color:#56708b}
.route-title{display:flex;gap:18px;align-items:center;justify-content:space-between;font:550 clamp(20px,1.9vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.05em}
.route-title>span{font-size:30px;font-weight:400;color:#3655bd;transition:transform .2s}
.launch-routes a:hover .route-title>span{transform:translate(3px,-3px)}.launch-routes a:hover .route-title{text-decoration:underline;text-underline-offset:5px}
.route-description{font-size:15px;letter-spacing:-.01em}
.home-editorial{padding-top:108px;padding-bottom:75px}
.brand-introduction{padding-bottom:100px}
.brand-introduction>div{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}
.brand-introduction h2,.editorial-feature h2,.editorial-quality h2,.editorial-template h2{font-size:clamp(36px,3.9vw,58px)}
.brand-introduction p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:540px}
.editorial-feature{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line);padding:90px 0}
.editorial-image{height:600px;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;object-position:51%}
.editorial-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:var(--muted);margin-top:22px;max-width:470px}
.editorial-copy .button{margin-top:27px}.editorial-copy p.small{font-size:12px;margin-top:17px}
.editorial-quality{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding:95px 0;border-top:1px solid var(--line);align-items:center}
.editorial-quality>div>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.8;margin-bottom:25px}
.editorial-template{background:#e9ecdf;padding:70px 75px;margin:10px 0 80px;position:relative}
.editorial-template>p:not(.eyebrow){max-width:570px;margin-top:23px;font-size:17px;color:var(--muted)}
.editorial-template .button{margin-top:28px}.editorial-template p.small{font-size:12px;margin-top:16px}
.editorial-template::after{content:"↗";position:absolute;right:75px;top:70px;font:300 150px/1 Manrope,sans-serif;color:#667d57}
.editorial-local{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-bottom:38px;border-bottom:1px solid var(--line)}
.editorial-local h2{font-size:34px;margin-bottom:15px}.editorial-local p:not(.eyebrow){font-size:16px;color:var(--muted)}.editorial-local>a{white-space:nowrap}
.store-hero{padding:65px 0 90px;grid-template-columns:1.1fr 1fr;gap:80px}
.store-hero h1{font-size:clamp(42px,4.7vw,68px)}
.store-hero .intro{font-size:17px;max-width:580px;line-height:1.75}
.store-hero .intro+.intro{margin-top:17px}.store-hero .hero-photo{border-radius:0;aspect-ratio:.92}
.store-hero .hero-photo img{object-position:53%}.page-shared .store-hero h1{max-width:10em}
.store-section{padding:80px 0}.section-heading{margin-bottom:40px}.section-heading h2{max-width:18em}
.section-heading>p{font-size:16px;line-height:1.75}.section-heading h2{font-size:clamp(32px,3.2vw,46px)}
.industry-story{border-radius:0!important;background:#e9ecdf!important;padding:45px!important;gap:65px!important;margin-bottom:20px}
.industry-story h2{font-size:34px}.industry-story p{line-height:1.75}
.benefit-grid{gap:48px}.benefit-grid article{border-top:1px solid var(--line);padding-top:24px}
.benefit-grid h3{font-size:23px;max-width:100%}.benefit-grid p{line-height:1.8}
.hero-photo,.film-section video,.template-preview,.product-card,.store-closing,.plan-card,.free-plan,.support-options article,.edition-links a,.orgma-currency-controls,.start-card,.next-step-options article{border-radius:0}
.product-card{background:transparent;color:var(--ink);border:0;border-top:1px solid var(--line);padding:30px 0}
.shared-card .button{background:var(--forest);color:#fff;border-color:var(--forest)}
.store-closing{background:#e9ecdf;padding:46px}.plan-card{background:var(--paper)}
.page-heading{padding:60px 0 55px}.page-heading h1{font-size:clamp(40px,4.7vw,66px)}
.quality-hero{grid-template-columns:1.15fr 1fr}.quality-hero h1{font-size:clamp(40px,4.4vw,64px)}
.quality-hero>div>p:not(.eyebrow){margin-top:23px;color:var(--muted);font-size:17px;line-height:1.75}.quality-hero>div>p.small{font-size:13px}
.quality-type-art{background:#294d3e;color:#eff1dd;min-height:540px;padding:48px 38px;display:flex;flex-direction:column;justify-content:center;align-self:stretch;overflow:hidden}
.quality-type-art>span{font:500 clamp(36px,3.5vw,53px)/1.18 Manrope,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.quality-type-art .outline-text{color:#c2d5a5}.quality-art-line{border-top:1px solid #9db09c;margin-top:58px}
.quality-type-art p{font-size:18px!important;color:#eff1dd!important;line-height:1.4!important;position:relative}
.quality-type-art b{position:absolute;right:0;bottom:0;font-size:55px;font-weight:400}
.quality-feature-grid{gap:45px 36px}.quality-feature-grid p{line-height:1.8}.quality-steps li{padding:30px 0}.quality-steps li::before{background:none;border-radius:0}
.store-faq{max-width:980px}.store-faq summary{font-weight:500}.store-faq details{padding:25px 0}.store-faq details p{line-height:1.8}
.records-trust{gap:90px}.trust-details article+article{border-top:1px solid var(--line);padding-top:25px}
.store-footer{background:#203d34;color:#faf8ee;padding:65px 0 28px}
.footer-main{grid-template-columns:1.6fr 1fr 1fr}.footer-main>div>p,.footer-legal{color:#d3dbcb}.footer-main nav{gap:16px}.footer-legal{border-color:#ffffff26;margin-top:50px}
.brand-funnel{font-family:DM,Arial,sans-serif;font-size:17px;line-height:1.65}
.brand-funnel .mf-wrap{width:min(1320px,calc(100% - 112px));padding:0;max-width:none}
.brand-funnel .mf-hero{padding:70px 0 90px;grid-template-columns:1.1fr 1fr;gap:100px}
.brand-funnel .mf-hero h1{font-size:clamp(42px,4.2vw,62px);font-weight:500;margin-top:18px;letter-spacing:-.05em}
.brand-funnel .mf-intro{font-size:18px;line-height:1.75;margin-top:24px}
.brand-funnel .mf-benefits{margin:24px 0;font-size:16px;line-height:2}
.brand-funnel .mf-form-card{border-radius:0;border:0;border-top:2px solid var(--forest);background:#ecefe4;box-shadow:none;padding:38px}
.brand-funnel .mf-form-card h2{font-weight:500;font-size:29px;margin-top:16px}.brand-funnel .mf-form-card p{margin-top:14px}
.brand-funnel .mf-section{padding:75px 0}.brand-funnel .mf-section h2{font-size:clamp(32px,3.4vw,46px);font-weight:500;max-width:18em}.brand-funnel .mf-section>p{margin-bottom:24px}
.brand-funnel .mf-preview,.brand-funnel .mf-bridge,.brand-funnel .mf-example{border-radius:0}
.brand-funnel .mf-bridge{background:#e9ecdf;padding:45px;gap:60px}.brand-funnel .mf-bridge p{margin-top:20px}
.brand-funnel .mf-steps{gap:40px}.brand-funnel .mf-steps p{margin-top:15px}
.brand-funnel .mf-faq{max-width:980px}.brand-funnel .mf-faq details{padding:25px 0}.brand-funnel .mf-faq details p{margin-top:18px}
.brand-funnel .mf-footer{border-top:1px solid var(--line)}.brand-funnel #matrix-status:empty{margin:0}
@media(min-width:1600px){.launch-copy{padding-top:170px}}
@media(max-width:1100px){
 .wrap,.brand-funnel .mf-wrap{width:calc(100% - 64px)}
 .brand-header .header-inner{gap:18px}.brand-nav a{padding-inline:15px}.brand-nav a::after{left:15px;right:15px}
 .launch-copy h1{font-size:54px;max-width:8.8em}.launch-copy>p{font-size:19px;max-width:25em}
 .route-title{font-size:22px}.route-description{font-size:13px}.launch-routes a{padding-inline:23px}
 .editorial-feature,.brand-introduction>div,.editorial-quality,.store-hero,.records-trust,.brand-funnel .mf-hero{gap:45px}
 .editorial-image{height:530px}.store-hero .hero-photo{aspect-ratio:.8}
 .quality-type-art{padding:35px 25px}.quality-type-art>span{font-size:37px}
 .industry-story{gap:35px!important;padding:32px!important}
}
@media(max-width:850px){
 .brand-header .header-inner{min-height:96px}.brand-wordmark{font-size:29px}.brand-nav a{font-size:13px;padding:11px 12px}.brand-nav{padding-inline:7px}.brand-login{font-size:14px;gap:5px}
 .launch-copy h1{font-size:46px;max-width:8.5em}.launch-copy>p{font-size:18px;max-width:23em}.launch-hero{min-height:660px}
 .launch-routes a{padding-inline:18px}.route-title{font-size:19px;gap:10px}.route-title>span{font-size:24px}.route-description{font-size:12px}
 .store-hero{grid-template-columns:1fr 1fr;gap:30px}.store-hero h1{font-size:43px}.store-hero .intro{font-size:16px}
 .quality-type-art>span{font-size:30px}.quality-hero h1{font-size:41px}
 .editorial-template{padding:48px}.editorial-template::after{display:none}
 .brand-funnel .mf-hero{grid-template-columns:1fr;gap:35px}.brand-funnel .mf-form-card{max-width:650px}
}
@media(max-width:700px){
 .wrap,.brand-funnel .mf-wrap{width:calc(100% - 40px)}
 .brand-header .header-inner{min-height:124px;grid-template-columns:1fr 1fr;gap:5px 16px;padding-block:20px 12px}
 .brand-wordmark{font-size:29px}.brand-login{display:flex;font-size:14px;min-height:32px}.brand-login span{font-size:23px}
 .brand-nav{grid-column:1/-1;grid-row:2;justify-self:center;margin-top:9px;width:max-content;max-width:100%;padding:4px 8px}
 .brand-nav a{padding:10px 13px;font-size:13px}.brand-nav a::after{left:13px;right:13px;bottom:1px}
 .launch-hero{height:860px;min-height:860px;max-height:none}
 .launch-art img{object-position:center bottom}
 .launch-hero::after{background:linear-gradient(180deg,#092e6940,transparent 70%)}
 .launch-copy{padding-top:163px;padding-bottom:0}
 .launch-copy h1{font-size:clamp(35px,8.8vw,49px);line-height:1.07;max-width:11em;font-weight:550;text-wrap:initial}
 .launch-copy>p{font-size:17px;line-height:1.55;max-width:25em;margin-top:21px;letter-spacing:0}
 .launch-routes-inner{grid-template-columns:1fr;padding:10px 0 12px;min-height:0}
 .launch-routes a,.launch-routes a:first-child,.launch-routes a:last-child{padding:19px 0;border-left:0;border-top:1px solid #b9c3cd;display:grid;grid-template-columns:25px 1fr;gap:7px 12px}
 .launch-routes a:first-child{border-top:0}.route-number{padding-top:4px;grid-row:1/3}.route-title{font-size:23px}.route-title>span{font-size:29px}.route-description{font-size:14px;grid-column:2}
 .home-editorial{padding-top:65px;padding-bottom:50px}.brand-introduction{padding-bottom:55px}.brand-introduction>div,.editorial-feature,.editorial-quality{grid-template-columns:1fr;gap:28px}
 .brand-introduction h2,.editorial-feature h2,.editorial-quality h2,.editorial-template h2{font-size:38px}.brand-introduction p:not(.eyebrow){font-size:16px}
 .editorial-feature{padding:50px 0;gap:35px}.editorial-image{height:360px}.editorial-copy>p:not(.eyebrow){font-size:16px}.editorial-copy p.small{font-size:12px}
 .editorial-quality{padding:55px 0}.editorial-quality>div>p:not(.eyebrow){font-size:16px}
 .editorial-template{padding:35px 25px;margin:0 0 50px}.editorial-template h2{font-size:34px}.editorial-template>p:not(.eyebrow){font-size:16px}.editorial-template p.small{font-size:12px}
 .editorial-local{display:block}.editorial-local h2{font-size:30px}.editorial-local .text-link{display:inline-block;margin-top:22px}.product-separation{font-size:13px}
 .store-hero{grid-template-columns:1fr;padding:40px 0 55px;gap:35px}.store-hero h1,.quality-hero h1{font-size:clamp(40px,10vw,54px)}.store-hero .hero-photo{aspect-ratio:1.15;max-height:480px}
 .store-section{padding:50px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:34px}
 .industry-story{padding:28px 24px!important;gap:25px!important}.industry-story h2{font-size:30px}
 .benefit-grid{gap:28px}.benefit-grid h3{font-size:22px}.benefit-grid article{padding-top:20px}
 .quality-type-art{min-height:370px;padding:37px}.quality-type-art>span{font-size:42px}.quality-art-line{margin-top:35px}
 .page-heading{padding:40px 0}.page-heading h1{font-size:42px}.records-trust{gap:35px}.store-closing{padding:28px}
 .store-footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-legal{margin-top:35px}.footer-main>div>p{font-size:13px}
 .brand-funnel .mf-hero{padding:40px 0 50px;gap:35px}.brand-funnel .mf-hero h1{font-size:43px}.brand-funnel .mf-intro{font-size:16px}.brand-funnel .mf-form-card{padding:27px 23px}.brand-funnel .mf-form-card h2{font-size:26px}
 .brand-funnel .mf-section{padding:50px 0}.brand-funnel .mf-section h2{font-size:34px}.brand-funnel .mf-bridge{padding:28px 22px;gap:25px}.brand-funnel .mf-example{padding:21px 18px}.brand-funnel .mf-faq summary{font-size:16px}
}
@media(max-width:380px){.brand-nav a{font-size:12px;padding-inline:11px}.launch-copy h1{font-size:34px}.launch-copy>p{font-size:16px}.route-title{font-size:21px}.quality-type-art>span{font-size:36px}}
@media(prefers-reduced-motion:reduce){.brand-nav a::after,.brand-login span,.route-title>span{transition:none}}
