/*
Theme Name: eventually-fluent
Text Domain: eventually-fluent
Description: Private draft theme matching the approved Eventually Fluent brand boards and homepage visual direction.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Homepage product worlds — deliberately visual, not SaaS cards. */
.ef-products{padding:92px 0!important;background:#f4f1e9!important;overflow:hidden}.ef-product-title{margin-bottom:38px}.ef-product-title h2{margin:8px 0 0;font:900 clamp(48px,5.5vw,78px)/.94 "Manrope",sans-serif;letter-spacing:-.06em;color:#071923}.ef-product-title h2 em{font-style:normal;color:#00a99d}.ef-product-worlds{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ef-product-world{position:relative;display:block;min-height:570px;overflow:hidden;text-decoration:none;color:#fff;border-radius:4px;isolation:isolate;box-shadow:0 22px 50px rgba(3,24,36,.14);transition:transform .25s ease}.ef-product-world:hover{transform:translateY(-5px)}.ef-product-world:after{content:"";position:absolute;inset:0;z-index:-1}.ef-world-pattern{background:radial-gradient(circle at 70% 30%,#0c7f85 0,#063f51 28%,#031824 68%)}.ef-world-pattern:after{background:linear-gradient(135deg,rgba(25,225,223,.08),transparent 48%)}.ef-world-stories{background:#25141b}.ef-world-stories:after{background:linear-gradient(100deg,#160d13 5%,rgba(22,13,19,.78) 47%,rgba(22,13,19,.2) 100%)}.ef-world-content{position:absolute;z-index:3;inset:0;padding:44px;display:flex;flex-direction:column;align-items:flex-start}.ef-world-content .ef-kicker{color:#6ff8ef!important}.ef-world-stories .ef-kicker{color:#ffd447!important}.ef-world-content h3{margin:auto 0 12px;font:900 clamp(52px,5vw,76px)/.86 "Manrope",sans-serif;letter-spacing:-.065em;color:#fff}.ef-world-content>p:not(.ef-kicker){margin:0 0 34px;max-width:370px;color:#d3e6ea;font-size:16px;line-height:1.55}.ef-world-bottom{width:100%;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.25);padding-top:18px}.ef-world-bottom span{font:700 12px/1.5 "IBM Plex Mono",monospace;color:#d8e9ec}.ef-world-bottom small{display:block;font-size:8px;letter-spacing:.18em;color:#6ff8ef}.ef-world-stories .ef-world-bottom small{color:#ffd447}.ef-world-bottom strong{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.ef-world-bottom strong b{color:#ffd447;font-size:20px}.ef-pattern-visual{position:absolute;z-index:1;inset:30px 0 190px 34%;opacity:.9}.ef-pattern-visual span{position:absolute;bottom:45%;width:5px;background:#19e1df;box-shadow:0 0 15px rgba(25,225,223,.7);border-radius:5px}.ef-pattern-visual span:nth-child(1){left:8%;height:60px}.ef-pattern-visual span:nth-child(2){left:16%;height:135px}.ef-pattern-visual span:nth-child(3){left:24%;height:85px}.ef-pattern-visual span:nth-child(4){left:32%;height:185px}.ef-pattern-visual span:nth-child(5){left:40%;height:110px}.ef-pattern-visual span:nth-child(6){left:48%;height:155px}.ef-pattern-visual b{position:absolute;font:800 24px "Manrope",sans-serif;color:rgba(255,255,255,.76);transform:rotate(-7deg)}.ef-pattern-visual b:nth-of-type(1){right:12%;top:10%}.ef-pattern-visual b:nth-of-type(2){right:27%;top:35%;color:#ffd447}.ef-pattern-visual b:nth-of-type(3){right:7%;top:57%}.ef-story-visual{position:absolute;z-index:1;inset:0}.ef-story-visual i{position:absolute;width:54%;height:70%;right:-4%;top:-3%;background-image:var(--story-one);background-size:cover;background-position:center;transform:rotate(7deg);box-shadow:0 20px 45px rgba(0,0,0,.45);opacity:.88}.ef-story-visual i:nth-child(2){width:45%;height:58%;right:15%;top:13%;background-image:var(--story-two);transform:rotate(-6deg);opacity:.55}.ef-story-visual span{position:absolute;right:8%;top:46%;font:900 76px "Manrope",sans-serif;color:rgba(255,212,71,.16)}
@media(max-width:800px){.ef-product-worlds{grid-template-columns:1fr}.ef-product-world{min-height:500px}.ef-world-content{padding:30px}.ef-pattern-visual{inset:20px 0 170px 30%}.ef-product-title h2{font-size:48px}}

/* Homepage product architecture */
.ef-products{padding:88px 0;background:#f4f1e9}.ef-product-heading{max-width:900px;margin-bottom:38px}.ef-product-heading h2{margin-bottom:18px}.ef-product-intro{max-width:780px;font-size:17px;line-height:1.7}.ef-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ef-product-card{position:relative;overflow:hidden;min-height:480px;padding:42px;border-radius:18px;background:#061e2a;color:#fff;border:1px solid rgba(255,255,255,.08)}.ef-product-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(25,225,223,.25);border-radius:50%;right:-100px;top:-90px}.ef-product-stories:after{border-color:rgba(255,212,71,.35)}.ef-product-number{font:800 58px/1 "Manrope",sans-serif;color:rgba(255,255,255,.09);margin-bottom:25px}.ef-product-card h3{font:900 clamp(34px,4vw,52px)/1 "Manrope",sans-serif;letter-spacing:-.045em;margin:8px 0 18px}.ef-product-card>p:not(.ef-kicker){max-width:570px;color:#c1d2d8;line-height:1.65}.ef-product-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.ef-product-tags span{font:700 9px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(25,225,223,.4);padding:7px 9px;color:#bafffb}.ef-product-stories .ef-product-tags span{border-color:rgba(255,212,71,.45);color:#ffe99b}.ef-language-launch{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px 0 22px;border-top:1px solid rgba(255,255,255,.13);margin-top:22px}.ef-language-launch small{grid-column:1/-1;font:700 8px "IBM Plex Mono",monospace;letter-spacing:.13em;color:#8ca8b2}.ef-language-launch strong{font-size:19px}.ef-language-launch span{font-size:12px;color:#9eb6bf;text-align:right}.ef-chinese-launch{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:40px;align-items:center;margin-top:28px;padding:32px 0 0}.ef-chinese-launch h3{font:900 32px/1.08 "Manrope",sans-serif;letter-spacing:-.035em;margin:8px 0 12px}.ef-chinese-launch p{line-height:1.6}.ef-chinese-launch .ef-module-wall{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.ef-product-grid,.ef-chinese-launch{grid-template-columns:1fr}.ef-product-card{min-height:auto;padding:30px}.ef-chinese-launch .ef-module-wall{grid-template-columns:repeat(2,1fr)}}