:root{--ink:#223a52;--muted:#647486;--line:#dce4e9;--paper:#f5f7f8;--accent:#d9e899;--blue:#e8edf8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #638bca;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10;padding:10px}header{border-bottom:1px solid var(--line);background:#f5f7f8ef;position:sticky;top:0;z-index:3;backdrop-filter:blur(15px)}.bar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand img{height:39px;width:35px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid var(--ink);border-radius:7px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;background:var(--ink);color:white}.button.light{background:transparent;color:var(--ink)}.hero{padding:82px 0 70px;display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#638147}h1{font-size:clamp(42px,5vw,65px);line-height:1.04;letter-spacing:-2.7px;font-weight:500;margin:26px 0}h1 em{font-style:normal;color:#658074}p{line-height:1.7}.intro{font-size:17px;color:var(--muted);max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 20px}.micro{font-size:12px;color:var(--muted);line-height:1.6}.preview{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 55px #223a5210;transform:rotate(-2deg);overflow:hidden}.preview-head{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.dots{color:#a7b5c4;letter-spacing:3px}.preview-body{padding:24px}.file{display:flex;gap:14px;align-items:center;font-size:13px;padding-bottom:24px}.file-icon{background:var(--blue);padding:12px;border-radius:6px;font-weight:700;font-size:12px}.file small{display:block;color:var(--muted);margin-top:5px}.mock-table{width:100%;font-size:12px;border-collapse:collapse}.mock-table th,.mock-table td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}.mock-table th{color:var(--muted);font-size:10px;font-weight:400}.mock-table .selected{background:#eef4de;border-radius:4px}.result{margin-top:25px;background:var(--ink);padding:18px;border-radius:8px;color:white;font-size:13px;line-height:1.6}.result small{color:#bacbdd;display:block}.caption{font-size:10px;color:var(--muted);margin-top:13px}.band{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}section{padding:70px 0}h2{font-size:clamp(29px,3vw,40px);font-weight:500;letter-spacing:-1.3px;line-height:1.15;margin:16px 0 25px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:26px}.section-head p{max-width:380px;font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:white;border-radius:10px;padding:26px}.number{font-size:12px;color:var(--muted)}h3{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:27px 0 12px}.card p{color:var(--muted);font-size:14px;margin:0}.workflow{background:var(--ink);color:white;border-radius:14px;padding:38px}.workflow .eyebrow,.workflow .number,.workflow p{color:#c1cedb}.workflow .grid{gap:38px}.workflow h3{margin-top:17px}.workflow p{font-size:14px}.pricing{grid-template-columns:repeat(4,1fr)}.price{font-size:33px;letter-spacing:-1px;margin:21px 0 8px}.price small{font-size:12px;letter-spacing:0;color:var(--muted)}.pricing h3{margin-top:0}.pricing .card:nth-child(2){background:#ecf1dc;border-color:#cbd5b2}.pricing p{font-size:13px}.note{border-left:3px solid #b8c98b;padding:12px 18px;background:#edf1e7;font-size:13px;line-height:1.7;margin:22px 0}.faq{max-width:800px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;line-height:1.5;font-size:17px}details p{font-size:14px;color:var(--muted)}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:50px 0}.contact h2{margin-top:0}.contact p{color:var(--muted);font-size:14px}.contact-links{display:flex;flex-direction:column;gap:14px;font-size:20px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.legal{max-width:850px;padding-top:55px;padding-bottom:70px}.legal h1{font-size:43px;letter-spacing:-1.5px}.legal h2{font-size:25px;margin-top:35px}.legal p,.legal li{font-size:15px;line-height:1.8}.legal dl{display:grid;grid-template-columns:210px 1fr;margin:30px 0}.legal dt,.legal dd{padding:15px 0;margin:0;border-bottom:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere}.legal dt{color:var(--muted)}.legal a{overflow-wrap:anywhere}::selection{background:var(--accent)}@media(max-width:900px){nav{gap:14px}.hero{gap:30px}.grid{grid-template-columns:repeat(2,1fr)}.workflow .grid{grid-template-columns:1fr}.pricing{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:48px}.bar>.button{display:none}}@media(max-width:600px){.wrap{padding:0 20px}.bar{min-height:75px;flex-wrap:wrap;gap:16px;padding-top:16px;padding-bottom:16px}nav{width:100%;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding:42px 0;gap:32px}.hero h1{font-size:46px}.preview{transform:none}.band{flex-wrap:wrap;font-size:11px;gap:14px}.section-head{display:block}.grid,.pricing{grid-template-columns:1fr}section{padding:44px 0}.workflow{padding:25px}.contact,.footer-top{flex-direction:column;align-items:start}.legal dl{grid-template-columns:1fr}.legal dt{border:0;padding-bottom:0}.legal dd{padding-top:5px}.legal h1{font-size:35px}.contact-links{font-size:18px}.mock-table td,.mock-table th{padding:12px 4px}}
/* Interactive plan selection. */
.pricing-hint{color:var(--muted);font-size:13px;margin:0 0 38px}.pricing-wrap{position:relative;isolation:isolate}.pricing{align-items:stretch}.pricing .plan-card{position:relative;display:flex;flex-direction:column;background:#fff;cursor:pointer;transition:background .25s,border-color .25s;padding:24px 21px 20px}.pricing .plan-card:nth-child(2){background:white;border-color:var(--line)}.pricing .plan-card.is-selected{background:#f1f5e5}.pricing .plan-card.drop-target{background:#e5edd1}.plan-label{display:flex;align-items:center;gap:8px;cursor:pointer}.plan-label input{position:absolute;opacity:0;width:1px;height:1px}.plan-card:has(input:focus-visible){outline:3px solid #638bca;outline-offset:6px}.plan-name{font-size:22px;letter-spacing:-.5px}.plan-check{margin-left:auto;width:23px;height:23px;display:grid;place-items:center;border:1px solid #cbd4c0;border-radius:50%;color:transparent;font-size:13px}.is-selected .plan-check{color:white;background:var(--ink);border-color:var(--ink)}.pricing .plan-description{font-size:12px;margin-top:12px;min-height:20px}.pricing .price{white-space:nowrap;font-size:31px;margin:22px 0 14px}.plan-credits{font-size:13px;font-weight:700;line-height:1.5}.pricing .plan-note{font-size:11px;min-height:34px;margin-top:7px}.features-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding-top:22px;margin-top:16px;border-top:1px solid var(--line)}.plan-features{list-style:none;padding:0;margin:19px 0 25px;display:grid;gap:14px;font-size:12px;line-height:1.55}.plan-features li{position:relative;padding-left:18px}.plan-features li:before{content:'✓';position:absolute;left:0;color:#638147}.plan-state{display:block;margin-top:auto;text-align:center;border:1px solid var(--line);padding:12px;border-radius:6px;font-size:12px;font-weight:700}.is-selected .plan-state{background:var(--ink);border-color:var(--ink);color:white}.plan-frame{position:absolute;top:0;left:0;border:2px solid #708a4e;border-radius:11px;pointer-events:none;z-index:2;box-shadow:0 8px 24px #526c3f14;transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s,height .38s;will-change:transform}.plan-frame[hidden]{display:none}.frame-handle{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;border-radius:20px;padding:7px 12px;background:#708a4e;color:white;font-size:10px;cursor:grab;pointer-events:auto;touch-action:none;user-select:none}.frame-handle:focus-visible{outline:3px solid #638bca;outline-offset:3px}.plan-frame.dragging{transition:none;z-index:4;box-shadow:0 16px 32px #263c5830}.dragging .frame-handle{cursor:grabbing}.pricing-selection{font-size:13px;color:var(--muted);margin:20px 0}.pricing-wrap:has(.dragging){user-select:none}@media(max-width:900px){.pricing{gap:30px 16px}.plan-features{font-size:13px}.pricing .plan-note{min-height:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plan-frame,.pricing .plan-card{transition:none}}
.monitor-preview{margin:0;min-width:0;perspective:1400px}.hero{grid-template-columns:.85fr 1.3fr;gap:40px}.hero h1{font-size:clamp(40px,4vw,58px)}.monitor-perspective{transform:rotateY(-13deg) rotateX(4deg) rotateZ(1deg);transform-style:preserve-3d}.monitor-body{position:relative;padding:15px 10px 0;background:linear-gradient(125deg,#334458,#101b29);border:1px solid #617086;border-radius:14px;box-shadow:18px 30px 50px #1e30432c}.monitor-camera{position:absolute;width:4px;height:4px;background:#8794a3;border-radius:50%;top:6px;left:50%}.monitor-body a{display:block;overflow:hidden;border-radius:4px;background:#fff}.monitor-body img{display:block;width:100%;height:auto}.monitor-chin{height:29px;display:flex;align-items:center;justify-content:center;color:#b1bdcc;font-size:8px;letter-spacing:3px;position:relative}.monitor-chin span{position:absolute;right:10px;color:#b2cb85;font-size:6px}.monitor-stand{width:70px;height:47px;background:linear-gradient(90deg,#bcc4ce,#eef1f4,#8c9bad);margin:auto;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.monitor-foot{height:10px;width:160px;margin:auto;border-radius:50%;background:linear-gradient(#d4dae1,#8e9bae);box-shadow:0 10px 17px #223a5233}.monitor-preview figcaption{margin-top:26px;text-align:center}.monitor-preview figcaption b{display:block;font-size:14px;font-weight:500}.monitor-preview figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.6}.billing-period{display:flex;gap:6px;border:0;margin:26px 0 0;padding:6px;background:#e7ecef;border-radius:10px;width:fit-content}.billing-period legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.billing-period label{cursor:pointer;position:relative}.billing-period input{position:absolute;opacity:0;width:1px;height:1px}.billing-period label>span{display:flex;gap:12px;align-items:center;padding:13px 18px;border-radius:7px;font-size:13px;transition:background .2s,box-shadow .2s}.billing-period input:checked+span{background:white;box-shadow:0 2px 8px #223a5212}.billing-period input:focus-visible+span{outline:3px solid #638bca;outline-offset:2px}.billing-period b{font-size:10px;color:#526d39;background:#dce9c6;padding:4px 6px;border-radius:4px}.period-explanation{font-size:12px;color:var(--muted);margin:12px 0 25px}.pricing .plan-total{font-size:12px;margin:0 0 8px;color:var(--ink)}.pricing .plan-saving{font-size:11px;color:#607b41;min-height:35px;margin-bottom:15px}.pricing .price{font-size:29px;min-height:38px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero h1{font-size:54px}.monitor-preview{max-width:660px;margin:15px auto 0}.billing-period{flex-wrap:wrap}.billing-period label>span{padding:12px}}@media(max-width:600px){.hero h1{font-size:44px}.monitor-perspective{transform:rotateY(-7deg) rotateX(3deg)}.billing-period{display:grid;grid-template-columns:1fr 1fr;width:100%}.billing-period label>span{justify-content:space-between}.monitor-preview figcaption span{font-size:10px}}@media(prefers-reduced-motion:reduce){.billing-period label>span{transition:none}}
/* Motion is opt-in for precise pointers; touch keeps readable, stable targets. */
.button{position:relative;overflow:hidden;transform:translate(var(--shift-x,0px),var(--shift-y,0px)) rotate(var(--tilt,0deg));transition:transform .2s ease,background .2s,box-shadow .2s,border-color .2s;will-change:transform}.button:after{content:'';position:absolute;inset:-70% auto -70% -65%;width:38%;background:linear-gradient(90deg,transparent,#ffffff28,transparent);transform:skewX(-22deg);transition:left .55s;pointer-events:none}.button:hover:after{left:135%}.button:hover{box-shadow:0 9px 20px #223a5226}.button:active{transform:translateY(1px) scale(.975)}.app-entry span{display:inline-block;transition:transform .2s;margin-left:10px}.app-entry:hover span{transform:translate(3px,-3px)}nav a{transition:color .2s,transform .2s}nav a:hover{color:#6e854f;transform:translateY(-2px)}.grid:not(.pricing) .card{transition:transform .25s,box-shadow .25s}.grid:not(.pricing) .card:hover{transform:translateY(-5px);box-shadow:0 14px 25px #223a520d}.monitor-body a{background:#172638}.monitor-body img{background:#172638;object-fit:contain}.monitor-stand{background:linear-gradient(90deg,#334559,#61748a,#26394d)}.monitor-foot{background:linear-gradient(#60758b,#26394d)}
@media(max-width:600px){.wrap{padding:0 18px}.bar{gap:15px;padding-top:14px;padding-bottom:12px}.brand{font-size:20px}nav{gap:10px;overflow:auto;padding-bottom:3px;font-size:12px;white-space:nowrap}.hero{padding:32px 0 36px;gap:28px}.hero h1{font-size:clamp(34px,9.3vw,46px);letter-spacing:-1.6px;line-height:1.06;margin:20px 0}.hero .intro{font-size:15px;line-height:1.65}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.hero .button{min-height:50px;font-size:14px;width:100%}.micro{font-size:11px}.monitor-preview{width:100%;margin:5px 0 0;padding:16px 11px 18px;border-radius:20px;background:radial-gradient(ellipse at 45% 0,#435772,#142234 78%);box-shadow:0 14px 25px #223a5220}.monitor-perspective{transform:none;transform-style:flat}.monitor-body{border:1px solid #65768c;background:#0c1724;padding:12px 6px 0;border-radius:10px;box-shadow:0 8px 18px #0004}.monitor-body a{background:#142234;border-radius:3px}.monitor-body img{width:100%;height:auto;min-height:0;display:block}.monitor-chin{height:22px;font-size:6px}.monitor-stand,.monitor-foot{display:none}.monitor-preview figcaption{margin-top:15px;color:#fff}.monitor-preview figcaption b{font-size:13px}.monitor-preview figcaption span{color:#c2cedc;font-size:10px;max-width:250px;margin:7px auto 0}.band{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px;line-height:1.5;padding:22px 0}h2{font-size:29px;letter-spacing:-1px}.section-head p{font-size:14px}.grid .card{padding:22px}.pricing .plan-card{padding:23px}.plan-features{font-size:14px;gap:12px}.plan-label{min-height:30px}.pricing .plan-description{font-size:14px}.pricing .price{font-size:34px}.pricing .plan-total{font-size:14px}.plan-credits{font-size:15px}.pricing .plan-saving,.pricing .plan-note{font-size:12px}.plan-state{padding:14px;font-size:14px}.pricing-hint{font-size:12px}.frame-handle{min-height:30px;padding:8px 14px;font-size:11px}.billing-period label>span{min-height:47px;font-size:13px}.contact{padding:34px 0}.contact-links{gap:19px}.footer-links{gap:16px;line-height:1.6}.monitor-preview img{color:#dce6f2}}
@media(prefers-reduced-motion:reduce){.button,.button:after,.app-entry span,nav a,.grid:not(.pricing) .card{transition:none!important;transform:none!important}.button:after{display:none}}