@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-sans: "Plus Jakarta Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Outfit", var(--font-sans);--bg-main: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--brand-navy: #002b49;--brand-teal: #00a896;--brand-teal-light: #f0fdfa;--brand-blue: #0284c7;--brand-sky: #38bdf8;--brand-mint: #14b8a6;--border-light: rgba(15, 23, 42, .06);--border-hover: rgba(0, 168, 150, .2);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .03);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .03), 0 2px 4px -2px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .03), 0 8px 10px -6px rgba(15, 23, 42, .03);--shadow-card: 0 20px 40px -15px rgba(15, 23, 42, .04);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--container-width: 1200px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text-secondary);font-family:var(--font-sans);line-height:1.6;background-color:var(--bg-main);background-image:linear-gradient(rgba(15,23,42,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.015) 1px,transparent 1px);background-size:48px 48px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:absolute;left:-999px;top:1rem;z-index:1000;padding:.7rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-weight:600;box-shadow:var(--shadow-md)}.skip-link:focus{left:1rem}.container{width:min(calc(100% - 2.5rem),var(--container-width));margin:0 auto;position:relative}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.02) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);pointer-events:none;z-index:0}.glow-orb-bg{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,150,.06) 0%,rgba(2,132,199,.02) 50%,transparent 100%);filter:blur(60px);pointer-events:none;z-index:0}.site-header{position:sticky;top:0;z-index:100;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);transition:all .3s ease;height:var(--header-height);display:flex;align-items:center}.site-header.is-scrolled{height:70px;box-shadow:0 4px 30px #0f172a05;background:#ffffffe6}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%}.header-inner:after{content:"";grid-column:3}.brand{display:inline-flex;align-items:center;justify-self:start;grid-column:1}.brand-logo{height:44px;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}.brand-logo:hover{transform:scale(1.02)}.site-nav{display:flex;align-items:center;gap:1.8rem;justify-self:center;grid-column:2}.site-nav a{font-size:.95rem;font-weight:500;color:var(--text-secondary);padding:.5rem .25rem;position:relative;transition:color .2s ease}.site-nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--brand-teal);transition:width .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.site-nav a:hover{color:var(--text-primary)}.site-nav a:hover:after{width:100%;left:0}.site-nav a.active{color:var(--text-primary);font-weight:600}.site-nav a.active:after{width:100%;left:0}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}.button.primary,.header-cta{background:linear-gradient(135deg,var(--brand-navy) 0%,#004c7a 100%);color:#fff;box-shadow:0 4px 14px #002b491f}.button.primary:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #002b4933;background:linear-gradient(135deg,#003657,#005a8f)}.button.secondary{background:#fff;border:1px solid var(--border-light);color:var(--text-primary);box-shadow:var(--shadow-sm)}.button.secondary:hover{transform:translateY(-2px);border-color:#00a89640;box-shadow:var(--shadow-md);color:var(--brand-teal)}.mobile-menu-btn,.mobile-menu-overlay{display:none}.hero{position:relative;overflow:hidden;padding:120px 0 100px;background-color:var(--bg-main)}.hero-inner{display:grid;grid-template-columns:1fr;align-items:center;max-width:900px;margin:0 auto;position:relative;z-index:10;gap:3rem}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}h1{font-family:var(--font-display);font-size:clamp(2.5rem,4.2vw,3.6rem);font-weight:800;line-height:1.15;color:var(--text-primary);letter-spacing:-.03em;margin:0 0 1rem;text-wrap:balance}.gradient-text{background:linear-gradient(135deg,var(--brand-teal) 0%,var(--brand-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-ja{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:1.2rem}.lead{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin-bottom:2.2rem;max-width:65ch}.hero-actions{display:flex;gap:1rem;justify-content:center}.hero-demo-link a:hover{color:var(--brand-navy)!important}.hero-demo-link{justify-content:center}.hero-demo-link a:hover svg{transform:translate(4px)}.tech-strip{padding:3rem 0;background:var(--bg-card);border-block:1px solid var(--border-light)}.tech-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.tech-strip-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:1000px}.tech-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:999px;background:var(--bg-main);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:all .2s ease}.tech-pill:hover{transform:translateY(-1px);border-color:var(--brand-teal);background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm)}.pill-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted);transition:background-color .2s ease}.tech-pill:hover .pill-dot{background-color:var(--brand-teal);box-shadow:0 0 8px var(--brand-teal)}.section{padding:clamp(4.5rem,8vw,7.5rem) 0;position:relative}.section-heading{text-align:center;max-width:720px;margin:0 auto 4rem;position:relative;z-index:10}h2{font-family:var(--font-display);font-size:clamp(1.85rem,3.2vw,2.5rem);font-weight:800;color:var(--text-primary);line-height:1.25;letter-spacing:-.02em;margin:0;text-wrap:balance}.section-heading p{color:var(--text-secondary);font-size:1.05rem;margin-top:1rem;line-height:1.6}.solutions{background:var(--bg-main)}.solutions-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start;position:relative;z-index:10}.solutions-sticky-intro{position:sticky;top:110px}.solutions-sticky-intro h2{margin-top:.5rem}.solutions-sticky-intro p{font-size:1.05rem;line-height:1.65;color:var(--text-secondary);margin-top:1.2rem}.solutions-list{display:flex;flex-direction:column}.solution-item{display:flex;gap:2.2rem;padding:2.8rem 0;border-top:1px solid var(--border-light);transition:all .3s cubic-bezier(.16,1,.3,1)}.solution-item:last-child{border-bottom:1px solid var(--border-light)}.solution-num{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-muted);transition:all .3s ease;margin-top:.25rem}.solution-content h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .8rem;transition:color .3s ease}.solution-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin:0}.solution-item:hover{padding-left:1.2rem}.solution-item:hover .solution-num{color:var(--brand-teal);transform:translate(-4px)}.solution-item:hover .solution-content h3{color:var(--brand-teal)}.platform{background:#fff;border-top:1px solid var(--border-light);overflow:hidden}.platform-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5rem;position:relative;z-index:10}.platform-copy{max-width:500px}.platform-copy p{color:var(--text-secondary);font-size:1.05rem;margin-top:1rem;line-height:1.7}.stack-card{display:flex;flex-direction:column;gap:1.2rem}.stack-row{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:1.5rem;padding:1.8rem;background:#0f172a04;border:1px solid rgba(15,23,42,.04);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-row:hover{background:#0f172a06;border-color:#00a89640;transform:translate(6px)}.stack-row-num{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--brand-teal);background:var(--brand-teal-light);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,168,150,.2);flex-shrink:0;margin-top:.1rem}.stack-row-content h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.stack-row-content p{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.6}.proof{padding:4.5rem 0;background:var(--bg-main);border-block:1px solid var(--border-light)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;text-align:center}.proof-item{display:flex;flex-direction:column;gap:.5rem}.proof-kicker{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-teal)}.proof-item strong{font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.7rem);font-weight:800;color:var(--text-primary)}.workflow{background:#fff}.workflow-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;margin-top:4.5rem;z-index:10}.timeline-line{position:absolute;top:25px;left:12.5%;right:12.5%;height:2px;background:var(--border-light);z-index:1}.workflow-step{position:relative;z-index:10;text-align:center}.step-marker{width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1)}.step-num{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-muted);transition:color .3s ease}.workflow-step:hover .step-marker{border-color:var(--brand-teal);box-shadow:0 10px 20px #00a8960d;transform:scale(1.1)}.workflow-step:hover .step-num{color:var(--brand-teal)}.step-content{background:var(--bg-card);padding:1.8rem 1.4rem;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:all .3s ease;min-height:190px}.workflow-step:hover .step-content{border-color:var(--brand-teal);box-shadow:var(--shadow-card)}.step-phase{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--brand-teal);letter-spacing:.05em;margin-bottom:.5rem;display:block}.step-content h3{font-size:1.15rem;font-weight:700;margin:0 0 .8rem;color:var(--text-primary)}.step-content p{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.why-us{background:var(--bg-card);padding:100px 0;border-block:1px solid var(--border-light)}.why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:4rem}.why-us-item{display:flex;height:100%}.why-us-card{display:flex;flex-direction:column;background:var(--bg-main);border:1px solid var(--border-light);border-radius:24px;padding:2.5rem 2.2rem;box-shadow:var(--shadow-sm);transition:all .5s cubic-bezier(.16,1,.3,1);width:100%;position:relative;overflow:hidden}.why-us-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-navy));opacity:0;transition:opacity .3s ease}.why-us-card:hover{transform:translateY(-8px);border-color:#00a89633;box-shadow:var(--shadow-lg),0 12px 35px #00a8960d}.why-us-card:hover:before{opacity:1}.why-us-num{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand-teal);opacity:.85;margin-bottom:1.2rem;display:block}.why-us-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.45;margin:0 0 1rem}.why-us-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.65;margin:0}@media(min-width:1025px){.why-us-item:nth-child(2){transform:translateY(24px)}.why-us-item:nth-child(3){transform:translateY(48px)}.why-us{padding-bottom:148px}}.faq{background:var(--bg-main);padding:100px 0 110px}.faq-list{max-width:800px;margin:3.5rem auto 0;display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border-light);padding:1.8rem 0;transition:all .3s ease}.faq-item:first-child{border-top:1px solid var(--border-light)}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.08rem;color:var(--text-primary);cursor:pointer;user-select:none;gap:1.8rem;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon-wrapper{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.faq-icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-item[open] .faq-icon-wrapper{background:var(--brand-teal-light);border-color:var(--brand-teal);color:var(--brand-teal)}.faq-answer{padding-top:1.2rem;font-size:.95rem;color:var(--text-secondary);line-height:1.7}.faq-answer p{margin:0}.contact{background:var(--bg-main);padding:80px 0 110px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:4.5rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;z-index:10}.contact-box:after{content:"";position:absolute;bottom:-50px;right:-50px;width:350px;height:350px;background:radial-gradient(circle,rgba(0,168,150,.04) 0%,transparent 70%);filter:blur(50px);pointer-events:none}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info h2{font-size:clamp(1.8rem,3.2vw,2.3rem);line-height:1.3;margin-top:.5rem}.contact-desc{font-size:1.05rem;color:var(--text-secondary);margin-top:1rem;line-height:1.6}.contact-form-container{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:2.5rem;box-shadow:var(--shadow-sm);position:relative;z-index:10}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.form-group label .required{font-size:.65rem;background:#fee2e2;color:#ef4444;padding:.1rem .4rem;border-radius:4px}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00a89614}.form-submit-btn{background:linear-gradient(135deg,var(--brand-navy) 0%,#004c78 100%);color:#fff;border:none;padding:1rem;border-radius:var(--radius-sm);font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-md)}.form-submit-btn:hover{background:linear-gradient(135deg,#003657,#005a8f);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.form-submit-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.form-message-success{text-align:center;padding:2rem 0}.success-icon{color:var(--brand-teal);margin-bottom:1rem;display:flex;justify-content:center}.form-message-success h4{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.form-message-success p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.form-message-error{margin:-.3rem 0 0;padding:.8rem 1rem;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius-sm);background:#fef2f2;color:#b91c1c;font-size:.9rem;line-height:1.5}.site-footer{background:var(--bg-main);color:var(--text-secondary);padding:5rem 0 2rem;border-top:1px solid var(--border-light);position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:4.5rem}.footer-info{display:flex;flex-direction:column;gap:1.2rem}.footer-logo{height:34px;width:auto;align-self:flex-start;mix-blend-mode:multiply}.footer-info p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}.footer-links-col h4,.footer-contact h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-teal);margin:0 0 1.5rem}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:var(--text-muted);font-size:.95rem;transition:color .2s ease;align-self:flex-start}.footer-links a:hover{color:var(--text-primary)}.footer-contact{display:flex;flex-direction:column;gap:.8rem}.footer-contact p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}.copyright{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.button:focus-visible,.header-cta:focus-visible,.site-nav a:focus-visible,.brand:focus-visible,.mobile-menu-btn:focus-visible,.mobile-nav-link:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:3px solid rgba(0,168,150,.35);outline-offset:3px}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}@media(max-width:1024px){.solutions-layout{grid-template-columns:1fr;gap:3.5rem}.solutions-sticky-intro{position:static;text-align:center}.platform-layout{grid-template-columns:1fr;gap:3.5rem}.platform-copy{max-width:100%;text-align:center}.contact-box{grid-template-columns:1fr;gap:3.5rem;padding:3.5rem}.footer-grid{gap:3rem}.why-us-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){:root{--header-height: 70px}.site-header{background:#ffffffe6}.header-inner{display:flex;justify-content:space-between;align-items:center}.header-inner:after{display:none}.site-nav,.header-cta{display:none}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:120}.hamburger-line{width:100%;height:2px;background-color:var(--text-primary);transition:all .3s ease}.mobile-menu-overlay{position:fixed;inset:0;background:#fffffffa;z-index:110;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu-overlay.is-active{opacity:1;pointer-events:auto}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:2.2rem}.mobile-nav-link{font-size:1.4rem;font-weight:700;color:var(--text-primary);transition:color .2s ease}.mobile-nav-link:hover{color:var(--brand-teal)}.mobile-nav-cta{font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-teal) 0%,var(--brand-blue) 100%);padding:.8rem 2.8rem;border-radius:999px;box-shadow:0 4px 15px #00a89633}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--text-primary)}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--text-primary)}.proof-grid{grid-template-columns:1fr;gap:2.5rem}.workflow-timeline{grid-template-columns:1fr;gap:3rem}.timeline-line{display:none}.workflow-step{text-align:left;display:flex;gap:1.2rem;align-items:flex-start}.step-marker{margin:0;flex-shrink:0}.step-content{min-height:auto;width:100%;padding:1.5rem}.footer-grid{grid-template-columns:1fr;gap:3rem}.copyright{flex-direction:column;gap:1.2rem;text-align:center;margin-top:3.5rem}}@media(max-width:600px){.contact-box{padding:2.2rem 1.5rem}.contact-form-container{padding:1.8rem 1.2rem}}.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3.5rem}.service-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;padding:3rem 2.5rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.service-card:hover{transform:translateY(-5px);border-color:var(--brand-teal);box-shadow:var(--shadow-lg),0 12px 35px #00a8960d}.service-card .card-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--brand-teal);opacity:.85;line-height:1}.service-card h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 .8rem;line-height:1.4}.service-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.challenges{background:#fff;border-top:1px solid var(--border-light)}.challenges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3.5rem}.challenge-item{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.5rem;transition:all .35s ease}.challenge-item:hover{border-color:#00a89647;box-shadow:0 10px 25px #002b490a}.challenge-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.challenge-icon{width:40px;height:40px;border-radius:50%;background:#00a8961a;color:var(--brand-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-icon svg{width:20px;height:20px}.challenge-item h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.challenge-item p{font-size:.92rem;color:var(--text-secondary);line-height:1.7;margin:0}.homepage-demo{background:var(--bg-main);border-top:1px solid var(--border-light);overflow:hidden}.pipeline-storyboard{display:flex;flex-direction:column;gap:2.5rem;max-width:950px;margin:4rem auto 0}.story-state{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.5rem 3rem;box-shadow:var(--shadow-sm);position:relative;transition:all .3s ease}.story-state:hover{box-shadow:var(--shadow-md)}.story-state.before-state{border-left:4px solid #ef4444}.story-state.after-state{border-left:4px solid var(--brand-teal)}.state-badge{display:inline-block;font-size:.8rem;font-weight:800;padding:.35rem .9rem;border-radius:6px;margin-bottom:1rem}.state-badge.danger{background:#ef444414;color:#ef4444}.state-badge.success{background:var(--brand-teal-light);color:var(--brand-teal)}.story-state p{font-size:1rem;color:var(--text-primary);line-height:1.75;margin:0}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;position:relative}.story-step-card{background:var(--bg-card);border:1px solid var(--border-light);border-top:4px solid rgba(0,43,73,.18);border-radius:var(--radius-lg);padding:2.5rem 2.2rem;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.16,1,.3,1)}.story-step-before{border-top-color:var(--brand-navy)}.story-step-build{border-top-color:var(--brand-blue)}.story-step-after{border-top-color:var(--brand-teal)}.story-step-card:hover{border-color:#00a89640;transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-num-badge{font-family:var(--font-display);font-size:.75rem;font-weight:800;color:var(--brand-navy);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem}.story-step-build .step-num-badge{color:var(--brand-blue)}.story-step-after .step-num-badge{color:var(--brand-teal)}.story-step-card h4{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 .8rem;line-height:1.4}.story-step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin:0}.story-cta-box{background:var(--bg-card);border:1px solid rgba(0,168,150,.15);background-image:linear-gradient(135deg,#00a89604,#0284c704);border-radius:var(--radius-lg);padding:3.5rem;text-align:center;box-shadow:var(--shadow-md);margin-top:1rem}.story-cta-box h4{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 .8rem}.story-cta-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2.2rem}@media(max-width:900px){.solutions-grid,.challenges-grid,.story-steps{grid-template-columns:1fr;gap:1.8rem}.story-state,.story-step-card{padding:2rem}.story-cta-box{padding:2.5rem 1.8rem}}.pipeline-demo-page{background-color:var(--bg-main)}.pipeline-main{padding-bottom:100px}.demo-hero{position:relative;overflow:hidden;padding:100px 0 45px}.demo-hero-inner{max-width:900px;text-align:center;margin:0 auto}.back-link-wrapper{margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;font-size:.9rem;font-weight:600;color:var(--brand-teal);transition:transform .2s ease,color .2s ease}.back-link:hover{color:var(--brand-navy);transform:translate(-3px)}.animation-stage-card{background:var(--bg-card);border-radius:28px;border:1px solid var(--border-light);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:4rem;position:relative}.stage-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-light);background:var(--bg-main)}.stage-tab{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1rem;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--text-muted);text-align:center}.stage-tab:hover{color:var(--text-primary);background:#0f172a04}.stage-tab.active{color:var(--brand-navy);font-weight:700;border-bottom-color:var(--brand-teal);background:#fff}.tab-num{font-family:var(--font-display);font-size:.8rem;font-weight:800;color:var(--brand-teal);letter-spacing:.1em}.tab-label{font-size:.88rem;font-weight:700}.animation-canvas{position:relative;display:grid;grid-template-columns:1.1fr 1.8fr 1.1fr;padding:4.5rem 2rem;min-height:480px;background:radial-gradient(circle at center,#fff,#f1f5f9);overflow:hidden;align-items:center;gap:1rem}.canvas-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.015) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1}.canvas-column{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center;min-width:0}.column-title{position:absolute;top:-2.2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding-bottom:.4rem;width:90%;text-align:center}.source-nodes{display:flex;flex-direction:column;gap:2.2rem;width:100%;min-width:0}.source-node{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .5s cubic-bezier(.16,1,.3,1);width:100%;position:relative}.source-node:hover{transform:translateY(-2px);background:#f8fafc;border-color:var(--border-hover);box-shadow:var(--shadow-md)}.node-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0f172a08;flex-shrink:0}.node-icon svg{width:18px;height:18px}.src-db{color:#f87171;background:#f871711a}.src-saas{color:var(--brand-blue);background:#0284c71a}.src-csv{color:#9ca3af;background:#9ca3af1a}.node-label{font-size:.8rem;font-weight:700;color:var(--text-primary)}.flow-svg{position:absolute;height:100%;width:100%;top:0;pointer-events:none;z-index:5}.svg-left{left:-200px}.svg-right{right:-200px}.flow-line{fill:none;stroke:#0f172a0f;stroke-width:1.5px;transition:stroke .5s ease}.pulse-dot{opacity:0}.center-warehouse-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:350px;max-width:100%;height:180px;transition:all .5s cubic-bezier(.16,1,.3,1);border-radius:20px;background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-md),inset 0 1px 1px #ffffff80;overflow:hidden}.center-warehouse-node:hover{transform:scale(1.02);background:#f8fafc;border-color:#0f172a26}.sf-bg-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:1;opacity:.04;color:var(--brand-navy);transition:opacity .5s ease}.sf-bg-logo{width:90px;height:90px;animation:sf-logo-spin 60s infinite linear}@keyframes sf-logo-spin{to{transform:rotate(360deg)}}.sf-bg-brand span{font-size:.82rem;font-weight:800;letter-spacing:.1em;margin-top:.3rem}.warehouse-internal-flow{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;z-index:10}.wh-schema{width:90px;height:120px;background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .5s cubic-bezier(.16,1,.3,1)}.schema-header{font-size:.52rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding-bottom:.2rem;border-bottom:1px solid rgba(15,23,42,.06);margin-bottom:.3rem}.schema-table{display:flex;flex-direction:column;width:100%;font-family:monospace;font-size:.46rem;color:var(--text-secondary);line-height:1.2}.schema-table-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(15,23,42,.08);color:var(--text-muted);font-weight:700;padding-bottom:.15rem;margin-bottom:.15rem;text-transform:uppercase}.schema-table-row{display:flex;justify-content:space-between;padding:.15rem 0;border-bottom:1px dashed rgba(15,23,42,.03);transition:all .3s ease}.schema-table-row:last-child{border-bottom:none}.cell-id{color:var(--text-muted);width:25%}.cell-name{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-mart .cell-id{width:22%}.wh-mart .cell-name{width:53%}.wh-mart .cell-status{width:25%;color:#34d399;font-weight:700}.schema-table-row.trimming{background:#0284c71a;box-shadow:0 0 8px #0284c733;color:var(--brand-blue)}.schema-table-row.cleaned{background:#34d3991a;box-shadow:0 0 8px #34d39933;color:#14b8a6}.schema-table-row.deduping{background:#f871711a;box-shadow:0 0 8px #f8717133;color:#ef4444}.schema-table-row.merged{text-decoration:line-through;opacity:.25;color:var(--text-muted);background:transparent;box-shadow:none}.wh-mart .schema-table-row{opacity:0;transform:translateY(4px);transition:all .5s ease}.step-2 .wh-mart .schema-table-row.loaded,.step-3 .wh-mart .schema-table-row{opacity:1;transform:translateY(0)}.schema-table-row.glowing{background:#00a8961a;box-shadow:0 0 8px #00a89633;color:var(--brand-teal)}.wh-dbt-engine{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:80px}.dbt-core-node{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid rgba(15,23,42,.08);color:var(--text-muted);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .5s cubic-bezier(.16,1,.3,1)}.dbt-bolt-icon{width:14px;height:14px;transition:transform .5s ease}.dbt-engine-label{font-family:var(--font-display);font-size:.54rem;font-weight:800;color:var(--text-muted);margin-top:.35rem;text-transform:uppercase;letter-spacing:.05em;transition:color .5s ease}.dbt-status-text{font-family:monospace;font-size:.44rem;font-weight:700;color:var(--text-muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .3rem;border-radius:4px;background:#0f172a05;border:1px solid rgba(15,23,42,.05);transition:all .3s ease;text-align:center;white-space:nowrap}.step-2 .dbt-status-text.compiling,.step-2 .dbt-status-text.processing{color:var(--brand-blue);background:#0284c714;border-color:#0284c726;animation:status-blink 1s infinite alternate}.step-2 .dbt-status-text.success{color:#14b8a6;background:#14b8a614;border-color:#14b8a626}@keyframes status-blink{0%{opacity:.6}to{opacity:1}}.dbt-flow-paths{position:absolute;width:140px;height:40px;top:10px;left:-30px;pointer-events:none;z-index:-1}.internal-svg-paths{width:100%;height:100%}.internal-path{fill:none;stroke:#0f172a0a;stroke-width:1px;stroke-dasharray:4}.snowflake-core{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;transition:all .4s ease}.sf-icon{color:#0284c7;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0284c714;border-radius:50%;margin-bottom:.6rem;border:1px solid rgba(2,132,199,.15);transition:transform 1s linear}.sf-icon svg{width:26px;height:26px}.sf-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--text-primary);letter-spacing:.05em}.dbt-processing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease}.dbt-spinner{width:28px;height:28px;border:2.5px solid rgba(2,132,199,.12);border-top-color:var(--brand-blue);border-radius:50%;animation:dbt-spin 1s linear infinite;margin-bottom:.6rem}@keyframes dbt-spin{to{transform:rotate(360deg)}}.dbt-text{font-size:.72rem;font-weight:700;color:var(--brand-blue);text-transform:uppercase;letter-spacing:.1em}.console-log-box{position:absolute;bottom:-4.5rem;width:220px;height:60px;background:var(--bg-main);border:1px solid var(--border-light);border-radius:12px;font-family:monospace;font-size:.52rem;color:var(--text-primary);padding:.5rem;overflow:hidden;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.console-line{margin-bottom:.2rem;opacity:.35;transition:opacity .2s ease;white-space:nowrap;display:none}.console-line.active{display:block;opacity:.85}.console-line.success{color:#0f766e;font-weight:700}.bi-dashboard-card{width:100%;min-width:0;background:#fff;border:1px solid var(--border-light);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden;opacity:.35;transition:all .5s ease;transform:scale(.96)}.db-header{background:#0f172a04;border-bottom:1px solid rgba(15,23,42,.05);padding:.6rem .8rem;display:flex;align-items:center;gap:.5rem}.db-title-dot{width:6px;height:6px;background:var(--brand-teal);border-radius:50%}.db-name{font-size:.62rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.db-body{padding:.9rem}.db-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.9rem}.db-kpi{background:var(--bg-main);border:1px solid rgba(15,23,42,.03);border-radius:10px;padding:.5rem;display:flex;flex-direction:column}.kpi-title{font-size:.52rem;color:var(--text-muted);margin-bottom:.15rem}.kpi-val{font-size:.9rem;font-weight:800;color:var(--text-primary);line-height:1.2}.kpi-trend{font-size:.48rem;font-weight:700;margin-top:.1rem;transition:opacity .5s ease}.kpi-trend.positive{color:#10b981}.db-chart-container{background:var(--bg-main);border:1px solid rgba(15,23,42,.03);border-radius:10px;padding:.6rem}.chart-label{font-size:.52rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.db-chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:55px;padding-bottom:.2rem}.chart-bar-col{display:flex;flex-direction:column;align-items:center;width:25px;height:100%;justify-content:flex-end}.chart-bar{width:14px;height:var(--val);background:linear-gradient(to top,rgba(0,168,150,.2),var(--brand-teal));border-radius:4px 4px 0 0;transition:height 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #00a89633}.bar-lbl{font-size:.48rem;color:var(--text-muted);margin-top:.25rem}.step-1 .source-node{border-color:#0f172a26;box-shadow:var(--shadow-md)}.step-1 #node-db{box-shadow:0 0 20px #f8717114;border-color:#f871714d}.step-1 #node-saas{box-shadow:0 0 20px #0284c714;border-color:#0284c74d}.step-1 #node-csv{box-shadow:0 0 20px #9ca3af14;border-color:#9ca3af4d}.step-1 .svg-left .flow-line{stroke:#0f172a33}.step-1 .svg-left .pulse-dot{opacity:1}.step-1 .center-warehouse-node{background:#fff;border-color:#0f172a26}.step-1 #schema-raw{border-color:#f8717166;box-shadow:0 0 12px #f8717126;background:#f8717105}.step-1 #schema-raw .schema-table-row{border-color:#f8717126}.step-2 .col-sources{opacity:.3}.step-2 .center-warehouse-node{border-color:var(--brand-blue);box-shadow:0 0 30px #0284c71f;background:#fff}.step-2 #dbt-engine .dbt-core-node{border-color:var(--brand-blue);box-shadow:0 0 15px #0284c73d,inset 0 1px 1px #ffffff80;background:#0284c714;color:var(--brand-blue)}.step-2 #dbt-engine .dbt-bolt-icon{animation:bolt-pulse 1s infinite alternate}@keyframes bolt-pulse{to{transform:scale(1.15) rotate(5deg)}}.step-2 #dbt-engine .dbt-engine-label{color:var(--brand-blue)}.step-2 .internal-path{stroke:#0284c766;animation:dbt-line-flow 1.2s infinite linear}.step-2 #schema-raw{opacity:.55}.step-2 #schema-mart{border-color:#00a8964d;box-shadow:0 0 10px #00a8961a}.step-2 #schema-mart .schema-table-row.loaded{border-color:#00a89626}.step-2 .console-log-box{opacity:1;transform:translateY(0)}.step-3 .col-sources{opacity:.2}.step-3 .center-warehouse-node{border-color:#00a89659;box-shadow:0 0 25px #00a89614}.step-3 #schema-mart{border-color:#00a89680;box-shadow:0 0 18px #00a89626;background:#00a89603}.step-3 #schema-mart .schema-table-row{color:#0f766e}.step-3 #schema-raw,.step-3 #dbt-engine{opacity:.3}.step-3 .svg-right .flow-line{stroke:#00a89640}.step-3 .svg-right .pulse-dot{opacity:1}.step-3 .bi-dashboard-card{opacity:1;transform:scale(1);border-color:#00a89640;box-shadow:var(--shadow-lg),0 0 20px #00a8960d;background:#fff}.step-3 .bi-dashboard-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),0 0 25px #00a8961a}.stage-controls{background:var(--bg-main);border-top:1px solid var(--border-light);padding:1.8rem 2.2rem;display:flex;flex-direction:column;gap:1.5rem}.step-descriptor{max-width:780px}.step-descriptor strong{display:block;font-size:1.05rem;color:var(--text-primary);margin-bottom:.4rem}.step-descriptor p{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.controls-actions{display:flex;align-items:center;gap:1rem}.control-btn{background:#fff;border:1px solid var(--border-light);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:99px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.control-btn:hover{background:var(--bg-main);color:var(--text-primary)}.control-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.control-btn.primary{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy);padding:.6rem 1.6rem;box-shadow:0 4px 12px #002b4926}.control-btn.primary:hover{background:#001f35;transform:translateY(-1px)}.control-btn.primary.playing{background:#002b4914;color:var(--brand-navy);border-color:#002b4926}.pause-dot{width:6px;height:6px;background:#34d399;border-radius:50%;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.demo-benefits{background:var(--bg-main);padding:2rem 0}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem}.benefit-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:2rem;box-shadow:var(--shadow-sm);transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px)}.benefit-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 .8rem}.benefit-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin:0}@media(max-width:1024px){.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:900px){.animation-canvas{grid-template-columns:minmax(0,1fr);gap:5rem;padding:6.5rem 1.25rem 4.5rem}.column-title{width:100%;top:-2.5rem}.flow-svg{display:none}.center-warehouse-node{width:100%;max-width:350px;margin:.5rem 0}.source-nodes,.bi-dashboard-card{width:100%;max-width:350px}.console-log-box{bottom:-6.2rem}.stage-tab{padding:1.2rem .5rem}.tab-label{font-size:.75rem}.stage-controls{padding:1.2rem 1.5rem}.controls-actions{flex-wrap:wrap;gap:.5rem}.control-btn{padding:.5rem 1rem;font-size:.8rem}}.dbt-processing-overlay{padding:1rem}.dbt-processing-header{display:flex;flex-direction:column;align-items:center;margin-bottom:.3rem}.dbt-mini-dag{width:90%;max-width:120px;opacity:.8;margin-top:.1rem}.dbt-dag-svg{width:100%;height:auto;overflow:visible}.dbt-mini-dag .dag-line{stroke:#0284c733;stroke-width:1px;fill:none;stroke-dasharray:4}.step-2 .dbt-mini-dag .dag-line{stroke:#0284c799;animation:dbt-line-flow 1.5s infinite linear}@keyframes dbt-line-flow{to{stroke-dashoffset:-8}}.dbt-mini-dag .dag-node{fill:#1e293b;stroke:#fff3;stroke-width:1px;transition:all .3s ease}.step-2 .dbt-mini-dag .node-raw{fill:#f87171;stroke:#ef4444;animation:pulse-node-raw 1.5s infinite ease-in-out}.step-2 .dbt-mini-dag .node-model{fill:var(--brand-sky);stroke:var(--brand-blue);animation:pulse-node-model 1.5s infinite ease-in-out;animation-delay:.4s}.step-2 .dbt-mini-dag .node-mart{fill:#00a896;stroke:#02c39a;animation:pulse-node-mart 1.5s infinite ease-in-out;animation-delay:.8s}@keyframes pulse-node-raw{0%,to{r:2.5;stroke-width:1px}50%{r:3.5;stroke-width:1.5px;filter:drop-shadow(0 0 3px rgba(239,68,68,.8))}}@keyframes pulse-node-model{0%,to{r:2.5;stroke-width:1px}50%{r:3.5;stroke-width:1.5px;filter:drop-shadow(0 0 3px rgba(2,132,199,.75))}}@keyframes pulse-node-mart{0%,to{r:2.5;stroke-width:1px}50%{r:3.5;stroke-width:1.5px;filter:drop-shadow(0 0 3px rgba(2,195,154,.8))}}.dbt-dag-labels{display:flex;justify-content:space-between;font-size:.42rem;color:#fff6;font-family:monospace;margin-top:.1rem}.step-2 .dbt-dag-labels .dbt-label{color:#ffffffb3}.chart-bar.inactive{background:linear-gradient(to top,#0f172a05,#0f172a14)!important;box-shadow:none!important;border-top:1px solid rgba(15,23,42,.05)}.chart-bar.active{background:linear-gradient(to top,rgba(0,168,150,.2),var(--brand-teal))!important;box-shadow:0 0 10px #00a89659!important;border-top:1px solid rgba(0,168,150,.5)}.demo-deep-dive{padding:8rem 0;border-top:1px solid var(--border-light);background:transparent;position:relative}.deep-dive-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:4rem;min-width:0}.deep-dive-card-wrapper{background:var(--bg-card);border:1px solid var(--border-light);padding:.4rem;border-radius:24px;box-shadow:var(--shadow-md);min-width:0;max-width:100%;overflow:hidden}.deep-dive-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:2.5rem;height:100%;box-shadow:inset 0 1px 1px #ffffff80;min-width:0}.card-tech-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.8rem}.tech-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.08)}.tech-icon.sf{background:#38bdf814;color:#0284c7;border-color:#38bdf826}.tech-icon.dbt{background:#0284c714;color:var(--brand-blue);border-color:#0284c726}.tech-icon svg{width:22px;height:22px}.card-tech-header h3{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.tech-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-family:monospace;margin-left:auto;background:#0f172a08;padding:.2rem .6rem;border-radius:6px;border:1px solid var(--border-light);white-space:normal}.tech-role{font-size:.95rem;font-weight:700;color:var(--brand-teal);margin-bottom:1rem}.tech-desc{font-size:.9rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2rem}.tech-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.tech-bullets li{font-size:.85rem;line-height:1.6;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.6rem}.bullet-dot{width:6px;height:6px;background:var(--brand-teal);border-radius:50%;margin-top:.45rem;flex-shrink:0;box-shadow:0 0 8px #00a8964d}.deep-dive-card-wrapper:nth-child(2) .bullet-dot{background:var(--brand-blue);box-shadow:0 0 8px #0284c74d}.workflow-details-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:3rem;margin-top:4rem;box-shadow:var(--shadow-lg)}.workflow-details-box h3{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin-bottom:2.5rem;text-align:center}.workflow-steps-horizontal{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem;position:relative}.horizontal-step{position:relative}.horizontal-step:not(:last-child):after{content:"→";position:absolute;right:-1.8rem;top:1.8rem;color:#0f172a26;font-family:monospace;font-size:1.5rem}.horizontal-step .step-num{font-family:monospace;font-size:2rem;font-weight:900;color:#002b490f;line-height:1;margin-bottom:.5rem}.horizontal-step h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.8rem}.horizontal-step p{font-size:.88rem;line-height:1.7;color:var(--text-secondary)}@media(max-width:991px){.deep-dive-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.deep-dive-card{padding:2rem 1.4rem}.workflow-steps-horizontal{grid-template-columns:1fr;gap:2rem}.horizontal-step:not(:last-child):after{content:"↓";bottom:-1.5rem;left:0;top:auto;right:auto}.demo-deep-dive{padding:5rem 0}.workflow-details-box{padding:2rem 1.5rem}}.transformation-examples-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:3.5rem;margin-top:4rem;box-shadow:var(--shadow-lg)}.examples-header{text-align:center;margin-bottom:3.5rem}.examples-header h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-top:1rem;margin-bottom:1rem}.examples-header p{font-size:.95rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.examples-grid{display:flex;flex-direction:column;gap:3.5rem}.example-card{background:var(--bg-main);border:1px solid var(--border-light);border-radius:16px;padding:2.2rem;position:relative}.example-title-badge{position:absolute;top:-1.1rem;left:2rem;background:var(--brand-teal);color:#fff;font-size:.75rem;font-weight:800;padding:.4rem 1.2rem;border-radius:30px;box-shadow:0 5px 15px #00a89626}.example-card:hover{border-color:var(--border-hover)}.example-card:nth-child(2) .example-title-badge{background:var(--brand-blue);box-shadow:0 5px 15px #0284c726}.comparison-row{display:flex;align-items:center;gap:2rem;margin-top:1.2rem}.comparison-row .side{flex:1;display:flex;flex-direction:column;gap:1rem}.side-header{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.before .side-header{color:#ef4444}.after .side-header{color:var(--brand-teal)}.arrow-between{font-family:monospace;font-size:2rem;color:var(--text-muted);flex-shrink:0;animation:pulse-arrow-right 1.5s infinite ease-in-out}@keyframes pulse-arrow-right{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.mock-table{background:#fff;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;font-family:monospace;font-size:.75rem;box-shadow:var(--shadow-sm)}.table-row{display:grid;grid-template-columns:repeat(4,1fr);padding:.6rem 1rem;border-bottom:1px solid var(--border-light)}.example-card:nth-child(2) .table-row{grid-template-columns:repeat(5,1fr)}.example-card:nth-child(2) .after .table-row{grid-template-columns:repeat(3,1fr)}.table-row.header{background:#0f172a05;color:var(--text-muted);font-weight:700}.table-row:not(.header){color:var(--text-secondary)}.table-row.err{background:#ef444408;color:#b91c1c}.table-row.err span{position:relative}.table-row.err span:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#ef4444;opacity:.4}.table-row.success{background:#14b8a60a;color:#0f766e!important}.side p.explanation{font-size:.8rem;line-height:1.6;color:var(--text-muted);margin:0}@media(max-width:991px){.comparison-row{flex-direction:column;gap:1.5rem}.arrow-between{transform:rotate(90deg);margin:.5rem 0;animation:pulse-arrow-down 1.5s infinite ease-in-out}.transformation-examples-box{padding:2rem 1.5rem}.example-card{padding:2rem 1.2rem}.example-title-badge{left:1.2rem;font-size:.7rem}}@keyframes pulse-arrow-down{0%,to{opacity:.3;transform:rotate(90deg) translateY(0)}50%{opacity:1;transform:rotate(90deg) translateY(5px)}}.wh-raw .cell-id{width:30%}.wh-raw .cell-amt{width:40%;text-align:right;padding-right:4px}.wh-raw .cell-stat{width:30%;text-align:right;font-weight:700}.wh-raw .cell-stat.ok{color:#0d9488}.wh-raw .cell-stat.dup{color:var(--brand-blue)}.wh-raw .cell-stat.ref{color:#e11d48}.wh-mart .cell-metric{width:60%;color:var(--text-muted);font-weight:700}.wh-mart .cell-val{width:40%;text-align:right;color:var(--brand-teal);font-weight:800}