@import url("/assets/saitivo-theme.css?v=saitivo-palette-20261002-2");
/* Saitivo public homepage · revision 2 · scoped to public pages */
:root{--navy:var(--saitivo-navy);--navy2:var(--saitivo-navy);--ink:var(--saitivo-ink);--muted:var(--saitivo-muted);--border:var(--saitivo-border);--soft:var(--saitivo-sand);--accent:var(--saitivo-teal);--accent-hover:var(--saitivo-beige);--warm:var(--saitivo-beige);--lightblue:var(--saitivo-aqua);--mint:var(--saitivo-cloud);--white:var(--saitivo-white)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.public-site,body.public-login{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}a{color:var(--accent)}img{max-width:100%}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a,button,input,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid var(--accent)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.12;letter-spacing:-.035em}p{color:var(--muted)}section[id],fieldset[id],[id^=request-]{scroll-margin-top:108px}.public-shell{width:min(1180px,calc(100% - 64px));margin:auto}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:white;z-index:100}.skip-link:focus{top:12px}.public-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e9edef;backdrop-filter:blur(14px)}.header-inner{height:82px;display:flex;align-items:center;gap:24px}.wordmark{display:inline-flex;gap:9px;align-items:center;font-size:29px;line-height:1;font-weight:800;letter-spacing:-1.3px;color:var(--navy);text-decoration:none;white-space:nowrap}.brand-dot{color:var(--accent);margin-left:-8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--navy);color:white;font-size:23px;letter-spacing:-1px;margin-right:1px}.desktop-nav{display:flex;gap:22px;margin-left:auto}.desktop-nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:600;padding:12px 0}.desktop-nav a:hover{color:var(--warm)}.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:14px;line-height:1.3;font-weight:650;transition:background .15s,border-color .15s}.button-primary{background:var(--navy);color:white;box-shadow:0 3px 8px #0f1f3a0c}.button-primary:hover{background:var(--accent-hover);color:var(--navy)}.button-secondary{color:var(--navy);border-color:var(--border);background:white}.button-secondary:hover{background:var(--soft)}.button-ghost{color:var(--navy);background:transparent}.button-ghost:hover{background:#eaf0f3}.button-large{min-height:52px;padding:14px 22px;font-size:15px}.mobile-menu{display:none}
.hero{padding:84px 0 70px;background:linear-gradient(180deg,var(--saitivo-white),#fbfcfb)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.09em;text-transform:uppercase;margin:0 0 23px}.eyebrow>span{width:16px;height:2px;flex:none;background:currentColor}.hero h1{font-size:clamp(44px,4.7vw,66px);font-weight:730;line-height:1.04;margin:0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:18px;line-height:1.7;max-width:540px;margin:26px 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.pilot-note{display:flex;gap:8px;align-items:center;font-size:13px;margin:18px 0 25px;color:var(--muted)}.pilot-note>span{width:7px;height:7px;background:var(--accent);border-radius:50%;flex:none}.hero-benefits{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#4c6157}.hero-benefits li:before{content:'✓';color:var(--accent);font-weight:800;margin-right:6px}.hero-visual{min-width:0}.visual-caption{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:0 2px 13px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.example-tag{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;color:#4c625d;background:#edf4f0;border-radius:5px;padding:4px 7px;margin-left:auto;font-weight:700}.website-card{border:1px solid #d7e0dc;box-shadow:0 20px 45px #142a3020;border-radius:15px;overflow:hidden;background:#f6f3eb}.browser-bar{display:flex;align-items:center;gap:22px;background:var(--saitivo-white);padding:11px 15px;color:#617064;font-size:10px;border-bottom:1px solid #e0e5dd}.browser-bar>span:first-child{letter-spacing:3px;font-size:9px;color:#7d8f83}.sample-site{position:relative;padding:21px 24px 27px;overflow:hidden}.sample-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.sample-nav strong{font-family:Georgia,serif;font-size:19px;font-weight:400;color:#364f41}.sample-nav strong span{font-style:italic}.sample-nav>span{font-size:8px;color:#5b6258}.sample-scene{position:absolute;right:0;top:57px;width:43%;height:290px;background:#dce4d6;overflow:hidden;border-radius:90px 0 0 0}.scene-window{position:absolute;top:27px;right:16px;height:165px;width:68px;background:#eef0d8;border:5px solid #9bab89;border-radius:35px 35px 0 0}.scene-window:after{content:'';display:block;width:3px;height:100%;background:#9bab89;margin:auto}.scene-sun{width:45px;height:45px;position:absolute;top:51px;left:25px;border-radius:50%;background:#c4b893}.scene-table{width:110px;height:12px;position:absolute;bottom:75px;left:20px;background:#8f6e4d;border-radius:50%}.scene-table:after{content:'';display:block;width:9px;height:78px;margin:8px auto;background:#8f6e4d}.scene-vase{position:absolute;bottom:87px;left:59px;width:27px;height:39px;border-radius:6px 6px 12px 12px;background:#b88a66}.sample-kicker{color:#5c6f59;font-size:8px;font-weight:750;letter-spacing:.13em;margin:59px 0 15px;position:relative}.sample-site h2{position:relative;font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.09;color:#36533e;letter-spacing:-1.2px;margin:0 0 15px;width:65%}.sample-site>p:not(.sample-kicker){position:relative;font-size:10px;max-width:53%;color:#51634f}.sample-contact{display:inline-flex;position:relative;gap:12px;background:#36533e;color:var(--saitivo-white);padding:10px 12px;font-size:9px;border-radius:4px;margin-top:13px}.editor-hint{display:flex;align-items:center;gap:12px;padding:15px 17px;margin:16px 0 0 25px;border:1px solid #dce6df;background:white;border-radius:12px;box-shadow:0 8px 22px #18392a08}.hint-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--mint);color:var(--accent);font-size:22px;flex:none}.editor-hint strong{font-size:12px;display:block}.editor-hint p{font-size:11px;margin:2px 0 0}.editor-hint>a{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;text-decoration:none;flex:none}
.section{padding:80px 0}.section-heading{margin-bottom:34px;max-width:670px}.section h2{font-size:clamp(32px,3.4vw,44px);margin:0 0 20px;font-weight:700}.section-heading>p:not(.eyebrow){font-size:16px;line-height:1.75}.steps-section{border-top:1px solid #e8eeeb}.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;counter-reset:steps}.steps-grid li{padding-top:23px;border-top:1px solid var(--border)}.step-number{color:var(--accent);font-size:12px;font-weight:700}.steps-grid h3{font-size:21px;margin:14px 0 10px}.steps-grid p{font-size:14px;line-height:1.7;margin:0}.section-soft{background:var(--soft)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.demo-grid .section-heading{margin:0}.section-heading .example-note{font-size:13px!important;color:#53665f}.section-heading .future-note{font-size:12px!important;color:#5a6979;border-top:1px solid #d8e1e2;padding-top:16px;margin-top:24px}.interactive-demo{background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #1c323508}.demo-toolbar{display:flex;align-items:center;gap:8px;padding:18px 23px;border-bottom:1px solid var(--border);font-size:13px}.demo-form{padding:23px}.demo-form label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.demo-form input{width:100%;padding:12px;border:1px solid #bccdd2;border-radius:7px;font-size:14px;color:var(--navy);background:var(--saitivo-white)}.demo-actions{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.demo-actions .button{font-size:12px}.demo-preview{margin:0 23px;background:#eff3e9;border-radius:9px;padding:26px 20px}.demo-preview .sample-kicker{margin:0 0 15px;font-size:9px}.demo-preview h3{font:normal 27px/1.2 Georgia,serif;color:#36533e;overflow-wrap:anywhere;margin-bottom:12px}.demo-preview>p:last-child{font-size:11px;margin:0;color:#54654f}.demo-status{font-size:12px;margin:16px 23px 20px;min-height:18px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:21px 30px 21px 0;font-size:15px;font-weight:650;color:var(--navy);line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:19px;color:var(--accent);font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;line-height:1.8;margin:0 30px 22px 0}
.request-section{background:var(--navy);color:white}.request-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.request-copy{padding-top:30px;position:sticky;top:115px}.eyebrow.light{color:var(--saitivo-aqua)}.request-copy h2{color:white;font-size:clamp(37px,4vw,53px)}.request-copy>p:not(.eyebrow){color:#c7d4df;font-size:17px;line-height:1.75}.request-copy .request-small{font-size:13px!important;color:#b6c8d6!important;margin-top:30px;max-width:340px}.contact-email{color:#b4e6d8;overflow-wrap:anywhere}.request-card{background:white;color:var(--navy);padding:32px;border-radius:16px}.request-card h3{font-size:25px;margin:0 0 8px}.form-intro{font-size:13px;margin-bottom:23px}.request-card fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.request-card legend{font-size:13px;font-weight:650;margin-bottom:9px}.request-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.request-choices label{position:relative;cursor:pointer}.request-choices input{position:absolute;width:1px;height:1px;opacity:0}.request-choices span{display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;padding:10px 8px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;text-align:center}.request-choices input:checked+span{background:var(--saitivo-cloud);border-color:var(--accent);color:var(--saitivo-navy);box-shadow:inset 0 0 0 1px var(--accent)}.request-choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.form-field{margin-bottom:17px}.form-field label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.form-field small{font-weight:400;color:var(--muted)}.form-field input,.form-field textarea{display:block;width:100%;padding:12px;border:1px solid #b9c7d3;border-radius:8px;font-size:16px;background:var(--saitivo-white);color:var(--navy);resize:vertical}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#b23336}.field-error{font-size:12px;color:#a42d31;margin:7px 0 0}.message-options{margin:0 0 20px}.message-options summary{font-size:12px;color:var(--muted);padding:7px 0;cursor:pointer}.message-options[open] .form-field{margin-top:10px}.data-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 20px}.form-submit{width:100%}.trap-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit-status{font-size:12px;margin:8px 0 0}.submit-status:empty{display:none}.form-error{padding:16px;margin:18px 0;border:1px solid #d19b9b;border-radius:8px;background:#fff3f0;font-size:14px;color:#923035}.form-error a{color:#923035}.form-error ul{padding-left:19px;margin-bottom:0}.request-success{padding:18px 0}.request-success p{font-size:15px;line-height:1.75}.success-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--mint);color:var(--accent);font-size:25px;margin-bottom:20px}.public-footer{background:#fbfcfc}.footer-inner{padding:34px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner .wordmark{font-size:25px}.footer-inner p{font-size:12px;margin:10px 0 0}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap}.footer-inner nav a{font-size:12px;color:var(--muted);text-decoration:none}.footer-inner small{font-size:11px;color:var(--muted)}
/* Shared login and staff request inbox */
body.public-login{background:var(--soft);min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand-panel{background:var(--navy);padding:48px 6vw;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-brand-panel .wordmark{color:white}.login-brand-panel .brand-dot{color:var(--saitivo-aqua)}.login-brand-copy h1{font-size:clamp(42px,4.7vw,65px);color:white;line-height:1.05}.login-brand-copy h1 em{font-style:normal;color:var(--saitivo-aqua)}.login-brand-copy p{color:#c7d4df;max-width:430px;line-height:1.8}.login-points{font-size:13px;color:#c7d4df}.login-form-panel{padding:40px;display:grid;place-items:center}.login-card{width:min(410px,100%)}.login-back{display:inline-block;margin-bottom:35px;color:var(--muted);font-size:13px;text-decoration:none}.login-card h2{font-size:32px;margin-bottom:12px}.login-card>p{font-size:15px;line-height:1.7}.login-field{margin-top:25px}.login-field label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.password-wrap{display:flex;border:1px solid #b9c7d3;border-radius:9px;background:white}.password-wrap input{min-width:0;width:100%;border:0;border-radius:9px;padding:14px;background:transparent;font-size:16px}.password-wrap button{border:0;background:transparent;padding:10px 13px;font-size:12px;color:var(--muted);border-radius:7px}.login-submit{width:100%;margin-top:16px}.login-note{font-size:14px;line-height:1.7;margin-top:24px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted)}.login-error{padding:14px;border:1px solid #d19b9b;background:#fff3f0;color:#923035;border-radius:9px;font-size:14px;margin:18px 0}.staff-shell{padding:32px 0 65px}.staff-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.staff-header h1{font-size:32px;margin:10px 0}.request-list{display:grid;gap:16px}.lead-card{background:white;border:1px solid var(--border);border-radius:12px;padding:25px}.lead-card h2{font-size:20px;margin-bottom:5px;overflow-wrap:anywhere}.lead-meta{font-size:12px;color:var(--muted)}.lead-card p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.lead-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lead-actions form{margin:0}.button-danger{color:#9b3333;background:white;border-color:#d8b9b9}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1060px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-inner{gap:18px}.hero-grid{gap:35px}.hero h1{font-size:48px}.hero-lead{font-size:17px}.hero-actions .button{font-size:13px;padding:13px 15px}.demo-grid{gap:40px}.request-grid{gap:55px}.request-card{padding:26px}.sample-site h2{font-size:30px}}
@media(max-width:860px){.desktop-nav,.desktop-cta{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block;position:relative}.mobile-menu>summary{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:8px;padding:10px 13px;font-size:13px;font-weight:650;min-height:44px}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:53px;display:grid;width:230px;padding:8px;border:1px solid var(--border);border-radius:12px;background:white;box-shadow:0 12px 30px #132a401a}.mobile-menu nav a{padding:12px;color:var(--navy);font-size:14px;text-decoration:none;border-radius:7px}.mobile-menu nav a:hover{background:var(--soft);color:var(--warm)}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:600px}.hero h1{font-size:58px}.hero-lead{font-size:18px}.hero-visual{width:min(500px,100%);margin:auto}.hero-actions .button{font-size:15px}.hero{padding:58px 0}.steps-grid{gap:22px}.demo-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.demo-grid .section-heading{max-width:570px}.interactive-demo{max-width:600px;width:100%}.request-grid{gap:35px;grid-template-columns:1fr}.request-copy{position:static;padding:0;max-width:600px}.request-card{max-width:600px;width:100%}.request-copy .request-small{max-width:none}.footer-inner{flex-wrap:wrap}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}}
@media(max-width:560px){.public-shell{width:calc(100% - 36px)}.header-inner{height:70px;gap:8px}.wordmark{font-size:26px}.brand-mark{display:none}.header-actions .button{padding:10px;font-size:12px}.mobile-menu>summary{font-size:12px;padding:10px}.hero{padding-top:42px;padding-bottom:48px}.eyebrow{font-size:10px;letter-spacing:.055em;margin-bottom:19px}.hero h1{font-size:clamp(34px,9.7vw,46px);line-height:1.07;letter-spacing:-.04em}.hero-lead{font-size:16px;line-height:1.7;margin-top:21px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-benefits{gap:7px;display:grid;font-size:12px}.pilot-note{font-size:12px;align-items:flex-start}.pilot-note>span{margin-top:5px}.hero-visual{margin-top:0}.visual-caption{font-size:9px}.example-tag{font-size:9px}.sample-site{padding:20px}.sample-site h2{font-size:31px}.sample-scene{height:255px}.sample-nav>span{font-size:7px}.sample-kicker{margin-top:50px}.editor-hint{margin-left:12px;padding:12px;gap:9px}.editor-hint strong{font-size:11px}.editor-hint p{font-size:10px}.hint-icon{width:32px;height:32px}.section{padding:52px 0}.section h2{font-size:32px}.section-heading{margin-bottom:25px}.steps-grid{grid-template-columns:1fr;gap:23px}.steps-grid li{padding-top:18px}.steps-grid h3{font-size:20px;margin-top:8px}.steps-grid p{font-size:14px}.demo-toolbar{padding:17px}.demo-form{padding:18px}.demo-preview{margin:0 18px}.demo-status{margin:14px 18px 18px}.demo-form input{font-size:16px}.demo-actions .button{font-size:12px;padding:10px 12px}.faq-list summary{font-size:14px}.request-card{padding:23px 19px}.request-card h3{font-size:24px}.request-copy h2{font-size:38px}.request-copy>p:not(.eyebrow){font-size:16px}.request-choices span{font-size:11px}.form-submit{font-size:14px}.footer-inner{display:grid;gap:22px}.footer-inner nav{gap:16px}.login-form-panel{padding:25px 20px}.login-card h2{font-size:29px}.lead-card{padding:19px}.staff-header{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.brand-link{display:inline-flex;align-items:center;flex-shrink:0}.brand-link img{display:block;width:160px;height:40px;object-fit:contain}@media(max-width:560px){.brand-link img{width:120px;height:30px}}

/* Homepage revision 3 · Migrate-first positioning */
.migration-visual{border:1px solid #d7e0dc;box-shadow:0 20px 45px #142a3020;border-radius:15px;overflow:hidden;background:var(--saitivo-white)}.migration-browser{display:flex;align-items:center;gap:18px;padding:13px 16px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.migration-browser>span{letter-spacing:3px;font-size:9px;color:#82918b}.migration-browser strong{font-size:11px;color:var(--navy);font-weight:650}.migration-body{padding:25px}.migration-source{border:1px solid var(--border);background:#fbfcfc;border-radius:12px;padding:17px 18px;display:grid;gap:4px}.migration-source strong{font-size:18px;letter-spacing:-.02em;color:var(--navy)}.migration-source small{font-size:11px;color:var(--muted)}.migration-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:750}.migration-result{background:linear-gradient(135deg,#edf7f2,#f8fbfa);border-color:var(--saitivo-aqua)}.migration-arrow{text-align:center;color:var(--accent);font-size:23px;line-height:1;padding:11px}.migration-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.migration-checks span{font-size:11px;color:#455b54;background:#f3f7f5;border-radius:7px;padding:8px 9px}.migration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.migration-feature{padding:25px;border:1px solid var(--border);border-radius:14px;background:white}.migration-feature>span{font-size:11px;font-weight:750;color:var(--accent)}.migration-feature h3{font-size:20px;margin:15px 0 10px}.migration-feature p{font-size:14px;line-height:1.75;margin:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-card{background:var(--saitivo-white);border:1px solid var(--border);border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.product-card-primary{border-color:#b8d8cc;box-shadow:0 14px 32px #15382c10}.product-card-head{width:100%;margin-bottom:12px}.product-card h3{font-size:27px;margin:12px 0 0}.product-card>p{font-size:15px;line-height:1.75}.product-card ul{padding:0;margin:7px 0 21px;list-style:none;display:grid;gap:10px}.product-card li{font-size:13px;color:#42566a;padding-left:22px;position:relative}.product-card li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.product-card .product-note{font-size:12px;color:#5f6f7c;border-top:1px solid #e4eaed;padding-top:16px;margin-top:auto}.product-card .button{margin-top:4px}.product-badge{display:inline-flex;padding:5px 8px;border-radius:6px;background:var(--mint);color:#17695e;font-size:9px;line-height:1.3;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.create-strip{margin-top:20px;border:1px solid var(--border);background:var(--saitivo-white);border-radius:14px;padding:25px 27px;display:flex;align-items:center;justify-content:space-between;gap:35px}.create-strip h3{font-size:22px;margin:10px 0 7px}.create-strip p{font-size:13px;line-height:1.7;margin:0;max-width:750px}.create-strip .button{flex:none}.steps-grid-four{grid-template-columns:repeat(4,1fr);gap:24px}.steps-grid-four h3{font-size:19px}
@media(max-width:1060px){.steps-grid-four{grid-template-columns:repeat(2,1fr)}.product-card{padding:25px}.migration-body{padding:20px}}
@media(max-width:860px){.migration-grid,.product-grid{grid-template-columns:1fr}.create-strip{align-items:flex-start}.migration-checks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.migration-body{padding:17px}.migration-source strong{font-size:16px}.migration-checks{grid-template-columns:1fr}.migration-grid{gap:12px}.migration-feature{padding:20px}.product-card{padding:22px 19px}.product-card h3{font-size:24px}.create-strip{display:grid;padding:21px 19px;gap:18px}.create-strip .button{width:100%}.steps-grid-four{grid-template-columns:1fr}}

/* Homepage revision 4 · process flow + Saitivo editor demo */
.migration-process{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;align-items:stretch;gap:0;margin-top:8px}.migration-process-step{border:1px solid var(--border);border-radius:14px;background:var(--saitivo-white);padding:23px 20px;min-width:0}.migration-process-step-result{background:linear-gradient(145deg,#edf7f2,#f9fbfa);border-color:#bdd9cf}.migration-process-kicker{display:block;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.migration-process-step h3{font-size:19px;margin:0 0 10px}.migration-process-step p{font-size:13px;line-height:1.65;margin:0}.migration-process-arrow{display:grid;place-items:center;color:var(--accent);font-size:28px;font-weight:300}
.mini-editor{border:1px solid #d2dde4;border-radius:15px;overflow:hidden;background:#f6f8fa;box-shadow:0 18px 45px #0F1F3A12;min-width:0}.mini-editor-topbar{height:48px;background:var(--saitivo-navy);color:var(--saitivo-aqua);display:flex;align-items:center;gap:16px;padding:0 14px;font-size:9px}.mini-editor-brand{display:flex;align-items:center;gap:7px;min-width:0}.mini-editor-brand strong{color:var(--saitivo-white);font-size:11px}.mini-editor-brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.mini-editor-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--saitivo-teal);color:var(--saitivo-navy);font-weight:900;font-size:12px}.mini-editor-mode,.mini-editor-device{display:flex;align-items:center;gap:3px}.mini-editor-mode{margin-left:auto}.mini-editor-mode span,.mini-editor-device span{padding:5px 7px;border-radius:6px;color:#bcd2e1;white-space:nowrap}.mini-editor-mode .is-active,.mini-editor-device .is-active{background:var(--saitivo-white);color:var(--saitivo-navy)}.mini-editor-body{display:grid;grid-template-columns:92px minmax(0,1fr) 175px;min-height:365px}.mini-editor-sidebar{background:var(--saitivo-white);border-right:1px solid #dbe3e8;padding:16px 10px;display:flex;flex-direction:column;gap:6px;font-size:9px;color:#536579}.mini-editor-sidebar strong{color:var(--saitivo-navy);font-size:10px;margin-bottom:5px}.mini-editor-sidebar span{padding:7px;border-radius:7px}.mini-editor-sidebar .is-current{background:var(--saitivo-cloud);color:var(--saitivo-navy);font-weight:700}.mini-editor-canvas{padding:18px 14px;background:#eaf0f3;display:grid;place-items:center;min-width:0}.mini-site-card{width:100%;max-width:315px;background:#f3f1e8;box-shadow:0 8px 25px #0F1F3A15;overflow:hidden}.mini-site-nav{height:40px;background:var(--saitivo-white);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:7px;color:#758078}.mini-site-nav strong{font:normal 12px/1 Georgia,serif;color:#36533e}.mini-site-hero{padding:36px 24px 42px;min-height:250px;background:linear-gradient(135deg,#f4f0e6 60%,#d8e2d4 60%)}.mini-site-kicker{display:block;font-size:7px;font-weight:800;letter-spacing:.12em;color:#66765e;margin-bottom:14px}.mini-site-hero h3{font:normal 28px/1.12 Georgia,serif;color:#36533e;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere}.mini-site-hero p{font-size:9px;line-height:1.5;color:#586657;max-width:75%;margin-bottom:20px}.mini-site-button{display:inline-flex;padding:9px 11px;background:#36533e;color:var(--saitivo-white);border-radius:4px;font-size:8px;line-height:1.2}.mini-editor-inspector{background:var(--saitivo-white);border-left:1px solid #dbe3e8;padding:15px 13px}.mini-editor-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.mini-editor-inspector-head strong{font-size:10px;color:var(--saitivo-navy)}.mini-editor-inspector-head span{font-size:8px;color:#5e7180;background:#edf2f4;padding:3px 5px;border-radius:5px}.mini-editor-inspector label{display:block;font-size:8px;font-weight:700;color:#304457;margin:9px 0 4px}.mini-editor-inspector input{width:100%;border:1px solid #bdccd5;border-radius:6px;padding:7px 8px;font-size:9px;color:var(--saitivo-navy);background:var(--saitivo-white)}.mini-editor-actions{display:grid;gap:6px;margin-top:13px}.mini-editor-actions .button{min-height:33px;padding:7px 8px;font-size:9px;border-radius:7px}.mini-editor-inspector .demo-status{margin:10px 0 0;font-size:8px;line-height:1.5;min-height:auto}.mini-editor-noscript{padding:12px 14px;margin:0}
@media(max-width:1060px){.migration-process{grid-template-columns:1fr 30px 1fr;row-gap:16px}.migration-process-arrow:nth-of-type(4){display:none}.migration-process-step:nth-of-type(5){grid-column:1}.migration-process-arrow:nth-of-type(6){grid-column:2}.migration-process-step:nth-of-type(7){grid-column:3}.mini-editor-body{grid-template-columns:80px minmax(0,1fr) 165px}.mini-editor-device{display:none}}
@media(max-width:760px){.migration-process{grid-template-columns:1fr}.migration-process-arrow{transform:rotate(90deg);height:28px}.migration-process-step,.migration-process-arrow{grid-column:1!important}.mini-editor-topbar{gap:8px}.mini-editor-brand>span:last-child{display:none}.mini-editor-mode{margin-left:auto}.mini-editor-body{grid-template-columns:1fr}.mini-editor-sidebar{display:none}.mini-editor-inspector{border-left:0;border-top:1px solid #dbe3e8}.mini-editor-canvas{min-height:300px}.mini-editor-actions{grid-template-columns:1fr 1fr}.mini-site-card{max-width:380px}}
@media(max-width:480px){.mini-editor-topbar{padding:0 10px}.mini-editor-mode span{padding:5px 6px}.mini-editor-canvas{padding:12px 9px}.mini-site-hero{padding:30px 18px 36px}.mini-site-hero h3{font-size:24px}.mini-editor-inspector{padding:14px}.mini-editor-actions{grid-template-columns:1fr}}

/* Homepage revision 5 · pricing */
.pricing-heading{max-width:820px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.pricing-card{position:relative;padding:32px}.pricing-card-featured{border:1.5px solid #8fc7b6;box-shadow:0 20px 45px #103d3014}.pricing-recommendation{position:absolute;right:22px;top:-12px;padding:6px 10px;border-radius:999px;background:var(--navy);color:var(--saitivo-white);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 5px 14px #0F1F3A1c}.price-block{display:flex;align-items:baseline;gap:8px;padding:9px 0 15px;border-bottom:1px solid #e4eaed;margin-bottom:17px;color:var(--navy)}.price-block strong{font-size:46px;line-height:1;letter-spacing:-.05em}.price-currency{font-size:13px;font-weight:800;color:var(--accent)}.price-period{font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}.price-block-hosted{display:grid;grid-template-columns:auto 26px auto;align-items:end;gap:12px}.price-block-hosted>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:6px}.price-block-hosted>div .price-period{grid-column:1/-1;margin-top:-3px}.price-block-hosted strong{font-size:39px}.price-plus{align-self:center;text-align:center;font-size:22px;color:#8796a3}.pricing-lead{font-size:14px!important;line-height:1.7!important;margin-bottom:18px!important;color:#45596d!important}.pricing-list{margin-bottom:22px!important}.pricing-list li{font-size:13.5px!important}.pricing-addon{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #cbdad5;background:var(--saitivo-cloud);border-radius:12px;padding:15px 16px;margin:3px 0 18px}.pricing-addon-label{display:block;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.pricing-addon strong{display:block;color:var(--navy);font-size:14px}.pricing-addon p{font-size:11px;line-height:1.55;margin:4px 0 0}.pricing-addon-price{text-align:right;white-space:nowrap}.pricing-addon-price>span{font-size:11px;color:var(--muted);margin-right:3px}.pricing-addon-price strong{display:inline;font-size:18px}.pricing-addon-price small{display:block;font-size:9px;color:var(--muted)}.pricing-cta{width:100%;margin-top:8px!important}.complex-pricing-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:var(--saitivo-white);border:1px solid var(--border);border-radius:15px;padding:24px 28px;margin-top:22px}.complex-pricing-copy h3{font-size:23px;margin:10px 0 7px}.complex-pricing-copy p{font-size:13px;line-height:1.65;margin:0;max-width:720px}.complex-pricing-action{text-align:right;display:grid;gap:3px;justify-items:end}.complex-pricing-action>strong{font-size:17px;color:var(--navy)}.complex-pricing-action>span{font-size:10px;color:var(--muted);margin-bottom:6px}.pricing-scope-note{font-size:11px;line-height:1.65;margin:16px 3px 0;color:#657482}.pricing-scope-note strong{color:#3d5265}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-recommendation{right:18px}.price-block-hosted{max-width:390px}.complex-pricing-card{grid-template-columns:1fr}.complex-pricing-action{text-align:left;justify-items:start}}
@media(max-width:560px){.pricing-card{padding:25px 20px}.price-block strong{font-size:40px}.price-block-hosted{grid-template-columns:1fr;gap:4px}.price-block-hosted>div{grid-template-columns:auto auto;justify-content:start}.price-block-hosted strong{font-size:36px}.price-plus{display:none}.pricing-addon{grid-template-columns:1fr}.pricing-addon-price{text-align:left}.pricing-recommendation{position:static;display:inline-flex;align-self:flex-start;margin:-8px 0 14px}.complex-pricing-card{padding:21px 19px}.complex-pricing-action .button{width:100%}}

/* Homepage revision 6 · clearer pricing + compact quote questionnaire */
.pricing-addon-emphasis{border:2px solid var(--saitivo-navy);background:linear-gradient(135deg,#f7fbf9,#eef7f3);box-shadow:0 10px 24px #0F1F3A12;padding:18px 18px}.pricing-addon-emphasis .pricing-addon-label{display:inline-flex;background:var(--saitivo-navy);color:var(--saitivo-white);border-radius:999px;padding:4px 8px;margin-bottom:8px}.pricing-addon-emphasis .pricing-addon-price{min-width:155px;padding:14px 16px;border-radius:10px;background:var(--saitivo-white);border:1px solid #bfd5cc;box-shadow:0 4px 12px #0F1F3A0d}.pricing-addon-emphasis .pricing-addon-price strong{display:block;font-size:27px;line-height:1.05;letter-spacing:-.035em;color:var(--saitivo-navy)}.pricing-addon-emphasis .pricing-addon-price small{font-size:10px;font-weight:700;color:#5f6f7c}.pricing-addon-plus{display:block!important;font-size:22px!important;line-height:1;color:#0f877b!important;font-weight:900;margin:0 0 5px!important}.pricing-addon-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0!important;padding-top:10px;border-top:1px solid #d4e2dc;font-size:11px!important;color:#516477!important}.pricing-addon-total strong{font-size:13px!important;white-space:nowrap}.pricing-recommendation{background:var(--saitivo-navy)}.request-choices-three{grid-template-columns:repeat(3,1fr)}.request-subquestion{margin-top:2px!important;padding-top:2px!important}.request-solution-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.request-solution-choices label,.request-checkbox-grid label{position:relative;cursor:pointer}.request-solution-choices input,.request-checkbox-grid input{position:absolute;width:1px;height:1px;opacity:0}.request-solution-choices span,.request-checkbox-grid span{display:flex;align-items:center;min-height:44px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--saitivo-white);font-size:11.5px;font-weight:600;color:#33485e}.request-solution-choices input:checked+span,.request-checkbox-grid input:checked+span{background:var(--saitivo-cloud);border-color:var(--accent);color:var(--saitivo-navy);box-shadow:inset 0 0 0 1px var(--accent)}.request-solution-choices input:focus-visible+span,.request-checkbox-grid input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.custom-questionnaire{margin:6px 0 18px;padding:16px;border:1px solid #c9d8d2;border-radius:12px;background:#f5f9f7}.questionnaire-head{margin-bottom:13px}.questionnaire-head>strong{display:block;margin:9px 0 4px;color:var(--navy);font-size:14px}.questionnaire-head p{font-size:11.5px;line-height:1.5;margin:0}.request-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.custom-questionnaire .form-field{margin-bottom:0}.custom-questionnaire .request-subquestion{margin-bottom:14px!important}.custom-questionnaire[hidden]{display:none!important}
@media(max-width:720px){.request-choices-three{grid-template-columns:1fr}.request-solution-choices,.request-checkbox-grid{grid-template-columns:1fr}}
@media(max-width:560px){.pricing-addon-emphasis{grid-template-columns:1fr}.pricing-addon-emphasis .pricing-addon-price{min-width:0;text-align:left}.pricing-addon-total{align-items:flex-start;flex-direction:column;gap:2px}}
.lead-details{display:grid;gap:8px;margin:14px 0;padding:13px 15px;border:1px solid #d7e1e6;border-radius:10px;background:#f8fafb}.lead-details>div{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px}.lead-details dt{font-size:11px;font-weight:750;color:#5d6c7b}.lead-details dd{margin:0;font-size:13px;color:#263d54}@media(max-width:600px){.lead-details>div{grid-template-columns:1fr;gap:2px}}

.request-consent{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #cfd9df;border-radius:12px;background:var(--saitivo-sand);color:#334155;font-size:13px;line-height:1.45}.request-consent input{margin-top:3px;accent-color:var(--saitivo-teal);flex:0 0 auto}.request-consent span{display:block}.request-consent:has(input:focus-visible){outline:3px solid rgba(47,111,237,.16);outline-offset:2px}

/* Total price summary for hosted migration */
.pricing-total-note{margin:0 0 14px;padding:12px 14px;border:1px solid var(--saitivo-aqua);border-radius:9px;background:var(--saitivo-cloud);color:#45596d;font-size:12px;line-height:1.6}.pricing-total-note strong{display:block;color:var(--navy);font-size:14px}


/* Mobile request choices: keep all three request paths readable on narrow screens. */
@media(max-width:560px){.request-choices-three{grid-template-columns:1fr}}

/* Homepage revision 8: clearer hierarchy, quieter surfaces and readable small screens. */
body.public-site{--soft:var(--saitivo-sand);--border:var(--saitivo-border);--muted:var(--saitivo-muted);--accent:var(--saitivo-teal)}
.public-site .public-header{background:rgba(255,255,255,.98);border-bottom-color:#E5EAF0}
.public-site .header-inner{height:76px}
.public-site .desktop-nav{gap:25px}
.public-site .desktop-nav a{font-size:13px}
.public-site .header-actions{align-items:center}
.public-site .hero{background:var(--saitivo-white);padding:94px 0 88px}
.public-site .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,75px)}
.public-site .hero h1{font-size:clamp(46px,4.8vw,70px);letter-spacing:-.055em;line-height:1.055}
.public-site .hero-lead{max-width:530px;margin:27px 0 26px;line-height:1.65}
.public-site .hero-assurance{font-size:12px;color:var(--saitivo-teal);margin:15px 0 25px}
.public-site .hero-create-link{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:13px;font-weight:650;text-underline-offset:4px}
.public-site .hero-create-link:hover{color:var(--accent)}
.public-site .migration-visual{box-shadow:0 20px 50px #0f1f3a10;border-color:var(--saitivo-border)}
.public-site .migration-body{padding:28px}
.public-site .migration-source{padding:21px 22px}
.public-site .migration-result{background:var(--saitivo-cloud)}
.public-site .migration-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.public-site .migration-checks span{font-size:10px;text-align:center;padding:10px 6px}
.public-site .editor-hint{margin:13px 0 0}
.public-site .section{padding:86px 0}
.public-site .section-heading>p:not(.eyebrow){max-width:620px}
.public-site .steps-section{background:var(--saitivo-sand)}
.public-site .steps-grid{gap:32px}
.public-site .steps-grid li{padding-top:20px;border-color:var(--saitivo-aqua)}
.public-site .steps-grid h3{margin:11px 0 9px}
.public-site .result-note{margin-top:38px;padding:21px 25px;border-left:3px solid var(--accent);background:var(--saitivo-white);color:#455a67;font-size:14px;line-height:1.7}
.public-site .result-note strong{color:var(--navy)}
.public-site #beispiel{background:var(--saitivo-white)}
.public-site .demo-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,75px)}
.public-site .proof-note{padding:16px 0 0;margin-top:22px;border-top:1px solid var(--border)}
.public-site .mini-editor{box-shadow:0 18px 42px #0F1F3A0b}
.public-site .pricing-card{box-shadow:none}
.public-site .pricing-card-featured{border-color:#9CBDF7;box-shadow:0 12px 30px #0F1F3A0b}
.public-site .pricing-addon{background:var(--saitivo-sand)}
.public-site .pricing-addon-price strong{font-size:18px}
.public-site .pricing-card .product-note{line-height:1.6}
.public-site .create-strip{background:transparent}
.public-site .request-grid{gap:clamp(35px,6vw,90px)}
.public-site .request-copy{padding-top:10px}
.public-site .request-card{box-shadow:0 18px 40px #07152925}
.public-site .request-choices span,.public-site .request-solution-choices span{font-size:12px;line-height:1.35}
.public-site .request-choices span{padding:12px 10px}
@media(max-width:1060px){
  .public-site .desktop-nav{gap:13px}
  .public-site .hero-grid{gap:35px}
  .public-site .hero h1{font-size:clamp(43px,5vw,60px)}
  .public-site .demo-grid{gap:32px}
}
@media(max-width:860px){
  .public-site .hero{padding:66px 0}
  .public-site .hero-grid,.public-site .demo-grid{grid-template-columns:1fr}
  .public-site .hero-copy{max-width:680px}
  .public-site .hero-visual{width:min(560px,100%);margin:0}
  .public-site .hero h1{font-size:clamp(44px,7vw,62px)}
  .public-site .section{padding:68px 0}
  .public-site .demo-grid .section-heading{max-width:640px}
  .public-site .request-copy{max-width:640px}
}
@media(max-width:560px){
  .public-site .public-shell{width:calc(100% - 40px)}
  .public-site .header-inner{height:68px;gap:7px}
  .public-site .header-actions .button{font-size:12px;padding:9px}
  .public-site .hero{padding:53px 0 59px}
  .public-site .hero-grid{gap:37px}
  .public-site .hero h1{font-size:clamp(38px,10vw,51px)}
  .public-site .hero-lead{font-size:16px;line-height:1.6;margin:22px 0 24px}
  .public-site .hero-actions .button{font-size:15px;min-height:52px}
  .public-site .hero-assurance{line-height:1.5;margin:13px 0 20px}
  .public-site .visual-caption{font-size:10px;line-height:1.4}
  .public-site .migration-body{padding:16px}
  .public-site .migration-source{padding:16px}
  .public-site .migration-checks{grid-template-columns:1fr;gap:5px}
  .public-site .migration-checks span{text-align:left}
  .public-site .editor-hint{padding:11px;margin-top:10px}
  .public-site .section{padding:59px 0}
  .public-site .section h2{font-size:clamp(30px,8vw,38px)}
  .public-site .section-heading>p:not(.eyebrow){font-size:15px;line-height:1.65}
  .public-site .steps-grid{gap:19px}
  .public-site .result-note{margin-top:29px;padding:17px 18px}
  .public-site .pricing-card{padding:25px 19px}
  .public-site .request-copy h2{font-size:38px}
  .public-site .request-card{padding:25px 19px}
}
@media(max-width:360px){
  .public-site .public-shell{width:calc(100% - 30px)}
  .public-site .brand-link img{width:105px}
  .public-site .header-actions .button{font-size:11px;padding:8px 6px}
  .public-site .mobile-menu>summary{padding:9px 7px}
  .public-site .hero h1{font-size:36px}
}


/* Homepage revision 9: an approachable human hero and a clear second path to Create. */
.public-site .hero{background:var(--saitivo-sand)}
.public-site .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(34px,5vw,66px)}
.public-site .hero-actions{align-items:center;gap:10px}
.public-site .hero-actions .button-primary{min-height:52px}
.public-site .button-compact{min-height:44px;padding:10px 14px;font-size:13px;gap:7px}
.public-site .hero-assurance{margin:15px 0 9px}
.public-site .hero-create-note{max-width:500px;font-size:12px;line-height:1.6;margin:0;color:#687786}
.public-site .hero-photo-card{margin:0;min-width:0}
.public-site .hero-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:17px;box-shadow:0 22px 55px #0F1F3A1a}
.public-site .hero-photo-card figcaption{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:13px 16px;border:1px solid var(--saitivo-border);border-radius:12px;background:var(--saitivo-white)}
.public-site .hero-photo-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--saitivo-cloud);color:var(--saitivo-teal);font-weight:800}
.public-site .hero-photo-card figcaption strong,.public-site .hero-photo-card figcaption small{display:block}
.public-site .hero-photo-card figcaption strong{font-size:12px;color:var(--navy)}
.public-site .hero-photo-card figcaption small{margin-top:2px;font-size:11px;color:#667687}
@media(max-width:1060px){.public-site .hero-grid{gap:32px}.public-site .desktop-nav{gap:10px}}
@media(min-width:1061px){.public-site .hero h1{font-size:clamp(46px,4.2vw,60px)}}
@media(max-width:860px){.public-site .hero-grid{grid-template-columns:1fr}.public-site .hero-photo-card{width:min(600px,100%)}}
@media(max-width:560px){.public-site .hero-grid{gap:30px}.public-site .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.public-site .hero-actions .button{width:100%}.public-site .hero-actions .button-secondary{min-height:44px}.public-site .hero-assurance{margin-top:12px}.public-site .hero-create-note{font-size:12px}.public-site .hero-photo-card img{border-radius:13px}.public-site .hero-photo-card figcaption{padding:11px 12px}}

/* Full-bleed mood image with a clear, softly blurred reading area. */
.public-site .hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:min(720px,calc(100svh - 82px));padding:72px 0;background:#EEF4FA}
.public-site .hero-backdrop{position:absolute;z-index:-2;inset:-3%;overflow:hidden;pointer-events:none}
.public-site .hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 52%;transform:scale(1.12) translate3d(0,var(--hero-parallax-y,0px),0);filter:saturate(.78);will-change:transform}
.public-site .hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(248,250,255,.88) 0%,rgba(248,250,255,.82) 35%,rgba(248,250,255,.48) 56%,rgba(15,31,58,.06) 100%)}
.public-site .hero-grid{grid-template-columns:minmax(0,1fr);position:relative;z-index:1}
.public-site .hero-copy{width:min(690px,100%);max-width:690px;padding:clamp(24px,3.8vw,46px);border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(250,252,255,.76);box-shadow:0 18px 60px rgba(15,31,58,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate3d(0,var(--hero-text-y,0px),0)}
@media(max-width:860px){.public-site .hero{min-height:0;padding:54px 0}.public-site .hero:before{background:linear-gradient(90deg,rgba(248,250,255,.42),rgba(248,250,255,.17)),linear-gradient(0deg,rgba(248,250,255,.42),rgba(248,250,255,.08))}.public-site .hero-copy{padding:clamp(22px,5vw,36px);border-radius:17px;background:rgba(250,252,255,.86)}}
@media(max-width:560px){.public-site .hero{padding:36px 0 42px}.public-site .hero-copy{padding:22px 19px;border-radius:15px}.public-site .hero-backdrop img{object-position:69% 50%}}
@media(prefers-reduced-motion:reduce){.public-site .hero-backdrop img,.public-site .hero-copy{transform:none!important;will-change:auto}}
@media(min-width:1061px){.public-site .hero h1{font-size:clamp(46px,3.7vw,54px)}}
@media(min-width:561px) and (max-width:1060px){.public-site .hero h1{font-size:clamp(44px,5.8vw,54px)}}
@media(max-width:560px){.public-site .hero h1{font-size:clamp(32px,8.5vw,43px)}}

/* Homepage revision 10: keep the existing hero image to the right and let it fade into a white text field. */
@media(min-width:861px){
  .public-site .hero{min-height:min(660px,calc(100svh - 82px));padding:72px 0;background:var(--saitivo-white)}
  .public-site .hero-backdrop{inset:0 0 0 auto;width:min(50vw,900px);height:100%;border-radius:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.35) 22%,rgba(0,0,0,.78) 42%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 8%,rgba(0,0,0,.35) 22%,rgba(0,0,0,.78) 42%,#000 58%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  .public-site .hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.03) translate3d(0,var(--hero-parallax-y,0px),0);filter:saturate(.82)}
  .public-site .hero:before{background:linear-gradient(90deg,var(--saitivo-white) 0%,var(--saitivo-white) 38%,rgba(255,255,255,.96) 47%,rgba(255,255,255,.78) 56%,rgba(255,255,255,.2) 72%,rgba(255,255,255,0) 84%)}
  .public-site .hero-grid{grid-template-columns:minmax(0,1fr);max-width:1180px}
  .public-site .hero-copy{width:min(620px,100%);max-width:620px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(max-width:860px){
  .public-site .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:52px 0 38px;background:var(--saitivo-white)}
  .public-site .hero:before{display:none}
  .public-site .hero-grid{order:0;grid-template-columns:minmax(0,1fr);width:min(100% - 36px,680px);margin:0 auto}
  .public-site .hero-copy{width:100%;max-width:680px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
  .public-site .hero-backdrop{position:relative;z-index:0;inset:auto;order:1;width:min(100% - 36px,680px);height:auto;aspect-ratio:16/8;margin:27px auto 0;border-radius:16px;overflow:hidden}
  .public-site .hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:none;filter:saturate(.82)}
}
@media(max-width:560px){
  .public-site .hero{padding:40px 0 34px}
  .public-site .hero-grid{width:calc(100% - 36px)}
  .public-site .hero-backdrop{width:calc(100% - 36px);aspect-ratio:16/9;margin-top:23px;border-radius:13px}
}

/* Process cards fade in at rest and stay visible until the section is left upward. */
.public-site .steps-section .steps-grid.steps-reveal-ready li{opacity:0;transform:none;transition:opacity 1.05s cubic-bezier(.2,.72,.24,1);transition-delay:var(--step-delay,0ms)}
.public-site .steps-section .steps-grid.steps-reveal-ready li.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.public-site .steps-section .steps-grid.steps-reveal-ready li{opacity:1!important;transition:none!important}}

/* Mobile hero art direction: replace the stacked lifestyle photo with a compact product preview. */
.hero-mobile-visual{display:none}
@media(max-width:860px){
  .public-site .hero-backdrop{display:none}
  .public-site .hero-mobile-visual{display:block;margin:24px 0 23px;padding:14px;border:1px solid #dce6e2;border-radius:15px;background:#f7faf8;box-shadow:0 8px 24px rgba(15,31,58,.055)}
  .public-site .hero-mobile-visual-labels{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px;margin:0 0 8px}
  .public-site .hero-mobile-visual-labels span{font-size:8px;line-height:1.3;font-weight:750;letter-spacing:.075em;color:#607268}
  .public-site .hero-mobile-visual-labels span:last-child{grid-column:3;color:#116e63}
  .public-site .hero-mobile-visual-flow{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:5px}
  .public-site .hero-mini-window{min-width:0;overflow:hidden;border:1px solid #dce5e3;border-radius:9px;background:var(--saitivo-white);box-shadow:0 3px 10px rgba(15,31,58,.045)}
  .public-site .hero-mini-chrome{height:22px;display:flex;align-items:center;gap:5px;padding:0 6px;border-bottom:1px solid #edf0ef;color:#73817e;font-size:7px;white-space:nowrap}
  .public-site .hero-mini-chrome>span:last-child{overflow:hidden;text-overflow:ellipsis}
  .public-site .hero-mini-dots{display:flex;gap:2px;flex:none}
  .public-site .hero-mini-dots i{width:4px;height:4px;border-radius:50%;background:#c9d3cf}
  .public-site .hero-mini-page{height:85px;padding:9px;background:var(--saitivo-white)}
  .public-site .hero-mini-brand{height:6px;display:flex;align-items:center;gap:4px;margin-bottom:7px}
  .public-site .hero-mini-brand i:first-child{width:18px;height:5px;border-radius:2px;background:#19324d}
  .public-site .hero-mini-brand i:last-child{width:22px;height:3px;margin-left:auto;border-radius:2px;background:#dfe7e3}
  .public-site .hero-mini-site-hero{height:35px;position:relative;display:grid;align-content:center;gap:4px;padding:6px;border-radius:4px;background:#edf2ef}
  .public-site .hero-mini-site-hero>i{height:4px;width:68%;border-radius:3px;background:#526478}
  .public-site .hero-mini-site-hero>i:nth-child(2){width:46%;height:3px;background:#a9b7b1}
  .public-site .hero-mini-site-hero>span{position:absolute;right:6px;bottom:6px;width:18px;height:5px;border-radius:3px;background:#116e63}
  .public-site .hero-mini-content-lines{display:grid;gap:4px;margin-top:7px}
  .public-site .hero-mini-content-lines i{display:block;width:100%;height:2px;border-radius:2px;background:#e2e8e5}
  .public-site .hero-mini-content-lines i:last-child{width:64%}
  .public-site .hero-mini-result .hero-mini-site-hero{background:#eaf3ee}
  .public-site .hero-mobile-arrow{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c6ded3;border-radius:50%;background:var(--saitivo-white);color:#116e63;font-size:15px;line-height:1}
  .public-site .hero-mobile-visual-foot{display:flex;align-items:center;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #e2eae6;color:#344b45;font-size:10px;font-weight:650;line-height:1.4}
  .public-site .hero-mobile-visual-foot>span{width:16px;height:16px;display:grid;place-items:center;flex:none;border-radius:50%;background:#dcefe6;color:#116e63;font-size:10px;font-weight:800}
}
@media(max-width:380px){
  .public-site .hero-mobile-visual{padding:11px}
  .public-site .hero-mobile-visual-labels,.public-site .hero-mobile-visual-flow{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:4px}
  .public-site .hero-mini-page{padding:8px;height:80px}
  .public-site .hero-mini-chrome{gap:4px;padding:0 5px;font-size:6.5px}
}


/* Saitivo process section: quiet motherboard traces behind the three steps. */
.public-site .steps-section{position:relative;isolation:isolate;overflow:hidden;background:var(--saitivo-navy)}
.public-site .steps-circuit{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.74}
.public-site .steps-circuit svg{display:block;width:100%;height:100%;min-height:100%;overflow:visible}
.public-site .steps-circuit .trace{fill:none;stroke:rgba(183,231,252,.22);stroke-width:1.2;vector-effect:non-scaling-stroke}
.public-site .steps-circuit .flow{fill:none;stroke:rgba(183,231,252,.72);stroke-width:1.8;stroke-dasharray:2 24;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:saitivo-data-flow 17s linear infinite}
.public-site .steps-circuit .flow-slow{animation-duration:23s;animation-delay:-8s}
.public-site .steps-circuit .node{fill:var(--saitivo-aqua);opacity:.4;transform-box:fill-box;transform-origin:center;animation:saitivo-node-pulse 3.6s ease-in-out infinite}
.public-site .steps-circuit .node-delayed{animation-delay:-1.8s}
.public-site .steps-section>.public-shell{position:relative;z-index:1}
.public-site .steps-section .section-heading .eyebrow{color:var(--warm)}
.public-site .steps-section .section-heading h2,.public-site .steps-section .steps-grid h3,.public-site .steps-section .result-note strong{color:var(--saitivo-white)}
.public-site .steps-section .section-heading>p:not(.eyebrow),.public-site .steps-section .steps-grid p{color:rgba(234,247,251,.9)}
.public-site .steps-section .steps-grid li{border-color:var(--saitivo-beige)}
.public-site .steps-section .step-number{color:var(--saitivo-beige)}
.public-site .steps-section .result-note{border-left-color:var(--saitivo-aqua);background:rgba(234,247,251,.08);color:var(--saitivo-cloud);backdrop-filter:blur(4px)}
@keyframes saitivo-data-flow{to{stroke-dashoffset:-104px}}
@keyframes saitivo-node-pulse{0%,100%{opacity:.24;transform:scale(.82)}50%{opacity:.72;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.public-site .steps-circuit .flow,.public-site .steps-circuit .node{animation:none!important}}
@media(max-width:560px){.public-site .steps-circuit{opacity:.54}.public-site .steps-section .result-note{background:rgba(234,247,251,.12)}}


/* A slow, diffused light point adds depth without competing with the copy. */
.public-site .steps-section::before{content:"";position:absolute;inset:-8%;z-index:-1;pointer-events:none;opacity:.9;background-image:radial-gradient(ellipse 38% 62% at 28% 50%,rgba(183,231,252,.13),transparent 74%),radial-gradient(ellipse 24% 44% at 78% 60%,rgba(234,247,251,.055),transparent 78%);background-size:145% 145%,145% 145%;background-position:0% 50%,100% 55%;background-repeat:no-repeat;animation:saitivo-process-glow 46s ease-in-out infinite alternate}
@keyframes saitivo-process-glow{to{background-position:100% 56%,0% 44%}}
@media(prefers-reduced-motion:reduce){.public-site .steps-section::before{animation:none!important}}
/* Warm Saitivo section accents. */
.public-site .section .eyebrow,.public-site .request-section .eyebrow{color:var(--warm)}
/* Pricing refresh: navy cards, warm highlights, drifting sky */
.public-site .button-primary{color:var(--warm)}
.public-site .button-primary:hover{color:var(--navy)}
.public-site .pricing-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#DCEFFC 0%,var(--saitivo-cloud) 48%,var(--saitivo-sand) 100%)}
.public-site .pricing-section::before,.public-site .pricing-section::after{content:"";position:absolute;inset:-3% -20%;z-index:-1;pointer-events:none;background-repeat:no-repeat}
.public-site .pricing-section::before{opacity:.64;background-image:radial-gradient(ellipse 10% 11% at 12% 22%,rgba(255,255,255,.88) 0 48%,transparent 100%),radial-gradient(ellipse 7% 15% at 17% 17%,rgba(255,255,255,.84) 0 48%,transparent 100%),radial-gradient(ellipse 10% 11% at 23% 23%,rgba(255,255,255,.82) 0 48%,transparent 100%),radial-gradient(ellipse 12% 10% at 44% 18%,rgba(255,255,255,.82) 0 48%,transparent 100%),radial-gradient(ellipse 8% 15% at 50% 14%,rgba(255,255,255,.8) 0 48%,transparent 100%),radial-gradient(ellipse 11% 11% at 57% 20%,rgba(255,255,255,.82) 0 48%,transparent 100%),radial-gradient(ellipse 12% 10% at 80% 24%,rgba(255,255,255,.78) 0 48%,transparent 100%),radial-gradient(ellipse 8% 14% at 86% 19%,rgba(255,255,255,.8) 0 48%,transparent 100%),radial-gradient(ellipse 10% 10% at 92% 24%,rgba(255,255,255,.78) 0 48%,transparent 100%);background-size:200% 100%;background-position:0% 50%;animation:saitivo-pricing-cloud-drift 74s ease-in-out infinite alternate}
.public-site .pricing-section::after{opacity:.38;filter:blur(8px);background-image:radial-gradient(ellipse 16% 9% at 28% 38%,rgba(255,255,255,.72),transparent 100%),radial-gradient(ellipse 18% 10% at 69% 34%,rgba(255,255,255,.7),transparent 100%),radial-gradient(ellipse 16% 10% at 94% 48%,rgba(255,255,255,.64),transparent 100%);background-size:190% 100%;background-position:100% 50%;animation:saitivo-pricing-cloud-drift 108s ease-in-out infinite alternate-reverse}
@keyframes saitivo-pricing-cloud-drift{to{background-position:100% 50%}}
.public-site .pricing-section>.public-shell{position:relative;z-index:1}
.public-site .pricing-section .pricing-card{background:var(--saitivo-navy);border-color:rgba(183,231,252,.48);color:var(--saitivo-cloud);box-shadow:0 22px 48px rgba(15,31,58,.18)}
.public-site .pricing-section .pricing-card-featured{border-color:var(--saitivo-beige);box-shadow:0 24px 52px rgba(15,31,58,.24)}
.public-site .pricing-section .pricing-card h3,.public-site .pricing-section .pricing-card .product-note{color:var(--saitivo-white)}
.public-site .pricing-section .pricing-card .pricing-lead,.public-site .pricing-section .pricing-list li{color:rgba(234,247,251,.92)!important}
.public-site .pricing-section .pricing-list li:before{color:var(--saitivo-beige)}
.public-site .pricing-section .product-badge{background:var(--saitivo-aqua);color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-recommendation{background:var(--saitivo-beige);color:var(--saitivo-navy)}
.public-site .pricing-section .price-block{color:var(--saitivo-cloud);border-color:rgba(183,231,252,.35)}
.public-site .pricing-section .price-block strong,.public-site .pricing-section .price-currency{color:var(--saitivo-beige)}
.public-site .pricing-section .price-period{color:#DCE8F2}
.public-site .pricing-section .price-plus{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-total-note{background:var(--saitivo-navy);border-color:rgba(183,231,252,.38);color:var(--saitivo-cloud)}
.public-site .pricing-section .pricing-total-note strong{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-addon{background:var(--saitivo-navy);border-color:rgba(183,231,252,.42);color:var(--saitivo-cloud)}
.public-site .pricing-section .pricing-addon-label,.public-site .pricing-section .pricing-addon-price>span,.public-site .pricing-section .pricing-addon-price small{color:var(--saitivo-aqua)}
.public-site .pricing-section .pricing-addon strong,.public-site .pricing-section .pricing-addon p{color:var(--saitivo-white)}
.public-site .pricing-section .pricing-addon-total{border-color:rgba(183,231,252,.3);color:var(--saitivo-cloud)!important}
.public-site .pricing-section .pricing-addon-total strong,.public-site .pricing-section .pricing-addon-price strong{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-addon-emphasis .pricing-addon-price{background:var(--saitivo-navy);border-color:rgba(183,231,252,.48)}
.public-site .pricing-section .complex-pricing-card{background:var(--saitivo-navy);border-color:rgba(183,231,252,.48);color:var(--saitivo-cloud);box-shadow:0 18px 38px rgba(15,31,58,.14)}
.public-site .pricing-section .complex-pricing-copy h3,.public-site .pricing-section .complex-pricing-copy p,.public-site .pricing-section .complex-pricing-action>span{color:var(--saitivo-cloud)}
.public-site .pricing-section .complex-pricing-action>strong,.public-site .pricing-section .pricing-scope-note strong{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-scope-note{color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-card .button-secondary,.public-site .pricing-section .pricing-card .button-primary,.public-site .pricing-section .complex-pricing-action .button-secondary{background:var(--saitivo-navy);border:1px solid rgba(183,231,252,.48);color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-card .button-secondary:hover,.public-site .pricing-section .pricing-card .button-primary:hover,.public-site .pricing-section .complex-pricing-action .button-secondary:hover{background:var(--saitivo-beige);border-color:var(--saitivo-beige);color:var(--saitivo-navy)}
@media(max-width:560px){.public-site .pricing-section::before,.public-site .pricing-section::after{opacity:.34}.public-site .pricing-section .pricing-recommendation{background:var(--saitivo-beige);color:var(--saitivo-navy)}}
@media(prefers-reduced-motion:reduce){.public-site .pricing-section::before,.public-site .pricing-section::after{animation:none!important}}
/* Saitivo palette refinement: Manage signal stripes and light pricing cards */
.public-site #beispiel{position:relative;isolation:isolate;overflow:hidden;background:var(--saitivo-sand)}
.public-site #beispiel::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.72;background-image:repeating-linear-gradient(135deg,transparent 0 78px,rgba(171,133,106,.13) 78px 94px,transparent 94px 172px);background-size:340px 340px;animation:saitivo-manage-stripe-drift 52s linear infinite}
@keyframes saitivo-manage-stripe-drift{to{background-position:340px 0}}
.public-site .pricing-section .pricing-card{background:var(--saitivo-white);border-color:var(--saitivo-border);color:var(--saitivo-navy);box-shadow:0 14px 38px rgba(15,31,58,.09)}
.public-site .pricing-section .pricing-card-featured{border-color:var(--saitivo-beige);box-shadow:0 18px 44px rgba(15,31,58,.13)}
.public-site .pricing-section .pricing-card h3,.public-site .pricing-section .pricing-card .product-note,.public-site .pricing-section .pricing-lead,.public-site .pricing-section .pricing-list li{color:var(--saitivo-navy)!important}
.public-site .pricing-section .pricing-total-note{background:var(--saitivo-white);border-color:var(--saitivo-border);color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-total-note strong{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-addon{background:var(--saitivo-beige);border-color:#786644;color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-addon-label,.public-site .pricing-section .pricing-addon-price>span,.public-site .pricing-section .pricing-addon-price small,.public-site .pricing-section .pricing-addon strong,.public-site .pricing-section .pricing-addon p{color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-addon-total{border-color:rgba(15,31,58,.3);color:var(--saitivo-navy)!important}
.public-site .pricing-section .pricing-addon-total strong,.public-site .pricing-section .pricing-addon-price strong{color:var(--saitivo-navy);animation:saitivo-price-pulse 3.1s ease-in-out infinite alternate}
.public-site .pricing-section .pricing-addon-price{background:rgba(255,255,255,.34);border-radius:10px;padding:10px 12px}
.public-site .pricing-section .pricing-addon-emphasis .pricing-addon-price{background:var(--saitivo-white);border-color:rgba(15,31,58,.22)}
.public-site .pricing-section .complex-pricing-card{background:var(--saitivo-white);border-color:var(--saitivo-border);color:var(--saitivo-navy);box-shadow:0 14px 34px rgba(15,31,58,.08)}
.public-site .pricing-section .complex-pricing-copy h3,.public-site .pricing-section .complex-pricing-copy p,.public-site .pricing-section .complex-pricing-action>span{color:var(--saitivo-navy)}
.public-site .pricing-section .complex-pricing-action>strong{color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-card .button-secondary,.public-site .pricing-section .pricing-card .button-primary,.public-site .pricing-section .complex-pricing-action .button-secondary,.public-site .pricing-section .create-strip .button-secondary{background:var(--saitivo-navy);border:1px solid var(--saitivo-navy);color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-card .button-secondary:hover,.public-site .pricing-section .pricing-card .button-primary:hover,.public-site .pricing-section .complex-pricing-action .button-secondary:hover,.public-site .pricing-section .create-strip .button-secondary:hover{background:var(--saitivo-beige);border-color:var(--saitivo-beige);color:var(--saitivo-navy)}
.public-site .pricing-section .create-strip{background:var(--saitivo-beige);border:1px solid #786644;border-radius:16px;box-shadow:0 14px 30px rgba(15,31,58,.1)}
.public-site .pricing-section .create-strip h3,.public-site .pricing-section .create-strip p{color:var(--saitivo-navy)}
.public-site .pricing-section .create-strip .product-badge{background:var(--saitivo-navy);color:var(--saitivo-beige)}
@keyframes saitivo-price-pulse{from{transform:scale(1);opacity:.9}to{transform:scale(1.035);opacity:1}}
@media(max-width:560px){.public-site #beispiel::before{opacity:.45;background-size:260px 260px}.public-site .pricing-section .pricing-addon-price{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.public-site #beispiel::before{animation:none!important}.public-site .pricing-section .pricing-addon-total strong,.public-site .pricing-section .pricing-addon-price strong{animation:none!important}}
/* Improve contrast and connect the process circuitry into Saitivo Manage */
.public-site .pricing-section .price-period{color:var(--saitivo-ink)}
.public-site .pricing-section .section-heading>p:not(.eyebrow){color:var(--saitivo-ink)}
.public-site .pricing-section .section-heading .eyebrow{color:var(--saitivo-navy)}
.public-site #beispiel .section-heading>p:not(.eyebrow),.public-site #beispiel .section-heading .example-note{color:var(--saitivo-ink)!important}
.public-site #beispiel{overflow:hidden}
.public-site #beispiel>.public-shell{position:relative;z-index:1}
.public-site #beispiel .manage-circuit{position:absolute;inset:0 0 auto;height:92px;z-index:0;pointer-events:none;opacity:.76;overflow:hidden}
.public-site #beispiel .manage-circuit svg{display:block;width:100%;height:100%;overflow:visible}
.public-site #beispiel .manage-circuit .trace{fill:none;stroke:rgba(15,31,58,.27);stroke-width:1.35;vector-effect:non-scaling-stroke}
.public-site #beispiel .manage-circuit .flow{fill:none;stroke:rgba(15,31,58,.58);stroke-width:1.65;stroke-dasharray:2 22;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:saitivo-manage-flow 19s linear infinite}
.public-site #beispiel .manage-circuit .flow-slow{animation-duration:27s;animation-delay:-9s}
.public-site #beispiel .manage-circuit .node{fill:var(--saitivo-beige);opacity:.82;transform-box:fill-box;transform-origin:center;animation:saitivo-manage-node 3.8s ease-in-out infinite}
.public-site #beispiel .manage-circuit .node-delayed{animation-delay:-1.9s}
@keyframes saitivo-manage-flow{to{stroke-dashoffset:-96}}
@keyframes saitivo-manage-node{50%{opacity:.4;transform:scale(.7)}}
@media(max-width:560px){.public-site #beispiel .manage-circuit{height:62px;opacity:.4}.public-site #beispiel .manage-circuit .trace{stroke-width:1.1}}
@media(prefers-reduced-motion:reduce){.public-site #beispiel .manage-circuit .flow,.public-site #beispiel .manage-circuit .node{animation:none!important}}
/* Pricing readability and navy highlight panels */
.public-site .pricing-section .pricing-addon{background:var(--saitivo-navy);border-color:var(--saitivo-navy);color:var(--saitivo-white)}
.public-site .pricing-section .pricing-addon-label,.public-site .pricing-section .pricing-addon-price>span,.public-site .pricing-section .pricing-addon-price small,.public-site .pricing-section .pricing-addon strong,.public-site .pricing-section .pricing-addon p{color:var(--saitivo-white)}
.public-site .pricing-section .pricing-addon-total{border-color:rgba(234,247,251,.28);color:var(--saitivo-white)!important}
.public-site .pricing-section .pricing-addon-total strong,.public-site .pricing-section .pricing-addon-price strong{color:var(--saitivo-beige);animation:saitivo-price-pulse 3.1s ease-in-out infinite alternate}
.public-site .pricing-section .pricing-addon-price{background:var(--saitivo-navy);border:1px solid rgba(234,247,251,.22)}
.public-site .pricing-section .pricing-total-note{background:var(--saitivo-navy);border-color:var(--saitivo-navy);color:var(--saitivo-white)}
.public-site .pricing-section .pricing-total-note strong{color:var(--saitivo-beige)}
.public-site .pricing-section .create-strip{background:var(--saitivo-navy);border-color:var(--saitivo-navy)}
.public-site .pricing-section .create-strip h3,.public-site .pricing-section .create-strip p{color:var(--saitivo-white)}
.public-site .pricing-section .create-strip .product-badge{background:rgba(171,133,106,.14);color:var(--saitivo-beige);border:1px solid rgba(171,133,106,.42)}
.public-site .pricing-section .create-strip .button-secondary{background:var(--saitivo-beige);border-color:var(--saitivo-beige);color:var(--saitivo-navy)}
.public-site .pricing-section .create-strip .button-secondary:hover{background:#D6BCA8;border-color:#D6BCA8;color:var(--saitivo-navy)}
.public-site .pricing-section .price-period{color:var(--saitivo-ink)}

/* Final pricing contrast: descriptions, dividers, and optional cost label */
.public-site .pricing-section .pricing-card .pricing-lead{color:var(--saitivo-ink)!important}
.public-site .pricing-section .price-block{border-color:var(--saitivo-muted)}
.public-site .pricing-section .pricing-addon-total{border-color:rgba(234,247,251,.42)}
.public-site .pricing-section .pricing-addon-label{color:var(--saitivo-beige)}

/* Match the Saitivo Create callout to the complex-offer card */
.public-site .pricing-section .create-strip{background:var(--saitivo-white);border-color:var(--saitivo-border);color:var(--saitivo-navy);box-shadow:0 14px 34px rgba(15,31,58,.08)}
.public-site .pricing-section .create-strip h3,.public-site .pricing-section .create-strip p{color:var(--saitivo-navy)}
.public-site .pricing-section .create-strip .product-badge{background:var(--saitivo-aqua);color:var(--saitivo-navy);border:0}
.public-site .pricing-section .create-strip .button-secondary{background:var(--saitivo-navy);border-color:var(--saitivo-navy);color:var(--saitivo-beige)}
.public-site .pricing-section .create-strip .button-secondary:hover{background:var(--saitivo-beige);border-color:var(--saitivo-beige);color:var(--saitivo-navy)}

/* Migration-first offer hierarchy and grouped pricing */
.steps-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.migration-alternative{font-size:13px;color:var(--saitivo-muted);margin:14px 0 0}
.pricing-category-heading{font-size:20px;line-height:1.25;color:var(--saitivo-navy);margin:30px 0 15px;letter-spacing:-.02em}
.public-site .pricing-section .pricing-card .pricing-lead{color:var(--saitivo-ink)!important}
@media(max-width:560px){.steps-actions{display:grid;grid-template-columns:1fr}.steps-actions .button{width:100%}.pricing-category-heading{font-size:18px;margin-top:25px}}

/* Compact, accessible pricing accordions */
.public-site .pricing-section .pricing-options-grid{align-items:start}
.public-site .pricing-section .pricing-option{min-width:0;background:var(--saitivo-white);border:1px solid var(--saitivo-border);border-radius:15px;box-shadow:0 14px 34px rgba(15,31,58,.08);overflow:hidden}
.public-site .pricing-section .pricing-option-featured{border-color:var(--saitivo-beige);box-shadow:0 18px 44px rgba(15,31,58,.13)}
.public-site .pricing-section .pricing-option>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:14px;min-height:82px;padding:18px 20px;cursor:pointer;list-style:none;color:var(--saitivo-navy)}
.public-site .pricing-section .pricing-option>summary::-webkit-details-marker{display:none}
.public-site .pricing-section .pricing-option>summary:focus-visible{outline:3px solid var(--saitivo-teal);outline-offset:-4px;border-radius:14px}
.public-site .pricing-section .pricing-option-title{font-size:17px;line-height:1.35;font-weight:750}
.public-site .pricing-section .pricing-option-price{text-align:right;white-space:nowrap}
.public-site .pricing-section .pricing-option-price strong{display:block;color:var(--saitivo-beige);font-size:18px;letter-spacing:-.025em}
.public-site .pricing-section .pricing-option-price small{display:block;margin-top:3px;color:var(--saitivo-muted);font-size:10px}
.public-site .pricing-section .pricing-option-chevron{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:18px;line-height:1;transition:transform .22s ease,background .22s ease}
.public-site .pricing-section .pricing-option[open]>summary{border-bottom:1px solid var(--saitivo-border)}
.public-site .pricing-section .pricing-option[open]>summary .pricing-option-chevron{transform:rotate(45deg);background:var(--saitivo-beige)}
.public-site .pricing-section .pricing-option-content{padding:19px 20px 21px}
.public-site .pricing-section .pricing-option-content .pricing-lead{margin:0 0 14px;color:var(--saitivo-ink)!important;font-size:14px;line-height:1.65}
.public-site .pricing-section .pricing-option-content .pricing-list{margin:0 0 17px;padding:0;list-style:none;display:grid;gap:9px}
.public-site .pricing-section .pricing-option-content .pricing-list li{position:relative;padding-left:20px;color:var(--saitivo-navy);font-size:13px;line-height:1.5}
.public-site .pricing-section .pricing-option-content .pricing-list li:before{content:"✓";position:absolute;left:0;color:var(--saitivo-beige);font-weight:800}
.public-site .pricing-section .pricing-option-content .pricing-total-note{margin:0 0 14px}
.public-site .pricing-section .pricing-option-content .product-note{margin:0 0 17px;padding-top:13px;border-top:1px solid var(--saitivo-border);color:var(--saitivo-muted);font-size:11px;line-height:1.6}
.public-site .pricing-section .pricing-option-content .pricing-cta{display:inline-flex;width:auto;margin:0}
.public-site .pricing-section .pricing-option-content .button-secondary,.public-site .pricing-section .pricing-option-content .button-primary{background:var(--saitivo-navy);border:1px solid var(--saitivo-navy);color:var(--saitivo-beige)}
.public-site .pricing-section .pricing-option-content .button-secondary:hover,.public-site .pricing-section .pricing-option-content .button-primary:hover{background:var(--saitivo-beige);border-color:var(--saitivo-beige);color:var(--saitivo-navy)}
@media(max-width:560px){.public-site .pricing-section .pricing-option>summary{grid-template-columns:minmax(0,1fr) auto 22px;gap:8px;min-height:76px;padding:15px 14px}.public-site .pricing-section .pricing-option-title{font-size:15px}.public-site .pricing-section .pricing-option-price strong{font-size:14px}.public-site .pricing-section .pricing-option-price small{font-size:9px}.public-site .pricing-section .pricing-option-content{padding:16px}.public-site .pricing-section .pricing-option-content .pricing-cta{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.public-site .pricing-section .pricing-option-chevron{transition:none}}

/* Mobile progressive disclosure for the migration steps and editor demo */
.public-site .process-step-details>summary{display:block;list-style:none;cursor:pointer}
.public-site .process-step-details>summary::-webkit-details-marker{display:none}
.public-site .process-step-chevron{display:none}
.public-site .process-step-content p{margin:0}
.public-site .mobile-demo-disclosure{width:100%;min-width:0}
.public-site .mobile-demo-disclosure>summary{display:none;list-style:none}
.public-site .mobile-demo-disclosure>summary::-webkit-details-marker{display:none}
.public-site .mobile-demo-content{display:block}
@media(max-width:860px){
  .public-site .steps-grid{gap:11px}
  .public-site .steps-grid>li{padding:0;border:0}
  .public-site .process-step-details{overflow:hidden;background:rgba(255,255,255,.92);border:1px solid var(--saitivo-border);border-radius:12px;box-shadow:0 8px 22px rgba(15,31,58,.055)}
  .public-site .process-step-details[open]{border-color:#D2CEC3}
  .public-site .process-step-details>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:14px 15px;cursor:pointer}
  .public-site .process-step-details>summary h3{font-size:16px;line-height:1.35;margin:0}
  .public-site .process-step-details .step-number{font-size:11px;color:var(--saitivo-beige)}
  .public-site .process-step-chevron{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:17px;line-height:1;transition:transform .2s ease}
  .public-site .process-step-details[open] .process-step-chevron{transform:rotate(45deg);background:var(--saitivo-beige)}
  .public-site .process-step-content{padding:0 15px 15px 62px}
  .public-site .process-step-content p{font-size:13px;line-height:1.6;color:var(--saitivo-ink)}
  .public-site .mobile-demo-disclosure{background:var(--saitivo-white);border:1px solid var(--saitivo-border);border-radius:14px;box-shadow:0 12px 28px rgba(15,31,58,.08);overflow:hidden}
  .public-site .mobile-demo-disclosure>summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}
  .public-site .mobile-demo-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:15px;font-weight:800}
  .public-site .mobile-demo-label{display:grid;gap:3px;min-width:0}
  .public-site .mobile-demo-label strong{font-size:14px;color:var(--saitivo-navy)}
  .public-site .mobile-demo-label small{font-size:11px;line-height:1.45;color:var(--saitivo-muted)}
  .public-site .mobile-demo-chevron{width:23px;height:23px;flex:none;margin-left:auto;display:grid;place-items:center;border-radius:50%;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:17px;transition:transform .2s ease}
  .public-site .mobile-demo-disclosure[open]>summary{border-bottom:1px solid var(--saitivo-border)}
  .public-site .mobile-demo-disclosure[open] .mobile-demo-chevron{transform:rotate(45deg);background:var(--saitivo-beige)}
  .public-site .mobile-demo-content{padding:13px}
  .public-site .demo-grid{gap:19px}
}
@media(prefers-reduced-motion:reduce){.public-site .process-step-chevron,.public-site .mobile-demo-chevron{transition:none}}

/* Audit 2026-09-26: closed price cards show the full payment cadence. */
@media(max-width:860px){.public-site .pricing-section .pricing-option>summary{grid-template-columns:minmax(0,1fr) auto 22px;gap:8px}.public-site .pricing-section .pricing-option-price strong{font-size:15px}.public-site .pricing-section .pricing-option-price small{font-size:11px}}
.public-site .pricing-section .pricing-option-price strong{white-space:nowrap}

/* Mobile art direction: full-width lifestyle image fades into the white copy area. */
@media(max-width:860px){
  .public-site .hero{position:relative;display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 34px;overflow:hidden;background:var(--saitivo-white)}
  .public-site .hero-backdrop{display:block;position:relative;z-index:0;order:0;inset:auto;width:100%;max-width:none;height:clamp(270px,72vw,360px);aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden;flex:none}
  .public-site .hero-backdrop:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 44%,rgba(255,255,255,.24) 62%,rgba(255,255,255,.76) 83%,var(--saitivo-white) 100%)}
  .public-site .hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 43%;transform:none;filter:saturate(.86)}
  .public-site .hero-grid{order:1;position:relative;z-index:2;grid-template-columns:minmax(0,1fr);width:min(100% - 36px,680px);margin:-5px auto 0}
  .public-site .hero-copy{width:100%;max-width:680px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;text-align:left}
  .public-site .hero h1,.public-site .hero-lead{text-align:left}
  .public-site .hero-mobile-visual{display:none!important}
}
@media(max-width:560px){
  .public-site .hero{padding-bottom:30px}
  .public-site .hero-backdrop{height:clamp(270px,74vw,330px)}
  .public-site .hero-grid{width:calc(100% - 36px)}
  .public-site .hero-copy{padding:0}
  .public-site .hero h1{font-size:clamp(34px,9.7vw,46px);line-height:1.07;letter-spacing:-.04em}
  .public-site .hero-lead{font-size:16px;line-height:1.65;margin:18px 0 22px}
  .public-site .hero-actions{display:grid;grid-template-columns:1fr}
  .public-site .hero-assurance{margin-top:16px}
}


/* Mobile: keep the lifestyle image attached to the hero while its copy scrolls over it. */
@media(max-width:860px){
  .public-site .hero{display:block;position:relative;isolation:isolate;overflow:visible;min-height:0;padding:0 0 38px;background:var(--saitivo-white)}
  .public-site .hero-backdrop{display:block;position:sticky;top:0;z-index:0;inset:auto;width:100%;height:clamp(300px,54svh,480px);aspect-ratio:auto;margin:0 0 clamp(-420px,-46svh,-275px);border-radius:0;overflow:hidden;pointer-events:none}
  .public-site .hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.25) 62%,rgba(255,255,255,.86) 86%,var(--saitivo-white) 100%)}
  .public-site .hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 43%;transform:none;filter:saturate(.82)}
  .public-site .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);width:min(100% - 36px,680px);margin:0 auto;padding-top:clamp(260px,40svh,365px)}
  .public-site .hero-copy{width:100%;max-width:680px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}
  .public-site .hero-mobile-visual{display:none!important}
}
@media(max-width:560px){
  .public-site .hero{padding-bottom:34px}
  .public-site .hero-grid{width:calc(100% - 36px)}
  .public-site .hero-backdrop{height:clamp(300px,54svh,450px)}
  .public-site .hero h1{font-size:clamp(34px,9.7vw,46px);line-height:1.07;letter-spacing:-.04em}
  .public-site .hero-lead{font-size:16px;line-height:1.7;margin-top:21px}
}

/* Mobile process accordions: keep every card label and open detail readable in navy. */
@media(max-width:860px){
  .public-site .steps-section .steps-grid li{padding:0!important;border:0!important;background:transparent!important}
  .public-site .steps-section .process-step-details{overflow:hidden;border:1px solid rgba(183,231,252,.5);border-radius:14px;background:var(--saitivo-white);box-shadow:0 8px 22px rgba(15,31,58,.12)}
  .public-site .steps-section .process-step-details summary,
  .public-site .steps-section .process-step-details summary h3,
  .public-site .steps-section .process-step-details summary .step-number,
  .public-site .steps-section .process-step-details summary .process-step-chevron,
  .public-site .steps-section .process-step-details .process-step-content,
  .public-site .steps-section .process-step-details .process-step-content p{color:var(--saitivo-navy)!important}
  .public-site .steps-section .process-step-details summary{background:var(--saitivo-white)!important}
  .public-site .steps-section .process-step-details .process-step-content{background:var(--saitivo-white)!important}
  .public-site .steps-section .migration-scope-note{color:var(--saitivo-navy)!important}
}
@media(max-width:560px){
  .public-site .steps-section .process-step-details summary h3{font-size:16px}
  .public-site .steps-section .process-step-details .process-step-content p{font-size:14px;line-height:1.6}
}


/* Keep the animated migration circuit visible on smaller screens. */
@media(max-width:860px){
  .public-site .steps-circuit{opacity:.82}
  .public-site .steps-circuit .trace{stroke:rgba(183,231,252,.3)}
  .public-site .steps-circuit .flow{stroke:rgba(183,231,252,.82)}
}


/* Focus the migration section on a simple promise, with the computer visual fading into navy. */
.public-site .steps-section{background:var(--saitivo-navy)}
.public-site .migration-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,64px);min-height:470px}
.public-site .migration-visual{grid-column:1;grid-row:1;position:relative;align-self:stretch;min-height:360px;overflow:hidden;mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 100%)}
.public-site .migration-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:left center}
.public-site .migration-copy{grid-column:2;grid-row:1;position:relative;z-index:2;isolation:isolate;max-width:560px;margin:0;padding:50px 0}
.public-site .migration-copy .eyebrow{color:var(--warm)}
.public-site .migration-copy h2{color:var(--saitivo-white)}
.public-site .migration-copy>p:not(.eyebrow){color:rgba(234,247,251,.9)}
.public-site .migration-copy .steps-actions{margin-top:26px}
.public-site .steps-section .steps-circuit{opacity:.42}
.public-site .steps-section .steps-circuit .trace{stroke:rgba(183,231,252,.25)}
.public-site .steps-section .steps-circuit .flow{stroke:rgba(183,231,252,.68)}
@media(max-width:760px){
  .public-site .migration-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}
  .public-site .migration-visual{grid-column:1;grid-row:1;height:220px;min-height:0;margin:0 -18px;mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 54%,transparent 100%)}
  .public-site .migration-copy{grid-column:1;grid-row:2;max-width:none;padding:0 0 12px}
  .public-site .steps-section .steps-circuit{opacity:.52}
}
@media(max-width:560px){
  .public-site .migration-visual{height:190px}
  .public-site .migration-copy h2{font-size:32px}
  .public-site .migration-copy .steps-actions{margin-top:20px}
}

/* Bring the migration visual closer to the left edge and let its data filaments radiate into the section. */
.public-site .steps-section{background:var(--saitivo-navy)}
.public-site .steps-section>.public-shell{position:relative;z-index:auto}
.public-site .migration-layout{position:relative;z-index:auto;min-height:470px}
.public-site .migration-visual{position:absolute;inset:0;grid-column:1/-1;grid-row:1;width:100%;height:100%;min-height:0;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;mask-image:none;-webkit-mask-image:none;z-index:1;pointer-events:none}
.public-site .migration-visual img{position:absolute;top:50%;left:clamp(-92px,-5.5vw,-30px);display:block;width:auto;max-width:none;height:145%;transform:translateY(-50%);object-fit:contain;object-position:left center;border:0;border-radius:0;box-shadow:none}
.public-site .steps-section .steps-circuit{z-index:2;opacity:.56}
.public-site .steps-section .steps-circuit .trace{fill:none;stroke:rgba(183,231,252,.2);stroke-width:1.05;vector-effect:non-scaling-stroke}
.public-site .steps-section .steps-circuit .flow{fill:none;stroke:rgba(183,231,252,.64);stroke-width:1.55;stroke-dasharray:2 26;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:saitivo-data-flow 28s linear infinite}
.public-site .steps-section .steps-circuit .flow-slow{animation-duration:36s;animation-delay:-14s}
.public-site .steps-section .steps-circuit .node{fill:var(--saitivo-aqua);opacity:.38;transform-box:fill-box;transform-origin:center;animation:saitivo-node-pulse 5.2s ease-in-out infinite}
.public-site .steps-section .steps-circuit .node-delayed{animation-delay:-2.6s}
.public-site .migration-copy{position:relative;z-index:3;justify-self:end;max-width:590px;padding:38px clamp(16px,2.5vw,38px);border-radius:24px;background:radial-gradient(ellipse at center,rgba(15,31,58,.99) 0%,rgba(15,31,58,.94) 68%,rgba(15,31,58,0) 100%)}
@media(max-width:760px){
  .public-site .migration-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-bottom:8px}
  .public-site .migration-visual{position:relative;inset:auto;grid-column:1;grid-row:1;width:calc(100% + 36px);height:285px;min-height:0;margin:0 -18px;overflow:visible}
  .public-site .migration-visual img{top:50%;left:clamp(-50px,-8vw,-24px);height:330px;max-width:none;transform:translateY(-50%);object-fit:contain;object-position:left center}
  .public-site .steps-section .steps-circuit{opacity:.44}
  .public-site .migration-copy{grid-column:1;grid-row:2;justify-self:stretch;max-width:none;padding:18px 14px 20px;border-radius:20px;background:radial-gradient(ellipse at center,rgba(15,31,58,.99) 0%,rgba(15,31,58,.96) 72%,rgba(15,31,58,0) 100%)}
}
@media(max-width:560px){
  .public-site .migration-visual{height:250px}
  .public-site .migration-visual img{height:300px}
  .public-site .migration-copy h2{font-size:32px}
  .public-site .migration-copy .steps-actions{margin-top:20px}
}


/* Futuristic computer and flowing data network belong to the migration section. */
.public-site #migration{position:relative;isolation:isolate;overflow:hidden;background:var(--saitivo-navy)}
.public-site #migration .migration-layout{min-height:520px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(18px,3vw,48px)}
.public-site #migration .migration-visual{grid-column:1/-1;grid-row:1;position:absolute;left:50%;top:0;width:100vw;height:100%;min-height:470px;margin:0;transform:translateX(-50%);pointer-events:none;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.68) 86%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.68) 86%,transparent 100%)}
.public-site #migration .migration-visual-svg{position:absolute;left:0;top:-6%;width:130%;height:112%;overflow:visible;filter:drop-shadow(0 18px 36px rgba(0,0,0,.22))}
.public-site #migration .migration-visual-svg .board-plane{fill:url(#migration-board-glow)}
.public-site #migration .migration-visual-svg .board-grid{fill:url(#migration-grid);opacity:.36}
.public-site #migration .migration-visual-svg .board-trace{fill:none;stroke:rgba(183,231,252,.28);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.public-site #migration .migration-visual-svg .board-trace--bright{stroke:rgba(183,231,252,.76);stroke-width:1.7;filter:url(#migration-vector-glow)}
.public-site #migration .migration-visual-svg .board-current{fill:none;stroke:var(--saitivo-aqua);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:2 28;filter:url(#migration-vector-glow);animation:migration-vector-flow 13s linear infinite}
.public-site #migration .migration-visual-svg .board-current:nth-child(2n){animation-duration:17s;animation-direction:reverse}
.public-site #migration .migration-visual-svg .chip-edge{fill:none;stroke:#66CFFF;stroke-width:2;filter:url(#migration-vector-glow);animation:migration-edge-pulse 4.5s ease-in-out infinite}
.public-site #migration .migration-visual-svg .chip-contact{fill:none;stroke:#6E879B;stroke-width:3;stroke-linecap:round;opacity:.8}
.public-site #migration .migration-visual-svg .signal-node{fill:var(--saitivo-cloud);stroke:#62C9FF;stroke-width:2;filter:url(#migration-vector-glow);transform-box:fill-box;transform-origin:center;animation:migration-node-pulse 3s ease-in-out infinite}
.public-site #migration .migration-visual-svg .signal-node:nth-of-type(3n){animation-delay:1.1s}
.public-site #migration .migration-visual-svg .chip-halo{fill:none;stroke:var(--saitivo-teal);stroke-width:2;opacity:.45;filter:url(#migration-vector-glow);animation:migration-halo-pulse 5.5s ease-in-out infinite}
.public-site #migration .migration-visual-svg .cooler-rotor{transform-box:fill-box;transform-origin:center;animation:migration-rotor 18s linear infinite}
@keyframes migration-vector-flow{to{stroke-dashoffset:-300}}
@keyframes migration-edge-pulse{0%,100%{opacity:.48}50%{opacity:1}}
@keyframes migration-node-pulse{0%,100%{opacity:.54;transform:scale(.78)}50%{opacity:1;transform:scale(1.35)}}
@keyframes migration-halo-pulse{0%,100%{opacity:.22;stroke-width:1.4}50%{opacity:.72;stroke-width:3}}
@keyframes migration-rotor{to{transform:rotate(360deg)}}
.public-site #migration .steps-circuit{opacity:.78}
.public-site #migration .steps-circuit .migration-data-svg{display:block;width:100%;height:100%;min-height:100%;overflow:visible;mask-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,#000 8%,#000 72%,rgba(0,0,0,.5) 87%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.72) 0%,#000 8%,#000 72%,rgba(0,0,0,.5) 87%,transparent 100%)}
.public-site #migration .migration-data-svg .data-traces{fill:none;stroke:rgba(183,231,252,.3);stroke-width:1.25}
.public-site #migration .migration-data-svg .data-packets{fill:none;stroke:var(--saitivo-aqua);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.1 34;filter:drop-shadow(0 0 5px rgba(183,231,252,.8));animation:migration-packets-flow 16s linear infinite}
.public-site #migration .migration-data-svg .data-packets path:nth-child(2n){animation-duration:21s;animation-direction:reverse}
.public-site #migration .migration-data-svg .data-packets path:nth-child(3n){animation-duration:13s}
.public-site #migration .migration-data-svg .data-nodes circle{fill:var(--saitivo-cloud);stroke:var(--saitivo-teal);stroke-width:1.3;filter:drop-shadow(0 0 8px var(--saitivo-aqua))}
@keyframes migration-packets-flow{to{stroke-dashoffset:-272}}
@media(max-width:760px){
 .public-site #migration .migration-layout{min-height:0;grid-template-columns:minmax(0,1fr);gap:0}
 .public-site #migration .migration-visual{grid-column:1;grid-row:1;left:50%;top:0;width:100vw;height:clamp(255px,66vw,330px);min-height:0;margin:0;transform:translateX(-50%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%)}
 
 .public-site #migration .migration-copy{grid-column:1;grid-row:1;padding:0 0 12px}
 .public-site #migration .steps-circuit{opacity:.68}
}
@media(prefers-reduced-motion:reduce){
 .public-site #migration .migration-data-svg .data-packets{animation:none;stroke-dasharray:2 26}
 .public-site #migration .migration-data-svg .data-nodes{display:none}
}

/* Soft brand-blue light field behind migration copy, fading fully transparent. */
.public-site #migration .migration-copy::before{content:"";position:absolute;z-index:-1;inset:-125px -245px -115px -190px;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 55% 50%,rgba(47,111,237,.24) 0%,rgba(47,111,237,.18) 36%,rgba(47,111,237,.1) 66%,rgba(47,111,237,0) 100%);filter:blur(16px);animation:migration-copy-glow 19s ease-in-out infinite alternate}
@keyframes migration-copy-glow{from{transform:translate3d(-1%,0,0) scale(.98);opacity:.82}to{transform:translate3d(1%,0,0) scale(1.02);opacity:1}}
.public-site #migration .migration-data-svg .data-hub{transform-box:fill-box;transform-origin:center;animation:migration-node-pulse 3.4s ease-in-out infinite}
@media(max-width:760px){.public-site #migration .migration-copy::before{inset:-36px -34px -30px;filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.public-site #migration .migration-copy::before{animation:none}}


/* Migration section: promise and live prices share a clear two-column layout. */
.public-site #migration .migration-layout{
  min-height:560px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(28px,4vw,64px);
  padding-block:clamp(44px,6vw,76px);
}
.public-site #migration .migration-copy{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  align-self:center;
  width:100%;
  max-width:560px;
  padding:clamp(26px,3.2vw,44px) clamp(18px,2.6vw,38px);
  border-radius:0;
  background:transparent;
  z-index:3;
}
.public-site #migration .migration-copy::before{
  inset:-12px -18px;
  border-radius:0;
  background:var(--saitivo-navy);
  opacity:.98;
  filter:none;
  animation:none;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;
}
.public-site #migration .migration-pricing{
  position:relative;
  z-index:4;
  grid-column:2;
  grid-row:1;
  display:grid;
  align-content:center;
  gap:0;
  min-width:0;
}
.public-site #migration .migration-pricing .pricing-category-heading{
  margin:0 0 16px;
  color:var(--saitivo-white);
  font-size:clamp(18px,1.7vw,22px);
}
.public-site #migration .migration-pricing .pricing-options-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.public-site #migration .migration-pricing .pricing-option{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(234,247,251,.78);
  border-radius:15px;
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  box-shadow:0 16px 38px rgba(3,12,27,.24);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.public-site #migration .migration-pricing .pricing-option:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 44px rgba(3,12,27,.32);
}
.public-site #migration .migration-pricing .pricing-option-featured{
  border-color:var(--saitivo-beige);
}
.public-site #migration .migration-pricing .pricing-option>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 24px;
  align-items:center;
  gap:clamp(8px,1.1vw,14px);
  min-height:82px;
  padding:16px clamp(14px,1.7vw,22px);
  color:var(--saitivo-navy);
  cursor:pointer;
  list-style:none;
}
.public-site #migration .migration-pricing .pricing-option>summary::-webkit-details-marker{display:none}
.public-site #migration .migration-pricing .pricing-option>summary:focus-visible{
  outline:3px solid var(--saitivo-teal);
  outline-offset:-4px;
  border-radius:14px;
}
.public-site #migration .migration-pricing .pricing-option-title{
  font-size:clamp(14px,1.25vw,17px);
  line-height:1.32;
  font-weight:750;
}
.public-site #migration .migration-pricing .pricing-option-price{text-align:right;white-space:nowrap}
.public-site #migration .migration-pricing .pricing-option-price strong{
  display:block;
  color:var(--saitivo-beige);
  font-size:clamp(14px,1.45vw,18px);
  letter-spacing:-.025em;
}
.public-site #migration .migration-pricing .pricing-option-price small{
  display:block;
  margin-top:3px;
  color:var(--saitivo-muted);
  font-size:10px;
}
.public-site #migration .migration-pricing .pricing-option-chevron{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
  font-size:18px;
  line-height:1;
  transition:transform .22s ease,background .22s ease;
}
.public-site #migration .migration-pricing .pricing-option[open]>summary{
  border-bottom:1px solid var(--saitivo-border);
}
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-chevron{
  transform:rotate(45deg);
  background:var(--saitivo-beige);
}
.public-site #migration .migration-pricing .pricing-option-content{
  padding:17px clamp(15px,1.8vw,22px) 20px;
  background:var(--saitivo-white);
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-total-note{
  margin:0 0 13px;
  padding:11px 13px;
  border:1px solid var(--saitivo-aqua);
  border-radius:9px;
  background:var(--saitivo-cloud);
  color:#45596D;
  font-size:12px;
  line-height:1.55;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-total-note strong{
  display:block;
  color:var(--saitivo-navy);
  font-size:14px;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-lead{
  margin:0 0 13px;
  color:var(--saitivo-ink);
  font-size:13px;
  line-height:1.6;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list{
  display:grid;
  gap:8px;
  margin:0 0 14px;
  padding:0;
  list-style:none;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list li{
  position:relative;
  padding-left:19px;
  color:var(--saitivo-navy);
  font-size:12.5px;
  line-height:1.5;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--saitivo-teal);
  font-weight:800;
}
.public-site #migration .migration-pricing .pricing-option-content .product-note{
  margin:0 0 15px;
  color:var(--saitivo-muted);
  font-size:11.5px;
  line-height:1.55;
}
.public-site #migration .migration-pricing .pricing-option-content .pricing-cta{
  width:100%;
  justify-content:center;
}
@media(max-width:760px){
  .public-site #migration .migration-layout{
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding-block:28px 34px;
  }
  .public-site #migration .migration-copy{
    grid-column:1;
    grid-row:1;
    justify-self:stretch;
    max-width:none;
    padding:22px 16px 26px;
  }
  .public-site #migration .migration-copy::before{
    inset:4px -14px 0;
  }
  .public-site #migration .migration-pricing{
    grid-column:1;
    grid-row:2;
    margin-top:16px;
  }
  .public-site #migration .migration-pricing .pricing-category-heading{
    margin-bottom:12px;
  }
  .public-site #migration .migration-pricing .pricing-option-title{font-size:15px}
  .public-site #migration .migration-pricing .pricing-option-price strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-pricing .pricing-option{transition:none}
}


/* Fade the migration network to transparent at every section edge. */
.public-site #migration .steps-circuit .migration-data-svg{
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  -webkit-mask-composite:source-in;
}
.public-site #migration .migration-data-svg .data-orange-traces path{
  fill:none;
  stroke:var(--saitivo-beige);
  stroke-width:1.9;
  opacity:0;
  filter:drop-shadow(0 0 5px rgba(171,133,106,.8));
  animation:migration-orange-route 16s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces path:nth-child(2){animation-duration:19s;animation-delay:-8s}
.public-site #migration .migration-data-svg .data-orange-traces path:nth-child(3){animation-duration:22s;animation-delay:-15s}
@keyframes migration-orange-route{
  0%,9%,32%,100%{opacity:0}
  15%,23%{opacity:.84}
  28%{opacity:.18}
}
@media(max-width:760px){
  .public-site #migration .steps-circuit .migration-data-svg{
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
    mask-composite:intersect;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
    -webkit-mask-composite:source-in;
  }
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-orange-traces path{animation:none;opacity:.5}
}


/* Migration offers directly under the copy, over a blue haze fading to the right. */
.public-site #migration::before{content:"";position:absolute;z-index:1;left:-7%;top:-10%;width:78%;height:120%;pointer-events:none;background:linear-gradient(90deg,rgba(47,111,237,.27) 0%,rgba(47,111,237,.22) 42%,rgba(47,111,237,.12) 72%,rgba(47,111,237,0) 100%);filter:blur(22px)}
.public-site #migration .migration-layout{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:0;padding-block:clamp(52px,6.5vw,82px)}
.public-site #migration .migration-copy{grid-column:1;grid-row:1;justify-self:start;align-self:end;width:100%;max-width:610px;padding:clamp(16px,2vw,28px) clamp(16px,2.5vw,34px) 16px 0;background:transparent;border-radius:0;z-index:3}
.public-site #migration .migration-copy::before{content:none!important}
.public-site #migration .migration-pricing{position:relative;z-index:4;grid-column:1;grid-row:2;align-self:start;width:100%;max-width:610px;min-width:0;margin-top:2px;padding-right:clamp(0px,1.6vw,20px)}
.public-site #migration .migration-pricing .migration-pricing-heading{margin:0 0 10px;color:rgba(234,247,251,.8);font-size:11px;line-height:1.3;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.public-site #migration .migration-pricing .pricing-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.public-site #migration .migration-pricing .pricing-option{min-width:0;overflow:hidden;border:1px solid rgba(234,247,251,.78);border-radius:13px;background:rgba(247,250,250,.97);color:var(--saitivo-navy);box-shadow:0 12px 28px rgba(3,12,27,.2);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.public-site #migration .migration-pricing .pricing-option:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(3,12,27,.28)}
.public-site #migration .migration-pricing .pricing-option-featured{border-color:var(--saitivo-beige)}
.public-site #migration .migration-pricing .pricing-option>summary{display:grid;grid-template-columns:minmax(0,1fr) 22px;grid-template-rows:auto auto;align-items:center;gap:3px 9px;min-height:74px;padding:11px 12px;color:var(--saitivo-navy);cursor:pointer;list-style:none}
.public-site #migration .migration-pricing .pricing-option>summary::-webkit-details-marker{display:none}
.public-site #migration .migration-pricing .pricing-option>summary:focus-visible{outline:3px solid var(--saitivo-teal);outline-offset:-4px;border-radius:12px}
.public-site #migration .migration-pricing .pricing-option-title{grid-column:1;grid-row:1;font-size:14px;line-height:1.22;font-weight:750}
.public-site #migration .migration-pricing .pricing-option-price{grid-column:1;grid-row:2;display:flex;align-items:baseline;gap:5px;text-align:left;white-space:normal}
.public-site #migration .migration-pricing .pricing-option-price strong{display:inline;color:var(--saitivo-beige);font-size:14px;letter-spacing:-.02em}
.public-site #migration .migration-pricing .pricing-option-price small{display:inline;margin:0;color:var(--saitivo-muted);font-size:10px}
.public-site #migration .migration-pricing .pricing-option-chevron{grid-column:2;grid-row:1/3;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:16px;line-height:1;transition:transform .2s ease,background .2s ease}
.public-site #migration .migration-pricing .pricing-option[open]>summary{border-bottom:1px solid var(--saitivo-border)}
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-chevron{transform:rotate(45deg);background:var(--saitivo-beige)}
.public-site #migration .migration-pricing .pricing-option-content{padding:14px;background:var(--saitivo-white)}
.public-site #migration .migration-pricing .pricing-option-content .pricing-total-note{margin:0 0 11px;padding:10px 11px;border:1px solid var(--saitivo-aqua);border-radius:8px;background:var(--saitivo-cloud);color:#45596D;font-size:11px;line-height:1.5}
.public-site #migration .migration-pricing .pricing-option-content .pricing-total-note strong{display:block;color:var(--saitivo-navy);font-size:13px}
.public-site #migration .migration-pricing .pricing-option-content .pricing-lead{margin:0 0 11px;color:var(--saitivo-ink);font-size:12px;line-height:1.55}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list{display:grid;gap:7px;margin:0 0 12px;padding:0;list-style:none}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list li{position:relative;padding-left:18px;color:var(--saitivo-navy);font-size:11.5px;line-height:1.45}
.public-site #migration .migration-pricing .pricing-option-content .pricing-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--saitivo-teal);font-weight:800}
.public-site #migration .migration-pricing .pricing-option-content .product-note{margin:0 0 12px;color:var(--saitivo-muted);font-size:10.5px;line-height:1.5}
.public-site #migration .migration-pricing .pricing-option-content .pricing-cta{width:100%;justify-content:center;font-size:12px;padding:11px 12px}
@media(max-width:760px){
 .public-site #migration::before{left:-20%;width:120%;opacity:.86}
 .public-site #migration .migration-layout{min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;padding-block:34px 38px}
 .public-site #migration .migration-copy{grid-column:1;grid-row:1;align-self:start;max-width:none;padding:14px 8px 12px 0}
 .public-site #migration .migration-pricing{grid-column:1;grid-row:2;max-width:none;margin-top:4px;padding-right:0}
 .public-site #migration .migration-pricing .pricing-options-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 .public-site #migration .migration-pricing .pricing-option>summary{min-height:72px;padding:11px 14px;gap:4px 10px}
 .public-site #migration .migration-pricing .pricing-option-title{font-size:15px}
 .public-site #migration .migration-pricing .pricing-option-price strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.public-site #migration .migration-pricing .pricing-option{transition:none}}


/* Brand buttons: orange with navy text, inverted to navy and orange on hover. */
.public-site .button{
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
  border-color:var(--saitivo-beige);
  box-shadow:0 8px 18px rgba(171,133,106,.18);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.public-site .button:hover,
.public-site .button:focus-visible,
.public-site .button:active{
  background:var(--saitivo-navy);
  color:var(--saitivo-beige);
  border-color:var(--saitivo-navy);
  box-shadow:0 10px 22px rgba(15,31,58,.22);
}
.public-site .button:focus-visible{outline:3px solid var(--saitivo-aqua);outline-offset:3px}

/* The two migration accordions use the same orange-to-navy interaction. */
.public-site #migration .migration-pricing .pricing-option>summary{
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
  transition:background-color .2s ease,color .2s ease;
}
.public-site #migration .migration-pricing .pricing-option-title{color:var(--saitivo-navy)}
.public-site #migration .migration-pricing .pricing-option-price strong{color:var(--saitivo-navy)}
.public-site #migration .migration-pricing .pricing-option-price small{color:rgba(15,31,58,.78)}
.public-site #migration .migration-pricing .pricing-option-chevron{background:var(--saitivo-navy);color:var(--saitivo-beige)}
.public-site #migration .migration-pricing .pricing-option>summary:hover,
.public-site #migration .migration-pricing .pricing-option[open]>summary{
  background:var(--saitivo-navy);
  color:var(--saitivo-beige);
}
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-title,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-title,
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-price strong,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-price strong,
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-price small,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-price small{color:var(--saitivo-beige)}
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-chevron,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-chevron{
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
}
@media(prefers-reduced-motion:reduce){.public-site .button{transition:none}}


/* Migration: a full-height navy veil quiets the moving network behind copy and prices. */
.public-site #migration::before{content:none;display:none}
.public-site #migration::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0 auto 0 0;
  width:58%;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(15,31,58,0) 0%,
    rgba(15,31,58,.94) 9%,
    rgba(15,31,58,.98) 23%,
    rgba(15,31,58,.98) 82%,
    rgba(15,31,58,.92) 91%,
    rgba(15,31,58,0) 100%);
}
.public-site #migration .migration-copy,
.public-site #migration .migration-pricing{z-index:4}

/* Compact white price tags: navy offer names and a clear orange price. */
.public-site #migration .migration-pricing .pricing-option{
  background:var(--saitivo-white);
  border-color:rgba(234,247,251,.95);
}
.public-site #migration .migration-pricing .pricing-option-featured{border-color:var(--saitivo-beige)}
.public-site #migration .migration-pricing .pricing-option>summary{
  min-height:78px;
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.public-site #migration .migration-pricing .pricing-option>summary:hover,
.public-site #migration .migration-pricing .pricing-option[open]>summary{
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  border-color:rgba(171,133,106,.55);
}
.public-site #migration .migration-pricing .pricing-option-title,
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-title,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-title{color:var(--saitivo-navy)}
.public-site #migration .migration-pricing .pricing-option-price strong,
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-price strong,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-price strong{
  color:var(--saitivo-beige);
  font-size:17px;
  font-weight:800;
}
.public-site #migration .migration-pricing .pricing-option-price small,
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-price small,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-price small{
  color:#566579;
  font-size:11px;
}
.public-site #migration .migration-pricing .pricing-option-chevron{
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
}
.public-site #migration .migration-pricing .pricing-option>summary:hover .pricing-option-chevron,
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-chevron{
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
}
.public-site #migration .migration-pricing .pricing-option[open]>summary{border-bottom:1px solid var(--saitivo-border)}

@media(max-width:760px){
  .public-site #migration::after{
    width:100%;
    background:linear-gradient(90deg,
      rgba(15,31,58,0) 0%,
      rgba(15,31,58,.94) 8%,
      rgba(15,31,58,.98) 22%,
      rgba(15,31,58,.98) 78%,
      rgba(15,31,58,.94) 92%,
      rgba(15,31,58,0) 100%);
  }
  .public-site #migration .migration-pricing .pricing-option>summary{min-height:76px}
  .public-site #migration .migration-pricing .pricing-option-price strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-pricing .pricing-option>summary{transition:none}
}

/* Login keeps a calm light-blue fill while primary calls to action stay orange. */
.public-site .header-actions .nav-login-button{
  background:var(--saitivo-aqua);
  color:var(--saitivo-navy);
  border-color:var(--saitivo-aqua);
  box-shadow:0 8px 18px rgba(183,231,252,.24);
}
.public-site .header-actions .nav-login-button:hover,
.public-site .header-actions .nav-login-button:focus-visible,
.public-site .header-actions .nav-login-button:active{
  background:var(--saitivo-navy);
  color:var(--saitivo-beige);
  border-color:var(--saitivo-navy);
  box-shadow:0 10px 22px rgba(15,31,58,.22);
}


/* Keep the offer tags compact while keeping the full one-time price on one line. */
.public-site #migration .migration-pricing .pricing-option>summary{
  grid-template-columns:minmax(0,1fr) 22px;
  grid-template-rows:auto auto;
  gap:2px 9px;
  min-height:78px;
  padding:10px 12px;
}
.public-site #migration .migration-pricing .pricing-option-title{grid-column:1;grid-row:1}
.public-site #migration .migration-pricing .pricing-option-price{
  grid-column:1;
  grid-row:2;
  display:grid;
  gap:1px;
  text-align:left;
  white-space:normal;
  line-height:1.15;
}
.public-site #migration .migration-pricing .pricing-option-price strong{
  display:block;
  white-space:nowrap;
  font-size:16px;
  line-height:1.12;
}
.public-site #migration .migration-pricing .pricing-option-price small{
  display:block;
  margin:0;
  line-height:1.2;
}
.public-site #migration .migration-pricing .pricing-option-chevron{grid-column:2;grid-row:1/3}
@media(max-width:760px){
  .public-site #migration .migration-pricing .pricing-option>summary{min-height:76px;padding:10px 14px}
  .public-site #migration .migration-pricing .pricing-option-price strong{font-size:16px}
}


/* Branching signal routes make the migration network radiate in every direction. */
.public-site #migration .migration-data-svg .neural-traces{opacity:.78}
.public-site #migration .migration-data-svg .neural-traces path{
  fill:none;stroke:rgba(183,231,252,.38);stroke-width:1.15;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 2px rgba(183,231,252,.22));
}
.public-site #migration .migration-data-svg .neural-traces path:nth-child(3n+1){stroke:rgba(183,231,252,.52);stroke-width:1.35}
.public-site #migration .migration-data-svg .neural-traces .neural-accent{
  stroke:var(--saitivo-beige);stroke-width:1.65;opacity:0;filter:drop-shadow(0 0 5px rgba(171,133,106,.62));
  animation:migration-neural-accent 19s ease-in-out infinite;
}
@keyframes migration-neural-accent{
  0%,12%,38%,100%{opacity:0}
  18%,29%{opacity:.78}
  34%{opacity:.16}
}
.public-site #migration .migration-data-svg .neural-junctions .neural-junction{
  fill:var(--saitivo-aqua);stroke:var(--saitivo-cloud);stroke-width:.6;opacity:.52;
  transform-box:fill-box;transform-origin:center;animation:migration-junction-pulse 4.4s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .neural-junctions .neural-junction:nth-child(3n){animation-delay:-1.4s}
.public-site #migration .migration-data-svg .neural-junctions .neural-junction:nth-child(4n){animation-delay:-2.8s}
.public-site #migration .migration-data-svg .neural-junctions .neural-junction-accent{
  fill:var(--saitivo-beige);stroke:var(--saitivo-cloud);filter:drop-shadow(0 0 6px rgba(171,133,106,.9));
}
@keyframes migration-junction-pulse{
  0%,100%{opacity:.3;transform:scale(.82)}
  50%{opacity:.92;transform:scale(1.28)}
}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  fill:var(--saitivo-cloud);stroke:var(--saitivo-aqua);stroke-width:1;filter:drop-shadow(0 0 7px rgba(183,231,252,.95));
}

/* Login uses the dark side of the palette, with ice-blue text. */
.public-site .header-actions .nav-login-button{
  background:var(--saitivo-navy);color:var(--saitivo-aqua);border-color:var(--saitivo-navy);
  box-shadow:0 8px 18px rgba(15,31,58,.16);
}
.public-site .header-actions .nav-login-button:hover,
.public-site .header-actions .nav-login-button:focus-visible,
.public-site .header-actions .nav-login-button:active{
  background:var(--saitivo-navy);color:var(--saitivo-cloud);border-color:var(--saitivo-navy);
  box-shadow:0 10px 22px rgba(15,31,58,.24);transform:translateY(-1px);
}

/* Calm price tags with a small lift and a soft reveal of the details. */
.public-site #migration .migration-pricing .pricing-option{
  position:relative;transform:translateY(0);
  transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;
}
.public-site #migration .migration-pricing .pricing-option::before{
  content:"";position:absolute;z-index:1;left:0;top:10px;bottom:10px;width:3px;
  border-radius:0 3px 3px 0;background:var(--saitivo-beige);opacity:.72;pointer-events:none;
  transition:opacity .25s ease,top .25s ease,bottom .25s ease;
}
.public-site #migration .migration-pricing .pricing-option:hover,
.public-site #migration .migration-pricing .pricing-option:focus-within{
  transform:translateY(-2px);border-color:rgba(47,111,237,.38);
  box-shadow:0 18px 38px rgba(3,12,27,.24);
}
.public-site #migration .migration-pricing .pricing-option:hover::before,
.public-site #migration .migration-pricing .pricing-option:focus-within::before{
  top:7px;bottom:7px;opacity:1;
}
.public-site #migration .migration-pricing .pricing-option>summary{position:relative;z-index:2}
.public-site #migration .migration-pricing .pricing-option:not([open])>summary:hover .pricing-option-chevron{
  transform:translateX(2px);background:var(--saitivo-aqua);
}
.public-site #migration .migration-pricing .pricing-option[open]>summary .pricing-option-chevron{
  transform:rotate(45deg);background:var(--saitivo-beige);
}
.public-site #migration .migration-pricing .pricing-option-content{
  transform-origin:top;animation:migration-details-reveal .38s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes migration-details-reveal{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .neural-traces .neural-accent{animation:none;opacity:.35}
  .public-site #migration .migration-data-svg .neural-junctions .neural-junction{animation:none;opacity:.55}
  .public-site #migration .migration-data-svg .neural-moving-packets{display:none}
  .public-site #migration .migration-pricing .pricing-option,
  .public-site #migration .migration-pricing .pricing-option::before,
  .public-site #migration .migration-pricing .pricing-option .pricing-option-chevron{transition:none}
  .public-site #migration .migration-pricing .pricing-option-content{animation:none}
}


/* The new-website offers follow the compact visual system of the Migration price tags. */
.public-site #optionen .pricing-category-heading{
  margin:26px 0 10px;
  color:var(--saitivo-muted);
  font-size:11px;
  line-height:1.3;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.public-site #optionen .pricing-options-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
  max-width:900px;
}
.public-site #optionen .pricing-option{
  position:relative;
  min-width:0;
  overflow:hidden;
  transform:translateY(0);
  border:1px solid var(--saitivo-border);
  border-radius:13px;
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  box-shadow:0 12px 28px rgba(15,31,58,.1);
  transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;
}
.public-site #optionen .pricing-option::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--saitivo-beige);
  opacity:.72;
  pointer-events:none;
  transition:opacity .25s ease,top .25s ease,bottom .25s ease;
}
.public-site #optionen .pricing-option:hover,
.public-site #optionen .pricing-option:focus-within{
  transform:translateY(-2px);
  border-color:rgba(47,111,237,.38);
  box-shadow:0 18px 38px rgba(15,31,58,.15);
}
.public-site #optionen .pricing-option:hover::before,
.public-site #optionen .pricing-option:focus-within::before{top:7px;bottom:7px;opacity:1}
.public-site #optionen .pricing-option>summary{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 9px;
  min-height:78px;
  padding:10px 12px;
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  cursor:pointer;
  list-style:none;
  transition:border-color .2s ease;
}
.public-site #optionen .pricing-option>summary::-webkit-details-marker{display:none}
.public-site #optionen .pricing-option>summary:focus-visible{
  outline:3px solid var(--saitivo-teal);
  outline-offset:-4px;
  border-radius:12px;
}
.public-site #optionen .pricing-option>summary:hover,
.public-site #optionen .pricing-option[open]>summary{
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  border-color:rgba(171,133,106,.55);
}
.public-site #optionen .pricing-option-title{
  grid-column:1;
  grid-row:1;
  color:var(--saitivo-navy);
  font-size:14px;
  line-height:1.22;
  font-weight:750;
}
.public-site #optionen .pricing-option-price{
  grid-column:1;
  grid-row:2;
  display:grid;
  gap:1px;
  text-align:left;
  white-space:normal;
  line-height:1.15;
}
.public-site #optionen .pricing-option-price strong{
  display:block;
  color:var(--saitivo-beige);
  font-size:16px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.12;
  white-space:nowrap;
}
.public-site #optionen .pricing-option-price small{
  display:block;
  margin:0;
  color:#566579;
  font-size:11px;
  line-height:1.2;
}
.public-site #optionen .pricing-option-chevron{
  grid-column:2;
  grid-row:1/3;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
  font-size:16px;
  line-height:1;
  transition:transform .2s ease,background .2s ease;
}
.public-site #optionen .pricing-option:not([open])>summary:hover .pricing-option-chevron{
  transform:translateX(2px);
  background:var(--saitivo-aqua);
}
.public-site #optionen .pricing-option[open]>summary .pricing-option-chevron{
  transform:rotate(45deg);
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
}
.public-site #optionen .pricing-option[open]>summary{border-bottom:1px solid var(--saitivo-border)}
.public-site #optionen .pricing-option-content{
  padding:16px 14px 15px;
  background:var(--saitivo-white);
  transform-origin:top;
  animation:optionen-details-reveal .38s cubic-bezier(.2,.75,.25,1) both;
}
.public-site #optionen .pricing-option-content .pricing-total-note{
  margin:0 0 11px;
  padding:10px 11px;
  border:1px solid var(--saitivo-aqua);
  border-radius:8px;
  background:var(--saitivo-cloud);
  color:#45596D;
  font-size:11px;
  line-height:1.5;
}
.public-site #optionen .pricing-option-content .pricing-total-note strong{
  display:block;
  color:var(--saitivo-navy);
  font-size:13px;
}
.public-site #optionen .pricing-option-content .pricing-lead{
  margin:0 0 11px;
  color:var(--saitivo-ink)!important;
  font-size:12px;
  line-height:1.55;
}
.public-site #optionen .pricing-option-content .pricing-list{
  display:grid;
  gap:7px;
  margin:0 0 12px;
  padding:0;
  list-style:none;
}
.public-site #optionen .pricing-option-content .pricing-list li{
  position:relative;
  padding-left:18px;
  color:var(--saitivo-navy);
  font-size:11.5px;
  line-height:1.45;
}
.public-site #optionen .pricing-option-content .pricing-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--saitivo-teal);
  font-weight:800;
}
.public-site #optionen .pricing-option-content .product-note{
  margin:0 0 12px;
  color:var(--saitivo-muted);
  font-size:10.5px;
  line-height:1.5;
}
.public-site #optionen .pricing-option-content .pricing-cta{
  display:flex;
  width:100%;
  justify-content:center;
  margin:0;
  padding:12px 13px;
  background:var(--saitivo-beige);
  border:1px solid var(--saitivo-beige);
  color:var(--saitivo-navy);
  font-size:12px;
  font-weight:750;
  box-shadow:0 8px 18px rgba(171,133,106,.18);
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.public-site #optionen .pricing-option-content .pricing-cta:hover,
.public-site #optionen .pricing-option-content .pricing-cta:focus-visible{
  transform:translateY(-1px);
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-beige);
  box-shadow:0 10px 22px rgba(15,31,58,.22);
}
.public-site #optionen .complex-pricing-action .button{
  background:var(--saitivo-beige);
  border-color:var(--saitivo-beige);
  color:var(--saitivo-navy);
}
.public-site #optionen .complex-pricing-action .button:hover,
.public-site #optionen .complex-pricing-action .button:focus-visible{
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-beige);
}
@keyframes optionen-details-reveal{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:760px){
  .public-site #optionen .pricing-options-grid{
    grid-template-columns:minmax(0,1fr);
    max-width:560px;
    gap:9px;
  }
  .public-site #optionen .pricing-option>summary{min-height:76px;padding:10px 14px}
  .public-site #optionen .pricing-option-title{font-size:15px}
  .public-site #optionen .pricing-option-price strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .public-site #optionen .pricing-option,
  .public-site #optionen .pricing-option::before,
  .public-site #optionen .pricing-option .pricing-option-chevron,
  .public-site #optionen .pricing-option-content,
  .public-site #optionen .pricing-option-content .pricing-cta{transition:none;animation:none}
}


/* Keep the compact header navigation focused on sign-in. */
.public-site .header-actions .nav-login-button{color:var(--saitivo-beige)}
.public-site .header-actions .nav-login-button:hover,
.public-site .header-actions .nav-login-button:focus-visible,
.public-site .header-actions .nav-login-button:active{color:var(--saitivo-beige)}


/* Hero call-to-action: a simple button glides in from the left. */
.public-site .hero-actions .hero-cta-link{
  position:relative;
  z-index:0;
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-beige);
  box-shadow:0 8px 22px rgba(15,31,58,.14);
  animation:saitivo-hero-cta-enter 1.25s cubic-bezier(.16,1,.3,1) .12s both;
  will-change:transform,opacity;
}
.public-site .hero-actions .hero-cta-link>span{position:relative;z-index:1}
.public-site .hero-copy>.eyebrow{color:var(--saitivo-beige)}
.public-site .hero-actions .hero-cta-link:hover,
.public-site .hero-actions .hero-cta-link:focus-visible{
  background:var(--saitivo-beige);
  border-color:var(--saitivo-beige);
  color:var(--saitivo-navy);
}
.public-site .hero-actions .hero-cta-link.is-exiting{
  pointer-events:none;
  animation:saitivo-hero-cta-exit .48s cubic-bezier(.7,0,.84,0) forwards;
}
@keyframes saitivo-hero-cta-enter{
  0%{opacity:0;transform:translate3d(calc(-100vw - 115%),0,0)}
  12%{opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes saitivo-hero-cta-exit{
  0%{opacity:1;transform:translate3d(0,0,0)}
  100%{opacity:0;transform:translate3d(calc(-100vw - 115%),0,0)}
}
@media(prefers-reduced-motion:reduce){
  .public-site .hero-actions .hero-cta-link{animation:none!important;opacity:1;transform:none}
}

/* Header sign-in button:/* Header sign-in button: navy with white text, orange on hover. */
.public-site .header-actions .nav-login-button{
  background:var(--saitivo-navy);
  color:var(--saitivo-white);
  border-color:var(--saitivo-navy);
  box-shadow:0 8px 18px rgba(15,31,58,.16);
}
.public-site .header-actions .nav-login-button:hover,
.public-site .header-actions .nav-login-button:focus-visible,
.public-site .header-actions .nav-login-button:active{
  background:var(--saitivo-beige);
  color:var(--saitivo-navy);
  border-color:var(--saitivo-beige);
  box-shadow:0 10px 22px rgba(15,31,58,.2);
  transform:translateY(-1px);
}


/* Hero copy enters in a short, staggered sequence. */
.public-site .hero.hero-copy-motion-ready .eyebrow,
.public-site .hero.hero-copy-motion-ready h1,
.public-site .hero.hero-copy-motion-ready .hero-lead{
  opacity:0;
  animation:saitivo-hero-copy-reveal .72s cubic-bezier(.16,1,.3,1) both;
}
.public-site .hero.hero-copy-motion-ready .eyebrow{animation-delay:.04s}
.public-site .hero.hero-copy-motion-ready h1{animation-delay:.16s}
.public-site .hero.hero-copy-motion-ready .hero-lead{animation-delay:.29s}
@keyframes saitivo-hero-copy-reveal{
  from{opacity:0;transform:translate3d(0,18px,0);filter:blur(2px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){
  .public-site .hero.hero-copy-motion-ready .eyebrow,
  .public-site .hero.hero-copy-motion-ready h1,
  .public-site .hero.hero-copy-motion-ready .hero-lead{
    animation:none!important;
    opacity:1;
    transform:none;
    filter:none;
  }
}


/* Section copy reveals: a soft, staggered entrance when each section enters view. */
.public-site main section:not(.hero) .section-copy-motion-ready>.eyebrow,
.public-site main section:not(.hero) .section-copy-motion-ready>h2,
.public-site main section:not(.hero) .section-copy-motion-ready>p,
.public-site main section:not(.hero) .section-copy-motion-ready>.steps-actions,
.public-site main section:not(.hero) .section-copy-motion-ready>.contact-email{
  opacity:0;
  transform:translate3d(0,16px,0);
  filter:blur(2px);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--copy-delay,0ms);
}
.public-site main section:not(.hero) .section-copy-motion-ready.section-copy-visible>.eyebrow,
.public-site main section:not(.hero) .section-copy-motion-ready.section-copy-visible>h2,
.public-site main section:not(.hero) .section-copy-motion-ready.section-copy-visible>p,
.public-site main section:not(.hero) .section-copy-motion-ready.section-copy-visible>.steps-actions,
.public-site main section:not(.hero) .section-copy-motion-ready.section-copy-visible>.contact-email{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}

/* The migration fit-check uses the same entrance, click-through and return motion as the hero CTA. */
.public-site .steps-actions .migration-cta-link{
  position:relative;
  z-index:1;
  background:var(--saitivo-beige);
  border-color:var(--saitivo-beige);
  color:var(--saitivo-navy);
  box-shadow:0 8px 22px rgba(15,31,58,.14);
}
.public-site .steps-actions .migration-cta-link:hover,
.public-site .steps-actions .migration-cta-link:focus-visible{
  background:var(--saitivo-aqua);
  border-color:var(--saitivo-aqua);
  color:var(--saitivo-beige);
}
.public-site .steps-section .section-copy-motion-ready.section-copy-visible .migration-cta-link{
  animation:saitivo-hero-cta-enter 1.25s cubic-bezier(.16,1,.3,1) .12s both;
  will-change:transform,opacity;
}
.public-site .steps-actions .migration-cta-link.is-exiting{
  pointer-events:none;
  animation:saitivo-hero-cta-exit .48s cubic-bezier(.7,0,.84,0) forwards;
}
@media(prefers-reduced-motion:reduce){
  .public-site main section:not(.hero) .section-copy-motion-ready>.eyebrow,
  .public-site main section:not(.hero) .section-copy-motion-ready>h2,
  .public-site main section:not(.hero) .section-copy-motion-ready>p,
  .public-site main section:not(.hero) .section-copy-motion-ready>.steps-actions,
  .public-site main section:not(.hero) .section-copy-motion-ready>.contact-email{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .public-site .steps-actions .migration-cta-link,
  .public-site .steps-actions .migration-cta-link.is-exiting{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto;
  }
}


/* Mobile migration composition: upward data streams above the copy and offers. */
@media(max-width:760px){
  .public-site #migration{
    background:var(--saitivo-white);
  }
  .public-site #migration::after{
    content:"";
    position:absolute;
    z-index:3;
    inset:0;
    width:100%;
    height:auto;
    pointer-events:none;
    background:linear-gradient(180deg,
      rgba(15,31,58,0) 0%,
      rgba(15,31,58,0) 22%,
      rgba(15,31,58,.28) 30%,
      rgba(15,31,58,.88) 41%,
      var(--saitivo-navy) 50%,
      var(--saitivo-navy) 100%);
  }
  .public-site #migration .steps-circuit{
    inset:0 0 auto;
    width:100%;
    height:clamp(280px,88vw,360px);
    z-index:1;
    opacity:.9;
  }
  .public-site #migration .steps-circuit .migration-data-svg{
    position:absolute;
    left:50%;
    top:50%;
    width:clamp(280px,88vw,360px);
    height:100vw;
    min-height:0;
    transform:translate(-50%,-50%) rotate(-90deg);
    transform-origin:center;
    mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);
  }
  .public-site #migration .migration-data-svg .data-traces{
    stroke:rgba(47,111,237,.34);
  }
  .public-site #migration .migration-data-svg .data-packets{
    stroke:var(--saitivo-teal);
    filter:drop-shadow(0 0 5px rgba(47,111,237,.72));
  }
  .public-site #migration .migration-data-svg .neural-traces path{
    stroke:rgba(47,111,237,.34);
    filter:drop-shadow(0 0 2px rgba(47,111,237,.24));
  }
  .public-site #migration .migration-data-svg .neural-traces .neural-accent{
    stroke:var(--saitivo-beige);
  }
  .public-site #migration .migration-layout{
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding:clamp(280px,88vw,360px) 0 34px;
  }
  .public-site #migration .migration-copy{
    grid-column:1;
    grid-row:1;
    justify-self:stretch;
    align-self:start;
    width:100%;
    max-width:none;
    padding:20px 16px 12px;
    border-radius:0;
    background:transparent;
  }
  .public-site #migration .migration-copy::before{
    content:none;
    display:none;
  }
  .public-site #migration .migration-pricing{
    grid-column:1;
    grid-row:2;
    margin:4px 0 0;
  }
}


/* Mobile migration: navy canvas, compact upward copy fade aligned over the data hub. */
@media(max-width:760px){
  .public-site #migration{
    background:var(--saitivo-navy);
  }
  .public-site #migration::after{
    content:none;
    display:none;
  }
  .public-site #migration .migration-layout{
    padding:calc(clamp(280px,88vw,360px) - 64px) 0 34px;
  }
  .public-site #migration .migration-copy{
    isolation:isolate;
    padding:20px 16px 12px;
  }
  .public-site #migration .migration-copy::before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    inset:-120px -18px -24px;
    pointer-events:none;
    border-radius:0;
    background:linear-gradient(0deg,
      var(--saitivo-navy) 0%,
      var(--saitivo-navy) 54%,
      rgba(15,31,58,.88) 72%,
      rgba(15,31,58,.38) 88%,
      rgba(15,31,58,0) 100%);
    filter:none;
    animation:none;
    mask-image:none;
    -webkit-mask-image:none;
  }
  .public-site #migration .migration-data-svg .data-traces{
    stroke:rgba(183,231,252,.4);
  }
  .public-site #migration .migration-data-svg .data-packets{
    stroke:var(--saitivo-aqua);
    filter:drop-shadow(0 0 5px rgba(183,231,252,.72));
  }
  .public-site #migration .migration-data-svg .neural-traces path{
    stroke:rgba(183,231,252,.4);
    filter:drop-shadow(0 0 2px rgba(183,231,252,.24));
  }
}


/* Organic neural pathways: irregular branching, restrained light and slow data pulses. */
.public-site #migration .migration-data-desktop{display:block}
.public-site #migration .migration-data-mobile{display:none}
.public-site #migration .migration-data-svg .data-traces path{
  stroke:rgba(183,231,252,.3);stroke-width:1.05;opacity:.84;
}
.public-site #migration .migration-data-svg .neural-traces path{
  stroke:rgba(183,231,252,.4);stroke-width:1;opacity:.72;
  filter:drop-shadow(0 0 1.7px rgba(183,231,252,.2));
}
.public-site #migration .migration-data-svg .data-packets{
  stroke:rgba(183,231,252,.8);stroke-width:1.6;stroke-dasharray:.1 42;
  opacity:.52;animation:migration-packets-flow 23s linear infinite;
  filter:drop-shadow(0 0 3px rgba(183,231,252,.54));
}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  fill:var(--saitivo-cloud);stroke:var(--saitivo-aqua);stroke-width:.6;
  filter:drop-shadow(0 0 4px rgba(183,231,252,.8));
}
.public-site #migration .migration-data-svg .data-nodes{
  opacity:.68;filter:drop-shadow(0 0 4px rgba(183,231,252,.34));
}
.public-site #migration .migration-data-svg .data-hub{
  fill:var(--saitivo-cloud);stroke:var(--saitivo-aqua);stroke-width:1;
  filter:drop-shadow(0 0 7px rgba(183,231,252,.78));
}
.public-site #migration .migration-data-svg .data-nodes .neural-junction-accent{
  fill:var(--saitivo-beige);stroke:#F8C59E;stroke-width:.55;
  filter:drop-shadow(0 0 4px rgba(171,133,106,.72));
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent{
  opacity:0;stroke:var(--saitivo-beige);stroke-width:1.15;
  filter:drop-shadow(0 0 3px rgba(171,133,106,.62));
  animation:migration-neural-accent 22s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent:nth-child(2){
  animation-delay:-8s;
}

@media(max-width:760px){
  .public-site #migration .steps-circuit{
    inset:0;width:100%;height:100%;min-height:100%;opacity:.78;
  }
  .public-site #migration .migration-data-desktop{display:none}
  .public-site #migration .migration-data-mobile{
    display:block;position:absolute;inset:0;width:100%;height:100%;min-height:100%;
    transform:none;mask-image:none;-webkit-mask-image:none;
  }
  .public-site #migration .migration-data-mobile .data-traces path{
    stroke:rgba(183,231,252,.32);stroke-width:1;opacity:.88;
  }
  .public-site #migration .migration-data-mobile .neural-traces path{
    stroke:rgba(183,231,252,.4);stroke-width:.95;opacity:.74;
    filter:drop-shadow(0 0 1.5px rgba(183,231,252,.2));
  }
  .public-site #migration .migration-data-mobile .data-packets{
    stroke:rgba(183,231,252,.78);stroke-width:1.5;stroke-dasharray:.1 36;opacity:.48;
  }
  .public-site #migration .migration-data-mobile .mobile-source{
    fill:var(--saitivo-cloud);filter:drop-shadow(0 0 7px rgba(183,231,252,.82));
  }
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-packets{animation:none}
  .public-site #migration .migration-data-svg animateMotion{display:none}
  .public-site #migration .migration-data-svg .data-orange-traces .neural-accent{animation:none;opacity:.18}
}


/* Explicitly switch network canvases despite the shared SVG display rule. */
#migration .steps-circuit .migration-data-desktop{display:block}
#migration .steps-circuit .migration-data-mobile{display:none}
@media(max-width:760px){
  #migration .steps-circuit .migration-data-desktop{display:none}
  #migration .steps-circuit .migration-data-mobile{display:block}
}


/* Resolve SVG display against the general .migration-data-svg rule. */
.public-site #migration .steps-circuit .migration-data-desktop{display:block}
.public-site #migration .steps-circuit .migration-data-mobile{display:none}
@media(max-width:760px){
  .public-site #migration .steps-circuit .migration-data-desktop{display:none}
  .public-site #migration .steps-circuit .migration-data-mobile{
    display:block;position:absolute;inset:0;width:100%;height:100%;min-height:100%;transform:none;
    mask-image:none;-webkit-mask-image:none;
  }
}


/* More legible energy transfer on desktop: overlapping slow currents and moving pulses. */
.public-site #migration .migration-data-desktop .data-packets{
  stroke:rgba(183,231,252,.94);stroke-width:1.9;stroke-dasharray:1.2 25;
  opacity:.76;animation:migration-packets-flow 12.5s linear infinite;
  filter:drop-shadow(0 0 4px rgba(183,231,252,.82));
}
.public-site #migration .migration-data-desktop .data-packets path:nth-child(2n){
  animation-duration:16.8s;animation-direction:reverse;
}
.public-site #migration .migration-data-desktop .data-packets path:nth-child(3n){
  animation-duration:9.8s;
}
.public-site #migration .migration-data-desktop .neural-moving-packets circle{
  fill:var(--saitivo-cloud);stroke:var(--saitivo-aqua);stroke-width:.8;
  filter:drop-shadow(0 0 6px rgba(183,231,252,.98));
  animation:migration-packet-brightness 2.8s ease-in-out infinite;
}
.public-site #migration .migration-data-desktop .neural-moving-packets circle:nth-child(2n){
  animation-delay:-1.2s;
}
.public-site #migration .migration-data-desktop .neural-moving-packets circle:nth-child(3n){
  animation-delay:-2s;
}
.public-site #migration .migration-data-desktop .data-traces path{
  stroke:rgba(183,231,252,.34);opacity:.9;
}
.public-site #migration .migration-data-desktop .neural-traces path{
  stroke:rgba(183,231,252,.43);opacity:.82;
}
.public-site #migration .migration-data-desktop .data-orange-traces .neural-accent{
  animation-duration:15s;
}
@keyframes migration-packet-brightness{
  0%,100%{opacity:.58}
  48%{opacity:1}
}
@media(max-width:760px){
  .public-site #migration .migration-data-mobile .data-packets{
    stroke-width:1.6;stroke-dasharray:.8 28;opacity:.66;
    animation-duration:17s;
  }
  .public-site #migration .migration-data-mobile .neural-moving-packets circle{
    animation:migration-packet-brightness 3.4s ease-in-out infinite;
  }
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg animateMotion{display:none}
  .public-site #migration .migration-data-svg .data-packets{animation:none}
  .public-site #migration .migration-data-svg .neural-moving-packets circle{animation:none}
}


/* Restore the mobile navy text veil: solid at the bottom, feathered upward. */
@media(max-width:760px){
  .public-site #migration{
    background:var(--saitivo-navy)!important;
  }
  .public-site #migration::after{
    content:none!important;
    display:none!important;
  }
  .public-site #migration .migration-layout{
    position:relative;
    z-index:3;
  }
  .public-site #migration .migration-copy{
    position:relative;
    z-index:2;
    isolation:isolate;
  }
  .public-site #migration .migration-copy::before{
    content:""!important;
    display:block!important;
    position:absolute;
    z-index:-1;
    inset:-120px -18px -24px;
    pointer-events:none;
    border-radius:0;
    background:linear-gradient(to top,
      var(--saitivo-navy) 0%,
      var(--saitivo-navy) 48%,
      rgba(15,31,58,.88) 70%,
      rgba(15,31,58,.4) 88%,
      rgba(15,31,58,0) 100%)!important;
    opacity:1;
    filter:none;
    animation:none;
    mask-image:none;
    -webkit-mask-image:none;
  }
}


/* Active energy network: denser flowing impulses with mixed speeds, sizes and orange signal bursts. */
.public-site #migration .migration-data-svg .data-packets{
  stroke:rgba(183,231,252,.98);
  stroke-width:1.8;
  stroke-dasharray:1.25 19;
  opacity:.88;
  animation:migration-packets-flow 9.6s linear infinite;
  filter:drop-shadow(0 0 5px rgba(183,231,252,.92));
}
.public-site #migration .migration-data-svg .data-packets path:nth-child(2n){
  animation-duration:12.2s;
  animation-direction:reverse;
}
.public-site #migration .migration-data-svg .data-packets path:nth-child(3n){
  animation-duration:7.8s;
}
.public-site #migration .migration-data-svg .data-packets path:nth-child(4n){
  animation-duration:10.7s;
}
.public-site #migration .migration-data-svg .data-nodes circle,
.public-site #migration .migration-data-svg .neural-junctions .neural-junction{
  opacity:.84;
  transform-box:fill-box;
  transform-origin:center;
  animation:migration-junction-pulse 2.6s ease-in-out infinite;
  filter:drop-shadow(0 0 5px rgba(183,231,252,.92));
}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(3n),
.public-site #migration .migration-data-svg .neural-junctions .neural-junction:nth-child(3n){
  animation-duration:1.9s;
  animation-delay:-.9s;
}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(4n),
.public-site #migration .migration-data-svg .neural-junctions .neural-junction:nth-child(4n){
  animation-duration:3.1s;
  animation-delay:-1.7s;
}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  opacity:.9;
  filter:drop-shadow(0 0 7px rgba(183,231,252,1));
  animation:migration-packet-brightness 1.7s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .neural-moving-packets circle:nth-child(2n){
  animation-duration:2.3s;
  animation-delay:-1.1s;
}
.public-site #migration .migration-data-svg .neural-moving-packets circle:nth-child(3n){
  animation-duration:1.35s;
  animation-delay:-.55s;
}
.public-site #migration .migration-data-svg .neural-moving-packets .energy-impulse-orange{
  fill:var(--saitivo-beige);
  stroke:var(--saitivo-cloud);
  stroke-width:1;
  filter:drop-shadow(0 0 8px rgba(171,133,106,.98));
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent{
  opacity:0;
  stroke:var(--saitivo-beige);
  stroke-width:1.8;
  filter:drop-shadow(0 0 7px rgba(171,133,106,.86));
  animation:migration-neural-accent 8.6s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent:nth-child(2){
  animation-duration:10.4s;
  animation-delay:-3.8s;
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent:nth-child(3){
  animation-duration:9.2s;
  animation-delay:-6.1s;
}
.public-site #migration .migration-data-svg .neural-traces .neural-accent{
  animation-duration:11.2s;
}
@media(max-width:760px){
  .public-site #migration .migration-data-mobile .data-packets{
    stroke-width:1.6;
    stroke-dasharray:1 22;
    opacity:.78;
    animation-duration:10.8s;
  }
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(2n){
    animation-duration:13.2s;
  }
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(3n){
    animation-duration:8.8s;
  }
  .public-site #migration .migration-data-mobile .data-nodes circle,
  .public-site #migration .migration-data-mobile .neural-junctions .neural-junction{
    animation-duration:2.3s;
  }
  .public-site #migration .migration-data-mobile .neural-moving-packets circle{
    animation-duration:1.8s;
  }
  .public-site #migration .migration-data-mobile .data-orange-traces .neural-accent{
    animation-duration:9.3s;
  }
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-packets{animation:none}
  .public-site #migration .migration-data-svg .data-nodes circle,
  .public-site #migration .migration-data-svg .neural-junctions .neural-junction,
  .public-site #migration .migration-data-svg .neural-moving-packets circle{animation:none}
  .public-site #migration .migration-data-svg .data-orange-traces .neural-accent{animation:none;opacity:.18}
}


/* Restore the screenshot-era circuit network: fine rounded traces and restrained light. */
.public-site #migration .migration-data-svg .data-traces path{
  stroke:rgba(183,231,252,.24);
  stroke-width:1;
  opacity:.9;
  filter:none;
}
.public-site #migration .migration-data-svg .neural-traces path{
  stroke:rgba(183,231,252,.33);
  stroke-width:1.05;
  opacity:.78;
  filter:drop-shadow(0 0 1.5px rgba(183,231,252,.2));
}
.public-site #migration .migration-data-svg .data-packets{
  stroke:rgba(183,231,252,.95);
  stroke-width:1.55;
  stroke-dasharray:1.1 24;
  opacity:.8;
  animation:migration-packets-flow 9.6s linear infinite;
}
.public-site #migration .migration-data-svg .data-nodes circle{
  opacity:.7;
  animation:migration-junction-pulse 2.8s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(3n){animation-duration:2s;animation-delay:-.8s}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(4n){animation-duration:3.2s;animation-delay:-1.6s}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent{
  opacity:0;
  stroke:var(--saitivo-beige);
  stroke-width:1.55;
  filter:drop-shadow(0 0 6px rgba(171,133,106,.85));
  animation:migration-orange-route 8.5s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent:nth-child(2){animation-duration:10.2s;animation-delay:-3.4s}
.public-site #migration .migration-data-svg .data-orange-traces .neural-accent:nth-child(3){animation-duration:9.1s;animation-delay:-5.6s}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  animation:migration-packet-brightness 1.7s ease-in-out infinite;
  filter:drop-shadow(0 0 6px rgba(183,231,252,.98));
}
.public-site #migration .migration-data-svg .neural-moving-packets circle:nth-child(2n){animation-duration:2.35s;animation-delay:-1.1s}
.public-site #migration .migration-data-svg .neural-moving-packets circle:nth-child(3n){animation-duration:1.35s;animation-delay:-.55s}
.public-site #migration .migration-data-svg .energy-impulse-orange{fill:var(--saitivo-beige);stroke:var(--saitivo-cloud);filter:drop-shadow(0 0 8px rgba(171,133,106,.98))}
@media(max-width:760px){
  .public-site #migration .migration-data-mobile .data-packets{animation-duration:10.4s;stroke-dasharray:1 22}
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(2n){animation-duration:12.6s}
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(3n){animation-duration:8.7s}
  .public-site #migration .migration-data-mobile .data-nodes circle{animation-duration:2.35s}
  .public-site #migration .migration-data-mobile .data-orange-traces .neural-accent{animation-duration:9.1s}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-packets{animation:none}
  .public-site #migration .migration-data-svg .data-nodes circle,
  .public-site #migration .migration-data-svg .neural-moving-packets circle{animation:none}
}


/* Lightweight outward circuit animation: one source beneath the migration copy. */
.public-site #migration .migration-data-svg .data-traces path,
.public-site #migration .migration-data-svg .neural-traces path{
  filter:none!important;
}
.public-site #migration .migration-data-svg .data-packets{
  filter:none!important;
  stroke-dasharray:1 26;
  opacity:.76;
  animation:migration-packets-flow 13s linear infinite;
}
.public-site #migration .migration-data-svg .data-packets path:nth-child(2n){animation-duration:16s;animation-direction:reverse}
.public-site #migration .migration-data-svg .data-packets path:nth-child(3n){animation-duration:10.5s}
.public-site #migration .migration-data-svg .data-nodes{
  filter:none!important;
}
.public-site #migration .migration-data-svg .data-nodes circle{
  transform:none!important;
  filter:none!important;
  animation:migration-light-breathe 2.8s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(3n){animation-delay:-1s;animation-duration:2.1s}
.public-site #migration .migration-data-svg .data-nodes circle:nth-child(4n){animation-delay:-1.7s;animation-duration:3.4s}
.public-site #migration .migration-data-svg .neural-moving-packets{
  filter:none!important;
}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  filter:none!important;
  animation:migration-packet-brightness 1.8s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces path{
  filter:none!important;
  stroke-width:1.7;
  animation:migration-orange-route 9.5s ease-in-out infinite;
}
.public-site #migration .migration-data-svg .data-orange-traces path:nth-child(2){animation-duration:11.2s;animation-delay:-3.4s}
.public-site #migration .migration-data-svg .data-orange-traces path:nth-child(3){animation-duration:10s;animation-delay:-6s}
.public-site #migration .migration-data-svg .energy-impulse-orange{
  fill:var(--saitivo-beige);
  stroke:var(--saitivo-cloud);
  filter:none!important;
}
@keyframes migration-light-breathe{0%,100%{opacity:.42}50%{opacity:.95}}
@media(max-width:760px){
  .public-site #migration .migration-data-mobile .data-packets{animation-duration:14s;stroke-dasharray:1 28}
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(2n){animation-duration:17s}
  .public-site #migration .migration-data-mobile .data-packets path:nth-child(3n){animation-duration:11.5s}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-packets{animation:none}
  .public-site #migration .migration-data-svg .data-nodes circle,
  .public-site #migration .migration-data-svg .neural-moving-packets circle{animation:none}
  .public-site #migration .migration-data-svg .data-orange-traces path{animation:none;opacity:.2}
}


/* Keep circuit geometry static while a small set of particles carries the motion. */
.public-site #migration .migration-data-svg .data-packets{
  animation:none!important;
  opacity:.34;
  stroke-dasharray:1 28;
  filter:none!important;
}
.public-site #migration .migration-data-svg .data-nodes circle{
  animation:none!important;
  opacity:.52;
  filter:none!important;
  transform:none!important;
}
.public-site #migration .migration-data-svg .neural-moving-packets circle{
  animation:migration-packet-brightness 2.1s ease-in-out infinite;
  filter:none!important;
}
.public-site #migration .migration-data-svg .data-orange-traces path{
  animation-duration:9.5s;
  filter:none!important;
}
@media(max-width:760px){
  .public-site #migration .migration-data-mobile .data-packets{opacity:.3}
  .public-site #migration .migration-data-mobile .neural-moving-packets circle{animation-duration:2.2s}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-data-svg .data-orange-traces path,
  .public-site #migration .migration-data-svg .neural-moving-packets circle{animation:none!important}
}


/* Compact customer-facing conversion steps */
.public-site #migration .conversion-flow{display:grid;gap:8px;list-style:none;margin:22px 0 0;padding:0;max-width:430px}
.public-site #migration .conversion-flow li{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(183,231,252,.2);border-radius:10px;background:rgba(234,247,251,.055);color:var(--saitivo-cloud);font-size:14px;font-weight:650}
.public-site #migration .conversion-flow li span{color:var(--saitivo-beige);font-size:11px;font-weight:800;letter-spacing:.08em}
.public-site .hero-secondary-link{align-self:center;color:var(--saitivo-navy);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.public-site .header-actions .nav-request-button{white-space:nowrap}
@media(max-width:560px){.public-site .hero-secondary-link{font-size:12px}}

@media(max-width:860px){.public-site .header-actions .nav-request-button{display:none}}

/* Homepage preview: visible environment marker and read-only request area. */
.homepage-preview-banner{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:8px 18px;background:var(--saitivo-navy);color:var(--saitivo-white);font-size:12px;line-height:1.4;text-align:center}.homepage-preview-banner strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.homepage-preview-banner a{color:var(--saitivo-white);font-weight:750;text-underline-offset:3px}.homepage-preview .request-card form[data-preview-disabled="true"]{opacity:.5;filter:grayscale(.25);pointer-events:none;user-select:none}.homepage-preview-form-note{display:grid;gap:3px;margin:0 0 18px;padding:13px 15px;border:1px solid var(--saitivo-aqua);border-radius:10px;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:12px;line-height:1.5}.homepage-preview-form-note strong{font-size:13px}.homepage-preview .form-submit:disabled{cursor:not-allowed;opacity:.7}
@media(max-width:700px){.homepage-preview-banner{align-items:flex-start;flex-direction:column;gap:2px;text-align:left}.homepage-preview-banner a{margin-top:2px}}

/* Preview homepage: calm gradient behind the Manage introduction. */
.public-site #beispiel{
  background:linear-gradient(90deg,var(--saitivo-aqua) 0%,var(--saitivo-cloud) 45%,rgba(234,247,251,0) 100%);
}
.public-site #beispiel .section-heading{max-width:560px}
.public-site .pricing-section .pricing-scope-note{
  max-width:940px;
  margin:18px auto 0;
  font-size:12px;
  line-height:1.55;
  opacity:.78;
}
@media(max-width:700px){
  .public-site #beispiel{
    background:linear-gradient(180deg,var(--saitivo-aqua) 0%,var(--saitivo-cloud) 48%,rgba(234,247,251,0) 100%);
  }
}

/* Match the second-section headline accent to the hero headline. */
.public-site #migration .migration-copy h2{font-weight:730;letter-spacing:-.055em;line-height:1.055}
.public-site #migration .migration-copy h2 em{font-style:normal;color:var(--saitivo-teal)}

/* Homepage brief 2026-09-28: two paths, quiet price exception and compact Manage content. */
.public-site .create-section{
  background:linear-gradient(135deg,var(--saitivo-cloud) 0%,var(--saitivo-sand) 58%,var(--saitivo-white) 100%);
}
.public-site .create-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
  gap:clamp(30px,6vw,82px);
  align-items:center;
}
.public-site .create-grid .section-heading{margin:0}
.public-site .create-grid .section-heading h2 em{
  color:var(--saitivo-teal);
  font-style:normal;
}
.public-site .create-grid .steps-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.public-site .create-custom-link{
  color:var(--saitivo-navy);
  font-size:13px;
  font-weight:700;
  text-underline-offset:4px;
}
.public-site .create-custom-link:hover{color:var(--saitivo-teal)}
.public-site .create-grid .section-heading h2{
  font-size:clamp(38px,4.4vw,60px);
  font-weight:730;
  letter-spacing:-.055em;
  line-height:1.055;
}
.public-site .create-image{
  position:relative;
  min-width:0;
  height:clamp(350px,38vw,500px);
  margin:-80px calc((min(1180px,100vw - 64px) - 100vw)/2) -80px 0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 12%,rgba(0,0,0,.72) 36%,#000 58%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 12%,rgba(0,0,0,.72) 36%,#000 58%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.public-site .create-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:67% center;
  filter:saturate(.88);
}
.public-site #beispiel .manage-grid{
  grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);
  align-items:center;
}
.public-site #beispiel .manage-grid .section-heading{margin:0}
.public-site .manage-capability-card{
  padding:24px 26px;
  border:1px solid rgba(15,31,58,.1);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(15,31,58,.06);
}
.public-site .manage-card-label{
  margin:0 0 11px;
  color:var(--saitivo-teal);
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
}
.public-site .manage-capability-card h3{
  margin:0 0 13px;
  color:var(--saitivo-navy);
  font-size:20px;
  letter-spacing:-.025em;
}
.public-site .manage-capability-card ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.public-site .manage-capability-card li{
  padding:9px 11px;
  border-radius:7px;
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
  font-size:13px;
  font-weight:650;
}
.public-site .manage-capability-card>p:last-child{
  margin:13px 0 0;
  color:var(--saitivo-muted);
  font-size:11px;
}
.public-site .faq-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding-top:22px;
}
.public-site .faq-actions .button{font-size:12px}
.public-site #optionen .complex-pricing-card{
  gap:18px;
  margin-top:17px;
  padding:17px 20px;
  border-color:#E1E8EC;
  background:var(--saitivo-sand);
  box-shadow:none;
}
.public-site #optionen .complex-pricing-copy h3{
  margin:7px 0 5px;
  color:var(--saitivo-navy);
  font-size:16px;
}
.public-site #optionen .complex-pricing-copy p{
  color:var(--saitivo-muted);
  font-size:12px;
  line-height:1.55;
}
.public-site #optionen .complex-pricing-card .product-badge{
  background:var(--saitivo-cloud);
  color:var(--saitivo-teal);
}
.public-site #optionen .complex-pricing-action>strong{
  color:var(--saitivo-teal);
  font-size:13px;
}
.public-site #optionen .complex-pricing-action>span{
  color:var(--saitivo-muted);
}
.public-site #optionen .complex-pricing-action .button{
  min-height:38px;
  padding:8px 12px;
  border-color:var(--saitivo-border);
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
  box-shadow:none;
  font-size:11px;
}
.public-site #optionen .complex-pricing-action .button:hover,
.public-site #optionen .complex-pricing-action .button:focus-visible{
  border-color:var(--saitivo-beige);
  background:var(--saitivo-white);
  color:var(--saitivo-navy);
}
@media(max-width:860px){
  .public-site .create-grid,
  .public-site #beispiel .manage-grid{grid-template-columns:1fr;gap:27px}
  .public-site .create-image{height:clamp(300px,42vw,420px);margin-block:-48px}
  .public-site .manage-capability-card{max-width:560px}
}
@media(max-width:560px){
  .public-site .create-grid .steps-actions{display:grid;grid-template-columns:1fr;gap:13px}
  .public-site .create-grid .steps-actions .button{width:100%}
  .public-site .create-custom-link{text-align:center}
  .public-site .create-grid .section-heading h2{font-size:clamp(34px,9vw,46px)}
  .public-site .create-image{height:clamp(230px,66vw,340px);margin:0 calc((min(1180px,100vw - 36px) - 100vw)/2) -52px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 18%,#000 48%)}
  .public-site .manage-capability-card{padding:20px}
  .public-site .faq-actions{display:grid;grid-template-columns:1fr}
  .public-site .faq-actions .button{width:100%}
  .public-site #optionen .complex-pricing-card{padding:15px}
  .public-site #optionen .complex-pricing-action .button{width:auto}
}

/* Mobile layout for the new website section: photo reaches both viewport edges. */
@media(max-width:560px){
  .public-site .create-section{
    background:var(--saitivo-white);
  }
  .public-site .create-section .create-grid{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .public-site .create-section .create-image{
    order:-1;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    max-width:none;
    height:clamp(250px,78vw,350px);
    margin:-52px 0 0;
    padding:0;
    border:0;
    border-radius:0;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.72) 70%,rgba(0,0,0,0) 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.72) 70%,rgba(0,0,0,0) 100%);
  }
  .public-site .create-section .section-heading{
    order:1;
    margin:0;
    padding:16px 0 0;
    background:var(--saitivo-white);
  }
  .public-site .create-section .create-image img{
    object-position:67% 50%;
  }
}


/* Mobile seam fix: pull the Create image over the residual white section gap. */
@media(max-width:560px){.public-site .create-section .create-image{top:-14px}}


/* Lightweight Section 2 animation: the visible website stays unchanged while its base simplifies. */
.public-site #migration .migration-animation{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  width:min(100%,560px);
  margin:0;
  position:relative;
  z-index:4;
}
.public-site #migration .migration-animation-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 16px 30px rgba(3,12,27,.22));
}
.public-site #migration .migration-site-window{
  fill:rgba(247,250,250,.98);
  stroke:rgba(183,231,252,.88);
  stroke-width:1.5;
}
.public-site #migration .migration-site-chrome{stroke:var(--saitivo-border);stroke-width:1}
.public-site #migration .migration-site-dot{fill:var(--saitivo-beige);opacity:.88}
.public-site #migration .migration-site-mark{fill:var(--saitivo-navy)}
.public-site #migration .migration-site-nav{fill:var(--saitivo-muted);opacity:.68}
.public-site #migration .migration-site-copy{fill:var(--saitivo-navy)}
.public-site #migration .migration-site-copy--short{fill:var(--saitivo-muted);opacity:.72}
.public-site #migration .migration-site-button{fill:var(--saitivo-beige)}
.public-site #migration .migration-site-image{fill:url(#migration-site-photo);opacity:.86}
.public-site #migration .migration-site-image-detail{fill:none;stroke:rgba(247,250,250,.8);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.public-site #migration .migration-layer-connector{stroke:rgba(183,231,252,.72);stroke-width:1.5;stroke-dasharray:3 5}
.public-site #migration .migration-layer rect{fill:rgba(183,231,252,.5);stroke:rgba(183,231,252,.78);stroke-width:1}
.public-site #migration .migration-layer--core rect{fill:rgba(183,231,252,.92);stroke:var(--saitivo-cloud)}
.public-site #migration .migration-layer--middle,
.public-site #migration .migration-layer--base{
  transform-box:fill-box;
  transform-origin:center;
  animation:migration-stack-simplify 7.2s ease-in-out infinite;
}
.public-site #migration .migration-layer--base{animation-delay:-3.6s}
@keyframes migration-stack-simplify{
  0%,12%,88%,100%{opacity:.78;transform:translateY(0) scaleX(1)}
  38%,62%{opacity:.08;transform:translateY(-10px) scaleX(.88)}
}
@media(max-width:760px){
  .public-site #migration .migration-layout{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .public-site #migration .migration-animation{
    grid-column:1;
    grid-row:1;
    width:min(100%,500px);
    margin:0 auto -18px;
    padding:0 12px;
  }
  .public-site #migration .migration-animation-svg{filter:drop-shadow(0 10px 20px rgba(3,12,27,.18))}
  .public-site #migration .migration-copy{
    grid-column:1;
    grid-row:2;
    align-self:start;
  }
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-layer--middle,
  .public-site #migration .migration-layer--base{animation:none!important;opacity:.18}
}


/* Compact the mobile migration section and lift its animation closer to the section start. */
@media(max-width:560px){
  .public-site #migration.section{padding-top:12px;padding-bottom:34px}
  .public-site #migration .migration-layout{padding-block:0 24px}
  .public-site #migration .migration-animation{margin-top:-6px}
}


/* Rotating gears inside the sample website image. */
.public-site #migration .migration-gear-wheel{
  transform-box:fill-box;
  transform-origin:center;
  animation:migration-gear-rotate 12s linear infinite;
}
.public-site #migration .migration-gear-wheel--small{animation-direction:reverse;animation-duration:8s}
.public-site #migration .migration-gear-tooth,
.public-site #migration .migration-gear-body{fill:var(--saitivo-navy)}
.public-site #migration .migration-gear-hole{fill:var(--saitivo-aqua);stroke:rgba(247,250,250,.85);stroke-width:2}
@keyframes migration-gear-rotate{to{transform:rotate(360deg)}}
@media(max-width:560px){
  .public-site #migration .migration-animation{margin-top:24px;transform:translateY(18px)}
}
@media(prefers-reduced-motion:reduce){
  .public-site #migration .migration-gear-wheel{animation:none!important}
}


/* Silent loop video for the new website section, with a still image for reduced motion. */
.public-site .create-image-video,
.public-site .create-image-poster{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:67% center;
  filter:saturate(.88);
}
.public-site .create-image-poster{display:none}
@media(max-width:560px){
  .public-site .create-section .create-image-video,
  .public-site .create-section .create-image-poster{object-position:67% 50%}
}
@media(prefers-reduced-motion:reduce){
  .public-site .create-image-video{display:none!important}
  .public-site .create-image-poster{display:block!important}
}


/* Desktop crop for the Section 3 loop: fill the frame edge to edge. */
@media(min-width:561px){
  .public-site .create-section .create-image-video,
  .public-site .create-section .create-image-poster{
    object-fit:cover;
    object-position:67% 42%;
    transform:scale(1.22);
    transform-origin:80% 12%;
  }
}


/* Desktop: let the section video reach both vertical edges of its section. */
@media(min-width:1061px){
  .public-site .create-section .create-image{
    height:512px;
    margin-top:-86px;
    margin-bottom:-86px;
  }
}


/* Preview palette test: Saitivo navy with softened green slate and warm beige. */
:root{
  --navy:var(--saitivo-navy);
  --navy2:var(--saitivo-navy);
  --accent:var(--saitivo-teal);
  --accent-hover:var(--saitivo-aqua);
  --warm:var(--saitivo-beige);
  --lightblue:var(--saitivo-aqua);
  --mint:var(--saitivo-cloud);
  --soft:var(--saitivo-sand);
  --border:var(--saitivo-border);
}


/* Preview banner follows the same palette as the homepage test. */
.homepage-preview-banner{background:var(--saitivo-navy);color:var(--saitivo-sand)}
.homepage-preview-banner a{color:var(--saitivo-aqua)}

/* Palette review refinements: accessible muted green on navy and warm neutral pricing surface. */
.public-site #migration .migration-copy h2 em{color:var(--saitivo-aqua)}
.public-site #optionen.pricing-section{background:linear-gradient(180deg,var(--saitivo-cloud) 0%,var(--saitivo-sand) 48%,var(--saitivo-sand) 100%)}
.public-site #optionen .pricing-option-price strong{color:#786644}
.public-site #optionen .pricing-scope-note strong{color:#786644}


/* Saitivo preview palette test 2: deep navy, gold, aqua, teal and sand. */
:root{--navy:var(--saitivo-navy);--navy2:var(--saitivo-navy);--ink:var(--saitivo-ink);--muted:var(--saitivo-muted);--border:var(--saitivo-border);--soft:var(--saitivo-sand);--accent:var(--saitivo-teal);--accent-hover:var(--saitivo-aqua);--warm:var(--saitivo-beige);--lightblue:var(--saitivo-aqua);--mint:var(--saitivo-cloud);--white:var(--saitivo-white)}
.public-site #migration .migration-copy h2 em{color:var(--saitivo-aqua)}
.public-site .eyebrow.light{color:var(--saitivo-aqua)}
.public-site #optionen.pricing-section{background:linear-gradient(180deg,var(--saitivo-cloud) 0%,var(--saitivo-sand) 52%,var(--saitivo-cloud) 100%)}
.public-site #optionen .pricing-option-price strong,.public-site #optionen .pricing-scope-note strong{color:#786644}
.public-site #migration .conversion-flow li{border-color:rgba(192,213,214,.24);background:rgba(192,213,214,.06)}
.homepage-preview-banner{background:var(--saitivo-navy);color:var(--saitivo-cloud)}
.homepage-preview-banner a{color:var(--saitivo-aqua)}

/* Keep the migration label readable against the new deep navy background. */
.public-site #migration .eyebrow{color:var(--saitivo-aqua)}


/* Section 4 Manage: solid aqua background, without decorative line motifs or animation. */
.public-site #beispiel{background:var(--saitivo-aqua)!important;}
.public-site #beispiel::before,.public-site #beispiel::after{display:none!important;content:none!important;animation:none!important;background:none!important;}
.public-site #beispiel .manage-circuit{display:none!important;}


/* Pricing preview refinement: make the one-time amount and recurring monthly cost easy to scan. */
.public-site #optionen .pricing-option>summary{min-height:102px;padding:20px 22px;gap:16px}
.public-site #optionen .pricing-option-title{font-size:18px;line-height:1.3}
.public-site #optionen .pricing-option-price{display:grid;justify-items:end;gap:6px;text-align:right}
.public-site #optionen .pricing-option-price strong{color:#786644;font-size:23px;line-height:1.1;letter-spacing:-.035em}
.public-site #optionen .pricing-option-price small{display:inline-block;margin:0;padding:5px 9px;border-radius:6px;background:var(--saitivo-cloud);color:var(--saitivo-navy);font-size:12px;font-weight:700;line-height:1.2}
.public-site #optionen .pricing-option-featured .pricing-option-price small{background:#F1EADD;color:var(--saitivo-navy)}
.public-site #optionen .pricing-option-chevron{width:30px;height:30px;font-size:20px}
@media(max-width:860px){.public-site #optionen .pricing-option>summary{min-height:94px;padding:17px}.public-site #optionen .pricing-option-price strong{font-size:20px}}
@media(max-width:560px){.public-site #optionen .pricing-option>summary{min-height:90px;padding:14px 12px;gap:7px}.public-site #optionen .pricing-option-title{font-size:14px}.public-site #optionen .pricing-option-price{gap:5px}.public-site #optionen .pricing-option-price strong{font-size:17px}.public-site #optionen .pricing-option-price small{padding:4px 6px;font-size:10px}.public-site #optionen .pricing-option-chevron{width:24px;height:24px;font-size:17px}}

/* Show the already-defined first-year totals before a pricing card is expanded. */
.public-site #optionen .pricing-option-price:has(small)::after{display:block;margin-top:1px;color:var(--saitivo-teal);font-size:11px;font-weight:750;line-height:1.2}
.public-site #optionen .pricing-options-grid details[name="migration-pricing-options"]:nth-child(2) .pricing-option-price::after{content:"1. Jahr: CHF 638"}
.public-site #optionen .pricing-options-grid details[name="pricing-options"]:nth-child(1) .pricing-option-price::after{content:"1. Jahr: CHF 738"}
.public-site #optionen .pricing-options-grid details[name="pricing-options"]:nth-child(2) .pricing-option-price::after{content:"1. Jahr: ab CHF 1’838"}
@media(max-width:560px){.public-site #optionen .pricing-option-price:has(small)::after{font-size:10px}}

.public-site #optionen .pricing-option-price:has(small)::after{font-size:12px}
@media(max-width:560px){.public-site #optionen .pricing-option-price:has(small)::after{font-size:10.5px}}


/* Mobile Section 2: align copy and the animation with the shared section gutters. */
@media(max-width:760px){
  .public-site #migration .migration-copy{padding-left:0!important;padding-right:0!important}
  .public-site #migration .migration-animation{
    justify-self:start;
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
  }
}


/* Fine-align the mobile Section 2 illustration itself with the text gutter. */
@media(max-width:560px){.public-site #migration .migration-animation-svg{transform:translateX(-10%)}}


/* Preview pricing refinement: navy outlines, stronger hierarchy and a restrained price pulse. */
.public-site #optionen .pricing-option,
.public-site #optionen .pricing-option-featured{
  border:1.5px solid var(--saitivo-navy);
}
.public-site #optionen .pricing-option[open]{
  border-color:var(--saitivo-navy);
}
.public-site #optionen .pricing-option[open]>summary{
  border-bottom:1px solid rgba(15,31,58,.32);
}
.public-site #optionen .pricing-option>summary:focus-visible{
  outline-color:var(--saitivo-navy);
}
.public-site #optionen .pricing-option-title{
  color:var(--saitivo-navy);
  font-size:21px;
  line-height:1.22;
  font-weight:780;
}
.public-site #optionen .pricing-option-price{
  gap:7px;
}
.public-site #optionen .pricing-option-price strong{
  color:var(--saitivo-beige);
  font-size:29px;
  line-height:1.05;
  letter-spacing:-.04em;
  transform-origin:right center;
  animation:saitivo-price-gentle-pulse 3.8s ease-in-out infinite;
}
.public-site #optionen .pricing-option-price small{
  justify-self:end;
  padding:6px 10px;
  border:1px solid rgba(15,31,58,.22);
  border-radius:7px;
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
  font-size:14px;
  line-height:1.2;
  font-weight:750;
}
.public-site #optionen .pricing-option-featured .pricing-option-price small{
  background:var(--saitivo-cloud);
  color:var(--saitivo-navy);
}
.public-site #optionen .pricing-option-price:has(small)::after{
  margin-top:2px;
  color:var(--saitivo-teal);
  font-size:14px;
  line-height:1.25;
}
.public-site #optionen .pricing-option-chevron{
  border:1px solid rgba(15,31,58,.28);
}
@keyframes saitivo-price-gentle-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}
@media(max-width:860px){
  .public-site #optionen .pricing-option-title{font-size:19px}
  .public-site #optionen .pricing-option-price strong{font-size:25px}
  .public-site #optionen .pricing-option-price small{font-size:13px}
}
@media(max-width:560px){
  .public-site #optionen .pricing-option>summary{min-height:108px;padding:14px 12px;gap:7px}
  .public-site #optionen .pricing-option-title{font-size:17px}
  .public-site #optionen .pricing-option-price{gap:5px}
  .public-site #optionen .pricing-option-price strong{font-size:23px}
  .public-site #optionen .pricing-option-price small{font-size:12px;padding:5px 7px}
  .public-site #optionen .pricing-option-price:has(small)::after{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .public-site #optionen .pricing-option-price strong{animation:none}
}

/* Keep interactive and expanded price card outlines consistently navy. */
.public-site #optionen .pricing-option:hover,
.public-site #optionen .pricing-option:focus-within,
.public-site #optionen .pricing-option[open]{
  border-color:var(--saitivo-navy);
}


/* Section 1: keep the primary navy call to action legible in white. */
.public-site .hero .hero-cta-link,
.public-site .hero .hero-cta-link:visited{
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-white);
}
.public-site .hero .hero-cta-link:hover,
.public-site .hero .hero-cta-link:focus-visible{
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-white);
}


/* Header menu label: use the warm beige brand accent beside Anmelden. */
.public-site .public-header .mobile-menu>summary{
  color:var(--saitivo-beige);
}
.public-site .public-header .mobile-menu>summary:hover,
.public-site .public-header .mobile-menu>summary:focus-visible{
  color:var(--saitivo-beige);
}


/* Close the image/video seams on desktop layouts, including narrow desktop windows. */
@media(min-width:701px){
  .public-site #migration{margin-top:-6px}
  .public-site #beispiel{margin-top:-16px}
}

/* Hero CTA: navy with white lettering, beige on hover. */
.public-site .hero .hero-cta-link,
.public-site .hero .hero-cta-link:visited{
  background:var(--saitivo-navy);
  border-color:var(--saitivo-navy);
  color:var(--saitivo-white);
}
.public-site .hero .hero-cta-link:hover,
.public-site .hero .hero-cta-link:focus-visible{
  background:var(--saitivo-beige);
  border-color:var(--saitivo-beige);
  color:var(--saitivo-navy);
}

/* Migration CTA: keep the aqua hover fill and use navy lettering. */
.public-site .steps-actions .migration-cta-link:hover,
.public-site .steps-actions .migration-cta-link:focus-visible{
  background:var(--saitivo-aqua);
  border-color:var(--saitivo-aqua);
  color:var(--saitivo-navy);
}


/* Hide the browser's native play overlay on the silent autoplay homepage video. */
.public-site .create-image-video::-webkit-media-controls-start-playback-button,
.public-site .create-image-video::-webkit-media-controls-overlay-play-button{
  display:none!important;
  -webkit-appearance:none;
}