
:root{--bg:#f1f2ed;--paper:#fffef9;--ink:#172820;--muted:#526258;--line:#cad2c9;--accent:#a94b24;--dark:#17372c;--light:#e6ede6; font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:5}.container{width:min(1180px,calc(100% - 48px));margin:auto}nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-1px}.nav-links{display:flex;gap:24px;flex-wrap:wrap}.nav-links a{color:var(--ink);font-size:14px;text-decoration:none}main{padding-bottom:72px}section{padding:64px 0;border-bottom:1px solid var(--line)}.eyebrow{font:12px/1.5 monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;line-height:1.02;max-width:850px;margin:22px 0}h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;line-height:1.12;margin:15px 0 24px}h3{font-size:23px;line-height:1.2;margin:12px 0}p,li{line-height:1.7}p{max-width:70ch;color:var(--muted)}.lede{font-size:20px;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:14px 22px;background:var(--dark);color:white;font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--dark)}.button.secondary{background:transparent;color:var(--dark)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;padding:72px 0}.hero h1{font-size:clamp(42px,5.4vw,70px)}.diagram{background:var(--dark);color:#fff;padding:30px}.diagram .eyebrow{color:#cbe0bf}.diagram p{color:#c9dacf;font-size:14px}.node{padding:17px;border:1px solid #7a998b;margin-top:16px}.node strong{display:block;margin-bottom:5px}.connector{font:14px monospace;color:#b3ccb8;padding-top:14px;text-align:center}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:24px}.strip strong{display:block;font-size:16px}.strip span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:28px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.card p{font-size:15px}.card a{margin-top:24px;font-size:14px;font-weight:bold}.metric{font-size:38px;font-weight:800;letter-spacing:-1.5px;margin:25px 0 3px}.metric-caption{font-size:13px;color:var(--muted);margin-bottom:20px}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:3px solid var(--dark);padding-top:16px}.step p{font-size:15px}.step .eyebrow{font-size:11px}.list{padding-left:20px;color:var(--muted)}.list li{margin-bottom:12px}.contact{background:var(--light);padding:40px}.contact h2{max-width:700px}.small{font-size:13px}.article{max-width:850px;margin:auto;padding:56px 0}.article h1{font-size:clamp(38px,5vw,58px)}.article h2{font-size:29px;letter-spacing:-.7px}.article section{padding:32px 0}.article p+p{margin-top:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0;border-block:1px solid var(--line);margin-top:30px}.facts p{font-size:14px}.facts strong{display:block;color:var(--ink)}footer{padding:28px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:540px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:1px}.name{display:block;font-weight:700}.desc,.note{color:var(--muted);font-size:14px}.price{white-space:nowrap;font-weight:700}.group{margin-top:30px}ol.steps{display:block;padding-left:24px}ol.steps li{margin:18px 0}.faq{display:grid;gap:24px}.faq h3{font-size:19px}.cta-row{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 22px;background:var(--dark);color:white;text-decoration:none}.article .note{background:var(--light);padding:20px;margin:24px 0}.back{font-size:14px} @media(max-width:850px){.hero,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.hero{padding:48px 0}.diagram{max-width:600px}}@media(max-width:540px){.container{width:calc(100% - 32px)}nav{align-items:flex-start;flex-direction:column;gap:18px}.nav-links{gap:16px}.strip,.facts,.steps{grid-template-columns:1fr}.strip{gap:16px}section{padding:40px 0}h1{letter-spacing:-1.7px}.split{gap:20px}.contact{padding:24px}footer{flex-direction:column}.article{padding:36px 0}}
.apple-grid{grid-template-columns:1fr;gap:12px}.apple-grid .card{padding:20px}.apple-grid h3{font-size:20px}

.demo{margin:28px 0 0}.demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#17372c;border:1px solid var(--line)}.demo figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:12px}

.app-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.app-gallery figure{margin:0;min-width:0}.app-gallery img{display:block;width:100%;height:auto;border:1px solid var(--line)}.app-gallery figcaption{font-size:13px;color:var(--muted);margin-top:10px}.article .app-gallery{grid-template-columns:1fr}.button{overflow-wrap:anywhere}@media(max-width:850px){.app-gallery{grid-template-columns:1fr}}

.engagements{margin:26px 0}.engagements details{padding:18px 0;border-bottom:1px solid var(--line)}.engagements summary{cursor:pointer;font-size:18px;font-weight:700}.engagements p{margin-top:14px}footer{flex-wrap:wrap} @media(max-width:700px){.table-wrap{overflow:visible}table{min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody,tr,td{display:block;width:100%}tr{background:var(--paper);border:1px solid var(--line);padding:16px;margin-bottom:16px}td{border:0;padding:7px 0}td[data-label="Turnaround"],td[data-label="Price"]{display:flex;justify-content:space-between;gap:16px;align-items:baseline}td[data-label="Turnaround"]::before,td[data-label="Price"]::before{content:attr(data-label);font-size:13px;font-weight:400;color:var(--muted)}td.price{white-space:normal}}
