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