:root{--brand-blue:#2e3e50;--brand-orange:#ff8a3d;--brand-white:#fff;--brand-background:color-mix(in srgb, var(--brand-orange) 5%, white);--brand-muted:color-mix(in srgb, var(--brand-blue) 70%, white);--brand-border:color-mix(in srgb, var(--brand-blue) 14%, white);--brand-shadow:#2e3e501f;--brand-focus-soft:color-mix(in srgb, var(--brand-orange) 12%, white);--site-header-offset:84px;--anchor-offset:8px;--font-body:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand:Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--brand-blue);background:var(--brand-background);font-family:var(--font-body);font-synthesis:none;scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:var(--site-header-offset)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--brand-orange) 15%, transparent), transparent 34%), radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--brand-blue) 14%, transparent), transparent 32%), linear-gradient(180deg, #fffaf4 0%, var(--brand-background) 48%, #fff 100%);content:"";position:fixed;inset:0}a{color:inherit}main{padding-top:var(--site-header-offset);overflow:hidden}section[id]{scroll-margin-top:var(--anchor-offset)}.site-header{z-index:20;border:1px solid color-mix(in srgb, var(--brand-border) 72%, transparent);backdrop-filter:blur(18px);background:#ffffffd1;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:0;padding:12px 14px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #2e3e501a}.header-brand{min-width:0;text-decoration:none;display:inline-flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand-icon{flex:none;width:44px;height:44px;display:inline-block}.brand-icon svg{width:100%;height:100%;display:block}.brand-name{color:var(--brand-blue);font-family:var(--font-brand);letter-spacing:-.04em;font-size:1.35rem;font-weight:700;line-height:1}.brand-name-accent{color:var(--brand-orange)}.brand-name-primary{color:var(--brand-blue)}.header-nav{color:color-mix(in srgb, var(--brand-blue) 78%, white);justify-content:center;gap:clamp(14px,2vw,28px);font-size:.92rem;font-weight:700;display:flex}.header-nav a,.lang-switch,.secondary-link{text-decoration:none}.header-nav a:hover,.lang-switch:hover,.secondary-link:hover{color:var(--brand-orange)}.header-actions{align-items:center;gap:10px;display:inline-flex}.lang-switch{border:1px solid var(--brand-border);min-width:44px;min-height:40px;color:var(--brand-blue);border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.header-app-link,.app-link{background:var(--brand-orange);min-height:44px;color:var(--brand-white);box-shadow:0 14px 30px color-mix(in srgb, var(--brand-orange) 28%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.app-link-icon{justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-right:.45em;font-size:1.05em;line-height:1;display:inline-flex}.header-app-link:hover,.app-link:hover{background:color-mix(in srgb, var(--brand-orange) 88%, black)}.header-app-link:focus-visible,.app-link:focus-visible,.lang-switch:focus-visible,.secondary-link:focus-visible,.header-nav a:focus-visible{outline:3px solid var(--brand-focus-soft);outline-offset:3px}.hero-section{grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);align-items:center;gap:clamp(32px,5vw,72px);width:min(1180px,100% - 32px);min-height:calc(100vh - 92px);margin:0 auto;padding:clamp(64px,10vw,132px) 0 clamp(48px,8vw,96px);display:grid}.hero-copy{max-width:760px}.hero-cta-section{min-height:auto;padding:clamp(40px,6vw,80px) 0 clamp(44px,7vw,84px);display:block}.hero-cta-card{border:1px solid var(--brand-border);box-shadow:0 28px 90px var(--brand-shadow);text-align:center;background:#ffffffe0;border-radius:clamp(28px,4vw,48px);padding:clamp(36px,6vw,72px) clamp(20px,5vw,64px)}.hero-cta-card h1{max-width:920px;margin-left:auto;margin-right:auto}.hero-cta-card .hero-kicker,.hero-cta-card .hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta-card .hero-actions{justify-content:center}.eyebrow{color:var(--brand-orange);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:820px;color:var(--brand-blue);letter-spacing:-.075em;margin-bottom:24px;font-size:clamp(2.75rem,6.6vw,5.4rem);line-height:.9}h2{color:var(--brand-blue);letter-spacing:-.06em;margin-bottom:16px;font-size:clamp(2rem,4.6vw,4.6rem);line-height:.95}h3{color:var(--brand-blue);letter-spacing:-.03em;margin-bottom:12px;font-size:1.25rem}.hero-kicker,.hero-subtitle,.section p,.feature-card p,.module-card p,.audience-card p,.pricing-section p,.final-cta p,.faq-list p{color:var(--brand-muted);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}.hero-subtitle{max-width:680px;margin-bottom:32px}.hero-kicker{max-width:720px;color:var(--brand-blue);margin-bottom:12px;font-size:clamp(1.1rem,2.1vw,1.45rem);font-weight:900}.hero-pill-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 28px;padding:0;list-style:none;display:flex}.hero-pill-list li{border:1px solid var(--brand-border);background:var(--brand-focus-soft);color:var(--brand-blue);border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:900}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.app-link{min-height:52px;padding:0 24px}.secondary-link{min-height:52px;color:var(--brand-blue);align-items:center;padding:0 18px;font-weight:800;display:inline-flex}.hero-panel{border:1px solid var(--brand-border);background:linear-gradient(135deg, #fffffff0, #ffffffb3), color-mix(in srgb, var(--brand-orange) 7%, white);min-height:420px;box-shadow:0 28px 90px var(--brand-shadow);border-radius:36px;padding:24px;position:relative}.panel-header{gap:8px;margin-bottom:56px;display:flex}.panel-header span{background:color-mix(in srgb, var(--brand-orange) 60%, white);border-radius:999px;width:12px;height:12px}.panel-card{border:1px solid var(--brand-border);background:var(--brand-white);border-radius:24px;padding:24px}.panel-card p{color:var(--brand-muted);margin-bottom:8px}.panel-card strong{color:var(--brand-blue);letter-spacing:-.04em;font-size:1.65rem;line-height:1.05;display:block}.panel-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.panel-grid div{background:color-mix(in srgb, var(--brand-blue) 10%, white);border-radius:20px;min-height:92px}.section{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(56px,9vw,112px) 0}.section-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.section-heading{max-width:760px;margin-bottom:32px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.module-card,.audience-card,.visual-card,.pricing-section,.final-cta,.faq-list details{border:1px solid var(--brand-border);background:#ffffffd1;border-radius:28px;box-shadow:0 18px 60px #2e3e5014}.feature-card{padding:28px}.feature-showcase{padding-top:0}.showcase-list{gap:clamp(36px,7vw,84px);display:grid}.showcase-feature{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.showcase-feature.reverse{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr)}.showcase-feature.reverse .showcase-copy{order:2}.showcase-feature.reverse .visual-card{order:1}.showcase-copy h3{letter-spacing:-.06em;margin-bottom:16px;font-size:clamp(1.8rem,4vw,3.8rem);line-height:.96}.showcase-copy p{color:var(--brand-muted);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}.showcase-copy ul{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.showcase-copy li{color:var(--brand-blue);padding-left:22px;font-weight:850;line-height:1.5;position:relative}.showcase-copy li:before{background:var(--brand-orange);content:"";border-radius:999px;width:9px;height:9px;position:absolute;top:.62em;left:0}.modules-section{padding-top:0}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.module-card{padding:22px}.module-card span{color:var(--brand-orange);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900;display:inline-flex}.module-card p{margin-bottom:0;font-size:.98rem}.audience-section{padding-top:clamp(32px,5vw,64px)}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.audience-card{padding:24px;position:relative;overflow:hidden}.audience-card:before{background:var(--audience-color,var(--brand-orange));content:"";width:100%;height:6px;position:absolute;inset:0 auto auto 0}.audience-icon{background:color-mix(in srgb, var(--audience-color,var(--brand-orange)) 14%, white);width:48px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--audience-color,var(--brand-orange)) 24%, white);border-radius:18px;place-items:center;margin-bottom:18px;font-size:1.45rem;display:inline-grid}.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.benefit-list li{border:1px solid var(--brand-border);background:color-mix(in srgb, var(--brand-orange) 5%, white);color:var(--brand-blue);border-radius:18px;padding:14px 16px;font-weight:800}.visual-section{padding-top:0}.visual-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;display:grid}.visual-card{padding:clamp(20px,3vw,30px);overflow:hidden}.visual-card-header p{color:var(--brand-orange);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:900}.visual-card-header h3{margin-bottom:18px;font-size:clamp(1.3rem,2.8vw,2.1rem)}.cost-visual{grid-template-columns:minmax(150px,.82fr) minmax(170px,1fr);align-items:center;gap:18px;display:grid}.cost-donut{aspect-ratio:1;background:conic-gradient(#1687f8 0 38%, #ffba2f 38% 51%, #12c3a3 51% 73%, #c64b91 73% 82%, #ff4b45 82% 100%);border-radius:999px;place-items:center;width:min(100%,230px);display:grid;position:relative}.cost-donut:after{border-radius:inherit;background:var(--brand-white);content:"";position:absolute;inset:24%}.cost-donut span{z-index:1;color:var(--brand-blue);letter-spacing:-.05em;font-size:clamp(1.35rem,2.8vw,2rem);font-weight:900;position:relative}.cost-legend{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cost-legend li{color:var(--brand-blue);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.92rem;font-weight:800;display:grid}.cost-legend span{background:var(--dot-color);border-radius:4px;width:12px;height:12px}.cost-legend strong{color:var(--brand-muted);white-space:nowrap;font-size:.86rem}.cost-tooltip{background:var(--brand-white);border:2px solid #ff4b45;border-radius:14px;gap:3px;margin-top:22px;padding:12px 14px;display:inline-grid;box-shadow:0 12px 28px #2e3e5017}.cost-tooltip strong{color:var(--brand-blue)}.cost-tooltip span{color:var(--brand-muted);font-weight:800}.order-card,.receiving-card,.recipe-sheet-card,.supplier-card,.price-history-card,.teams-card{background:#ffffffeb}.visual-grid .receiving-card,.visual-grid .recipe-sheet-card{grid-column:1/-1}.document-title,.recipe-title{color:var(--brand-blue);letter-spacing:-.06em;text-align:center;margin-bottom:22px;font-size:clamp(1.6rem,4vw,3rem);font-weight:900;line-height:1}.recipe-title{border:2px solid var(--brand-blue);text-transform:uppercase;padding:14px}.document-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin-bottom:22px;display:grid}.document-meta div{gap:4px;display:grid}.document-meta span{color:var(--brand-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:900}.document-meta strong{color:var(--brand-blue);font-size:1.06rem}.responsive-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%;min-width:620px;color:var(--brand-blue);font-size:.92rem}.responsive-table th,.responsive-table td{border:1px solid color-mix(in srgb, var(--brand-blue) 18%, white);text-align:left;vertical-align:middle;padding:12px 14px}.responsive-table th{background:color-mix(in srgb, var(--brand-blue) 5%, white);font-weight:900}.order-card .responsive-table td:first-child,.order-card .responsive-table th:first-child{text-align:center;width:56px}.recipe-sheet-card .responsive-table table{min-width:620px}.receiving-card .responsive-table table,.supplier-card .responsive-table table,.teams-card .responsive-table table,.price-history-card .responsive-table table{min-width:640px}.status-pill,.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;min-width:104px;padding:8px 10px;font-weight:900;display:inline-flex}.status-pill.complete{color:#00784c;border:1px solid #94dac0}.status-pill.partial{border:1px solid color-mix(in srgb, var(--brand-orange) 58%, white);color:color-mix(in srgb, var(--brand-orange) 70%, black)}.status-badge.complete{color:var(--brand-white);background:#00a66a}.status-badge.partial{background:color-mix(in srgb, var(--brand-orange) 16%, white);color:color-mix(in srgb, var(--brand-orange) 68%, black)}.status-badge.canceled{color:#a23636;background:#fbe6e6}.status-badge.current{background:color-mix(in srgb, var(--brand-blue) 92%, black);color:var(--brand-white)}.status-badge.archived{background:color-mix(in srgb, var(--brand-blue) 7%, white);color:color-mix(in srgb, var(--brand-blue) 82%, black)}.team-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.team-summary div{border:1px solid var(--brand-border);background:color-mix(in srgb, var(--brand-orange) 5%, white);border-radius:18px;padding:16px}.team-summary span{color:var(--brand-blue);letter-spacing:-.05em;font-size:1.6rem;font-weight:950;line-height:1;display:block}.team-summary strong{color:var(--brand-muted);margin-top:6px;font-size:.84rem;display:block}.pricing-section{text-align:center;padding:clamp(32px,5vw,64px)}.pricing-section p{max-width:720px;margin-left:auto;margin-right:auto}.pricing-section span{background:var(--brand-focus-soft);color:var(--brand-blue);border-radius:999px;margin-top:12px;padding:10px 14px;font-weight:800;display:inline-flex}.pricing-link{margin-top:24px}.faq-section{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}.faq-list{align-content:start;gap:12px;display:grid}.faq-list details{padding:18px 22px}.faq-list summary{cursor:pointer;color:var(--brand-blue);font-weight:900}.faq-list p{margin:14px 0 0}.final-cta{text-align:center;width:min(980px,100% - 32px);margin:0 auto clamp(48px,8vw,96px);padding:clamp(40px,7vw,80px)}.final-cta p{max-width:640px;margin-left:auto;margin-right:auto}@media (width<=900px){.site-header{border-radius:28px;grid-template-columns:1fr auto}.header-nav{display:none}.hero-section,.section-split,.showcase-feature,.showcase-feature.reverse,.faq-section{grid-template-columns:1fr}.showcase-feature.reverse .showcase-copy,.showcase-feature.reverse .visual-card{order:initial}.hero-section{min-height:auto;padding-top:64px}.hero-panel{min-height:320px}.feature-grid,.module-grid,.audience-grid,.benefit-list,.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-visual{grid-column:1/-1;grid-template-columns:1fr}}@media (width<=560px){:root{--site-header-offset:72px;--anchor-offset:6px}.site-header{gap:10px;width:min(100% - 20px,1180px);padding:10px}.brand-icon{width:38px;height:38px}.brand{gap:8px}.brand-name{letter-spacing:0;font-size:1.05rem}.header-actions{gap:6px}.header-app-link{min-height:38px;padding:0 14px}.app-link-icon{width:1.25em;height:1.25em;margin-right:.4em;font-size:1.12em}.lang-switch{min-width:38px;min-height:38px}h1{font-size:clamp(2.35rem,12vw,3.6rem)}h2{font-size:clamp(2rem,10vw,3rem)}.hero-actions{flex-direction:column;align-items:stretch}.app-link,.secondary-link{justify-content:center;width:100%}.feature-grid,.module-grid,.audience-grid,.benefit-list,.visual-grid,.team-summary,.document-meta{grid-template-columns:1fr}.visual-card{border-radius:22px}.responsive-table table,.receiving-card .responsive-table table,.recipe-sheet-card .responsive-table table,.supplier-card .responsive-table table,.price-history-card .responsive-table table,.teams-card .responsive-table table{min-width:620px}}