:root{color-scheme:light;--ink: #12343c;--ink-strong: #0b2b34;--muted: #586c72;--teal: #04706c;--teal-dark: #073f46;--paper: #fffbea;--paper-deep: #f7f0d8;--white: #ffffff;--line: rgba(18, 52, 60, .15);--mint-soft: #eaf7ef;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif;font-family:var(--font-sans);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.4rem}body{margin:0;min-width:320px;overflow-x:clip;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{color:var(--muted);line-height:1.68}.page-shell{width:min(1240px,calc(100% - 3rem));margin-inline:auto}.eyebrow{color:var(--teal);font-size:.74rem;font-weight:900;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.detail-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(23rem,.88fr);align-items:center;gap:clamp(3rem,6vw,6rem);min-height:min(46rem,calc(100vh - 6rem));padding-block:clamp(4.5rem,7vw,7rem)}.hero-copy{min-width:0}.hero-copy h1{max-width:16ch;margin-top:1.15rem;color:var(--ink-strong);font-family:var(--font-serif);font-size:clamp(3.35rem,4.7vw,4.85rem);font-weight:500;letter-spacing:-.045em;line-height:.98}.hero-intro{max-width:41rem;margin-top:1.7rem;color:#2e5057;font-size:clamp(1.02rem,1.3vw,1.16rem)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.2rem;padding:0 1.35rem;border:1px solid transparent;border-radius:.8rem;font-size:.95rem;font-weight:850;line-height:1;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button.primary{background:var(--teal-dark);color:#fffdf4;box-shadow:0 .38rem #b8ddef}.button i{font-size:1.05rem}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,summary:focus-visible{outline:3px solid rgba(4,112,108,.3);outline-offset:4px}.text-link{padding-block:.7rem;border-bottom:1px solid rgba(7,63,70,.4);color:var(--teal-dark);font-size:.95rem;font-weight:800}.hero-media{justify-self:end;width:min(100%,31rem);overflow:hidden;border:1px solid rgba(18,52,60,.11);border-radius:1.35rem;background:#fff;box-shadow:0 1.4rem 3.6rem #1938391f}.hero-media img{width:100%;height:auto}.magic-section,.sync-section{padding-block:clamp(5rem,7.5vw,7.5rem);background:var(--mint-soft)}.section-heading{max-width:68rem}.section-heading.compact{max-width:58rem}.section-heading h2,.overview-copy h2,.faq-heading h2,.cta-shell h2{color:var(--ink-strong);font-family:var(--font-serif);font-size:clamp(2.7rem,4.15vw,4.25rem);font-weight:500;letter-spacing:-.043em;line-height:.99}.section-heading h2,.overview-copy h2,.faq-heading h2{margin-top:.85rem}.section-intro{max-width:51rem;margin-top:1.35rem;font-size:1.04rem}.magic-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(1rem,2.4vw,2rem);margin-top:clamp(3rem,5vw,4.5rem)}.flow-step{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:1.15rem}.icon-disc{display:grid;width:4rem;height:4rem;place-items:center;border-radius:50%;background:#dcefe3;color:var(--teal-dark);flex:0 0 auto}.icon-disc i{font-size:1.75rem}.icon-disc.small{width:3.4rem;height:3.4rem}.icon-disc.small i{font-size:1.5rem}.flow-step h3,.manual-entry h3,.practical-item h3{color:var(--ink-strong);font-size:1.02rem;font-weight:850;letter-spacing:-.015em;line-height:1.35}.flow-step p{margin-top:.4rem;font-size:.93rem;line-height:1.55}.flow-arrow{color:#073f466b;font-size:1.45rem}.manual-entry{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1.1rem;max-width:50rem;margin-top:3.25rem}.manual-entry p{margin-top:.35rem;font-size:.95rem}.overview-section,.practical-section{padding-block:clamp(5rem,7.5vw,7.5rem);background:var(--paper)}.overview-layout{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(3rem,6vw,6rem)}.overview-copy>p:not(.eyebrow){margin-top:1.35rem;font-size:1.03rem}.check-list{display:grid;gap:.8rem;margin:1.7rem 0 0;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:1.35rem minmax(0,1fr);gap:.65rem;color:#35565d;font-size:.95rem;font-weight:700;line-height:1.5}.check-list i{margin-top:.12rem;color:var(--teal);font-size:1.18rem}.product-shot{overflow:hidden;border:1px solid rgba(18,52,60,.11);border-radius:1.2rem;background:#fff;box-shadow:0 1.25rem 3.2rem #1938391a}.product-shot img{width:100%;height:auto}.overview-shot{width:min(100%,46rem);justify-self:end}.sync-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(.5rem,1.35vw,1.15rem);margin-top:clamp(3rem,5vw,4.5rem)}.sync-node{display:grid;justify-items:center;gap:.9rem;min-width:0;text-align:center}.sync-node strong{max-width:9rem;color:var(--ink-strong);font-size:.9rem;line-height:1.42}.sync-arrow{align-self:center;margin-top:1.1rem;color:#073f466b;font-size:1.3rem}.practical-heading{max-width:55rem}.practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,7vw,7rem);margin-top:clamp(3rem,5vw,4.5rem)}.practical-item{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:1.25rem}.practical-item h3{font-family:var(--font-serif);font-size:clamp(1.85rem,2.5vw,2.55rem);font-weight:500;letter-spacing:-.035em}.practical-item p{margin-top:.9rem;font-size:.98rem}.compact-list{gap:.55rem;margin-top:1.1rem}.faq-section{display:grid;grid-template-columns:minmax(0,1fr);gap:2.25rem;padding-block:clamp(5rem,8vw,7rem)}.faq-heading{max-width:55rem}.faq-list{width:min(100%,65rem);border-top:1px solid rgba(18,52,60,.16)}.faq-list details{border-bottom:1px solid rgba(18,52,60,.16)}.faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 1.5rem;align-items:center;gap:1.5rem;padding:1.4rem 0;color:var(--ink-strong);cursor:pointer;font-size:1.03rem;font-weight:850;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:var(--teal);font-size:1.15rem;transition:transform .18s ease}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{max-width:50rem;padding:0 2.75rem 1.5rem 0;font-size:.98rem}.cta-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;margin-bottom:clamp(4rem,7vw,6rem);padding:clamp(2.7rem,5vw,4.5rem);border-radius:1.5rem;background:var(--teal-dark)}.cta-shell h2{color:#fffbed}.cta-shell p{max-width:42rem;margin-top:1rem;color:#fffbedb8}.cta-button{min-height:3.5rem;padding-inline:1.5rem;background:#fffdf4;color:var(--teal-dark);box-shadow:0 .45rem #afd8e8}.reveal{opacity:0;transform:translateY(1rem);transition:opacity .56s ease,transform .56s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1080px){.detail-hero{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:2.75rem}.hero-copy h1{font-size:clamp(3.05rem,5.9vw,4.4rem)}.magic-flow{grid-template-columns:1fr;gap:1.2rem}.flow-arrow{margin-left:1.25rem;transform:rotate(90deg)}.overview-layout{grid-template-columns:minmax(17rem,.65fr) minmax(0,1.35fr);gap:2.75rem}.sync-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.sync-arrow{display:none}}@media(max-width:860px){.detail-hero,.overview-layout,.cta-shell{grid-template-columns:minmax(0,1fr)}.detail-hero{min-height:0;padding-block:4rem 5rem}.hero-media{justify-self:start;width:min(100%,34rem)}.overview-shot{justify-self:start;width:min(100%,42rem)}.sync-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.practical-grid{gap:2.5rem}.cta-shell{justify-items:start}}@media(max-width:640px){html{scroll-padding-top:5rem}.page-shell{width:min(100% - 1rem,1240px)}.detail-hero{gap:2.5rem;padding-block:3.25rem 4.5rem}.hero-copy{padding-inline:.5rem}.hero-copy h1{max-width:12ch;font-size:clamp(2.65rem,11.8vw,3.65rem)}.hero-intro{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.text-link{justify-self:start}.hero-media,.product-shot{border-radius:.9rem}.magic-section,.overview-section,.sync-section,.practical-section,.faq-section{padding-block:4.5rem}.section-heading,.overview-copy,.faq-heading{padding-inline:.5rem}.section-heading h2,.overview-copy h2,.faq-heading h2,.cta-shell h2{font-size:clamp(2.35rem,10.8vw,3.15rem)}.section-intro,.overview-copy>p:not(.eyebrow){font-size:1rem}.magic-flow{padding-inline:.5rem}.flow-step{grid-template-columns:3.4rem minmax(0,1fr);gap:.9rem}.flow-step .icon-disc{width:3.4rem;height:3.4rem}.manual-entry{margin-inline:.5rem}.overview-layout{gap:2.5rem}.sync-flow{grid-template-columns:1fr;gap:1.7rem}.sync-node{grid-template-columns:3.4rem minmax(0,1fr);align-items:center;justify-items:start;text-align:left}.sync-node .icon-disc{width:3.4rem;height:3.4rem}.sync-node strong{max-width:none}.practical-grid{grid-template-columns:1fr;padding-inline:.5rem}.practical-item{grid-template-columns:3.4rem minmax(0,1fr);gap:.9rem}.practical-item .icon-disc{width:3.4rem;height:3.4rem}.faq-section{gap:2.25rem;padding-inline:.5rem}.faq-list summary{padding-block:1.2rem;font-size:.98rem}.faq-list details p{padding-right:0;font-size:.94rem}.cta-shell{margin-bottom:4rem;padding:2.2rem 1.5rem;border-radius:1.2rem}.cta-shell>div{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
