/* Tawazon Tech: a focused public-facing visual system. */
:root{--paper:#fafcfd;--wash:#f0f5f7;--ink:#102d3b;--muted:#526977;--line:#dce6eb;--teal:#087f73}
.container{width:min(1240px,calc(100% - 64px))}
body{font-size:16px}.hero-stage{background:#061b28;border-radius:0 0 48px 48px;padding-top:22px}
.hero-stage:before{background:radial-gradient(ellipse at 25% 48%,#11766e35,transparent 55%),radial-gradient(ellipse at 95% 5%,#24476430,transparent 60%)}
.site-header{min-height:82px;padding:14px 24px;border:1px solid #89b3ba25;border-radius:22px;background:#0a2432cc;gap:20px}
.site-header nav{gap:26px;font-size:.9375rem}.site-header nav a{padding-block:10px}.site-header .brand{font-size:1.4rem}.brand small{font-size:.75rem;letter-spacing:.1em}
.language-form button{border-color:#9cc4ca40;padding:9px 17px;min-height:44px}
.hero{min-height:650px;padding-block:75px 115px;grid-template-columns:1.22fr 1fr;gap:70px}
.hero h1{font-size:clamp(2.8rem,4.9vw,4.8rem);line-height:1.38;font-weight:750}.hero h1 em{color:#a8f3cf}
.hero .eyebrow{border:0;background:transparent;padding:0;color:#accacb;letter-spacing:0;font-size:.95rem}.hero .eyebrow span{background:#9aefca;width:20px;height:2px;border-radius:0}
.intro{max-width:540px;line-height:1.95;font-size:1.125rem;margin-block:25px 34px;color:#adc3ce}
.primary-action{padding:15px 27px;border-radius:14px;background:#b7f4d4;gap:26px;min-height:54px}.secondary-action{font-size:1rem;padding:15px 20px}
.brand-visual{min-height:440px;max-width:440px}.orbital-ring{border-color:#85caba28}.orbit-label{border-radius:10px;background:#11333ee6;border-color:#72ada63d;padding:11px 18px;font-size:.875rem}.label-one{top:10%;inset-inline-start:-1%}.label-two{bottom:20%;inset-inline-end:-1%}.label-three{bottom:5%;inset-inline-start:6%}
.section-index{font-family:Arial,sans-serif;display:inline-block;font-size:.875rem;letter-spacing:.04em;color:#64818b;font-weight:500;margin-inline-end:14px}
.portals{position:relative;margin-top:-38px;padding:32px 34px 35px;background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 40px #0625310a;z-index:2}
.section-caption{align-items:center;margin-bottom:25px}.section-caption h2{font-size:1.5rem}.section-caption p{font-size:.9375rem}
.portal-grid{gap:18px}.portal-card,.portal-card:first-child{padding:22px;border-radius:16px;background:var(--wash);border:1px solid transparent;box-shadow:none}.portal-card:hover{border-color:#60a992;box-shadow:0 8px 24px #173c3510;transform:translateY(-3px)}
.portal-top{margin-bottom:18px}.portal-number{font-size:.875rem;color:var(--muted)}.portal-arrow{width:36px;height:36px;border-radius:10px;background:#e0eee7;color:#16735c}.portal-card h3{font-size:1.2rem}.portal-card p{font-size:.9375rem;min-height:0}.portal-enter{margin-top:22px;font-size:.875rem}.portal-enter>span{margin-inline-start:auto}
.modules-section{background:var(--paper);border:0;padding-block:100px 90px}.section-heading{margin-bottom:34px}.section-heading .eyebrow{font-size:.875rem;font-weight:600;color:#087b6c;letter-spacing:.02em}.section-heading h2,.about h2{font-size:clamp(2.2rem,3.3vw,3.2rem);line-height:1.5}
.module-discovery[hidden],.modules-empty[hidden],.module-card[hidden]{display:none}
.module-discovery{margin-bottom:32px}.discovery-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.module-search{display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid var(--line);border-radius:12px;max-width:440px;width:100%;background:var(--wash);color:var(--muted)}
.module-search:focus-within{outline:2px solid #288674;outline-offset:3px}.module-search svg{flex-shrink:0}.module-search input{background:transparent;border:0;outline:0;color:var(--ink);font:inherit;min-width:0;width:100%;font-size:1rem}.module-search input::placeholder{color:var(--muted);opacity:1}.module-results{font-size:.875rem;color:var(--muted);white-space:nowrap}
.module-filters{display:flex;flex-wrap:wrap;gap:8px}.module-filters button,.reset-modules{font:inherit;font-size:.9375rem;min-height:44px;padding:9px 18px;border-radius:100px;border:1px solid var(--line);color:var(--muted);background:var(--paper);cursor:pointer}.module-filters button:hover{border-color:#7eaaa3;color:var(--ink)}.module-filters button[aria-pressed=true]{background:#123d3c;color:#e9fff5;border-color:#123d3c}
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-card{padding:28px 28px 92px;border-radius:18px;background:var(--paper);border-color:var(--line);min-height:284px;--module-accent:#157d69;--module-tint:#e8f5ef}.module-card:before{width:180px;height:180px;top:-110px}.module-card-top{margin-bottom:24px}.module-icon{width:52px;height:52px;border-radius:14px}.module-card h3{font-size:1.2rem;margin-bottom:8px}.module-card p{font-size:1rem;line-height:1.85}.module-card:hover,.module-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #102d3b0c}.module-card:focus-visible{outline:2px solid var(--module-accent);outline-offset:3px}
.feature-cue{position:absolute;inset-inline:28px;bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}.feature-cue>span{font-size:1.15rem;color:var(--module-accent)}.module-card[aria-expanded=true] .feature-cue{visibility:hidden}.module-features{inset-inline:26px;bottom:24px;background:var(--paper)}
.modules-empty{padding:40px 24px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}.reset-modules{margin-top:20px;color:var(--ink)}
.about{border-top:1px solid var(--line);padding-block:65px 75px}.about>.eyebrow{font-size:.875rem;color:#0a7d6b}.about>div{gap:80px}.about p:not(.eyebrow){font-size:1.1rem;line-height:2}.about h2 em{color:#187d6b}.site-footer{padding-block:34px;background:#071c29}.site-footer p,.site-footer a:not(.brand){font-size:.875rem}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-color-scheme:dark){:root{--paper:#0b212d;--wash:#112c38;--ink:#e8f2f5;--muted:#aec3cc;--line:#294550}.portals{box-shadow:0 16px 40px #0002}.portal-card,.portal-card:first-child{background:#132f3b}.portal-arrow{background:#25483f;color:#b4efd6}.portal-enter{color:#a3e3ca}.module-card{--module-accent:#90e8c7;--module-tint:#20463d}.module-card:nth-child(4n+2){--module-accent:#b0d2ff;--module-tint:#273e55}.module-card:nth-child(4n+3){--module-accent:#dfb8fa;--module-tint:#44314f}.module-card:nth-child(4n+4){--module-accent:#f4d391;--module-tint:#4c3f29}.module-card:hover{background:#102a36}.module-filters button[aria-pressed=true]{background:#b2eace;border-color:#b2eace;color:#12362b}.section-heading .eyebrow,.about>.eyebrow,.about h2 em{color:#9cdfc4}.section-index{color:#92aeb8}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero{gap:35px;padding-block:58px 100px;min-height:610px}.hero h1{font-size:clamp(2.5rem,5vw,3.7rem)}.hero .intro{font-size:1rem}.site-header{padding:13px 18px}.site-header nav{gap:16px;font-size:.875rem}.brand-visual{min-height:390px}.logo-aperture{width:250px}.orbit-label{padding:9px 12px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portals{padding:25px}.section-caption{gap:20px}.portal-card,.portal-card:first-child{padding:20px}.portal-card h3{font-size:1.1rem}.modules-section{padding-block:70px}.about>div{gap:40px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.hero-stage{padding-top:12px;border-radius:0 0 28px 28px}.site-header{flex-wrap:wrap;gap:12px;border-radius:16px;min-height:0}.site-header .brand{font-size:1.15rem}.brand img{width:38px;height:38px}.site-header nav{display:flex;order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:6px;gap:10px}.language-form{margin-inline-start:auto}.language-form button{padding:7px 12px;font-size:.875rem}.hero{grid-template-columns:1fr;gap:22px;padding-block:44px 65px;min-height:0}.hero h1{font-size:clamp(2.6rem,9vw,3.6rem)}.intro{margin-block:20px 25px}.primary-action{padding:13px 22px}.secondary-action{font-size:.9375rem;padding-inline:14px}.brand-visual{min-height:355px;max-width:340px;margin-top:6px}.orbit-label{font-size:.875rem}.label-one{top:6%;inset-inline-start:0}.label-two{bottom:16%;inset-inline-end:0}.label-three{bottom:1%;inset-inline-start:0}.portals{margin-top:-20px;padding:24px 18px;border-radius:20px}.section-caption{display:block}.section-caption p{margin-top:8px}.portal-grid{gap:10px}.portal-card,.portal-card:first-child{padding:18px}.portal-top{float:inline-end;margin:0;margin-inline-start:12px}.portal-number{display:none}.portal-enter{margin-top:15px}.portal-enter>span{margin-inline-start:0}.modules-section{padding-block:52px}.section-heading h2,.about h2{font-size:2rem}.discovery-top{align-items:flex-start;flex-direction:column;gap:12px}.module-search{max-width:none}.module-filters{gap:7px}.module-filters button{padding:8px 13px;font-size:.875rem}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:250px;padding:24px 24px 85px}.module-card-top{margin-bottom:18px}.module-card h3{font-size:1.2rem}.feature-cue,.module-features{inset-inline:24px}.about{padding-block:40px}.about>div{grid-template-columns:1fr;gap:20px}.about p:not(.eyebrow){font-size:1rem}.site-footer{padding-block:26px}}
@media(prefers-reduced-motion:reduce){.module-card:hover,.module-card:focus-visible{transform:none}}
/* Lovable direction adapted to the existing bilingual Django landing page. */
:root{--paper:#fafbf9;--wash:#f1f4f1;--ink:#162e32;--muted:#526762;--line:#dfe6e0}
.hero-stage{background:#081e27;border-radius:0;padding-top:0}
.hero-stage:before{background:radial-gradient(ellipse at 15% 75%,#137d7130,transparent 60%)}
.wave-canvas{opacity:.2}
.site-header{border:0;border-bottom:1px solid #ffffff16;border-radius:0;background:transparent;min-height:96px;padding:18px 0}
.site-header .brand{font-size:1.3rem}.site-header nav{color:#c6d5d5;font-size:.9rem}
.hero{grid-template-columns:1.05fr 1fr;gap:64px;padding-block:80px 100px;min-height:660px}
.hero h1{font-size:clamp(2.6rem,4.25vw,4.2rem);line-height:1.43;font-weight:750}.hero h1 em{color:#74ddbb}
.hero .eyebrow{font-size:.8rem;color:#a7c2be;letter-spacing:.08em;margin-bottom:18px}
html[dir=rtl] .hero .eyebrow{letter-spacing:0;font-size:.95rem}
.intro{font-size:1.075rem;line-height:1.95;color:#baccca;max-width:540px}
.primary-action{background:#64d4af;color:#092c28;border-radius:8px;font-size:1rem;box-shadow:none;padding:14px 24px}
.secondary-action{border:1px solid #6f91884d;border-radius:8px;margin-inline-start:8px;padding:14px 20px}
.hero-notes{display:flex;gap:24px;margin-top:30px;color:#a0b9b3;font-size:.8rem}.hero-notes span:before{content:'✓';color:#6edab7;margin-inline-end:8px}
.platform-preview{border:1px solid #ffffff26;border-radius:18px;background:#122d35;box-shadow:0 32px 80px #0003;transform:rotate(-1deg);overflow:hidden;position:relative}
.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ffffff13;background:#19343c;gap:12px}
.preview-brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.85rem;color:#e0efea}.preview-brand img{border-radius:8px}
.preview-badge{border:1px solid #78958e50;border-radius:5px;font-size:.65rem;color:#b4c9c4;padding:3px 7px;white-space:nowrap}
.preview-content{padding:27px}.preview-kicker{font-size:.75rem;color:#95b8ad;letter-spacing:.1em}.preview-content h2{font-size:1.3rem;font-weight:600;margin:5px 0 23px;color:#edf5f1}
.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.domain-grid>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:18px 15px;background:#1b3840;border:1px solid #78958e26;border-radius:9px;transition:background .2s,transform .2s}
.domain-grid>a:hover{background:#24484d;transform:translateY(-3px)}.domain-symbol{font: .7rem monospace;color:#79d6b9;padding:4px 7px;border:1px solid #66c5a730;border-radius:4px;margin-bottom:14px}
.domain-grid strong{font-size:.92rem;color:#ecf5f1;font-weight:600}.domain-grid small{font-size:.67rem;color:#b3c6c0;margin-top:5px;line-height:1.8}.domain-link{position:absolute;inset-inline-end:14px;top:16px;color:#7ea69a;font-size:.9rem}
.preview-foot{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff16;margin-top:22px;padding-top:16px;font-size:.7rem;color:#aac6bd}.connection-dot{width:6px;height:6px;background:#71dbb6;border-radius:50%;flex-shrink:0}
.portals{margin-top:0;border:0;border-radius:0;box-shadow:none;padding:54px 0 60px;background:var(--paper)}
.section-caption h2{font-size:1.45rem}.section-index{color:var(--muted);font-size:.72rem}
.portal-card,.portal-card:first-child{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:24px}
.portal-card:first-child{background:var(--wash)}.portal-top{margin-bottom:17px}.portal-arrow{border-radius:7px}.portal-card h3{font-size:1.15rem}.portal-enter{margin-top:24px}.portal-card p{line-height:1.8}
.modules-section{border-block:1px solid var(--line);background:var(--wash);padding-block:78px}
.section-heading h2,.about h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.5}.section-heading .eyebrow{font-size:.8rem;margin-bottom:14px}
.module-search{background:var(--paper);max-width:510px;border-radius:8px}.module-filters button{border-radius:7px;background:transparent}.module-filters button[aria-pressed=true]{background:#173f37;border-color:#173f37}
.module-grid{gap:16px}.module-card{border-radius:11px;min-height:260px;padding:24px 24px 76px;box-shadow:none}.module-card:before{display:none}.module-card-top{margin-bottom:18px}.module-icon{width:42px;height:42px;border-radius:9px}.module-icon svg{width:24px;height:24px}.module-number{font-size:.7rem;color:var(--muted)}.module-card h3{font-size:1.1rem}.module-card p{font-size:.9rem;line-height:1.8}.feature-cue{inset-inline:24px;bottom:20px;font-size:.8rem}
.module-card[aria-expanded=true]{padding-bottom:24px}.module-card[aria-expanded=true] .module-features{position:static;margin-top:20px;padding:0;border:0;border-top:1px solid var(--line);background:transparent;max-height:none;overflow:visible;box-shadow:none;border-radius:0}
.module-features .feature-track{display:block;animation:none!important;transform:none!important;padding:6px 0 0;width:auto;min-width:0;list-style:none}.module-features .feature-track li{display:flex;align-items:baseline;white-space:normal;background:transparent;border:0;border-radius:0;padding:9px 0;color:var(--ink);font-size:.85rem;line-height:1.7;width:auto}.feature-track .feature-index{color:var(--muted);font-size:.65rem;margin-inline-end:10px}
.module-features:before,.module-features:after{display:none}.module-card[aria-expanded=true] .feature-cue{display:none}
.about{border:0;padding-block:70px}.about p:not(.eyebrow){font-size:1rem}.identity-story{margin-top:32px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.875rem}.identity-story summary{cursor:pointer;width:fit-content}.identity-story .brand-visual{margin:30px auto;background:#081e27;border-radius:20px;color:#fff}.identity-story .brand-visual>p{color:#fff}
.site-footer{background:#081e27}
@media(prefers-color-scheme:dark){:root{--paper:#0d232b;--wash:#102931;--ink:#e5efea;--muted:#b2c5bd;--line:#2c4447}.portal-card,.portal-card:first-child{background:var(--paper)}.portal-card:first-child{background:#17373b}.module-card:hover{background:#19373d}.module-filters button[aria-pressed=true]{background:#8cdbbc;color:#102e27;border-color:#8cdbbc}.module-features .feature-track li{color:var(--ink)}}
@media(min-width:1500px){.hero{gap:96px}}
@media(max-width:1100px){.hero{gap:32px;padding-block:62px 70px;min-height:600px}.hero h1{font-size:2.8rem}.preview-content{padding:20px}.domain-grid>a{padding:14px 11px}.domain-grid strong{font-size:.85rem}.secondary-action{margin:10px 0 0;margin-inline-end:8px}.intro{font-size:1rem}.site-header nav{gap:18px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:42px;padding-block:42px 52px}.hero h1{font-size:clamp(2.4rem,8vw,3.4rem)}.hero-copy{max-width:570px}.platform-preview{width:100%;max-width:540px;margin-inline:auto;transform:none}.site-header{flex-wrap:wrap;gap:12px;min-height:0;padding-block:16px}.site-header nav{display:flex;order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:12px;font-size:.8rem;gap:10px}.language-form{margin-inline-start:auto}.site-header .brand{font-size:1.1rem}.portals{padding-block:35px}.portal-grid{grid-template-columns:1fr}.portal-card,.portal-card:first-child{padding:20px}.portal-top{float:inline-end;margin-inline-start:10px}.portal-number{display:none}.modules-section{padding-block:48px}.module-grid{grid-template-columns:1fr}.about{padding-block:44px}.about>div{grid-template-columns:1fr;gap:20px}.hero-notes{gap:18px;font-size:.75rem}.intro{margin-block:18px 23px}.secondary-action{margin:0;margin-inline-start:6px;padding:14px 16px;font-size:.9rem}.primary-action{padding:14px 19px}.preview-content h2{font-size:1.2rem}.domain-grid strong{font-size:.9rem}}
@media(max-width:380px){.secondary-action{display:flex;margin:10px 0 0}.domain-grid{gap:8px}.preview-content{padding:16px}.domain-grid strong{font-size:.8rem}.domain-grid small{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.domain-grid>a,.primary-action{transition:none}.domain-grid>a:hover{transform:none}}
.theme-toggle{flex-shrink:0;width:42px;height:42px;border:1px solid #829c954d;border-radius:50%;background:transparent;color:#d4e7e0;font-size:1.35rem;cursor:pointer;margin-inline-start:auto}.theme-toggle[hidden]{display:none}
:root[data-theme=light]{color-scheme:light;--paper:#fafbf9;--wash:#f1f4f1;--ink:#162e32;--muted:#526762;--line:#dfe6e0}
:root[data-theme=dark]{color-scheme:dark;--paper:#0d232b;--wash:#102931;--ink:#e5efea;--muted:#b2c5bd;--line:#2c4447}
[data-theme] .portal-card{background:var(--paper)}[data-theme] .portal-card:first-child{background:var(--wash)}[data-theme] .module-card{background:var(--paper)}[data-theme] .module-card:hover{background:var(--paper)}
[data-theme=light] .portal-arrow{background:#e0eee7;color:#16735c}[data-theme=light] .portal-enter{color:#166b50}[data-theme=light] .module-card{--module-accent:#157d69;--module-tint:#e8f5ef}[data-theme=light] .section-heading .eyebrow,[data-theme=light] .about>.eyebrow,[data-theme=light] .about h2 em{color:#18745e}
[data-theme=dark] .portal-arrow{background:#25483f;color:#b4efd6}[data-theme=dark] .portal-enter{color:#a3e3ca}[data-theme=dark] .module-card{--module-accent:#90e8c7;--module-tint:#20463d}[data-theme=dark] .section-heading .eyebrow,[data-theme=dark] .about>.eyebrow,[data-theme=dark] .about h2 em{color:#9cdfc4}
[data-theme=light] .module-filters button[aria-pressed=true]{background:#173f37;color:#f4faf6;border-color:#173f37}[data-theme=dark] .module-filters button[aria-pressed=true]{background:#8cdbbc;color:#102e27;border-color:#8cdbbc}
[data-theme] .feature-track li{color:var(--ink)}
@media(max-width:760px){.site-header{column-gap:12px}.language-form{margin-inline-start:0}.theme-toggle{margin-inline-start:auto}}
.eyebrow>.section-index{width:auto;height:auto;background:none;border-radius:0;flex-shrink:0;white-space:nowrap;line-height:inherit}
@media(max-width:760px){.secondary-action{margin-top:8px}.brand small{font-size:.6rem}}