.ex-page{padding:76px 0 96px}.ex-container{max-width:1160px;margin:0 auto;padding:0 32px}.ex-header{text-align:center;max-width:680px;margin:0 auto 64px}.ex-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:9px 15px;border:1px solid var(--accent-soft,#efe5e1);border-radius:999px;background:rgba(255,255,255,.72);color:var(--accent-deep,#9d8c80);font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(16,17,20,.04)}.ex-eyebrow-dot{width:8px;height:8px;border-radius:999px;background:var(--accent-deep,#9d8c80);box-shadow:0 0 0 5px rgba(157,140,128,.15)}.ex-main-title{margin-bottom:24px}.ex-intro{font-size:19px;line-height:1.65;color:var(--ink-soft,#3a3c42);margin:0}.ex-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}.ex-steps{display:flex;flex-direction:column;gap:20px}.ex-card{border:1px solid var(--line,rgba(16,17,20,.1));border-radius:24px;background:#ffffff;padding:32px;transition:border-color .25s,box-shadow .25s}.ex-card:hover{border-color:var(--accent-soft,#efe5e1);box-shadow:0 8px 24px rgba(16,17,20,.05)}.ex-card-header{gap:12px;margin-bottom:20px}.ex-card-header,.ex-card-icon{display:flex;align-items:center}.ex-card-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-soft,#efe5e1);justify-content:center;color:var(--accent-deep,#9d8c80);flex-shrink:0}.ex-card-title{font-family:var(--serif,Georgia,serif);font-size:20px;font-weight:500;letter-spacing:-.01em;color:var(--ink,#101114);margin:0}.ex-card-text{font-size:15px;line-height:1.65;color:var(--ink-soft,#3a3c42);margin:0}.ex-dl{display:flex;flex-direction:column}.ex-dl .ex-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line,rgba(16,17,20,.1));font-size:14px}.ex-dl .ex-row:first-child{padding-top:0}.ex-dl .ex-row:last-child{border-bottom:none;padding-bottom:0}.ex-dl .ex-row dt{color:var(--ink-muted,#81838a)}.ex-dl .ex-row dd{text-align:right;font-weight:500;color:var(--ink,#101114)}.ex-dl .ex-row dd.ex-mono{font-family:var(--mono,"IBM Plex Mono",monospace);font-size:13px;background:rgba(16,17,20,.03);padding:2px 8px;border-radius:6px}.ex-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.ex-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--ink-soft,#3a3c42)}.ex-bullets li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent,#d8c9be);flex-shrink:0;margin-top:8px}.ex-cta-card{border-radius:24px;background:var(--accent-pale,#f7f1ee);border:1px solid var(--accent-soft,#efe5e1);padding:28px 32px}.ex-cta-title{font-family:var(--serif,Georgia,serif);font-size:20px;font-weight:500;color:var(--ink,#101114);margin:0 0 8px}.ex-cta-text{font-size:15px;color:var(--ink-soft,#3a3c42);margin:0 0 16px}.ex-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;background:var(--ink,#101114);color:#ffffff;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 8px 24px rgba(16,17,20,.15)}.ex-cta-btn:hover{background:var(--accent-deep,#9d8c80);transform:translateY(-1px)}.ex-phone-col{position:sticky;top:80px}.ex-phone{position:relative;max-width:380px;margin:0 auto}.ex-phone-inner{position:relative;overflow:hidden;border-radius:48px;border:8px solid var(--ink,#101114);background:var(--ink,#101114);box-shadow:0 30px 60px -15px rgba(16,17,20,.3)}.ex-phone-notch{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100px;height:24px;background:var(--ink,#101114);border-radius:0 0 16px 16px;z-index:10}.ex-phone-screen{height:640px;overflow:hidden;background:#fffaf2;border-radius:40px;display:flex;flex-direction:column}.ex-phone-btn-left{position:absolute;left:-10px;width:4px;height:40px;border-radius:4px 0 0 4px;background:var(--ink,#101114)}.ex-phone-btn-left-1{top:96px}.ex-phone-btn-left-2{top:160px}.ex-phone-btn-right{position:absolute;right:-10px;top:128px;width:4px;height:64px;border-radius:0 4px 4px 0;background:var(--ink,#101114)}.ex-phone-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:var(--ink-muted,#81838a);font-family:var(--mono,monospace);letter-spacing:.02em}@media (max-width:980px){.ex-grid{grid-template-columns:1fr;gap:40px}.ex-phone-col{position:static;order:-1}}@media (max-width:760px){.ex-page{padding:48px 0 64px}.ex-container{padding:0 20px}.ex-header{margin-bottom:40px}.ex-card,.ex-cta-card{padding:24px;border-radius:20px}.ex-phone-inner{border-radius:36px}.ex-phone-screen{height:520px;border-radius:28px}}