:root{--ink:#121820;--muted:#586575;--blue:#087bff;--blue-deep:#086bd8;--paper:#f4f6fa;--line:#dbe3ed;--dark:#152436}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #087bff;outline-offset:4px}.section-pad{padding-left:clamp(24px,5.4vw,92px);padding-right:clamp(24px,5.4vw,92px)}
.site-header{height:84px;display:flex;align-items:center;gap:32px;padding:0 clamp(24px,5.4vw,92px);background:#fff;border-bottom:1px solid #edf0f3}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.brand img{border-radius:11px;box-shadow:0 4px 12px #15243618}.brand-dot{color:var(--blue)}.header-label{margin:auto;font-size:10px;font-weight:800;letter-spacing:.22em;color:#677587}.header-link{font-size:12px;font-weight:750;white-space:nowrap}.header-link span{color:var(--blue);margin-left:10px}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0;font-size:10px;font-weight:800;letter-spacing:.19em;color:#bfd7ff}.eyebrow.dark{color:#607088}.eyebrow-line{width:25px;height:1px;background:currentColor;display:inline-block}.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);background:#1d3351;color:#fff;overflow:hidden}.hero-copy{padding:clamp(70px,9vw,138px) 6vw 72px 0;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.hero h1{font-size:clamp(58px,6.8vw,114px);line-height:.94;letter-spacing:-.082em;margin:54px 0 28px;white-space:nowrap}.hero h1 em,.ready h2 em,.help h2 em{font-style:normal;font-weight:300;color:#8ec0ff}.hero-lede{max-width:535px;color:#e0e9f5;font-size:clamp(17px,1.5vw,21px);line-height:1.55;letter-spacing:-.015em;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:999px;padding:18px 24px;min-height:58px;font-size:14px;font-weight:750}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#3292ff}.text-link{font-size:13px;font-weight:730;border-bottom:1px solid #bcd5f4;padding:6px 0}.text-link span{margin-left:15px}.hero-note{margin:auto 0 0;padding-top:60px;color:#abc1d9;font-size:11px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:660px;background:radial-gradient(circle at 65% 40%,#578dfb 0,#305994 39%,#1c3453 75%);margin-right:calc(-1 * clamp(24px,5.4vw,92px));overflow:hidden}.hero-halo{position:absolute;width:650px;height:650px;border:1px solid #ffffff36;border-radius:50%;transform:translate(12%,2%)}.hero-halo:before{content:"";position:absolute;inset:55px;border:1px solid #ffffff20;border-radius:50%}.hero-preview{width:min(365px,60%);border-radius:34px;padding:22px 22px 24px;background:#fff;color:#19222e;box-shadow:0 25px 80px #071c3a55;transform:rotate(-5deg);position:relative;z-index:1}.preview-photo{height:200px;display:grid;place-items:center;background:linear-gradient(130deg,#ece3d9,#d8bfac 55%,#adcce1);border-radius:19px}.preview-photo span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#fff9;color:#192c43;font-family:Georgia,serif;font-size:34px}.preview-overline{font-size:9px;font-weight:800;letter-spacing:.2em;color:#7290af;margin:24px 0 9px}.hero-preview h2{font-size:34px;line-height:.98;letter-spacing:-.07em;margin:0 0 11px}.hero-preview>p:not(.preview-overline){font-size:11px;color:#69798a;margin:0 0 22px}.preview-service{display:flex;justify-content:space-between;border-top:1px solid #e7ebee;padding:16px 0;font-size:11px}.preview-service strong{font-size:12px}.preview-button{display:flex;justify-content:space-between;background:#087bff;color:#fff;border-radius:30px;padding:13px 17px;font-size:11px;font-weight:750}.floating-note{position:absolute;z-index:2;box-shadow:0 15px 35px #051d3a40;border-radius:15px;padding:16px 20px;background:#fff;color:#1c2936;font-size:12px;font-weight:700}.note-one{top:19%;right:5%;transform:rotate(5deg)}.note-two{bottom:18%;left:3%;transform:rotate(3deg);color:#40516a}.note-icon{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e0f8e9;color:#1b9a51;margin-right:6px}
.guide-nav{display:flex;align-items:center;gap:clamp(16px,3vw,50px);min-height:78px;background:#fff;border-bottom:1px solid #e4e9ef;overflow-x:auto;white-space:nowrap}.guide-nav span{font-size:10px;letter-spacing:.16em;color:#8a98a8;font-weight:800;margin-right:auto}.guide-nav a{font-size:12px;font-weight:700;color:#46586b}.guide-nav a:hover{color:var(--blue)}.intro{padding-top:clamp(90px,11vw,160px);padding-bottom:60px}.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}.intro h2,.faq h2{font-size:clamp(54px,6.5vw,105px);line-height:.96;letter-spacing:-.078em;margin:26px 0 0}.intro h2 span,.faq h2 span{color:var(--blue)}.intro-grid>p,.faq-heading>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:435px;margin:0 0 7px}.intro strong{color:#1f3044}
.steps{padding-bottom:120px}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:center;gap:clamp(25px,7vw,115px);padding:70px 0;border-top:1px solid #d6dfe9;scroll-margin-top:25px}.step.reverse .step-copy{order:2}.step.reverse .mock-stage{order:1}.step-copy{max-width:560px}.step-number{font-size:11px;letter-spacing:.18em;font-weight:850;color:var(--blue)}.step h3{font-size:clamp(43px,4.3vw,70px);line-height:1;letter-spacing:-.07em;margin:24px 0}.step-copy>p{font-size:17px;line-height:1.65;color:#4b5969;margin:0 0 17px}.step-copy strong{color:#172b44}.step-tip{border-left:2px solid var(--blue);padding-left:19px;margin-top:30px!important;font-size:14px!important;color:#586e86!important}.step-tip span{color:var(--blue);font-size:10px;letter-spacing:.15em;font-weight:850;margin-right:11px}.mock-stage{min-height:540px;background:linear-gradient(145deg,#e3edfc,#f5f7fa 63%,#e3eaf5);border:1px solid #dbe5f1;border-radius:30px;display:flex;align-items:center;justify-content:center;padding:35px 20px;overflow:hidden}.step:nth-child(2n) .mock-stage{background:linear-gradient(145deg,#e6e8ed,#f9f7f3 58%,#d7e8f8)}.mock-phone{position:relative;width:min(320px,100%);height:470px;background:#f5f5f8;border:7px solid #30353d;box-shadow:0 23px 48px #1d355c26;border-radius:38px;padding:15px 14px 0;overflow:hidden;display:flex;flex-direction:column}.mock-status{height:9px;width:70px;background:#191e25;border-radius:20px;margin:0 auto 14px}.mock-heading{text-align:center;font-weight:750;font-size:17px;letter-spacing:-.04em;margin-bottom:20px;min-height:21px}.mock-heading span{float:right;color:var(--blue);font-size:24px;line-height:.6}.mock-body{flex:1;overflow:hidden}.mock-caption{display:block;font-size:9px;letter-spacing:.12em;color:#89929c;font-weight:800;margin:12px 8px}.mock-caption.spaced{margin-top:25px}.mock-row{border-radius:15px;background:#fff;padding:17px 13px;display:flex;align-items:center;gap:13px;margin-bottom:10px;box-shadow:0 5px 12px #1b315007}.mock-row.accent{border:1px solid #c6e1ff}.mock-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.mock-row b{font-size:15px}.mock-row small,.mock-list small{font-size:10px;color:#89919c}.mock-row i{margin-left:auto;font-style:normal;color:#aeb7c1;font-size:23px}.mock-symbol{width:31px;height:31px;background:#e8f2ff;color:var(--blue);border-radius:9px;display:grid;place-items:center;font-size:19px}.mock-row.slim{justify-content:space-between}.mock-tabs{height:38px;margin:0 -14px;background:#fff;border-top:1px solid #e4e8ed;display:flex;justify-content:space-around;align-items:center;color:#868f9a;font-size:9px}.mock-tabs strong{color:var(--blue);background:#e8f2ff;padding:7px;border-radius:12px}.mock-list{background:#fff;border-radius:16px;padding:2px 15px}.mock-list>div{display:grid;grid-template-columns:28px 1fr;gap:2px 5px;padding:15px 0;border-bottom:1px solid #ecedf0}.mock-list>div:last-child{border-bottom:0}.mock-list span{grid-row:span 2;color:#a5b2bf;font-size:11px}.mock-list b{font-size:14px}.mock-category{padding:14px 12px;background:#fff;border-radius:13px;font-size:13px;font-weight:750;display:flex;justify-content:space-between}.mock-category span{color:#9da6b1;font-weight:500;font-size:10px}.mock-category.muted{margin-top:15px}.mock-service{background:#fff;padding:15px;border-radius:14px;margin-top:6px}.mock-service b,.mock-service small{display:block}.mock-service b{font-size:13px}.mock-service small{color:#778594;font-size:10px;margin-top:5px}.mock-service p{font-size:10px;color:#7e8996;margin-bottom:0}.mock-setting{background:#fff;border-radius:13px;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px}.mock-setting b{font-size:11px;color:#697d91}.mock-switch{height:24px;width:41px;background:#39c66c;border-radius:15px;position:relative;flex:none}.mock-switch:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;background:#fff;border-radius:50%}.mock-hint{margin:18px 8px;color:#8290a0;font-size:11px;line-height:1.5}.mock-field,.mock-url{background:#fff;border-radius:12px;padding:14px;font-size:13px}.mock-valid{font-size:10px;color:#2ba962;margin:10px}.mock-url{font-size:10px;white-space:nowrap;color:#475f78}.mock-success{font-size:11px;color:#279d58;margin:12px}.mock-choice{background:#fff;border:1px solid #e0e5eb;border-radius:12px;padding:10px;display:flex;gap:9px;margin:6px 0;color:#b3bfca;font-size:18px}.mock-choice.selected{background:#e5f2ff;border-color:#9ccfff;color:#087bff}.mock-choice span{font-size:12px;color:#1b2e42;font-weight:700}.mock-choice small{display:block;color:#8a97a5;font-weight:400;margin-top:3px;font-size:9px}.mock-themes{display:flex;gap:8px}.mock-themes span{height:73px;flex:1;border:1px solid #d4dae2;border-radius:9px;background:linear-gradient(#e9edf3 35%,#fff 35%)}.mock-themes .dark-theme{background:linear-gradient(#282c31 35%,#17191d 35%)}.mock-themes .warm-theme{background:linear-gradient(#e9e2d6 35%,#f8f4ee 35%)}.mock-open{background:#e0eeff;color:#087bff;margin-top:17px;padding:13px;border-radius:12px;font-size:11px;font-weight:700;text-align:center}
.ready{background:#15263a;color:#fff;padding-top:100px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:40px 8vw}.ready h2,.help h2{font-size:clamp(54px,6vw,100px);line-height:.98;letter-spacing:-.077em;margin:30px 0}.ready>div>p:last-child{max-width:400px;color:#bed0e4;font-size:17px;line-height:1.6}.ready ul{margin:0;padding:0;list-style:none;align-self:center}.ready li{display:flex;align-items:center;gap:22px;padding:21px 0;border-bottom:1px solid #ffffff32}.ready li span{font-size:11px;color:#8bbdff;font-weight:850}.ready li strong{font-size:clamp(16px,1.7vw,23px);letter-spacing:-.025em}.ready-note{grid-column:1/-1;margin:20px 0 0;color:#aabed4;font-size:13px}
.faq{padding-top:clamp(95px,11vw,160px);padding-bottom:clamp(100px,12vw,170px)}.faq-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end}.faq-heading>p{max-width:375px}.search-wrap{margin-top:50px}.search-wrap label{display:block;font-size:11px;font-weight:850;letter-spacing:.13em;color:#5c6e83;margin-bottom:12px;text-transform:uppercase}.search-box{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #cdd9e6;border-radius:18px;padding:0 20px;min-height:68px;box-shadow:0 9px 28px #183e6710}.search-box:focus-within{border-color:#087bff;box-shadow:0 0 0 3px #087bff25}.search-box span{color:#087bff;font-size:32px;line-height:1}.search-box input{border:0;background:transparent;outline:0;width:100%;min-width:0;font-size:18px;color:#152537}.search-box input::placeholder{color:#96a3b1}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 18px}.filter{border:1px solid #cdd9e6;background:#fff;color:#4e6175;border-radius:100px;padding:10px 17px;font-size:12px;font-weight:750}.filter.active,.filter[aria-pressed=true]{background:#152c48;border-color:#152c48;color:#fff}.result-count{min-height:18px;color:#718295;font-size:11px;margin:0 0 12px}.faq-list{border-top:1px solid #cad6e3}.faq-item{border-bottom:1px solid #cad6e3}.faq-item[hidden]{display:none}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;min-height:75px;padding:16px 3px;font-size:17px;font-weight:750;letter-spacing:-.025em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';width:31px;height:31px;display:grid;place-items:center;flex:none;border:1px solid #bccfe2;border-radius:50%;font-size:19px;font-weight:400;color:#087bff}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:710px;color:#516274;line-height:1.65;font-size:15px;margin:0 50px 24px 3px}.faq-item p strong{color:#263b52}.no-results{padding:32px;border:1px dashed #bccbda;border-radius:18px;background:#fff}.no-results[hidden]{display:none}.no-results p{margin-bottom:0;color:#607084}
.help{background:#e9e4db;padding-top:100px;padding-bottom:100px;display:flex;align-items:end;justify-content:space-between;gap:40px}.help .eyebrow{color:#667786}.help h2{margin-bottom:20px}.help h2 em{color:#087bff}.help p:last-child{font-size:17px;color:#59626a;line-height:1.55;max-width:420px}.help-actions{display:flex;flex-direction:column;gap:22px;min-width:280px}.button-light{background:#fff;color:#152a43}.button-light:hover{background:#eef6ff}.help-secondary{text-align:center;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.footer{background:#f6f7f9;padding-top:60px;padding-bottom:45px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.footer>p{margin:7px 0;color:#69798a;font-size:13px}.footer>div{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #d7e1eb;padding-top:25px;font-size:12px;font-weight:700}.footer small{color:#8796a7;font-size:10px;letter-spacing:.13em}
@media(max-width:1100px){.hero{grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(58px,6.1vw,86px)}.floating-note{font-size:10px}.step{gap:35px}.step h3{font-size:48px}}
@media(max-width:800px){.hero{display:flex;flex-direction:column}.hero-copy{padding:77px 0 45px}.hero h1{font-size:clamp(56px,9vw,82px);margin:42px 0 22px}.hero-note{padding-top:35px}.hero-art{min-height:520px;margin-left:calc(-1 * clamp(24px,5.4vw,92px));padding:55px 0}.hero-preview{width:275px}.preview-photo{height:160px}.floating-note{display:none}.guide-nav span{display:none}.intro-grid,.faq-heading{grid-template-columns:1fr;gap:22px}.intro-grid>p,.faq-heading>p{max-width:650px}.step,.step.reverse{grid-template-columns:1fr;gap:30px;padding:55px 0}.step.reverse .step-copy,.step.reverse .mock-stage{order:initial}.step-copy{max-width:700px}.mock-stage{min-height:500px}.ready{grid-template-columns:1fr}.ready-note{grid-column:auto}.help{align-items:start;flex-direction:column}}
@media(max-width:520px){.site-header{height:70px}.brand{font-size:25px}.brand img{width:34px;height:34px}.header-label{display:none}.header-link{margin-left:auto}.section-pad{padding-left:22px;padding-right:22px}.hero-copy{padding-top:70px}.hero h1{font-size:clamp(51px,12.5vw,68px);white-space:normal}.hero-lede{font-size:17px}.hero-actions{width:100%;gap:18px}.hero-actions .button{width:100%}.hero-art{margin-left:-22px;margin-right:-22px;min-height:440px}.hero-preview{width:255px}.guide-nav{min-height:67px;gap:25px}.intro{padding-top:85px;padding-bottom:45px}.intro h2,.faq h2{font-size:clamp(49px,11vw,68px)}.intro-grid>p,.faq-heading>p{font-size:16px}.steps{padding-bottom:85px}.step{padding:48px 0}.step h3{font-size:clamp(41px,10vw,52px);margin:18px 0}.step-copy>p{font-size:16px}.mock-stage{min-height:465px;border-radius:23px;padding:23px 14px}.mock-phone{height:420px;width:280px}.ready{padding-top:85px;padding-bottom:80px;gap:24px}.ready h2,.help h2{font-size:clamp(55px,12vw,70px)}.ready li{padding:16px 0}.faq{padding-top:85px;padding-bottom:95px}.search-wrap{margin-top:34px}.search-box{min-height:60px}.search-box input{font-size:15px}.filter{padding:10px 13px}.faq-item summary{font-size:16px}.faq-item p{font-size:14px;margin-right:15px}.help{padding-top:85px;padding-bottom:85px}.help-actions{width:100%;min-width:0}.footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Each step is a single swipeable, self-contained page rather than a long list. */
.intro{padding-bottom:38px}.intro-grid>p{max-width:420px}
.steps{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(24px,5.4vw,92px);padding-top:6px;padding-bottom:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.steps::-webkit-scrollbar{display:none}
.step,.step.reverse{flex:0 0 100%;min-width:0;min-height:665px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,78px);padding:clamp(28px,4vw,58px);border:1px solid #d8e2ed;border-radius:30px;background:#fff;scroll-snap-align:start;scroll-snap-stop:always}
.step.reverse .step-copy,.step.reverse .mock-stage{order:initial}.step-copy{max-width:560px}.step-summary{font-size:clamp(18px,1.9vw,24px)!important;line-height:1.5!important;max-width:470px;color:#4e6176!important}.step h3{font-size:clamp(45px,4.7vw,78px)}
.step-details{margin-top:35px;border-top:1px solid #dbe4ef;max-width:510px}.step-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:18px 0;color:#086bd8;font-size:14px;font-weight:780}.step-details summary::-webkit-details-marker{display:none}.step-details summary span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #bcd7f5;border-radius:50%;font-size:19px;line-height:1;transition:transform .2s}.step-details[open] summary span{transform:rotate(180deg)}.step-details>div{padding:0 0 12px}.step-details p{font-size:15px;line-height:1.62;color:#55677a;margin:0 0 14px}.step-details strong{color:#1c314b}
.carousel-toolbar{display:flex;align-items:center;gap:22px;padding-top:24px;padding-bottom:115px}.carousel-arrows{display:flex;gap:9px}.carousel-arrow{display:grid;place-items:center;width:54px;height:54px;border:1px solid #c7d6e6;border-radius:50%;background:#fff;color:#123557;font-size:25px;line-height:1}.carousel-arrow:hover:not(:disabled){background:#e5f2ff;border-color:#91c5ff}.carousel-arrow:disabled{opacity:.35;cursor:not-allowed}.carousel-dots{display:flex;gap:8px;align-items:center;margin-left:auto}.carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:30px;background:#bbcadb;transition:width .2s,background .2s}.carousel-dots button[aria-current=step]{width:27px;background:#087bff}.carousel-toolbar>p{min-width:58px;text-align:right;font-size:11px;letter-spacing:.14em;font-weight:800;color:#617388;margin:0}
.mock-stage{min-height:560px;border-radius:24px}.mock-phone{width:min(330px,100%);height:520px;border:7px solid #242a32;outline:2px solid #8a929d;box-shadow:0 29px 55px #15315234, inset 0 0 0 1px #0f1722;border-radius:48px;padding:8px 14px 0;background:#f3f3f7}.mock-status{position:relative;width:83px;height:20px;background:#0c1118;border-radius:0 0 14px 14px;margin:-8px auto 18px}.mock-phone:before{content:'9:41';position:absolute;top:14px;left:25px;font-size:11px;font-weight:800;color:#111}.mock-phone:after{content:'▮▮  ◆  ▰';position:absolute;top:13px;right:20px;font-size:9px;letter-spacing:-2px;color:#111}.mock-heading{position:relative;min-height:27px;font-size:19px;margin-bottom:18px}.mock-heading>.mock-back{position:absolute;left:3px;top:-7px;color:#111;font-size:37px;line-height:1;font-weight:400}.mock-heading>.mock-save{position:absolute;right:2px;top:0;color:#a3abb5;font-size:11px;font-weight:650;letter-spacing:0}.mock-heading>.mock-add{position:absolute;right:2px;top:-3px;color:#15191e;font-size:26px;line-height:1}.mock-heading>.mock-edit{position:absolute;left:4px;top:2px;color:#171d24;font-size:11px;font-weight:650}.mock-tabs{height:42px}.mock-tabs span,.mock-tabs strong{display:flex;flex-direction:column;align-items:center;gap:2px}.mock-tabs span:before,.mock-tabs strong:before{font-size:12px}.mock-tabs span:nth-child(1):before{content:'☼'}.mock-tabs span:nth-child(2):before{content:'▦'}.mock-tabs span:nth-child(3):before{content:'☷'}.mock-tabs span:nth-child(4):before{content:'◉'}.mock-tabs strong:before{content:'▦'}
.mock-photo-row{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:15px;color:#087bff;font-size:13px;font-weight:650}.mock-photo-row .mock-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e9d8d2,#b9d4df);color:#39586d;font-family:Georgia,serif;font-size:15px}.mock-section-label{display:block;margin:18px 5px 9px;color:#939aa5;font-size:11px;font-weight:700}.mock-edit-field{background:#fff;padding:13px 14px;border-bottom:1px solid #e8ebef;font-size:12px}.mock-edit-field:first-of-type{border-radius:13px 13px 0 0}.mock-edit-field small{display:block;color:#88949f;font-size:10px;margin-top:5px}.mock-edit-field.last{border:0;border-radius:0 0 13px 13px}.mock-advanced{margin-top:16px;padding:12px 14px;border-radius:13px;background:#fff;font-size:12px;display:flex;justify-content:space-between}.mock-list>div{padding:12px 0}.mock-service{padding:13px}.mock-category{margin-top:3px}.mock-choice{padding:9px}.mock-themes span{height:81px}
@media(max-width:800px){.steps{scroll-padding-inline:clamp(24px,5.4vw,92px)}.step,.step.reverse{grid-template-columns:1fr;min-height:0;gap:24px}.step-copy{max-width:none}.step h3{font-size:clamp(43px,7vw,65px)}.mock-stage{min-height:555px}.carousel-toolbar{padding-bottom:90px}}
@media(max-width:520px){.intro{padding-bottom:32px}.steps{gap:12px;scroll-padding-inline:22px;padding-left:22px;padding-right:22px}.step,.step.reverse{padding:23px;border-radius:22px;gap:22px}.step h3{font-size:clamp(42px,10.5vw,55px);margin:16px 0}.step-summary{font-size:17px!important}.step-details{margin-top:20px}.step-details summary{padding:13px 0}.step-details p{font-size:14px}.mock-stage{min-height:470px;padding:22px 12px}.mock-phone{width:276px;height:438px;border-width:6px;border-radius:39px;padding:7px 11px 0}.mock-status{width:70px;height:17px;margin:-7px auto 14px}.mock-phone:before{top:12px;left:20px;font-size:9px}.mock-phone:after{top:11px;right:16px;font-size:8px}.mock-heading{font-size:16px;margin-bottom:12px}.mock-heading>.mock-back{font-size:29px;top:-4px}.mock-heading>.mock-save{font-size:10px}.mock-tabs{height:38px;margin:0 -11px;font-size:8px}.mock-caption{margin:9px 7px}.mock-photo-row{padding:10px}.mock-photo-row .mock-avatar{width:36px;height:36px}.mock-section-label{margin:12px 5px 7px}.mock-edit-field{padding:10px 12px}.mock-advanced{margin-top:11px}.mock-list>div{padding:9px 0}.mock-service{padding:10px}.mock-category{padding:10px}.mock-setting{padding:12px}.mock-choice{padding:8px}.mock-themes span{height:65px}.carousel-toolbar{padding-top:20px;padding-bottom:85px;gap:10px}.carousel-arrow{width:47px;height:47px}.carousel-dots{gap:5px}.carousel-dots button{width:7px;height:7px}.carousel-dots button[aria-current=step]{width:20px}.carousel-toolbar>p{min-width:45px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.step-details summary span,.carousel-dots button{transition:none}}

/* Screen replicas use fictional content but follow the app's real editing layout. */
.about-body,.contact-body,.signature-body{padding:2px 3px 14px}.mock-about-copy{margin-top:12px;padding:17px 15px;border-radius:18px;background:#fff;font-size:14px;line-height:1.42;letter-spacing:-.02em;color:#111820}.mock-helper{margin:10px 7px 20px;color:#8d96a2;font-size:10px;line-height:1.38}.mock-about-experience{background:#fff;border-radius:15px;padding:17px 15px;color:#111820;font-size:14px}.mock-contact-group{overflow:hidden;background:#fff;border-radius:15px;margin:0 2px}.mock-contact-group>div{min-height:41px;padding:11px 12px;border-bottom:1px solid #e8e9ee;font-size:12px;display:flex;align-items:center}.mock-contact-group>div:last-child{border-bottom:0}.mock-contact-switch{justify-content:space-between}.mock-contact-switch .mock-switch{width:36px;height:21px}.mock-contact-switch .mock-switch:after{width:15px;height:15px}.signature-body .mock-premium-label{font-size:9px;color:#087bff;letter-spacing:.12em;font-weight:750;margin:6px 0 9px}.signature-body h4{font-size:24px;letter-spacing:-.06em;margin:0 0 15px}.mock-signature-title{display:block;font-size:15px;line-height:1.15}.mock-signature-intro{font-size:10px;line-height:1.4;color:#8d96a1;margin:6px 0 18px}.mock-applied{display:flex;align-items:center;gap:8px;background:#e8f2ff;color:#278ae7;border:1px solid #c8def9;border-radius:13px;padding:11px;margin-bottom:13px;font-size:12px;font-weight:750}.mock-applied:first-letter{font-size:14px}.mock-signature-card{border:1px solid #d8dfe9;border-radius:15px;padding:12px;background:#f5f6f9;margin-bottom:11px}.mock-signature-card>b{display:block;font-size:13px}.mock-signature-card>small{display:block;font-size:9px;line-height:1.25;color:#8c98a4;margin:3px 0 12px}.mock-identity-row{display:flex;align-items:center;gap:10px}.mock-monogram{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:11px;background:#e0e2e9;color:#18202b;font:24px Georgia,serif}.mock-identity-row em{display:block;color:#087bff;font-size:10px;font-style:normal;font-weight:700}.mock-identity-row small{display:block;color:#8a95a1;font-size:8px;margin-top:5px}.mock-appearance{height:36px;border-radius:100px;background:#dedfe3;display:flex;align-items:center;justify-content:space-between;padding:3px;font-size:10px;color:#8c93a0}.mock-appearance strong{background:#fff;color:#21242a;border-radius:100px;padding:7px 28px}.mock-appearance span{padding-right:29px}.public-phone{background:#fff}.mock-browser-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 2px 9px;border-radius:11px;background:#f0f1f4;padding:8px;text-align:center;font-size:9px;color:#5b6571}.public-body{margin:0 -14px;background:#fff}.mock-public-hero{height:115px;display:grid;place-items:center;background:linear-gradient(135deg,#eee8e2,#d4c1b9 50%,#c8dbe2)}.mock-public-hero span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#ffffffb8;color:#2b3e4f;font:25px Georgia,serif}.mock-public-copy{padding:15px}.mock-public-copy>small{color:#7290aa;letter-spacing:.15em;font-size:8px;font-weight:800}.mock-public-copy h4{font-size:22px;line-height:1.05;letter-spacing:-.07em;margin:6px 0}.mock-public-copy>p{color:#6c7885;font-size:10px;line-height:1.4;margin:0 0 13px}.mock-public-service{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e8ed;padding:10px 0;font-size:10px;font-weight:700}.mock-public-service small{display:block;color:#8995a0;font-size:9px;font-weight:400;margin-top:3px}.mock-public-service b{font-size:17px;font-weight:400}.mock-public-cta{border-radius:100px;background:#087bff;color:#fff;padding:10px;text-align:center;font-size:10px;font-weight:700}.mock-safari-bar{height:33px;display:flex;align-items:center;justify-content:space-around;background:#f7f8fa;color:#717c86;font-size:15px;margin:0 -14px}.carousel-dots{max-width:min(46vw,390px);overflow-x:auto;scrollbar-width:none;padding:5px 2px;flex:none}.carousel-dots::-webkit-scrollbar{display:none}.carousel-dots button{flex:none}.carousel-toolbar>p{white-space:nowrap}
.step-signature .mock-stage{min-height:600px}.step-signature .mock-phone{height:555px}
@media(max-width:520px){.carousel-dots{max-width:119px;gap:4px}.carousel-dots button{width:6px;height:6px}.carousel-dots button[aria-current=step]{width:15px}.mock-about-copy{font-size:12px;padding:13px}.mock-helper{font-size:9px;margin-bottom:13px}.mock-about-experience{font-size:12px;padding:13px}.step-signature .mock-stage{min-height:560px}.step-signature .mock-phone{height:520px}.signature-body h4{font-size:20px}.mock-signature-intro{margin-bottom:11px}.mock-applied{padding:9px;margin-bottom:8px}.mock-signature-card{padding:9px;margin-bottom:8px}.mock-signature-card>small{margin-bottom:7px}.mock-public-hero{height:88px}.mock-public-copy{padding:10px}.mock-public-copy h4{font-size:20px}}