:root {
  --ink: #082f39;
  --ocean: #075c73;
  --deep-ocean: #063e50;
  --aqua: #62d1d5;
  --foam: #dff7f4;
  --sand: #f7f8f5;
  --white: #ffffff;
  --coral: #ef8566;
  --line: rgba(8, 47, 57, 0.13);
  --shadow: 0 24px 70px rgba(6, 62, 80, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--sand); font-family: 'DM Sans', Arial, sans-serif; font-size: 16px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 10; padding: .65rem 1rem; border-radius: .5rem; background: var(--white); color: var(--ink); }
.skip-link:focus { top: 1rem; }

.site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 5; max-width: 1320px; margin: 0 auto; padding: 1.45rem 3rem; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; }
.brand { display: inline-flex; align-items: center; gap: .65rem; letter-spacing: -.03em; font-family: 'Outfit', Arial, sans-serif; font-size: 1.05rem; font-weight: 500; white-space: nowrap; }
.brand strong { font-weight: 800; }
.brand-mark { width: 2rem; height: 2rem; border-radius: 50% 50% 45% 45%; display: grid; place-items: center; background: var(--ocean); color: #e7ffff; font-size: 1.1rem; font-weight: 800; box-shadow: inset 0 -3px 0 rgba(0,0,0,.1); }
.site-header nav { display: flex; gap: 1.8rem; color: rgba(8, 47, 57, .72); font-size: .93rem; font-weight: 600; }
.site-header nav a:hover, .site-footer > a:last-child:hover { color: var(--ocean); }
.header-actions { display: flex; align-items: center; gap: .65rem; }.language-select { display: inline-flex; align-items: center; gap: .28rem; padding: .56rem .65rem; border: 1px solid rgba(8, 47, 57, .18); border-radius: 99px; background: rgba(255,255,255,.64); color: var(--ocean); font-size: .8rem; font-weight: 800; }.language-select select { max-width: 4.8rem; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }.language-select option { color: var(--ink); }
.header-cta { padding: .7rem 1rem; border: 1px solid rgba(8, 47, 57, .22); border-radius: 99px; font-size: .88rem; font-weight: 700; transition: .2s ease; }
.header-cta:hover { border-color: var(--ocean); background: var(--ocean); color: white; }

.hero { isolation: isolate; min-height: 735px; overflow: hidden; padding: 11.5rem max(3rem, calc((100vw - 1190px) / 2)) 5.8rem; display: grid; grid-template-columns: minmax(0, .94fr) minmax(410px, .83fr); align-items: center; gap: 4.3rem; background: #fff; }
.hero::after { content: ''; position: absolute; z-index: -1; width: 52vw; height: 52vw; min-width: 700px; min-height: 700px; right: -25vw; top: -31vw; border-radius: 46% 54% 59% 41% / 37% 36% 64% 63%; background: #effaf8; border: 1px solid rgba(7, 92, 115, .1); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); }
.glow-one { width: 18rem; height: 18rem; left: -7rem; bottom: -8rem; background: rgba(98, 209, 213, .25); }
.glow-two { width: 12rem; height: 12rem; right: 18%; top: 21%; background: rgba(239, 133, 102, .13); }
.eyebrow, .section-kicker { margin: 0 0 1rem; color: var(--ocean); letter-spacing: .1em; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: .55rem; }
.status-dot { width: .55rem; height: .55rem; border-radius: 50%; background: #40bda7; box-shadow: 0 0 0 4px rgba(64, 189, 167, .16); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: 'Outfit', Arial, sans-serif; line-height: 1.02; letter-spacing: -.045em; }
h1 { max-width: 680px; margin-bottom: 1.5rem; font-size: clamp(3.5rem, 5.9vw, 5.8rem); font-weight: 700; }
h1 em, h2 em { color: var(--ocean); font-style: normal; font-weight: 800; }
.hero-lede { max-width: 570px; margin-bottom: 2rem; color: rgba(8, 47, 57, .72); font-size: 1.15rem; }
.hero-actions { display: flex; gap: .8rem; flex-wrap: wrap; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: .55rem; min-height: 3.2rem; padding: .85rem 1.18rem; border: 1px solid transparent; border-radius: .75rem; font-size: .94rem; font-weight: 800; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(6, 62, 80, .16); }
.button-primary { color: white; background: var(--ocean); }
.button-quiet { color: var(--ocean); border-color: rgba(7,92,115,.2); background: rgba(255,255,255,.5); }
.button-outline { width: 100%; color: var(--ocean); border-color: rgba(7,92,115,.35); background: transparent; }
.button-light { color: var(--deep-ocean); background: var(--foam); }
.trust-line { display: flex; align-items: center; gap: .55rem; margin-top: 1.5rem; color: rgba(8, 47, 57, .62); font-size: .86rem; font-weight: 600; }
.trust-line span { color: var(--coral); }

.hero-preview { position: relative; width: min(100%, 475px); justify-self: end; overflow: visible; border: 9px solid white; border-radius: 1.15rem; background: white; box-shadow: var(--shadow); transform: rotate(2.2deg); }
.preview-topbar { height: 2rem; padding: 0 .6rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: #79949a; font-size: .55rem; }
.traffic-lights { display: flex; gap: .23rem; }.traffic-lights i { width: .38rem; height: .38rem; border-radius: 50%; background: #e5ede9; }.traffic-lights i:first-child { background: #f3a58b; }.traffic-lights i:nth-child(2) { background: #f4d077; }.traffic-lights i:last-child { background: #80c8b8; }
.preview-site { position: relative; min-height: 370px; overflow: hidden; padding: 1.2rem; background: #f4f4e9; }
.preview-site::before { content: ''; position: absolute; width: 17rem; height: 17rem; right: -7rem; bottom: -9rem; border-radius: 47% 53% 60% 40% / 43% 37% 63% 57%; background: #d2dfc9; }
.preview-site::after { content: ''; position: absolute; width: 10rem; height: 10rem; right: 3rem; bottom: 2rem; border: 1px solid rgba(91,120,76,.17); border-radius: 50%; }
.preview-nav, .preview-content, .preview-badge { position: relative; z-index: 1; }
.preview-nav { display: flex; align-items: center; gap: .75rem; font-size: .48rem; color: #566643; }.preview-nav .preview-logo { margin-right: auto; color: #253a2b; font-weight: 800; letter-spacing: .1em; }
.preview-content { position: relative; z-index: 2; width: 57%; margin-top: 4.5rem; }.preview-content p { margin-bottom: .45rem; color: #5e744c; font-size: .5rem; font-weight: 700; letter-spacing: .12em; }.preview-content h2 { margin-bottom: 1.35rem; color: #32432f; font-size: 1.9rem; line-height: .96; }.preview-content h2 i { color: #6d8a55; font-weight: 500; }.preview-content a { display: inline-flex; gap: .3rem; padding: .48rem .55rem; background: #637d4f; color: white; font-size: .51rem; font-weight: 700; }.preview-photo { position: absolute; z-index: 1; right: 1.1rem; top: 4.9rem; width: 36%; height: 11.6rem; object-fit: cover; border-radius: 48% 48% .55rem .55rem; filter: saturate(.84); }.preview-badge { position: absolute; z-index: 3; left: 1.1rem; bottom: 1rem; display: grid; gap: .25rem; padding: .6rem .7rem; border-radius: .55rem; background: white; box-shadow: 0 8px 25px rgba(7,92,115,.09); }.preview-badge span { color: #415e4b; font-size: .53rem; font-weight: 800; }.preview-badge small { color: #6d8580; font-size: .47rem; }
.floating-note { position: absolute; z-index: 2; left: -3.3rem; bottom: -1.4rem; display: flex; align-items: center; gap: .55rem; padding: .75rem .85rem; border-radius: .75rem; background: var(--white); color: #285c64; font-size: .68rem; line-height: 1.25; box-shadow: 0 14px 30px rgba(6,62,80,.14); transform: rotate(-3.2deg); }.floating-note b { color: var(--ink); }.floating-icon { width: 1.45rem; height: 1.45rem; display: grid; place-items: center; border-radius: 50%; background: #dcf4ef; color: #168975; font-weight: 900; }

.logo-strip { padding: 1.25rem 3rem; display: flex; justify-content: center; align-items: center; gap: 2.1rem; border-bottom: 1px solid var(--line); background: white; color: #55777c; }.logo-strip p { margin: 0; font-size: .66rem; font-weight: 800; letter-spacing: .1em; }.logo-strip div { display: flex; align-items: center; gap: 1rem; font-family: 'Outfit', Arial, sans-serif; font-size: 1rem; font-weight: 600; }.logo-strip i { width: .25rem; height: .25rem; border-radius: 50%; background: var(--aqua); }
.section { padding: 7.8rem max(3rem, calc((100vw - 1190px) / 2)); }
.problem-section { background: var(--sand); }.section-intro { max-width: 650px; }.section-intro h2, .examples-heading h2, .pricing-heading h2, .how-heading h2 { margin-bottom: 1rem; font-size: clamp(2.35rem, 4.2vw, 4rem); }.section-intro > p:last-child { max-width: 525px; color: rgba(8,47,57,.66); font-size: 1.08rem; }
.problem-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 1rem; margin-top: 3.3rem; }.problem-card { min-height: 235px; padding: 1.7rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255,255,255,.7); }.problem-card-large { position: relative; overflow: hidden; background: var(--deep-ocean); color: white; }.problem-card h3 { margin: 1.2rem 0 .6rem; font-size: 1.5rem; }.problem-card p { max-width: 24rem; margin-bottom: 0; color: rgba(8,47,57,.65); font-size: .93rem; }.problem-card-large p { color: rgba(255,255,255,.7); }.card-icon { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: .7rem; font-family: 'Outfit', Arial, sans-serif; font-size: 1.28rem; font-weight: 800; }.ocean-icon { background: rgba(98,209,213,.18); color: #aaf0ec; }.warm-icon { background: #fff0e9; color: #d86f4f; }.mint-icon { background: #e1f5ee; color: #228b75; }.scribble-line { position: absolute; width: 12rem; height: 12rem; right: -3rem; bottom: -8rem; border: 1px solid rgba(98,209,213,.34); border-radius: 44% 56% 43% 57%; }

.solution-section { position: relative; overflow: hidden; padding: 6rem max(3rem, calc((100vw - 1190px) / 2)); display: grid; grid-template-columns: .92fr 1fr; gap: 7.5rem; align-items: center; color: white; background: var(--ocean); }.solution-section h2, .contact-copy h2 { margin-bottom: 1.35rem; color: white; font-size: clamp(2.6rem, 4.6vw, 4.35rem); }.solution-section h2 em, .contact-copy h2 em { color: #9af0eb; }.solution-section .solution-copy > p:not(.section-kicker) { max-width: 535px; color: rgba(255,255,255,.75); font-size: 1.05rem; }.section-kicker-light { color: #a5f2ec; }.feature-list { display: grid; gap: .7rem; margin: 1.7rem 0 0; padding: 0; list-style: none; font-size: .96rem; font-weight: 600; }.feature-list span { display: inline-grid; width: 1.1rem; height: 1.1rem; place-items: center; margin-right: .5rem; border-radius: 50%; background: #97e6de; color: var(--deep-ocean); font-size: .7rem; }
.solution-art { position: relative; min-height: 360px; }.orbit { position: absolute; border: 1px solid rgba(203,255,250,.25); border-radius: 50%; }.orbit-a { width: 20rem; height: 20rem; left: 6%; top: 1rem; }.orbit-b { width: 15rem; height: 15rem; left: 16%; top: 3.5rem; }.orbit-c { width: 11rem; height: 11rem; left: 26%; top: 5.5rem; }.solution-card-art { position: absolute; left: 13%; top: 6.2rem; width: 13.5rem; height: 13.5rem; padding: 1.3rem; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(255,255,255,.5); border-radius: 48% 52% 42% 58% / 48% 42% 58% 52%; background: linear-gradient(145deg, #a3eee6, #5cc7c5); color: var(--deep-ocean); box-shadow: 18px 23px 0 rgba(0, 43, 57, .17); transform: rotate(-10deg); }.solution-card-art span { font-family: 'Outfit', Arial, sans-serif; font-size: 1.5rem; line-height: .92; font-weight: 700; letter-spacing: -.05em; }.solution-card-art b { font-size: .88rem; text-align: right; }.mini-pill { position: absolute; padding: .45rem .7rem; border: 1px solid rgba(255,255,255,.27); border-radius: 99px; background: rgba(1,55,69,.25); backdrop-filter: blur(8px); color: white; font-size: .7rem; font-weight: 800; }.pill-one { left: 1%; bottom: 2.3rem; }.pill-two { left: 45%; top: 1.2rem; }.pill-three { right: 2%; bottom: 5.6rem; }

.examples-section { background: white; }.examples-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }.examples-heading > p { max-width: 305px; margin: 0 0 .65rem; color: rgba(8,47,57,.65); font-size: 1rem; }.example-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; margin-top: 3.2rem; }.example-card { overflow: hidden; border-radius: 1rem; border: 1px solid var(--line); background: #f9faf7; }.example-browser { display: flex; gap: .18rem; padding: .68rem .75rem; border-bottom: 1px solid rgba(8,47,57,.08); }.example-browser span { width: .32rem; height: .32rem; border-radius: 50%; background: #cfdbd8; }.example-card > div:nth-child(2) { position: relative; min-height: 260px; padding: 1.15rem; overflow: hidden; }.example-caption { display: grid; grid-template-columns: 1.7rem 1fr; gap: 0 .55rem; padding: 1.05rem; background: white; }.example-caption span { grid-row: span 2; color: var(--ocean); font-size: .7rem; font-weight: 800; }.example-caption h3 { margin: 0; font-size: 1.1rem; }.example-caption p { margin: .2rem 0 0; color: #789095; font-size: .76rem; }.restaurant-ui { color: #213d34; background: #e6eac9; }.restaurant-ui::before { content: ''; position: absolute; width: 12rem; height: 12rem; right: -4.5rem; bottom: -4.5rem; border-radius: 50%; background: #8aa271; }.restaurant-ui p, .barber-ui p, .artisan-ui p, .coach-ui p { position: relative; z-index: 1; margin-bottom: 2.3rem; font-size: .55rem; font-weight: 800; letter-spacing: .12em; }.restaurant-ui h3, .barber-ui h3, .artisan-ui h3, .coach-ui h3 { position: relative; z-index: 1; margin-bottom: 1.7rem; font-size: 1.7rem; }.restaurant-ui h3 i, .artisan-ui h3 i { color: #5e7c57; }.restaurant-ui b { position: relative; z-index: 1; padding-bottom: .2rem; border-bottom: 1px solid #4d6e4b; font-size: .62rem; }.restaurant-ui small { position: absolute; z-index: 1; left: 1.15rem; bottom: 1.1rem; font-size: .43rem; letter-spacing: .05em; }.barber-ui { color: #f7eddd; background: #283a3c; }.barber-ui::after { content: ''; position: absolute; right: -1.6rem; bottom: -1.6rem; width: 8rem; height: 8rem; border: 1px solid #d49956; border-radius: 50%; }.barber-ui h3 { font-family: 'DM Sans', Arial, sans-serif; line-height: 1.07; letter-spacing: -.06em; }.barber-ui b { position: relative; z-index: 1; display: inline-block; padding: .45rem .58rem; border: 1px solid rgba(247,237,221,.5); font-size: .53rem; }.barber-stamp { position: absolute; right: 1.2rem; bottom: .75rem; color: #d49956; font-family: 'Outfit'; font-size: 3.3rem; font-weight: 800; line-height: 1; }.artisan-ui { color: #453427; background: #e0c4a4; }.artisan-ui::after { content: ''; position: absolute; width: 11rem; height: 11rem; right: -4rem; top: 2rem; border: 1px solid rgba(69,52,39,.35); transform: rotate(35deg); }.artisan-ui p, .artisan-ui h3, .artisan-ui div, .artisan-ui small { position: relative; z-index: 1; }.artisan-ui div { display: flex; gap: .8rem; }.artisan-ui div b { display: grid; font-size: .58rem; }.artisan-ui small { position: absolute; bottom: 1.1rem; left: 1.15rem; padding: .45rem .55rem; background: #453427; color: #f0dec9; font-size: .48rem; font-weight: 800; }.coach-ui { color: #16474f; background: #b9e6db; }.coach-ui::after { content: ''; position: absolute; width: 12rem; height: 12rem; right: -5rem; bottom: -2.5rem; border-radius: 48% 52% 57% 43%; background: #81c8bd; }.coach-ui h3, .coach-ui b, .coach-ui > span { position: relative; z-index: 1; }.coach-ui b { display: block; max-width: 7rem; font-size: .48rem; line-height: 1.4; letter-spacing: .06em; }.coach-ui > span { position: absolute; bottom: 1.1rem; left: 1.15rem; font-size: .6rem; font-weight: 800; }

.how-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 5rem; padding: 7.5rem max(3rem, calc((100vw - 1190px) / 2)); background: #edf6f3; }.steps-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(8,47,57,.18); }.steps-list li { display: grid; grid-template-columns: 4rem 1fr; gap: .4rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(8,47,57,.18); }.steps-list > li > span { color: var(--ocean); font-size: .74rem; font-weight: 800; }.steps-list h3 { margin: 0 0 .35rem; font-size: 1.35rem; }.steps-list p { margin: 0; color: rgba(8,47,57,.68); font-size: .91rem; }

.founders-section { position: relative; overflow: hidden; min-height: 420px; padding: 6.8rem max(3rem, calc((100vw - 1190px) / 2)); display: grid; grid-template-columns: .72fr 1fr; gap: 6rem; align-items: center; background: #fff; }.founders-orbit { position: relative; width: 15rem; height: 15rem; margin: 0 auto; display: grid; place-items: center; border: 1px dashed rgba(7,92,115,.3); border-radius: 50%; color: var(--ocean); font-family: 'Outfit', Arial, sans-serif; font-size: 1.9rem; font-weight: 800; letter-spacing: -.07em; }.founders-orbit::before, .founders-orbit::after { content: ''; position: absolute; border-radius: 50%; }.founders-orbit::before { width: 10.2rem; height: 10.2rem; border: 1px solid rgba(7,92,115,.18); }.founders-orbit::after { width: 4rem; height: 4rem; right: -1.3rem; top: 1.1rem; background: #b2eee8; box-shadow: -13rem 12rem 0 -1rem #ffe0d3; }.founders-copy { max-width: 600px; }.founders-copy h2 { margin-bottom: 1.25rem; font-size: clamp(2.35rem, 4vw, 3.85rem); }.founders-copy > p:not(.section-kicker):not(.founders-assurance) { color: rgba(8,47,57,.69); font-size: 1.02rem; }.founders-assurance { display: inline-flex; align-items: center; gap: .5rem; margin: .7rem 0 0; padding: .55rem .75rem; border-radius: 99px; background: #e8f7f4; color: var(--ocean); font-size: .78rem; font-weight: 800; }.founders-assurance span { color: var(--coral); }

.pricing-section { text-align: center; background: var(--sand); }.pricing-heading { max-width: 650px; margin: 0 auto; }.pricing-heading > p:last-child { color: rgba(8,47,57,.68); }.pricing-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 390px)); justify-content: center; gap: 2.6rem; margin-top: 2.8rem; text-align: left; }.pricing-plus { position: absolute; z-index: 2; left: 50%; top: 50%; width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border: 1px solid rgba(7,92,115,.22); border-radius: 50%; background: var(--sand); color: var(--ocean); font-family: 'Outfit', Arial, sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1; transform: translate(-50%, -50%); }.price-card { position: relative; display: flex; flex-direction: column; min-height: 475px; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: white; }.price-card-featured { overflow: hidden; color: white; border-color: var(--deep-ocean); background: var(--deep-ocean); box-shadow: 0 22px 50px rgba(6,62,80,.2); }.after-first-year { margin: 0 0 .55rem; color: #9ee9df; font-size: .8rem; font-weight: 800; }.price-label { margin-bottom: .8rem; color: var(--ocean); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.price-card-featured .price-label { color: #9ee9df; }.price-card h3 { margin-bottom: .15rem; font-size: 3.2rem; }.price-card h3 small { font-size: 1rem; letter-spacing: 0; }.price-period { margin-bottom: 1.15rem; color: #6e888d; font-size: .9rem; }.price-card-featured .price-period { color: rgba(255,255,255,.6); }.price-summary { min-height: 3.3rem; margin-bottom: 1.1rem; color: rgba(8,47,57,.68); font-size: .91rem; }.price-card-featured .price-summary { color: rgba(255,255,255,.75); }.price-card ul { display: grid; gap: .63rem; margin: 0 0 1.7rem; padding: 0; list-style: none; font-size: .86rem; }.price-card li { display: flex; align-items: start; gap: .55rem; }.price-card li span { color: #1ba58c; font-weight: 900; }.price-card-featured li span { color: #9ee9df; }.price-card .button { margin-top: auto; }.pricing-note { max-width: 720px; margin: 1.8rem auto 0; color: #6c8589; font-size: .8rem; }

.contact-section { position: relative; overflow: hidden; padding: 6.5rem max(3rem, calc((100vw - 1190px) / 2)); display: grid; grid-template-columns: .9fr .75fr; gap: 6rem; align-items: center; background: #0b556a; }.contact-section::after { content: ''; position: absolute; width: 32rem; height: 32rem; left: -16rem; bottom: -20rem; border-radius: 50%; border: 1px solid rgba(163,238,230,.2); }.contact-copy { position: relative; z-index: 1; }.contact-copy > p:not(.section-kicker) { max-width: 400px; color: rgba(255,255,255,.72); font-size: 1.04rem; }.contact-note { display: flex; align-items: center; gap: .55rem; margin-top: 1.7rem; color: #b0e8e4; font-size: .82rem; font-weight: 600; }.contact-note span { color: var(--coral); }.contact-placeholder { position: relative; z-index: 1; padding: 2rem; border: 1px solid rgba(163,238,230,.35); border-radius: 1rem; background: rgba(1,55,69,.25); color: white; box-shadow: 0 24px 60px rgba(1,37,46,.18); }.contact-placeholder > span { display: inline-grid; width: 2.3rem; height: 2.3rem; place-items: center; margin-bottom: 1.4rem; border-radius: 50%; background: #9ee9df; color: var(--deep-ocean); }.contact-placeholder p { margin: 0; color: #a5f2ec; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.contact-method-label { margin-top: 1rem !important; }.contact-email, .contact-phone { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 1.15rem; color: #9ee9df; font-size: 1rem; font-weight: 800; overflow-wrap: anywhere; }.contact-email:hover, .contact-phone:hover { color: white; }.contact-email span, .contact-phone span { font-size: .88rem; }.contact-whatsapp { width: 100%; margin-bottom: 1.25rem; background: #9ee9df; }.contact-placeholder p:last-child { color: rgba(255,255,255,.72); font-size: .92rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.site-footer { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.55rem max(3rem, calc((100vw - 1190px) / 2)); background: white; }.site-footer p { margin: 0; color: #7a9294; font-size: .78rem; }.site-footer > a { color: #4b7278; font-size: .78rem; font-weight: 800; }.site-footer > a:hover { color: var(--ocean); }.footer-email { overflow-wrap: anywhere; }

html[dir="rtl"] body { font-family: 'Noto Sans Arabic', 'DM Sans', Arial, sans-serif; }.site-header, .site-footer, .hero, .solution-section, .how-section, .founders-section, .contact-section { direction: inherit; }html[dir="rtl"] .hero-preview, html[dir="rtl"] .solution-art, html[dir="rtl"] .founders-orbit { direction: ltr; }html[dir="rtl"] .hero-preview { justify-self: start; }html[dir="rtl"] .floating-note { right: -3.3rem; left: auto; transform: rotate(3.2deg); }html[dir="rtl"] .preview-badge { right: 1.1rem; left: auto; }html[dir="rtl"] .pricing-grid { text-align: right; }html[dir="rtl"] .steps-list li { grid-template-columns: 1fr 4rem; }html[dir="rtl"] .steps-list > li > span { grid-column: 2; }html[dir="rtl"] .steps-list > li > div { grid-column: 1; grid-row: 1; }

@media (max-width: 900px) {
  .site-header { padding: 1.1rem 1.5rem; }.site-header nav { display: none; }.header-cta { font-size: .78rem; }
  .hero { min-height: auto; padding: 9.4rem 1.5rem 5.5rem; grid-template-columns: 1fr; gap: 3.8rem; }.hero-preview { justify-self: center; width: min(92%, 470px); }
  .logo-strip { padding: 1.1rem 1.5rem; flex-direction: column; gap: .6rem; }.section, .how-section, .solution-section, .contact-section { padding: 5.5rem 1.5rem; }
  .problem-grid, .example-grid { grid-template-columns: repeat(2, 1fr); }.solution-section, .how-section, .founders-section, .contact-section { grid-template-columns: 1fr; gap: 3rem; }.solution-art { order: 2; }.solution-copy { order: 1; }.examples-heading { align-items: start; flex-direction: column; }.examples-heading > p { margin: 0; }.contact-copy { max-width: 35rem; }.founders-orbit { margin: 0; }
}
@media (max-width: 560px) {
  .site-header { padding: .95rem 1rem; gap: .6rem; }.brand { font-size: .94rem; }.brand-mark { width: 1.8rem; height: 1.8rem; }.header-actions { gap: .35rem; }.language-select { padding: .48rem .45rem; }.language-select > span { display: none; }.language-select select { max-width: 2.6rem; font-size: .7rem; }.header-cta { padding: .55rem .65rem; font-size: .7rem; }.header-cta span { display: none; }
  .hero { padding: 7.9rem 1rem 4.5rem; }.hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .button { width: 100%; }.hero-preview { border-width: 6px; }.preview-site { min-height: 285px; }.preview-content { margin-top: 3.2rem; }.preview-content h2 { font-size: 1.7rem; }.floating-note { left: -.7rem; bottom: -2.3rem; }
  .logo-strip { padding: 1rem; }.logo-strip p { text-align: center; font-size: .56rem; }.logo-strip div { gap: .55rem; font-size: .78rem; }.logo-strip i { display: none; }
  .section, .how-section, .founders-section, .solution-section, .contact-section { padding: 4.5rem 1rem; }.problem-grid, .example-grid, .pricing-grid { grid-template-columns: 1fr; }.problem-card { min-height: 0; }.solution-art { min-height: 290px; transform: scale(.85); transform-origin: left center; margin-right: -2rem; }.orbit-a { width: 18rem; height: 18rem; }.solution-card-art { left: 12%; }.example-grid { gap: .85rem; }.example-card > div:nth-child(2) { min-height: 225px; }.how-section { gap: 2.2rem; }.founders-orbit { transform: scale(.85); transform-origin: left center; }.pricing-grid { justify-content: stretch; gap: .7rem; }.pricing-plus { position: static; justify-self: center; margin: -.15rem 0; transform: none; }.price-card { min-height: 0; padding: 1.45rem; }.site-footer { align-items: flex-start; flex-direction: column; padding: 1.5rem 1rem; gap: .75rem; }.site-footer p { max-width: 230px; }
}

/* Three-tier pricing layout */
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 330px)); align-items: stretch; gap: 1.15rem; }
.price-card { min-height: 510px; }
.price-card-premium { border-color: rgba(7,92,115,.38); box-shadow: 0 12px 28px rgba(6,62,80,.08); }
@media (max-width: 900px) {
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 360px)); }
  .pricing-grid .price-card:last-child { grid-column: 1 / -1; width: min(360px, 100%); justify-self: center; }
}
@media (max-width: 560px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-grid .price-card:last-child { grid-column: auto; width: auto; justify-self: stretch; }
}

/* Unified ocean-blue pricing cards */
.pricing-grid .price-card {
  color: white;
  border-color: #0b556a;
  background: #0b556a;
  box-shadow: 0 14px 30px rgba(6,62,80,.14);
}
.pricing-grid .price-card-featured {
  border-color: var(--deep-ocean);
  background: var(--deep-ocean);
  box-shadow: 0 22px 50px rgba(6,62,80,.2);
}
.pricing-grid .price-card .price-label,
.pricing-grid .price-card .after-first-year,
.pricing-grid .price-card li span { color: #9ee9df; }
.pricing-grid .price-card .price-period,
.pricing-grid .price-card .price-summary { color: rgba(255,255,255,.76); }
.pricing-grid .price-card .button-outline {
  border-color: #9ee9df;
  color: white;
}
.pricing-grid .price-card .button-outline:hover {
  background: #9ee9df;
  color: var(--deep-ocean);
}