*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f3;color:#141a22;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px;top:8px;padding:12px;background:#fff;z-index:20}.skip-link:focus{left:8px}.site-header{height:78px;display:flex;align-items:center;gap:20px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #e0e3e6;background:#fbfbfa}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.06em}.brand img{border-radius:10px;box-shadow:0 4px 15px #273b5820}.brand-dot{color:#087fff}.header-kicker{margin:auto;font-size:10px;font-weight:800;letter-spacing:.23em;color:#66727e}.header-guide{font-size:12px;font-weight:750;border-bottom:1px solid #87919d;padding-bottom:4px}.header-guide span{margin-left:7px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:end;padding:clamp(70px,8vw,125px) clamp(22px,5vw,72px) clamp(65px,7vw,100px);max-width:1600px;margin:auto}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.22em;color:#2789ff}.intro h1,.after h2,.closing h2{font-size:clamp(49px,6vw,92px);line-height:.99;letter-spacing:-.065em;margin:20px 0 0;max-width:830px}.intro h1 em,.after h2 em{font-style:normal;color:#348dff}.intro>div:last-child{padding-bottom:6px}.intro>div:last-child>p{font-size:clamp(16px,1.5vw,20px);line-height:1.55;max-width:440px;color:#4d5a66}.intro-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px}.intro-links a{font-size:13px;font-weight:800;border-bottom:1px solid #1a2734;padding-bottom:6px}.intro-links a:first-child{color:#087fff;border-color:#087fff}.intro-links span{margin-left:9px}.tutorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(30px,7vw,110px);padding:clamp(35px,5vw,72px) clamp(22px,5vw,72px) clamp(70px,8vw,125px);background:#e9eef6;align-items:start;scroll-margin-top:0}.tutorial-copy{position:sticky;top:42px;max-width:610px;padding-top:35px}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:850;letter-spacing:.18em;color:#60768b}.progress-meta span:first-child{color:#087fff}.progress-track{height:3px;background:#c7d5e5;border-radius:3px;margin-top:15px;overflow:hidden}.progress-track span{display:block;height:100%;width:11%;background:#1688ff;transition:width .45s ease}.task-kicker{margin:65px 0 0;color:#2789ff;letter-spacing:.19em;font-size:10px;font-weight:850}.tutorial-copy h2{font-size:clamp(44px,5vw,73px);letter-spacing:-.06em;line-height:1.02;margin:17px 0 18px}.task-summary{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#445362;max-width:560px;margin:0}.tap-instruction{display:flex;align-items:center;gap:14px;border:1px solid #a9cdf5;background:#e4f1ff;border-radius:18px;padding:17px 20px;margin-top:35px;font-size:14px;font-weight:750;line-height:1.4;color:#14549a}.tap-glyph{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#087fff;color:#fff;font-size:19px}.why-panel{border-bottom:1px solid #c4cfda;margin-top:23px}.why-panel summary{list-style:none;display:flex;justify-content:space-between;padding:15px 0;cursor:pointer;font-size:14px;font-weight:800}.why-panel summary::-webkit-details-marker{display:none}.why-panel[open] summary span{transform:rotate(180deg)}.why-panel p{font-size:14px;line-height:1.55;color:#546473;margin:0 0 20px}.chapter-nav{display:flex;gap:10px;margin-top:29px}.chapter-nav button{border:1px solid #9aaebf;border-radius:999px;background:#fff;padding:13px 20px;font-size:13px;font-weight:750}.chapter-nav button:last-child{background:#121e2d;border-color:#121e2d;color:#fff}.chapter-nav button:disabled{opacity:.35;cursor:not-allowed}.chapter-nav span{font-size:18px;margin:0 5px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:32px}.chapter-list button{border:1px solid #becbd7;background:#f7f9fc;padding:11px 9px;text-align:left;border-radius:11px;font-size:10px;font-weight:850;color:#687887}.chapter-list button span{font-size:11px;font-weight:650;margin-left:4px}.chapter-list button[aria-current]{background:#dcecff;border-color:#268aff;color:#0759ad}.simulation-note{font-size:11px;line-height:1.55;color:#718092;margin-top:22px;max-width:550px}.phone-zone{display:flex;align-items:center;flex-direction:column}.phone-label{width:414px;max-width:100%;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.16em;color:#718092;margin:0 0 18px}.phone-label span:last-child{margin-left:auto;color:#243d55}.live-dot{width:7px;height:7px;background:#1694ff;border-radius:50%;box-shadow:0 0 0 4px #1694ff24}.phone-size{width:414px;height:868px;position:relative}.phone-frame{position:relative;transform-origin:top left;width:414px;height:868px;padding:10px;background:#101316;border-radius:57px;box-shadow:0 45px 95px #23395731,0 9px 17px #2339572b}.phone-frame:before{content:"";position:absolute;inset:3px;border:1px solid #67717e;border-radius:54px;pointer-events:none}.app-screen{position:relative;width:394px;height:848px;overflow:hidden;border-radius:47px;background:#f2f2f7;color:#050608;font-size:16px}.phone-caption{font-size:11px;color:#708196;text-align:center;max-width:390px;line-height:1.5;margin:17px auto 0}.after{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:clamp(75px,9vw,140px) clamp(22px,5vw,72px);max-width:1600px;margin:auto}.after h2{font-size:clamp(44px,5.2vw,74px)}.after p:not(.eyebrow){color:#5a6772;font-size:17px;line-height:1.55;max-width:500px}.after ul{list-style:none;padding:0;margin:20px 0}.after li{padding:18px 0;border-bottom:1px solid #d5dce4;font-size:17px;font-weight:720}.after li span{color:#288cff;font-size:11px;font-weight:850;letter-spacing:.12em;margin-right:22px}.closing{padding:clamp(80px,10vw,150px) clamp(22px,5vw,72px);background:#182432;color:#fff}.closing h2{font-size:clamp(52px,7vw,95px)}.closing>p:not(.eyebrow){color:#bbcad9;font-size:18px;line-height:1.5;max-width:600px}.closing>div{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.primary-link,.secondary-link{border-radius:999px;padding:17px 22px;font-size:13px;font-weight:800}.primary-link{background:#2189ff;color:#fff}.secondary-link{border:1px solid #8da2b5;color:#fff}.primary-link span,.secondary-link span{margin-left:20px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(22px,5vw,72px);background:#101a26;color:#aebecd;font-size:12px}footer a:first-child{color:#fff;font-weight:850}

/* The tutorial phone is composed from HTML, not from the owner's screenshots. */
.app-screen button{border:0;text-align:inherit;font:inherit;color:inherit}.ios-status{height:48px;padding:16px 38px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:17px;font-weight:750;letter-spacing:-.02em}.status-right{display:flex;align-items:center;gap:8px;font-size:15px}.signal{font-size:14px;letter-spacing:-.15em}.wifi{font-size:15px;transform:rotate(45deg)}.battery{font-size:14px;line-height:1;background:#2bc761;color:#fff;border-radius:5px;padding:2px 3px;font-weight:800}.battery span{font-size:10px}.ios-nav{height:62px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:0 18px;text-align:center}.ios-nav>strong{font-weight:700;font-size:19px;white-space:nowrap}.circle-control,.save-control{display:grid;place-items:center;width:42px;height:42px;background:#fff;border:1px solid #d9dbe0;border-radius:50%;box-shadow:0 1px 6px #77777712}.circle-control .icon{width:20px;height:20px}.ios-nav>button:last-child,.ios-nav>.save-control{justify-self:end}.save-control{width:66px;border-radius:999px;font-size:17px!important;font-weight:650!important}.add-control{font-size:31px!important;line-height:1;font-weight:350!important}.ios-scroll{position:absolute;top:110px;bottom:75px;left:0;right:0;overflow-y:auto;scrollbar-width:none}.ios-scroll::-webkit-scrollbar{display:none}.ios-tabs{position:absolute;bottom:10px;left:18px;right:18px;height:61px;border:1px solid #d5d7dc;background:#fffdfb;border-radius:32px;box-shadow:0 -5px 26px #5b647519;display:grid;grid-template-columns:repeat(5,1fr);padding:4px;gap:2px}.ios-tabs>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:10px;color:#14171b}.ios-tabs>span.selected{background:#e8eaf0;border-radius:29px;color:#087eff}.tab-icon{font-size:21px;line-height:1.1}.icon{width:25px;height:25px;flex:none}.ios-scroll h1{font-size:29px;line-height:1.06;letter-spacing:-.035em;margin:24px 0 21px}.workflow-content,.overview-content{padding:0 22px 38px}.workflow-content h1{font-size:22px;margin:9px 0 24px}.ios-workflow-card{display:flex;align-items:center;gap:12px;width:100%;min-height:94px;padding:15px;border:1px solid #e0e1e6;border-radius:27px;background:#f8f8fa;text-align:left;margin-bottom:15px}.ios-workflow-card>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:3px}.ios-workflow-card strong{font-size:19px;font-weight:700;letter-spacing:-.02em}.ios-workflow-card small{font-size:13px;color:#8a8d95;line-height:1.35}.ios-workflow-card>.icon:last-child{width:16px;color:#b5b8be}.workflow-card-icon{display:grid;place-items:center;color:#087fff;width:48px}.workflow-card-icon .icon{width:33px;height:33px}.published-check{display:inline-grid;place-items:center;background:#2ac667;color:white;border-radius:50%;font-size:10px;width:14px;height:14px;margin-right:5px;font-style:normal}.ios-workflow-card small:has(.published-check){color:#28bd65}.color-card{min-height:124px}.shade-dots{display:flex;margin-top:9px;padding-left:3px}.shade-dots i{width:22px;height:22px;border-radius:50%;border:1px solid #ddd;box-shadow:0 2px 5px #0002;margin-left:-4px}.shade-dots i:nth-child(1){background:#e4c5ae}.shade-dots i:nth-child(2){background:#ecc1d0}.shade-dots i:nth-child(3){background:#d4b88e}.shade-dots i:nth-child(4){background:#f6f7f3}.simple-row{display:flex;align-items:center;justify-content:space-between;background:#f6f6f9;border:1px solid #e5e5e9;border-radius:22px;margin:19px 0;padding:19px 16px;font-size:17px;font-weight:650}.simple-row .icon{width:15px;color:#b4b7bd}.workspace-title{margin:29px 0 15px!important}.switch-client{background:#fff;border-color:#fff;box-shadow:0 9px 21px #4a4d6120}.client-icon{display:grid;place-items:center;background:#0587ff;color:#fff;border-radius:50%;width:29px;height:29px;font-size:20px}
.overview-content h1{font-size:34px;margin:4px 0 25px}.overview-content h2{font-size:20px;line-height:1.25;margin:0 0 7px}.overview-content>p{font-size:13px;line-height:1.35;color:#898c94;margin:0 0 18px}.overview-list{border:1px solid #dadce3;border-radius:23px;padding:2px 12px;overflow:hidden}.overview-list button{background:none;width:100%;min-height:69px;display:flex;gap:7px;align-items:center;padding:7px 0}.row-number{display:grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#e6e7ec;color:#b4b6bc;font-size:11px;font-weight:750;flex:none}.overview-icon{color:#0784ff}.overview-icon .icon{width:23px;height:23px}.overview-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;overflow:hidden}.overview-text strong{font-size:17px;letter-spacing:-.03em;font-weight:680}.overview-text small{font-size:12px;color:#9699a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.overview-list button>.icon{width:15px;color:#c6c7cd}.visibility-preview{border:1px solid #dddfe5;border-radius:23px;padding:18px;margin-top:17px;display:flex;flex-direction:column;gap:7px}.visibility-preview strong{font-size:17px}.visibility-preview small{color:#92949d;font-size:13px}.visibility-preview span{background:#dfecff;border:1px solid #a7d1ff;border-radius:15px;color:#167af4;padding:13px;margin-top:7px;font-size:14px}
.edit-content{padding:0 18px 30px}.field-caption{font-size:14px;font-weight:700;color:#8c8e96;margin:16px 18px 8px}.field-caption small{font-size:11px;color:#bec0c6}.photo-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:23px;padding:15px 18px;min-height:77px}.sample-avatar{display:grid;place-items:center;background:linear-gradient(140deg,#dfd2c5,#93a8ac);color:white;width:42px;height:42px;border-radius:50%;font-size:15px;font-family:Georgia,serif}.photo-row>span:last-child{display:flex;flex-direction:column;gap:3px}.photo-row strong{color:#087fff;font-size:17px;font-weight:500}.photo-row small{font-size:12px;color:#a4a5ab}.helper{font-size:12px;line-height:1.4;color:#9a9ca5;margin:9px 18px 22px}.white-fields{border-radius:24px;background:#fff;padding:0 18px}.field-button{display:flex;align-items:center;width:100%;min-height:48px;border-bottom:1px solid #e3e4e8!important;background:#fff;font-size:17px!important;padding:10px 0}.field-button:last-child{border-bottom:0!important}.field-button span{white-space:normal}.field-button:not(:has(span:nth-child(2))) span:first-child{color:#bfc0c5}.hero-edit:has(#demo-name:not(:empty)) .field-button span{color:#111}.flex-field{justify-content:space-between}.flex-field>span:last-child{color:#9fa1a8!important}.stacked{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.stacked small{color:#c0c1c5;font-size:11px}.advanced-row{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-radius:24px;margin-top:32px;font-size:17px}.advanced-row .icon{width:17px}.about-edit{padding-top:30px}.about-story{width:100%;height:142px;background:#fff;border-radius:25px;padding:17px!important;font-size:17px!important;line-height:1.4;display:block}.about-story span{color:#aeb0b8}.about-edit:has(.about-story:not([data-action])) .about-story span{color:#111}.experience-row{background:#fff;border-radius:23px;padding:18px;min-height:60px;color:#b8bac0;font-size:17px;margin-top:30px}.about-edit:has(.about-story:not([data-action])) .experience-row{color:#111}.links-edit{padding-top:31px}.social-row{display:flex;align-items:center;gap:9px;background:#fff;border-radius:22px;padding:13px 16px;min-height:72px}.social-icon{color:#087fff}.social-icon .icon{width:21px}.social-row>span:nth-child(2){display:flex;flex-direction:column;flex:1;overflow:hidden}.social-row strong{font-size:16px}.social-row small{font-size:11px;color:#a4a6ac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios-toggle{width:56px;height:30px;border-radius:30px;background:#d3d6dc;padding:3px;display:block;flex:none}.ios-toggle i{display:block;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .3s}.ios-toggle.on{background:#2dc95a}.ios-toggle.on i{transform:translateX(26px)}.trash{color:#ff3b40;font-size:20px}.empty-link{height:130px;display:grid;place-items:center;color:#989da7;font-size:13px}.services-edit{padding-top:12px}.service-category{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:20px;padding:17px;margin:0 12px 7px;font-size:20px;font-weight:700}.service-category small{font-size:12px;color:#c6c7cc;font-weight:400}.service-group{background:#fff;border-radius:23px;padding:0 24px}.service-item{border-bottom:1px solid #e6e6e9;padding:17px 0}.service-item:last-child{border-bottom:0}.service-item strong{font-size:17px;font-weight:500;display:block}.service-item span{font-size:13px;color:#9799a1;display:block;margin:4px 0}.service-item p{font-size:12px;color:#a6a8b0;margin:5px 0}.service-item small{color:#087fff;font-size:12px}.addons-edit{height:calc(100% - 12px);position:relative}.addon-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.addon-symbol{display:grid;place-items:center;border-radius:50%;width:65px;height:65px;color:#318efa;background:#e2efff;border:1px solid #a7d4ff}.addon-symbol .icon{width:30px;height:30px}.addon-empty strong{font-size:24px;margin-top:15px}.addon-empty>span:nth-child(3){color:#92969f;font-size:16px}.addon-empty button{width:100%;background:#0987ff;color:#fff;text-align:center;border-radius:16px;padding:15px;margin-top:16px;font-size:17px;font-weight:700}.addon-sample{background:#fff;border-radius:23px;padding:25px;margin-top:40px;display:flex;flex-direction:column;gap:8px}.addon-sample strong{font-size:19px}.addon-sample span,.addon-sample p{font-size:13px;color:#8f929b;margin:0}.booking-edit{padding:8px 18px}.booking-edit h1{font-size:34px;margin:6px 0 18px}.booking-row{background:#fff;width:100%;border-radius:23px;min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:9px 16px;font-size:17px!important}.booking-confirm{font-size:12px;color:#238648;margin:15px}.address-edit{padding-top:26px}.address-info{display:flex;align-items:center;gap:12px;background:#fff;border-radius:24px;padding:15px 18px;font-size:16px}.address-info:first-letter{color:#0784ff}.address-info span:last-child{margin-left:auto;color:#bfc0c6}.address-edit>.field-caption{margin-top:31px}.slug-field{background:#fff;border-radius:23px;width:100%;padding:15px 18px;display:flex;flex-direction:column;gap:13px;min-height:89px;font-size:17px!important}.slug-field small{border-top:1px solid #e4e4e8;padding-top:12px;color:#9da0a7;font-size:12px}.public-url{background:#fff;border-radius:22px;padding:17px 18px;font-size:13px}.publishing-label{margin-top:36px!important}.publishing-box{background:#fff;border-radius:22px;padding:16px 18px;width:100%;display:flex;flex-direction:column;gap:12px;font-size:16px!important}.publishing-box>span{display:flex;justify-content:space-between;border-bottom:1px solid #e3e4e8;padding-bottom:13px}.publishing-box b{font-size:13px;font-weight:450;color:#9fa1a7}.publishing-box>strong{font-size:16px}.publishing-box>small{font-size:12px;color:#989aa3;line-height:1.3}
[data-action]{position:relative;cursor:pointer!important;outline:2px solid #1888ff!important;outline-offset:2px;box-shadow:0 0 0 7px #1686ff21,0 0 25px #1686ff4b!important;z-index:2;animation:spotlight 2s ease-in-out infinite}[data-action]:after{content:"TAP";position:absolute;right:7px;top:-17px;border-radius:5px;background:#087fff;color:#fff;font:800 9px/1 -apple-system,sans-serif;letter-spacing:.08em;padding:4px 5px;pointer-events:none}[data-action]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #006be5!important;outline-offset:3px!important}@keyframes spotlight{50%{box-shadow:0 0 0 12px #1686ff10,0 0 34px #1686ff55}}.ios-scroll *{scrollbar-width:none}.app-screen>.ios-scroll{animation:screen-arrive .35s ease both}.hero-edit:has(.save-control) .white-fields,.hero-edit .white-fields:has(.field-button:not([data-action])) .field-button,.about-edit .about-story:not([data-action]),.address-edit .slug-field:not([data-action]){animation:sample-arrive .55s ease both}@keyframes screen-arrive{from{opacity:.5;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes sample-arrive{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.intro{grid-template-columns:1fr}.tutorial{grid-template-columns:1fr;gap:45px}.tutorial-copy{position:static;max-width:850px;padding-top:0}.task-kicker{margin-top:30px}.phone-zone{grid-row:2}.phone-label{max-width:414px}.after{grid-template-columns:1fr}.after ul{max-width:700px}}
@media(max-width:600px){.site-header{height:66px;padding:0 17px}.brand{font-size:19px}.brand img{width:32px;height:32px}.header-kicker{display:none}.header-guide{margin-left:auto;font-size:11px}.intro{padding:66px 20px 58px;gap:13px}.intro h1{font-size:clamp(44px,12vw,66px)}.intro>div:last-child>p{font-size:16px}.tutorial{padding:37px 16px 75px;gap:35px}.tutorial-copy h2{font-size:clamp(41px,11vw,57px)}.task-summary{font-size:16px}.progress-meta{font-size:9px}.tap-instruction{margin-top:24px}.chapter-list{grid-template-columns:repeat(3,1fr);gap:5px}.chapter-list button{font-size:9px;padding:9px 7px}.chapter-list button span{display:block;margin:3px 0 0;font-size:10px}.phone-caption{font-size:10px}.after{padding:75px 20px}.after h2{font-size:47px}.after li{font-size:14px}.closing{padding:85px 20px}.closing h2{font-size:60px}footer{flex-wrap:wrap;padding:25px 20px}.phone-zone{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Draw the iOS status symbols as vectors; font glyphs rendered as square blocks on some devices. */
.status-right{gap:6px;align-items:center}.status-cell{display:block;width:19px;height:15px;fill:#090b0d}.status-wifi{display:block;width:20px;height:15px;fill:none;stroke:#090b0d;stroke-width:2.5;stroke-linecap:round}.battery{display:flex;align-items:center;gap:1px;min-width:25px;height:17px;padding:1px 2px 1px 3px;background:#2cc65d;color:#fff;border-radius:4px;font-size:12px;line-height:1;font-weight:800;letter-spacing:-.04em}.battery svg{width:7px;height:11px;fill:#fff;flex:none}
@media(max-width:600px){.phone-label{width:100%;max-width:100%;font-size:8px;letter-spacing:.1em}.phone-label span:last-child{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}