/* Fatra web identity — distinct from the application UI. */
:root{--ink:#123e32;--ink-soft:#526b61;--surface:#f7f8f2;--emerald:#059669;--emerald-deep:#047857;--line:#dce6df;--mint:#cfebd9;--font:Cairo,"Segoe UI",Tahoma,sans-serif}
body{background:var(--surface);line-height:1.85}html{scroll-padding-top:100px}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px))}section{padding:100px 0}h2{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.5;letter-spacing:-.04em}h2 span{color:#047857}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #059669;outline-offset:5px}.skip-link{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{background:#f7f8f2f5}.site-header__inner{min-height:90px}.brand-mark{font-size:1.6rem;gap:12px}.brand-mark__logo{width:44px;height:44px}.brand-mark small{font-size:.7rem;font-weight:600;border-inline-start:1px solid #bbcfc3;padding-inline-start:12px;color:var(--ink-soft)}.site-nav{gap:26px;font-size:.82rem}.site-nav .nav-cta{background:var(--ink);color:white;border-radius:100px;padding:11px 21px}.nav-toggle{min-width:48px;min-height:48px}.eyebrow{font-size:.78rem;font-weight:800;margin-bottom:20px;letter-spacing:.02em}.studio-hero{padding:75px 0 0;background:#064d3b;color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;min-height:590px}.studio-hero .eyebrow{color:#bbdfca}.studio-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.43;letter-spacing:-.055em;margin:0 0 28px}.studio-hero em{font-style:normal;color:#bfebbf}.hero-description{color:#d1e4da;font-size:1rem;max-width:500px}.cta-row{gap:24px;margin-top:32px;align-items:center}.btn{border-radius:100px;min-height:54px;padding:14px 25px;font-size:.84rem;gap:18px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-3px)}.studio-hero .btn--primary,.contact-panel .btn--primary{background:#c7edc4;color:#123e32;border-color:transparent}.hero-secondary{color:white;font-size:.8rem}.hero-small{font-size:.68rem;color:#c0d7cc;margin:22px 0}.hero-art{position:relative;min-width:0;padding:54px 22px 30px}.orbit{position:absolute;border:1px solid #6aa88b55;border-radius:50%;width:510px;height:510px;inset:0;margin:auto;pointer-events:none}.floating-note{position:absolute;z-index:2;inset-inline-end:0;top:0;border-radius:16px;background:#cae9c7;color:#123e32;padding:15px 24px;font-size:.75rem;transform:rotate(-5deg);box-shadow:0 10px 24px #001d1620}.workspace-preview{position:relative;border:1px solid #f4fff966;border-radius:26px;background:#f7faf6;color:var(--ink);padding:26px;box-shadow:0 35px 70px #002a2970;transform:rotate(3deg)}.preview-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.preview-top img{border-radius:11px}.preview-top strong{font-size:.8rem;display:block}.preview-top small{font-size:.63rem;color:var(--ink-soft);display:block}.preview-top>span{margin-inline-start:auto}.preview-caption{font-size:.7rem;color:var(--ink-soft);margin:25px 0 0}.workspace-preview h2{font-size:1.85rem;margin:5px 0 18px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.68rem;margin-bottom:18px}.preview-stats>span{background:#e7efe8;padding:12px;border-radius:12px}.preview-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.preview-row strong{font-size:.76rem;display:block}.preview-row small{font-size:.63rem;color:var(--ink-soft);display:block}.preview-row>span:last-child{margin-inline-start:auto}.pack-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#e4f1e9;color:#047857;font-size:1.3rem;font-weight:700}.pack-icon.amber{background:#fbefd4;color:#9f7114}.pack-icon.rose{background:#f9e5e2;color:#a33e35}.preview-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:.65rem;margin-top:12px}.art-caption{position:relative;text-align:center;margin:28px 0 0;font-size:.65rem;color:#c4dacf}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #c8e5d62e;padding:26px 0;margin-top:54px;color:#bcd9c9;font-size:.7rem}.hero-foot a{font-size:1.4rem;color:inherit;text-decoration:none}.hero-foot span:first-child{letter-spacing:.12em}.section-head{max-width:700px;margin-bottom:38px}.section-head h2{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.5;letter-spacing:-.04em}.section-head p{font-size:.9rem}.split-head{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:70px}.split-head>p{max-width:360px}.bento-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.bento{position:relative;border:1px solid var(--line);background:white;padding:35px;border-radius:24px;overflow:hidden}.bento h3{font-size:1.4rem;line-height:1.6;letter-spacing:-.03em;margin:16px 0}.bento p{font-size:.82rem;color:var(--ink-soft);max-width:450px}.chapter{display:block;font-size:.65rem;font-weight:700;color:var(--ink-soft);margin-bottom:20px}.bento-main{background:#d9eadc;grid-row:span 2;display:flex;flex-direction:column}.bento-main h3{font-size:2rem}.bento-symbol{display:block;font-size:2.5rem;color:#78a58a;margin-top:20px}.bento-wide{grid-column:span 2;background:#e9ede4;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.bento-wide .chapter,.bento-wide h3,.bento-wide p{grid-column:1}.team-tokens{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;justify-content:center;gap:12px;transform:rotate(-6deg)}.team-tokens span{background:white;border:1px solid var(--line);border-radius:100px;padding:10px 20px;font-size:.75rem;text-align:center}.expiry-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:.65rem;margin-top:auto;padding-top:60px}.expiry-track span{border-top:8px solid #059669;padding-top:12px}.expiry-track span:nth-child(2){border-color:#e4b74a}.expiry-track span:nth-child(3){border-color:#dd8d4c}.expiry-track span:nth-child(4){border-color:#ba645e}.experience{background:#e9efe8}.demo-shell{display:grid;grid-template-columns:260px 1fr;border:1px solid #d4e1d6;background:white;border-radius:26px;overflow:hidden;box-shadow:0 25px 65px #133e320a}.demo-sidebar{background:#174b3b;padding:35px;color:white}.demo-sidebar img{border-radius:13px;margin-bottom:50px}.demo-sidebar h3{font-size:1.1rem}.demo-sidebar p{color:#c5ddcf;font-size:.8rem}.demo-tag{display:inline-block;border:1px solid #d7ead64d;border-radius:9px;padding:9px;font-size:.65rem;color:#d6e7db;margin-top:30px}.demo-content{padding:32px;min-width:0}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-heading h3{font-size:1.1rem;margin:0}.demo-heading>span{font-size:.7rem;color:var(--ink-soft)}.demo-filters{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0}.demo-filters button{background:#f1f5ee;border:1px solid transparent;border-radius:100px;padding:10px 23px;min-height:46px;color:var(--ink);font-size:.76rem}.demo-filters button[aria-pressed=true]{background:#174b3b;color:white}.demo-item{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:18px 0}.demo-item>div{flex:1;min-width:0}.demo-item strong{display:block;font-size:.84rem}.demo-item small{font-size:.68rem;color:var(--ink-soft)}.pill{border-radius:100px;padding:5px 13px;font-size:.65rem;white-space:nowrap}.safe-pill{background:#e1f3e8;color:#046a48}.near-pill{background:#fff0cd;color:#856009}.expired-pill{background:#fae4df;color:#9b3e2d}.demo-disclaimer{font-size:.65rem;margin:20px 0 0;color:var(--ink-soft)}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.journey article{border-top:1px solid #bdccc1;padding-top:24px}.journey article>span{font-size:2.8rem;color:#a0baaa;line-height:1}.journey h3{font-size:1.2rem;margin:20px 0 12px}.journey p{font-size:.83rem;color:var(--ink-soft)}.roadmap{background:#e3ebdf}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.roadmap-grid>div>p:last-child{max-width:400px;font-size:.85rem;color:var(--ink-soft)}.roadmap-list{list-style:none;padding:0;margin:0}.roadmap-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #c4d3c3;padding:23px 0;font-size:.83rem}.soon{background:#fff7db;color:#755b15;border:1px solid #e7dba8;padding:4px 12px;white-space:nowrap;font-size:.64rem}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0}.faq summary{cursor:pointer;font-weight:700;list-style:none;padding-inline-end:30px;position:relative;font-size:.9rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;inset-inline-end:0;top:0;font-size:1.4rem;color:#047857}.faq details[open] summary:after{content:"−"}.faq details p{font-size:.82rem;padding:15px 0 0;margin-bottom:0;color:var(--ink-soft)}.contact{padding-top:0;background:var(--surface)}.contact-panel{background:#064d3b;color:white;border-radius:28px;padding:60px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.contact-panel .eyebrow,.contact-panel p{color:#c3dccc}.contact-panel h2{margin-bottom:18px}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.contact-actions>a:last-child{text-align:center;font-size:.76rem;color:#d3e8d9;overflow-wrap:anywhere}.contact-panel .btn--ghost{background:transparent;color:white;border:1px solid #b9d1c359}.site-footer{background:#edf0e7;padding:60px 0 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-grid h2{font-size:.8rem;letter-spacing:0;margin-bottom:18px}.footer-grid a:not(.brand-mark){display:block;font-size:.75rem;text-decoration:none;color:var(--ink-soft);margin:10px 0}.footer-grid p{font-size:.76rem;margin-top:18px}.footer-base{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d2ddd1;padding:25px 0;margin-top:50px;font-size:.65rem;color:var(--ink-soft)}
/* Unified secondary pages. */
.footer-grid .brand-mark{display:inline-flex;align-items:center;color:var(--ink);font-size:1.6rem;gap:12px;font-weight:800}
.availability-page .page-hero{padding:56px 0 38px}
.availability-page .page-hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 14px}
.availability-page .page-hero .eyebrow{margin:0 0 10px}
.availability-page .page-hero a{display:inline-block;color:#d3ebbd;font-size:.8rem;margin-top:8px;text-underline-offset:5px}
.platforms{padding:28px 0 36px}
.platform-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:580px;list-style:none;padding:0}
.platform-row li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;padding:4px 10px}
.platform-row li+li{border-inline-start:1px solid var(--line)}
.platform-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:13px;background:#e3eee4;color:#246348}
.platform-icon svg{width:29px;height:29px}
.platform-icon--apple{background:#e5eef9;color:#2875c6}
.platform-row strong{font-size:.79rem;white-space:nowrap}
.platform-row li>span:last-child{font-size:.65rem;color:var(--ink-soft)}
@media(max-width:480px){.platform-row li{padding-inline:4px}.platform-row strong{font-size:.7rem}.availability-page .page-hero{padding:35px 0 28px}}
.page-hero{background:#064d3b;color:white;padding:80px 0}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.05em}.page-hero p{color:#d4e5d9;max-width:650px}.stores--tight{padding-top:55px}.store-card{border-radius:22px;padding:30px;box-shadow:none}.download-card{display:grid;grid-template-columns:1.4fr 1fr;background:white;border:1px solid #c8dacf;border-radius:25px;padding:42px;gap:35px;align-items:center;margin-bottom:28px;box-shadow:0 15px 50px #123e3208}.download-card h2{font-size:1.8rem;margin:10px 0}.download-card p{font-size:.85rem}.download-card .btn{width:100%}.download-meta{display:block;text-align:center;font-size:.67rem;color:var(--ink-soft);margin-top:14px}.download-icon{width:72px;height:72px;border-radius:18px;margin-bottom:18px}.download-support{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:.82rem}.legal{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(25px,5vw,60px);margin-top:45px;margin-bottom:70px}.legal h1{font-size:2.2rem}.legal h2{font-size:1.15rem;letter-spacing:0}.legal p,.legal li{font-size:.88rem}
@media(max-width:1000px){.site-nav{gap:15px;font-size:.75rem}.brand-mark small{display:none}.hero-grid{gap:25px}.bento{padding:25px}.faq-grid,.roadmap-grid{gap:45px}.contact-panel{padding:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}section{padding:65px 0}.site-header__inner{min-height:76px}.brand-mark{font-size:1.4rem}.studio-hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:25px;min-height:0}.studio-hero h1{font-size:clamp(2.5rem,9.7vw,4rem)}.hero-description{font-size:.9rem}.cta-row{gap:18px}.hero-art{width:min(400px,100%);margin:15px auto 0;padding:48px 14px 20px}.workspace-preview{padding:22px;transform:rotate(2deg)}.floating-note{inset-inline-end:8px}.orbit{width:370px;height:370px}.hero-foot{margin-top:36px;font-size:.6rem;padding:20px 0}.hero-foot span:nth-child(2){display:none}.split-head{display:block}.split-head>p{margin-top:25px}.bento-grid{grid-template-columns:1fr 1fr;gap:12px}.bento-main{grid-column:span 2;grid-row:auto}.expiry-track{padding-top:20px}.bento-wide{grid-column:span 2}.bento h3{font-size:1.16rem}.bento-main h3{font-size:1.9rem}.bento p{font-size:.76rem}.chapter{font-size:.6rem}.demo-shell{grid-template-columns:1fr}.demo-sidebar{padding:25px;display:grid;grid-template-columns:48px 1fr;gap:0 16px}.demo-sidebar img{grid-row:span 2;margin:0}.demo-sidebar h3{margin:0}.demo-sidebar p{margin:4px 0}.demo-tag{grid-column:span 2;margin-top:16px;width:max-content}.demo-content{padding:22px}.demo-heading h3{font-size:.94rem}.demo-filters button{padding:9px 18px}.demo-item strong{font-size:.75rem}.demo-item small{font-size:.6rem}.demo-item{gap:10px}.journey{grid-template-columns:1fr;gap:25px}.journey article{display:grid;grid-template-columns:60px 1fr;column-gap:20px}.journey article>span{grid-row:span 2;font-size:2rem}.journey h3{margin:0 0 10px}.roadmap-grid,.faq-grid{grid-template-columns:1fr;gap:25px}.roadmap-list li{font-size:.76rem}.contact-panel{grid-template-columns:1fr;padding:32px 25px;gap:25px}.contact-panel h2{font-size:1.9rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer-base{flex-direction:column;gap:8px}.download-card{grid-template-columns:1fr;padding:28px;gap:18px}.page-hero{padding:52px 0}.btn{font-size:.78rem}}
@media(max-width:360px){.bento-grid{grid-template-columns:1fr}.bento,.bento-main,.bento-wide{grid-column:1}.bento-wide{display:block}.team-tokens{transform:none;margin-top:20px}.demo-content{padding:16px}.demo-filters{gap:5px}.demo-filters button{padding:9px 14px}.demo-heading{flex-direction:column;gap:5px;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.btn:hover{transform:none}}