:root{color-scheme:light;--ink:#233d30;--green:#315e4c;--deep:#1e3c2e;--muted:#627265;--line:#d9e0d5;--paper:#f7f8f3;--sage:#e9eee2;--accent:#d9e7b8;font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a47c36}button:hover,a.button:hover{transform:translateY(-1px)}button:active,a.button:active{transform:none}a:hover{text-decoration:underline;text-underline-offset:5px}svg{display:block}img{display:block;max-width:100%}.wrap{max-width:1360px;margin:auto;padding:0 48px}.skip-link{position:fixed;top:-90px;left:20px;background:white;padding:14px;z-index:20}.skip-link:focus{top:12px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 23px;font-size:14px;font-weight:600;line-height:1.5;border-radius:8px;border:1px solid var(--line);background:white;transition:background .2s,transform .2s;text-align:center}.button:hover{text-decoration:none;background:var(--sage)}.button.primary{color:white;background:var(--green);border-color:var(--green)}.button.primary:hover{background:var(--deep)}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.arrow{font-size:19px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-weight:600;font-size:14px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:18px;letter-spacing:-.5px}.brand:hover{text-decoration:none}.brand strong{font-weight:750}.brand span:last-child{font-weight:350}.brand-icon{width:38px;height:38px;border-radius:10px;background:var(--green);padding:8px;color:white;flex-shrink:0}.brand-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round}.desktop-nav{display:flex;gap:26px;margin-left:auto;font-size:13px}.desktop-nav a{display:flex;align-items:center;min-height:44px}.header-actions{display:flex;gap:12px;align-items:center;font-size:14px}.header-actions>.text-link{padding:0 10px}.header-actions .button{min-height:44px;padding:9px 17px}.mobile-navigation{display:none}.hero{padding-top:62px;padding-bottom:44px;display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.hero-copy{padding:5px 0 24px}.hero-badge{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:6px 12px;margin-bottom:25px;font-size:11px;font-weight:600;letter-spacing:.5px}.hero-badge i{width:6px;height:6px;background:#567d47;border-radius:50%}h1{font-size:clamp(44px,5.1vw,70px);font-weight:550;letter-spacing:-3.2px;line-height:1.03}h1 span{color:#688153}.hero-copy>p{max-width:430px;font-size:17px;color:var(--muted);margin-top:25px;line-height:1.75}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;margin-top:23px;font-size:12px;color:var(--muted)}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta svg{width:14px;height:14px;fill:none;stroke:var(--green);stroke-width:1.5}.demo{position:relative;min-width:0;background:#e9eee3;border:1px solid #d3ddce;border-radius:19px;overflow:hidden}.demo-top{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d3ddce;padding:0 20px;font-size:11px;letter-spacing:.2px}.demo-title{display:flex;align-items:center;gap:8px}.demo-title i{height:7px;width:7px;border-radius:50%;background:#6f865a}.demo-type{font-size:10px;border:1px solid #bfccb7;border-radius:4px;padding:2px 6px}.demo-image{width:100%;aspect-ratio:640/570;height:auto}.demo-controls{display:flex;justify-content:center;gap:6px;padding:0 14px;margin:-12px 0 15px;position:relative}.demo-controls button{border:1px solid transparent;min-height:44px;padding:9px 15px;border-radius:8px;background:transparent;color:var(--ink);font-size:12px;white-space:nowrap;transition:background .18s}.demo-controls button[aria-pressed=true]{background:white;border-color:#d2dbcd;box-shadow:0 3px 9px #243d2e08}.demo-controls button:hover{background:#f6f8f1}.demo figcaption{text-align:center;font-size:11px;color:#61715d;padding:0 14px 20px;min-height:38px}.under-hero{display:grid;grid-template-columns:1.05fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:30px}.under-hero>div{display:flex;gap:13px;align-items:center}.under-hero svg{height:24px;width:24px;fill:none;stroke:#708061;stroke-width:1.25;flex-shrink:0}.under-hero strong{display:block;font-size:14px;font-weight:600}.under-hero p{font-size:12px;color:var(--muted);margin-top:2px}.section{padding-top:100px;padding-bottom:10px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(31px,3.3vw,45px);font-weight:550;letter-spacing:-1.5px}.section-heading>p{max-width:350px;color:var(--muted);font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{padding:28px;border:1px solid var(--line);border-radius:13px;background:#fff;min-width:0}.feature-icon{width:38px;height:38px;padding:8px;border:1px solid #dfe5d8;border-radius:9px;margin-bottom:28px;background:#f4f7ed}.feature-icon svg{width:100%;height:100%;fill:none;stroke:#496b43;stroke-width:1.4;stroke-linejoin:round}.feature h3{font-size:19px;letter-spacing:-.3px;font-weight:600;line-height:1.3}.feature p{font-size:14px;color:var(--muted);margin-top:14px;line-height:1.75}.feature .text-link{margin-top:17px;font-size:12px}.detail-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;padding-top:85px;padding-bottom:90px}.drawing-visual{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f0f3eb}.drawing-visual img{width:100%;height:auto}.drawing-visual figcaption{border-top:1px solid var(--line);padding:14px 20px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px;background:#fafbf6}.detail-copy .eyebrow{margin-bottom:18px}.detail-copy h2{font-size:36px}.detail-copy>p{margin:21px 0;color:var(--muted);font-size:15px}.check-list{padding:0;margin:23px 0;list-style:none}.check-list li{position:relative;padding:10px 0 10px 26px;font-size:14px;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';position:absolute;left:0;color:#4f7450}.audience{background:var(--deep);color:#f5f7f0;padding:64px 0 70px;scroll-margin-top:0}.audience .eyebrow{color:#b8cda9}.audience .section-heading>p{color:#b7c7b8}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:45px}.role-card{border-top:1px solid #52684f;padding-top:22px}.role-number{font-size:11px;letter-spacing:1px;color:#b9ce91}.role-card h3{margin:16px 0;font-size:23px;font-weight:500;letter-spacing:-.5px}.role-card p{font-size:14px;color:#c6d2c6;line-height:1.8}.role-card .role-note{font-size:12px;color:#b8cda9;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:15px 0 0}.step{border-top:1px solid var(--line);padding-top:25px}.step-number{font-size:36px;font-weight:300;letter-spacing:-1px;color:#7b8f67}.step h3{font-size:20px;margin-top:20px;font-weight:550}.step p{font-size:14px;color:var(--muted);margin-top:14px}.step a{text-decoration:underline;text-underline-offset:4px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:90px}.faq-intro .eyebrow{margin-bottom:20px}.faq-intro>p{color:var(--muted);font-size:15px;margin-top:22px;max-width:290px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;min-height:60px;font-size:16px;font-weight:500;line-height:1.45}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-weight:300;font-size:24px;color:#628059;flex-shrink:0}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.8;padding:0 30px 23px 0}.faq-list a{text-decoration:underline;text-underline-offset:3px}.final-cta{background:#e7eddb;border:1px solid #d5dfc8;border-radius:18px;padding:52px 48px;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:80px}.final-cta h2{font-size:36px}.final-cta p{color:var(--muted);margin-top:16px;font-size:15px}.final-cta .button{flex-shrink:0}.footer{border-top:1px solid var(--line);padding:46px 0 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}.footer-title{font-size:12px;font-weight:600;margin:0 0 16px}.footer-top nav{display:flex;flex-direction:column;align-items:flex-start}.footer-top nav a{font-size:12px;min-height:34px;display:flex;align-items:center;color:var(--muted)}.footer-brand p{font-size:12px;color:var(--muted);margin-top:20px;max-width:220px;line-height:1.7}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-top:38px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted)}.footer-bottom>p{max-width:530px}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom a{min-height:32px;display:flex;align-items:center}
@media(min-width:1450px){.hero{gap:65px}.hero-copy>p{max-width:455px}.demo-controls{margin-top:-20px}}
@media(max-width:1100px){.wrap{padding:0 32px}.header-inner{gap:24px}.desktop-nav{gap:17px}.header-actions>.text-link{display:none}.hero{gap:25px;padding-top:45px}h1{font-size:55px;letter-spacing:-2.7px}.hero-copy>p{font-size:16px}.hero-actions{gap:12px}.hero-actions .button{padding:12px 17px}.hero-actions .text-link{font-size:13px}.demo-controls{gap:1px;padding:0 8px}.demo-controls button{font-size:11px;padding:9px 10px}.feature{padding:23px}.detail-feature{gap:40px}.detail-copy h2{font-size:31px}.faq-section{gap:40px}.final-cta{padding:36px}.final-cta h2{font-size:30px}}
@media(max-width:820px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-navigation{display:block;position:relative}.mobile-navigation summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation summary svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.5}.mobile-navigation nav{position:absolute;right:0;top:54px;width:250px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #253d3020;z-index:5}.mobile-navigation nav a{display:flex;align-items:center;min-height:48px;padding:8px 12px;font-size:14px}.header-inner{min-height:76px;gap:12px}.hero{grid-template-columns:1fr 1fr;gap:15px}h1{font-size:44px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-badge{font-size:10px}.hero-meta{font-size:10px;gap:8px}.hero-actions .text-link{font-size:12px}.demo-top{padding:0 12px;font-size:10px}.demo-controls{flex-wrap:wrap}.demo-controls button{padding:6px 8px}.demo figcaption{font-size:10px}.under-hero{gap:16px}.under-hero strong{font-size:12px}.under-hero p{font-size:11px}.section{padding-top:74px}.section-heading>p{max-width:260px;font-size:14px}h2{font-size:33px}.feature-grid{grid-template-columns:1fr 1fr}.detail-feature{grid-template-columns:1fr 1fr;gap:30px;padding-top:65px;padding-bottom:70px}.detail-copy h2{font-size:27px}.detail-copy>p,.check-list li{font-size:13px}.role-grid{gap:25px}.role-card h3{font-size:20px}.role-card p{font-size:13px}.steps{gap:25px}.step h3{font-size:18px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-intro>p{max-width:none;margin-top:14px}.final-cta{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1.2fr 1fr;gap:35px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-bottom nav{justify-content:flex-start}}
@media(max-width:600px){.wrap{padding:0 20px}.header-inner{min-height:73px}.brand{font-size:16px;gap:8px}.brand-icon{width:33px;height:33px;padding:7px}.header-actions .button{font-size:12px;padding:9px 13px}.header-actions{gap:0}.hero{grid-template-columns:1fr;padding-top:32px;gap:20px;padding-bottom:32px}.hero-copy{padding:0}.hero-badge{margin-bottom:20px}h1{font-size:49px;line-height:1.03;letter-spacing:-2px}.hero-copy>p{font-size:15px;margin-top:23px;max-width:410px}.hero-actions{margin-top:23px;gap:18px}.hero-actions .button{font-size:13px}.hero-actions .text-link{font-size:12px}.hero-meta{font-size:11px;gap:14px;margin-top:18px}.demo{margin-top:10px;border-radius:13px}.demo-image{max-height:380px;object-fit:contain}.demo-top{height:44px;padding:0 15px;font-size:11px}.demo-controls{margin-top:0;gap:5px}.demo-controls button{font-size:11px;padding:8px 14px}.demo figcaption{font-size:10px;padding-bottom:15px}.under-hero{grid-template-columns:1fr;gap:19px;padding:24px 0}.under-hero>div{gap:15px}.under-hero strong{font-size:14px}.under-hero p{font-size:12px}.section{padding-top:62px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;margin-top:20px;font-size:14px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:32px;letter-spacing:-1.2px}.feature-grid{gap:12px}.feature{padding:20px 17px}.feature-icon{margin-bottom:22px;width:35px;height:35px}.feature h3{font-size:17px}.feature p{font-size:12px;line-height:1.75;margin-top:12px}.feature .text-link{font-size:11px;gap:9px;margin-top:13px;align-items:center}.detail-feature{grid-template-columns:1fr;gap:30px;padding-top:54px;padding-bottom:60px}.detail-copy h2{font-size:31px}.detail-copy>p,.check-list li{font-size:14px}.drawing-visual figcaption{font-size:11px;padding:12px}.audience{padding:47px 0}.role-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.role-card{padding-top:17px}.role-card h3{font-size:24px;margin:11px 0 14px}.role-card p{font-size:14px}.role-card .role-note{margin-top:13px}.steps{grid-template-columns:1fr;gap:26px}.step{position:relative;padding-top:23px;padding-left:55px}.step-number{position:absolute;left:0;top:21px;font-size:29px}.step h3{font-size:20px;margin-top:2px}.step p{margin-top:12px}.faq-section{padding-bottom:55px;gap:26px}.faq-list summary{font-size:15px;padding:18px 0}.faq-list details p{padding-right:10px}.final-cta{padding:29px 25px;gap:25px;border-radius:13px;margin-bottom:52px}.final-cta h2{font-size:31px}.final-cta p{font-size:14px}.final-cta .button{width:100%}.footer{padding-top:34px}.footer-top{gap:27px 16px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:300px;margin-top:15px}.footer-top nav:last-child{grid-column:1/-1}.footer-top nav a{min-height:44px;font-size:12px}.footer-title{margin-bottom:8px}.footer-bottom{margin-top:24px;padding-top:19px;gap:15px}.footer-bottom nav{gap:4px 19px}.footer-bottom a{min-height:44px}}
@media(max-width:370px){.wrap{padding:0 16px}h1{font-size:44px}.brand{font-size:14px}.header-inner{gap:8px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 14px}.feature-grid{grid-template-columns:1fr}.feature p{font-size:14px}.demo-controls button{padding:8px 10px}}
.mobile-label{display:none}
@media(max-width:600px){.demo-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.demo-controls button{padding:8px 3px;white-space:normal;font-size:11px}}
@media(max-width:600px){.desktop-label{display:none}.mobile-label{display:inline}.header-actions .arrow{display:none}.header-actions .button{white-space:nowrap;min-width:65px}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;padding:22px}.feature-icon{margin:0}.feature h3{align-self:center;font-size:19px}.feature p,.feature .text-link{grid-column:1/-1}.feature p{font-size:14px;line-height:1.75;margin-top:17px}.feature .text-link{font-size:13px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Explain the source format alongside the independent product brand. */
.hero-copy strong{font-weight:600;color:var(--ink)}
.bazis-context{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start;margin-top:42px;padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--sage)}
.bazis-context .eyebrow{margin-bottom:16px}.bazis-context h2{font-size:32px;line-height:1.18;letter-spacing:-1px}
.bazis-context-copy{min-width:0}.bazis-context-copy p{font-size:15px;color:#465c4d;line-height:1.75}.bazis-context-copy p+p{margin-top:12px}.bazis-context-copy .text-link{margin-top:14px}
@media(max-width:820px){.bazis-context{grid-template-columns:1fr;gap:22px;padding:28px}.bazis-context h2{font-size:30px}}
@media(max-width:600px){.bazis-context{margin-top:28px;padding:24px 20px;gap:20px}.bazis-context h2{font-size:28px}.bazis-context-copy p{font-size:14px}.bazis-context-copy .text-link{font-size:13px}}
/* Actual project previews stay lightweight; the live viewer opens through the shared link. */
.hero h1{font-size:clamp(40px,4.7vw,64px);line-height:1.08}.demo .demo-image{aspect-ratio:4/3;object-fit:contain}.demo figcaption{color:#465c4d;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 18px}.demo figcaption .text-link{font-size:13px}.final-cta p{color:#4e6050}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reading-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}.reading-grid>a:hover{border-color:#819779;text-decoration:none}.reading-grid span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.reading-grid h3{font-size:22px;line-height:1.35;margin:12px 0}.reading-grid p{color:var(--muted);font-size:14px;max-width:440px}.reading-grid b{font-size:13px;color:var(--green);margin-top:auto;padding-top:20px}.footer-top nav a,.footer-bottom a{min-height:44px}
@media(max-width:600px){.hero h1{font-size:40px}.reading-grid{grid-template-columns:1fr;gap:14px}.reading-grid>a{padding:22px}.reading-grid h3{font-size:21px}}