@charset "UTF-8";
:root{--paper:#f6f5ef;--ink:#183b36;--muted:#52665f;--line:#d7ddd3;--orange:#d75b38;--peach:#ffab88;--white:#fffef9;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:#9f3b21}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px;border-radius:3px}.wrap{max-width:1200px;margin:auto;padding-inline:36px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:9px;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.7px;text-decoration:none;white-space:nowrap}.brand span{font-weight:400;margin-left:-7px}.site-header nav{display:flex;gap:27px;flex-wrap:wrap}.site-header nav a{font-size:13px;text-decoration:none;padding-block:6px}.site-header nav [aria-current]{box-shadow:0 2px 0 var(--orange)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:52px;padding-block:78px 84px}.eyebrow{font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block}h1,h2,h3{font-weight:650;line-height:1.13;letter-spacing:-1.5px}h1{font-size:clamp(40px,4.5vw,59px);margin:25px 0 24px}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;color:var(--muted);max-width:510px;line-height:1.8}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:24px;align-items:center;background:var(--ink);color:white;border-radius:5px;padding:14px 18px;text-decoration:none;font-size:13px;font-weight:600}.button:hover{background:#28594e;color:white}.text-link{font-size:13px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);margin-top:25px}.format-demo{margin:0;border:1px solid #b8c9bb;border-radius:12px;background:#e6ecdf;box-shadow:0 14px 40px #1b3b3610;overflow:hidden}.window-bar{display:flex;gap:13px;align-items:center;justify-content:space-between;background:#f2f5eb;padding:13px 16px;font-size:10px;border-bottom:1px solid #c8d3c4}.window-dots{letter-spacing:3px;font-size:8px;color:#93a590}.local-badge{font-size:8px;padding:3px 7px;border-radius:3px;border:1px solid #b6c5b2;letter-spacing:1px}.format-stage{display:flex;align-items:center;justify-content:center;gap:21px;padding:31px 16px;background:radial-gradient(ellipse at center,#f5f7ed,#dfe7d6)}.portrait{position:relative;width:194px;height:344px;background:#688771;isolation:isolate;overflow:hidden;border-radius:7px;border:5px solid var(--ink);box-shadow:9px 12px 0 #173b3610;display:flex;align-items:center}.blur-shape{position:absolute;z-index:-1;border-radius:50%;filter:blur(29px);width:180px;height:180px}.shape-one{background:#f3b096;top:-25px;left:-70px}.shape-two{background:#254f43;right:-80px;bottom:-55px}.horizontal{width:100%;background:linear-gradient(120deg,#163f36,#386153);height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffdf6;font-size:11px;border-block:1px solid #f7f7ee50}.horizontal small{font-size:8px;opacity:.75}.play{color:var(--peach);font-size:19px;line-height:1.4}.portrait-tag{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#f2f3df}.format-label{display:flex;flex-direction:column;gap:24px;max-width:112px;font-size:10px;color:#38564a}.format-demo figcaption{font-size:9px;color:var(--muted);padding:9px 16px;background:#f0f3e8;border-top:1px solid #c8d3c4}.band{background:var(--ink);color:#f4f4e9}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:23px}.band p{font-size:18px;margin:0}.band span{font-size:12px;color:#d1dfd1}.section{padding-block:75px}.section-intro{max-width:680px;margin-bottom:45px}.section-intro h2,.integration h2,.practical h2{font-size:38px;margin:16px 0}.section-intro>p:last-child,.practical p{color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{padding-top:21px;border-top:1px solid #afc0ad}.step-number{font-size:12px;color:var(--orange);font-weight:700}.steps h3{font-size:23px;margin:20px 0 15px;letter-spacing:-.6px}.steps p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.integration{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;border-radius:10px;background:#e6ecdf;padding-block:48px}.integration p{font-size:14px;line-height:1.8;color:#405b4e}.integration aside{border-left:1px solid #b7c7b1;padding-left:35px}.status-pill{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #b0c3a9;border-radius:30px;padding:5px 11px}.integration h3{font-size:26px;line-height:1.35;letter-spacing:-.7px;margin:25px 0 16px}.practical{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}.practical h3{font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.practical p{margin:0 0 27px}.site-footer{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;border-top:1px solid var(--line);padding-block:37px 25px}.site-footer p{font-size:13px;margin:10px 0}.site-footer small{font-size:11px;color:var(--muted)}.site-footer nav{display:flex;align-items:start;justify-content:end;gap:18px;flex-wrap:wrap;font-size:12px}.footer-note{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line)}.legal{max-width:900px;padding-block:60px 75px}.legal-heading{padding-bottom:20px}.legal-heading h1{font-size:49px;letter-spacing:-2px;margin:17px 0}.legal-heading p:last-child{color:var(--muted);font-size:13px}.legal section{margin-top:34px}.legal h2{font-size:23px;letter-spacing:-.6px;margin-bottom:15px}.legal p,.legal li{font-size:15px;color:#3c5148;line-height:1.85}.notice{background:#e6ecdf;border-left:3px solid var(--orange);padding:17px 20px;font-size:13px;color:#314f40}.notice strong{display:block}.identity{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:5px;padding:17px 22px;gap:8px;font-size:13px}.identity dt{font-weight:650}.identity dd{margin:0;overflow-wrap:anywhere}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}caption{text-align:left;font-weight:600;margin-bottom:10px}th,td{padding:13px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#e6ecdf}td:first-child{width:29%;font-weight:600}code{font-family:Consolas,monospace;background:#e6ecdf;border-radius:3px;padding:2px 5px;font-size:.88em;overflow-wrap:anywhere}
@media(max-width:950px){.hero{gap:25px;padding-block:50px}.hero h1{font-size:43px}.format-stage{gap:14px}.format-label{max-width:75px;font-size:9px}.portrait{width:160px;height:285px}.horizontal{height:90px}.site-header{gap:20px}.site-header nav{gap:17px}.integration{gap:30px}.practical{gap:35px}}
@media(max-width:700px){.wrap{padding-inline:22px}.site-header{flex-direction:column;align-items:start;padding-block:22px;gap:17px}.site-header nav{justify-content:space-between;width:100%;gap:12px}.site-header nav a{font-size:11px}.hero{grid-template-columns:1fr;padding-block:40px;gap:35px}.hero h1{font-size:43px;max-width:520px}.lead{font-size:16px}.format-demo{max-width:440px;width:100%;justify-self:center}.format-stage{padding-block:24px;gap:30px}.portrait{width:175px;height:311px}.format-label{max-width:100px;font-size:10px}.horizontal{height:99px}.band-inner{flex-direction:column;align-items:start;gap:6px}.band p{font-size:17px}.section{padding-block:45px}.section-intro h2,.integration h2,.practical h2{font-size:31px}.steps{grid-template-columns:1fr;gap:28px}.steps h3{margin-block:10px}.integration{grid-template-columns:1fr;border-radius:0;padding-block:35px}.integration aside{border-left:0;border-top:1px solid #b7c7b1;padding:25px 0 0}.practical{grid-template-columns:1fr;gap:25px}.site-footer{grid-template-columns:1fr;gap:20px}.site-footer nav{justify-content:start}.legal{padding-block:35px}.legal-heading h1{font-size:36px}.identity{grid-template-columns:1fr;gap:4px;padding:15px}.identity dd{margin-bottom:9px}.legal h2{font-size:21px}th,td{padding:10px;font-size:12px}.legal p{font-size:14px}.actions{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}