:root {
    --color-coral:#E8715A;--color-coral-light:#F4A293;--color-coral-dark:#C95A44;--color-coral-bg:#FFF5F3;
    --color-deep-blue:#1B3A5C;--color-deep-blue-light:#2A5580;
    --color-mint:#5BBFA0;--color-mint-light:#8FD4BF;--color-mint-bg:#F0FAF6;
    --color-white:#FFFFFF;--color-sand-light:#FBF9F7;--color-sand:#F5F1ED;
    --color-gray-100:#F7F7F8;--color-gray-200:#E8E8EC;--color-gray-300:#D1D1D8;--color-gray-400:#A0A0AB;
    --color-gray-500:#71717A;--color-gray-600:#52525B;--color-gray-700:#3F3F46;--color-gray-800:#27272A;--color-gray-900:#18181B;
    --color-success:#4CAF50;
    --font-primary:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;
    --text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;
    --leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.8;
    --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;
    --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
    --space-20:5rem;--space-24:6rem;--space-32:8rem;
    --container-max:1200px;--container-narrow:800px;
    --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;
    --shadow-sm:0 1px 3px rgba(27,58,92,0.06),0 1px 2px rgba(27,58,92,0.04);
    --shadow-md:0 4px 12px rgba(27,58,92,0.08),0 2px 4px rgba(27,58,92,0.04);
    --shadow-lg:0 12px 32px rgba(27,58,92,0.10),0 4px 8px rgba(27,58,92,0.04);
    --shadow-xl:0 20px 48px rgba(27,58,92,0.12),0 8px 16px rgba(27,58,92,0.06);
    --shadow-glow:0 0 40px rgba(232,113,90,0.25);
    --transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--color-gray-700);background:var(--color-white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-coral);text-decoration:none;transition:color var(--transition-fast)}
a:hover{color:var(--color-coral-dark)}
::selection{background:var(--color-coral-bg);color:var(--color-coral-dark)}
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}
@media(min-width:768px){.container{padding:0 var(--space-8)}}
.section-badge{display:inline-block;font-size:var(--text-sm);font-weight:600;color:var(--color-coral);background:var(--color-coral-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);letter-spacing:0.03em;text-transform:uppercase;margin-bottom:var(--space-4)}
.section-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);line-height:var(--leading-tight);margin-bottom:var(--space-4)}
.section-title--large{font-size:var(--text-4xl)}
.section-text{font-size:var(--text-lg);color:var(--color-gray-500);line-height:var(--leading-relaxed)}
.section-text--lead{font-size:var(--text-xl);max-width:640px}
.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}
@media(min-width:768px){.section-title{font-size:var(--text-4xl)}.section-title--large{font-size:var(--text-5xl)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:600;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}
.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-5)}
.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}
.btn-primary{background:var(--color-coral);color:var(--color-white);border-color:var(--color-coral)}
.btn-primary:hover{background:var(--color-coral-dark);border-color:var(--color-coral-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-ghost{background:transparent;color:var(--color-gray-700);border-color:var(--color-gray-200)}
.btn-ghost:hover{border-color:var(--color-coral);color:var(--color-coral);transform:translateY(-2px)}
.btn-glow{box-shadow:var(--shadow-glow)}
.btn-glow:hover{box-shadow:0 0 60px rgba(232,113,90,0.35)}
.btn-icon{flex-shrink:0}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(232,113,90,0.08);transition:all var(--transition-base)}
.site-header.scrolled{box-shadow:var(--shadow-sm)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.site-logo-text,.footer-logo-text{font-size:var(--text-2xl);font-weight:800;letter-spacing:-0.02em;text-decoration:none}
.logo-coral{color:var(--color-coral)}.logo-ly{color:var(--color-deep-blue)}.logo-dot{color:var(--color-mint);font-weight:500}
.main-navigation .nav-menu{display:none;list-style:none;gap:var(--space-8)}
.main-navigation .nav-menu a{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);position:relative}
.main-navigation .nav-menu a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-coral);border-radius:1px;transition:width var(--transition-base)}
.main-navigation .nav-menu a:hover{color:var(--color-coral)}
.main-navigation .nav-menu a:hover::after{width:100%}
.header-cta{display:none}
.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0}
.hamburger{display:flex;flex-direction:column;gap:5px}
.hamburger span{display:block;width:24px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:all var(--transition-base)}
.mobile-menu-toggle[aria-expanded="true"] .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-menu-toggle[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.main-navigation.is-open .nav-menu{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--color-white);padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-md)}
@media(min-width:768px){.main-navigation .nav-menu{display:flex}.header-cta{display:block}.mobile-menu-toggle{display:none}}
.section-hero{position:relative;padding:calc(72px + var(--space-16)) 0 var(--space-20);background:linear-gradient(170deg,var(--color-sand-light) 0%,var(--color-coral-bg) 30%,var(--color-white) 70%);overflow:hidden}
.hero-bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.organic-shape{position:absolute;border-radius:50%;filter:blur(80px)}
.shape-1{width:500px;height:500px;background:var(--color-coral);opacity:0.06;top:-100px;right:-100px}
.shape-2{width:400px;height:400px;background:var(--color-mint);opacity:0.05;bottom:-50px;left:-100px}
.shape-3{width:300px;height:300px;background:var(--color-deep-blue);opacity:0.04;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-content{display:grid;gap:var(--space-12);align-items:center}
.hero-title{font-size:var(--text-4xl);font-weight:800;color:var(--color-gray-900);line-height:var(--leading-tight);letter-spacing:-0.02em}
.hero-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);line-height:var(--leading-relaxed);max-width:540px;margin-top:var(--space-6)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.hero-note{font-size:var(--text-sm);color:var(--color-gray-400);margin-top:var(--space-4)}
.hero-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}
.hero-wave svg{width:100%;height:60px}
@media(min-width:768px){.section-hero{padding:calc(72px + var(--space-24)) 0 var(--space-32)}.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-16)}.hero-title{font-size:var(--text-5xl)}.hero-subtitle{font-size:var(--text-xl)}.hero-wave svg{height:100px}}
@media(min-width:1024px){.hero-title{font-size:var(--text-6xl)}}
.hero-visual{position:relative}
.hero-mockup{position:relative;perspective:1000px}
.mockup-window{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:rotateY(-3deg) rotateX(2deg);transition:transform var(--transition-slow)}
.mockup-window:hover{transform:rotateY(0) rotateX(0)}
.mockup-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}
.mockup-dots{display:flex;gap:6px}
.mockup-dots span{width:10px;height:10px;border-radius:50%}
.mockup-dots span:nth-child(1){background:#FF6B6B}.mockup-dots span:nth-child(2){background:#FFD93D}.mockup-dots span:nth-child(3){background:#6BCB77}
.mockup-title{font-size:var(--text-xs);color:var(--color-gray-400);font-weight:500}
.mockup-body{padding:var(--space-5)}
.mockup-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.mockup-column{display:flex;flex-direction:column;gap:var(--space-2)}
.mockup-col-header{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-500);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-200)}
.mockup-card{background:var(--color-gray-100);border-radius:var(--radius-sm);padding:var(--space-3);position:relative}
.mockup-card-tag{width:32px;height:4px;border-radius:2px;margin-bottom:var(--space-2)}
.tag-coral{background:var(--color-coral)}.tag-mint{background:var(--color-mint)}.tag-deep{background:var(--color-deep-blue)}.tag-success{background:var(--color-success)}
.mockup-card-line{height:6px;border-radius:3px;background:var(--color-gray-200);margin-bottom:var(--space-1)}
.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}
.mockup-card-progress{height:4px;background:var(--color-gray-200);border-radius:2px;margin-top:var(--space-2);overflow:hidden}
.progress-bar{height:100%;background:var(--color-coral);border-radius:2px}
.mockup-card-check{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--color-success);font-size:var(--text-sm);font-weight:bold}
.card-done{opacity:0.7}
.floating-notification{position:absolute;bottom:-20px;left:-30px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);z-index:2}
.notif-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-coral-light),var(--color-coral));flex-shrink:0}
.notif-content{display:flex;flex-direction:column;gap:4px}
.notif-line{height:6px;border-radius:3px;background:var(--color-gray-200)}
.notif-line.w-80{width:80px}.notif-line.w-50{width:50px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-anim{animation:float 4s ease-in-out infinite}
@keyframes pulse-gentle{0%,100%{box-shadow:0 0 0 0 rgba(232,113,90,0)}50%{box-shadow:0 0 0 4px rgba(232,113,90,0.1)}}
.pulse-gentle{animation:pulse-gentle 3s ease-in-out infinite}
.section-value-prop{padding:var(--space-20) 0;background:var(--color-white)}
.value-prop-inner{display:grid;gap:var(--space-12);align-items:center}
.value-prop-content{max-width:600px}
.coral-growth-visual{display:flex;justify-content:center}
.coral-svg{width:100%;max-width:400px}
@keyframes grow-line{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.grow-line{stroke-dasharray:100;stroke-dashoffset:100}
.grow-line.animated{animation:grow-line 2s ease forwards}
@media(min-width:768px){.section-value-prop{padding:var(--space-32) 0}.value-prop-inner{grid-template-columns:1fr 1fr;gap:var(--space-16)}}
.section-pillars{padding:var(--space-20) 0;background:var(--color-sand-light)}
.pillars-grid{display:grid;gap:var(--space-8)}
.pillar-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}
.pillar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-coral);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}
.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pillar-card:hover::before{transform:scaleX(1)}
.pillar-icon{margin-bottom:var(--space-6)}
.pillar-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}
.pillar-subtitle{font-size:var(--text-lg);font-weight:600;color:var(--color-coral);margin-bottom:var(--space-4)}
.pillar-text{font-size:var(--text-base);color:var(--color-gray-500);line-height:var(--leading-relaxed)}
@media(min-width:768px){.section-pillars{padding:var(--space-32) 0}.pillars-grid{grid-template-columns:repeat(3,1fr)}}
.section-features{padding:var(--space-20) 0;background:var(--color-white)}
.features-grid{display:grid;gap:var(--space-6)}
.feature-card{padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}
.feature-card:hover{border-color:var(--color-coral-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.feature-icon{margin-bottom:var(--space-5)}
.feature-title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}
.feature-text{font-size:var(--text-base);color:var(--color-gray-500);line-height:var(--leading-relaxed)}
@media(min-width:768px){.section-features{padding:var(--space-32) 0}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}
.section-social-proof{padding:var(--space-20) 0;background:var(--color-sand-light)}
.testimonial-card{max-width:700px;margin:0 auto;text-align:center}
.testimonial-quote-mark{margin-bottom:var(--space-4)}
.testimonial-text{font-size:var(--text-xl);font-weight:500;color:var(--color-gray-700);line-height:var(--leading-relaxed);font-style:italic;margin-bottom:var(--space-8)}
.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}
.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-coral-light),var(--color-coral))}
.testimonial-cite{font-size:var(--text-sm);font-style:normal;color:var(--color-gray-500);font-weight:500}
.trust-logos{margin-top:var(--space-16);text-align:center}
.trust-logos-label{font-size:var(--text-sm);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-8)}
.trust-logos-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-10);align-items:center}
.trust-logo-placeholder{width:100px;height:32px;background:var(--color-gray-200);border-radius:var(--radius-sm);opacity:0.5}
@media(min-width:768px){.section-social-proof{padding:var(--space-32) 0}.testimonial-text{font-size:var(--text-2xl)}}
.section-final-cta{position:relative;padding:var(--space-20) 0;background:linear-gradient(160deg,var(--color-deep-blue) 0%,var(--color-deep-blue-light) 100%);overflow:hidden}
.cta-bg-shapes{position:absolute;inset:0;pointer-events:none}
.shape-cta-1{position:absolute;width:400px;height:400px;background:var(--color-coral);opacity:0.08;border-radius:50%;filter:blur(100px);top:-100px;right:-50px}
.shape-cta-2{position:absolute;width:300px;height:300px;background:var(--color-mint);opacity:0.06;border-radius:50%;filter:blur(80px);bottom:-80px;left:-50px}
.final-cta-content{text-align:center;position:relative;z-index:1}
.cta-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-white);line-height:var(--leading-tight);margin-bottom:var(--space-6)}
.cta-text{font-size:var(--text-lg);color:rgba(255,255,255,0.7);line-height:var(--leading-relaxed);max-width:540px;margin:0 auto var(--space-10)}
.cta-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.cta-note{font-size:var(--text-sm);color:rgba(255,255,255,0.5)}
@media(min-width:768px){.section-final-cta{padding:var(--space-32) 0}.cta-title{font-size:var(--text-5xl)}}
.site-footer{position:relative;background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8)}
.footer-inner{display:grid;gap:var(--space-10);margin-bottom:var(--space-12)}
.footer-logo-text{display:inline-block;margin-bottom:var(--space-3);text-decoration:none}
.footer-tagline{font-size:var(--text-sm);color:var(--color-gray-500);font-style:italic}
.footer-menu{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6)}
.footer-menu a{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}
.footer-menu a:hover{color:var(--color-coral-light)}
.footer-social-label{font-size:var(--text-sm);margin-bottom:var(--space-3)}
.social-links{display:flex;gap:var(--space-3)}
.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-gray-800);color:var(--color-gray-400);transition:all var(--transition-fast)}
.social-link:hover{background:var(--color-coral);color:var(--color-white);transform:translateY(-2px)}
.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-gray-800);text-align:center}
.footer-bottom p{font-size:var(--text-sm)}
@media(min-width:768px){.footer-inner{grid-template-columns:1fr 1fr 1fr}}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.animate-on-scroll[data-animation="fade-left"]{transform:translateX(40px)}
.animate-on-scroll.is-visible{opacity:1;transform:translateY(0) translateX(0)}
.animate-on-scroll[data-delay="100"]{transition-delay:100ms}
.animate-on-scroll[data-delay="150"]{transition-delay:150ms}
.animate-on-scroll[data-delay="200"]{transition-delay:200ms}
.animate-on-scroll[data-delay="300"]{transition-delay:300ms}
.animate-on-scroll[data-delay="400"]{transition-delay:400ms}
.page-default{padding:calc(72px + var(--space-16)) 0 var(--space-16)}
.page-title{font-size:var(--text-4xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-8)}
.page-content{max-width:var(--container-narrow);line-height:var(--leading-relaxed)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}html{scroll-behavior:auto}.animate-on-scroll{opacity:1;transform:none;transition:none}.float-anim,.pulse-gentle{animation:none}}
:focus-visible{outline:2px solid var(--color-coral);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Logo scaling fix */
.site-branding{flex-shrink:0}
.custom-logo-link{display:flex;align-items:center;height:72px;padding:var(--space-2) 0}
.custom-logo{width:auto;height:36px;max-height:36px;object-fit:contain}
@media(min-width:768px){.custom-logo{height:42px;max-height:42px}}
.footer-brand .custom-logo{height:28px;max-height:28px}

/* Front page content from WP editor - remove default margins */
.home .site-main .entry-content,.home .site-main>.section-hero,.home .site-main>.section-value-prop,.home .site-main>.section-pillars,.home .site-main>.section-features,.home .site-main>.section-social-proof,.home .site-main>.section-final-cta{margin:0;padding-left:0;padding-right:0;max-width:none}
.home .site-main>*:first-child{margin-top:0}