@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--sp-blue:#2850ed;--sp-ink:#172235;--sp-gray:#64748b;--sp-line:#e1e7ef;--sp-paper:#f5f7fc;--sp-font:'DM Sans','Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--sp-ink);font-family:var(--sp-font);line-height:1.85;background:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}img{display:block;max-width:100%;object-fit:cover}iframe{border:0;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #819eff;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:30px;border-bottom:1px solid #edf0f5;background:#fffffff5;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.sp-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;white-space:nowrap;letter-spacing:-.045em}.sp-logo>span{display:inline-flex;justify-content:center;align-items:center;width:34px;height:36px;border-radius:10px;background:var(--sp-blue);color:white;font-size:24px;font-weight:600;letter-spacing:0}.sp-logo>i{font-style:normal;font-size:10px;letter-spacing:.04em;align-self:center;margin-left:1px}.sp-header nav{display:flex;gap:32px;align-items:center;font-size:14px}.sp-button{display:inline-flex;align-items:center;justify-content:center;padding:17px 29px;background:var(--sp-blue);border:1px solid transparent;color:white;border-radius:8px;font-size:15px;font-weight:500;transition:background .2s,transform .2s;line-height:1.6}.sp-button:hover{background:#1c3bc4;transform:translateY(-2px)}.sp-button.small{padding:11px 20px;font-size:13px}.sp-button.dark{background:#1a263b}.sp-button.white{background:white;color:#2145d0}.sp-button.outline{background:transparent;border-color:#bccaf5;color:#254bcc}.sp-button.full{display:flex;width:100%}.sp-link{font-size:14px;color:var(--sp-blue);border-bottom:1px solid #a8baf4;display:inline-block;padding-bottom:4px}.sp-header>#sp-menu{display:none}.sp-mobile{position:fixed;inset:75px 15px auto;padding:25px;background:white;box-shadow:0 10px 50px #11224330;z-index:51;border-radius:10px}.sp-mobile a{display:block;padding:10px;font-size:15px}.sp-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--sp-blue);font-weight:600}.sp-section{padding:110px 6vw}.sp-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:60px}.sp-section-heading.center{display:block;text-align:center}.sp-section-heading h2{font-size:clamp(2rem,3.5vw,3.7rem);font-weight:600;letter-spacing:-.055em;line-height:1.55;margin-top:20px}.sp-section-heading h2 span{color:var(--sp-blue)}.sp-section-heading>p:not(.sp-eyebrow),.sp-section-heading.center>p:last-child{font-size:15px;line-height:2;color:var(--sp-gray);margin-top:20px}.sp-caption{font-size:12px;color:#7d889a;line-height:1.9;margin-top:25px}.center-text{text-align:center}.sp-hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:73px 5vw 75px;max-width:1660px;margin:auto;overflow:hidden}.sp-hero-copy{position:relative;z-index:2}.sp-hero .sp-eyebrow{letter-spacing:.04em;font-size:13px;display:flex;align-items:center;gap:9px}.sp-star{font-size:25px;line-height:1}.sp-hero h1{font-size:clamp(2.6rem,4.3vw,4.4rem);font-weight:700;letter-spacing:-.075em;line-height:1.48;margin:24px 0 25px;white-space:nowrap}.sp-hero h1>span{color:var(--sp-blue)}.sp-hero-lead{font-size:15px;line-height:2.15;color:#607087}.hero-prompt{background:#fff;border:1px solid #cdd8f2;border-radius:13px;padding:18px 19px 14px;margin-top:30px;box-shadow:0 8px 30px #27397609}.hero-prompt label{font-size:12px;font-weight:500;color:#58677f;display:block}.hero-prompt textarea{width:100%;resize:vertical;min-height:72px;border:0;background:transparent;padding:11px 0 8px;font-size:15px;line-height:1.8;color:#253551}.hero-prompt textarea:focus{outline:none}.hero-prompt:focus-within{outline:3px solid #bacaff;outline-offset:3px}.hero-prompt>div{display:flex;gap:12px;justify-content:space-between;align-items:center}.hero-prompt>div>span{font-size:11px;color:#8590a1}.hero-prompt button{border:0;background:var(--sp-blue);color:white;padding:10px 16px;border-radius:7px;font-size:13px;white-space:nowrap}.hero-prompt button b{margin-left:13px;font-size:17px}.hero-prompt-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.hero-prompt-chips button{background:#f4f6fc;border:0;border-radius:30px;padding:6px 11px;font-size:10px;color:#536580}.hero-note{font-size:10px;color:#929aac;margin-top:12px}.hero-price{display:flex;gap:25px;margin-top:25px;font-size:12px;color:#5b6a84}.hero-price>span+span{border-left:1px solid #d8dfec;padding-left:25px}.hero-price b{font-size:21px;color:#22314d;margin-left:8px;letter-spacing:-.025em}.hero-price small{font-size:10px;margin-left:5px}.hero-visual{position:relative;padding:65px 0 35px 10px;min-width:0;align-self:center}.hero-visual:before{content:'';position:absolute;inset:-60px -120px -30px -30px;background:linear-gradient(145deg,#f4f8ff,#e5edff 55%,#eff1ff);z-index:0;border-radius:50% 0 0 50%}.hero-site-window{position:relative;border:1px solid #ced8ed;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #3c5c8a26;transform:rotate(-2deg);background:white}.browser-top{height:33px;display:flex;gap:5px;align-items:center;padding:0 13px;background:#f8f9fc;border-bottom:1px solid #e6eaf0;position:relative;z-index:1}.browser-top i{width:5px;height:5px;border-radius:50%;background:#d7dce7}.browser-top i:nth-child(1){background:#e2b8b8}.browser-top i:nth-child(2){background:#e8d6a0}.browser-top i:nth-child(3){background:#b6cfb8}.browser-top>span{font-size:8px;color:#8b95a7;letter-spacing:.06em;margin-left:auto;margin-right:auto}.hero-preview-clip{height:auto;aspect-ratio:1.15;overflow:hidden;pointer-events:none;background:white}.hero-preview-clip iframe{width:1040px;height:1100px;transform-origin:top left;max-width:none}.hero-floating-card{position:relative;display:flex;align-items:center;gap:13px;width:88%;padding:20px 23px;background:white;border:1px solid #d8e0ef;border-radius:12px;box-shadow:0 14px 30px #2b3e6814;margin:-15px -5px 0 auto;z-index:3;transform:rotate(2deg)}.sparkle-icon{width:39px;height:39px;background:#edf2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--sp-blue);flex-shrink:0}.hero-floating-card b{display:block;font-size:13px;line-height:1.7}.hero-floating-card div>span{display:block;font-size:10px;color:#8c96a9;margin-top:3px}.hero-editor-link{position:relative;z-index:2;display:block;text-align:right;font-size:13px;color:#3e61c6;text-decoration:underline;text-underline-offset:4px;margin-top:20px}.hero-visual-caption{position:relative;font-size:11px;letter-spacing:.08em;color:#8090b1;margin-top:28px;text-align:center}.sp-value-strip{display:flex;justify-content:space-around;gap:25px;padding:36px 5vw;background:#f7f9fc;border-top:1px solid #edf1f8;border-bottom:1px solid #edf1f8}.sp-value-strip>div{display:flex;align-items:center;gap:17px}.sp-value-strip b{font-size:14px;font-weight:600}.sp-value-strip span{font-size:11px;color:#7a8799}.sp-how{background:white}.request-example-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;max-width:1250px;margin:auto}.request-choice-list{display:grid;gap:14px}.request-choice-list button{border:1px solid #e0e6f0;border-radius:10px;background:#fafbfd;padding:24px 28px;text-align:left}.request-choice-list button.active{background:#edf3ff;border-color:#8faaf7;box-shadow:inset 4px 0 var(--sp-blue)}.request-choice-list button>span{display:block;font-size:10px;letter-spacing:.08em;color:#7190c7}.request-choice-list button>b{display:block;font-size:22px;font-weight:500;line-height:1.7;margin:10px 0}.request-choice-list button>small{font-size:12px;color:#7b8799}.request-screen{border:1px solid #d6deed;border-radius:12px;overflow:hidden;background:white;box-shadow:0 18px 60px #26395814}.example-preview-clip{aspect-ratio:1.13;overflow:hidden;pointer-events:none}.example-preview-clip iframe{width:1040px;height:1100px;max-width:none;transform-origin:top left}.request-screen-bottom{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf0f5}.request-screen-bottom>span{font-size:11px;color:#69798f}.request-screen-bottom .sp-link{font-size:12px;white-space:nowrap}.sp-portfolio{background:#f4f6fa}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.portfolio-screen{display:block;border:1px solid #dce3ed;border-radius:9px;overflow:hidden;position:relative;background:white;box-shadow:0 6px 25px #22335308;transition:transform .25s,box-shadow .25s}.portfolio-screen:hover{transform:translateY(-5px);box-shadow:0 15px 40px #23325522}.portfolio-frame{aspect-ratio:1.4;overflow:hidden;pointer-events:none;background:#eef2f8}.portfolio-frame iframe{width:1280px;height:1200px;max-width:none;transform-origin:top left;pointer-events:none}.screen-open{position:absolute;right:18px;bottom:18px;background:white;color:#2a3b5d;box-shadow:0 5px 30px #11213d25;border-radius:30px;padding:8px 15px;font-size:11px;opacity:0;transition:opacity .2s}.portfolio-screen:hover .screen-open,.portfolio-screen:focus-visible .screen-open{opacity:1}.portfolio-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:25px}.portfolio-meta small{font-size:9px;letter-spacing:.09em;color:#8a95a8}.portfolio-meta h3{font-size:24px;font-weight:500;letter-spacing:-.03em;margin-top:7px}.portfolio-meta p{font-size:12px;color:#708096;margin-top:7px}.portfolio-meta>span{font-size:10px;border:1px solid #d7dfeb;border-radius:30px;padding:5px 12px;white-space:nowrap;color:#75819a}.portfolio-more{text-align:center;margin-top:60px}.portfolio-more>p{font-size:14px;color:#7f8da0;margin-bottom:23px}.sp-flow-section{padding:105px 6vw;background:#192b50;color:white}.sp-flow-section .sp-eyebrow{color:#9ab5fb}.visual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step-ui{height:235px;background:#f5f7fc;color:#263b58;border:1px solid #ffffff22;border-radius:10px;position:relative;overflow:hidden;margin-bottom:25px}.step-ui-chat{padding:22px}.step-ui-chat>small{font-size:10px;color:#8b98ad}.step-ui-chat>div{font-size:13px;background:white;border:1px solid #e5eaf2;border-radius:8px;padding:16px;margin:12px 0}.step-ui-chat>span{font-size:12px;background:#2c55e8;color:white;padding:13px;border-radius:9px;display:block;margin-left:20px}.mini-ui-nav{padding:13px 17px;display:flex;justify-content:space-between;font-size:10px;font-weight:600;background:white}.mini-ui-nav span{font-size:6px;font-weight:400}.step-ui-preview>img{width:100%;height:205px;filter:brightness(.66)}.step-ui-preview>b{position:absolute;left:23px;top:75px;color:white;font-size:24px;font-weight:500;line-height:1.6}.mini-ui-label{position:absolute;bottom:12px;right:12px;background:white;border-radius:6px;padding:7px 11px;font-size:10px}.step-ui-ready{display:flex;align-items:center;justify-content:center;flex-direction:column}.ready-symbol{width:45px;height:45px;border-radius:50%;background:#e1f2ed;color:#318273;display:flex;justify-content:center;align-items:center;font-size:24px;margin-bottom:15px}.step-ui-ready>b{font-size:14px}.step-ui-ready>span{font-size:10px;color:#8e9cb0;margin-top:5px}.step-ui-ready>div:last-child{font-size:12px;background:#2e51df;color:white;padding:11px 25px;border-radius:6px;margin-top:20px}.step-number{display:block;font-size:11px;color:#8ba9ec;letter-spacing:.1em}.visual-steps h3{font-size:21px;font-weight:500;margin:11px 0}.visual-steps article>p{font-size:13px;color:#a8b8d6;line-height:2}.sp-flow-section .sp-caption{color:#8ea2c6}.sp-update-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.sp-update-copy>h2{font-size:clamp(2rem,3.6vw,3.5rem);font-weight:600;letter-spacing:-.06em;line-height:1.6;margin:25px 0}.sp-update-copy>p:not(.sp-eyebrow){font-size:15px;line-height:2.1;color:#708097}.update-capabilities{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.update-capabilities>span{font-size:11px;border:1px solid #dce4f1;padding:5px 11px;border-radius:5px;color:#627798}.sp-update-copy>small{display:block;font-size:11px;color:#929bac;margin-top:20px}.sp-update-screen{border:1px solid #dce2ec;border-radius:11px;overflow:hidden;background:white;box-shadow:0 18px 50px #22335815}.update-screen-inner{display:grid;grid-template-columns:1fr 1fr}.update-mini-editor{padding:25px 22px;background:#f5f7fb;border-right:1px solid #e4eaf5}.update-mini-editor>span{font-size:12px;font-weight:500}.update-mini-editor label{display:block;font-size:9px;color:#8693a8;margin:17px 0 5px}.update-mini-editor>div{font-size:11px;padding:10px;background:white;border:1px solid #e0e7f2;border-radius:4px}.update-mini-editor img{width:100%;height:95px;border-radius:4px}.update-mini-editor>b{display:block;background:var(--sp-blue);color:white;text-align:center;padding:11px;font-size:11px;font-weight:400;margin-top:20px;border-radius:5px}.update-mini-result{padding:25px}.update-mini-result small{font-size:9px;letter-spacing:.12em;color:#6d8470}.update-mini-result img{width:100%;height:135px;margin-top:17px}.update-mini-result>span{font-size:9px;color:#8a978a;margin-top:15px;display:block}.update-mini-result h3{font-family:serif;font-size:19px;margin-top:12px}.update-mini-result p{font-size:10px;color:#8c9688;line-height:1.9;margin-top:14px}.sp-price-section{background:#f5f7fc}.sp-price-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1170px;margin:auto;align-items:start}.sp-price-card{background:white;border:1px solid #a5bafb;border-radius:15px;padding:36px;box-shadow:0 15px 50px #2b4a8910}.price-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.price-topline>span{font-size:10px;letter-spacing:.12em;color:var(--sp-blue);font-weight:500}.price-topline>b{font-size:12px;background:#edf3ff;color:#4365c2;border-radius:20px;padding:5px 12px}.sp-price-card>h3{font-size:20px;font-weight:500;margin-top:28px}.sp-price-number{display:flex;align-items:baseline;gap:12px;margin:10px 0 25px}.sp-price-number>span{font-size:15px;color:#627490}.sp-price-number>strong{font-size:69px;line-height:1.5;letter-spacing:-.06em;font-weight:600}.sp-price-number>b{font-size:23px;font-weight:500}.sp-price-number small{font-size:11px;display:block;line-height:1}.revision-promise{padding:20px;background:#eef4ff;border-radius:8px}.revision-promise b{display:block;font-size:17px;color:#3157c4}.revision-promise span{display:block;font-size:12px;color:#6d84b6;margin-top:6px}.sp-price-note{font-size:13px;line-height:2;color:#728098;margin-top:20px}.sp-price-card ul,.updates-price-card ul{list-style:none;padding:0;margin:25px 0}.sp-price-card li,.updates-price-card li{font-size:13px;line-height:1.9;padding:7px 0 7px 23px;position:relative}.sp-price-card li:before,.updates-price-card li:before{content:'✓';position:absolute;left:0;color:#3a64df}.sp-price-card details{border-top:1px solid #e5eaf4;margin-top:25px;padding-top:20px;font-size:12px;color:#7686a0}.sp-price-card summary{cursor:pointer;color:#536685;font-size:12px}.sp-price-card details p{margin-top:15px}.price-extras{display:grid;gap:24px}.updates-price-card{border:1px solid #dbe3f1;border-radius:14px;background:white;padding:33px}.sp-pill{font-size:11px;color:#5171c5;background:#f0f4ff;padding:5px 12px;border-radius:20px;display:inline-block}.updates-price-card h3{font-size:25px;font-weight:500;margin:18px 0 10px}.updates-price-card>p{font-size:14px;color:#7a89a0}.extra-price{padding-top:22px;display:grid;gap:4px}.extra-price>small{font-size:11px;color:#7f8da5}.extra-price>strong{font-size:39px;letter-spacing:-.04em;font-weight:500}.extra-price strong>span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:10px}.extra-price>b{font-size:13px;font-weight:500;color:#325bdd}.updates-price-card>small{display:block;font-size:11px;color:#8996ab;margin-top:18px}.custom-price-card{background:#e8edf8;border:1px solid #d8e1f2;padding:28px;border-radius:12px}.custom-price-card span{font-size:10px;letter-spacing:.12em;color:#6c82b1}.custom-price-card h3{font-size:20px;font-weight:500;margin:12px 0}.custom-price-card p{font-size:12px;line-height:2;color:#71809a}.custom-price-card .sp-link{margin-top:20px;font-size:12px}.sp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.sp-faq h2{font-size:34px;font-weight:600;line-height:1.6;letter-spacing:-.04em;margin-top:25px}.sp-faq details{border-bottom:1px solid #e1e7ef;padding:22px 0}.sp-faq details:first-child{border-top:1px solid #e1e7ef}.sp-faq summary{font-size:15px;cursor:pointer}.sp-faq details p{font-size:13px;color:#78869a;line-height:2;margin-top:18px}.sp-final-cta{text-align:center;background:#2850ed;color:white;padding:85px 25px 95px}.sp-final-cta>span{font-size:11px;letter-spacing:.16em;color:#becdff}.sp-final-cta h2{font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.6;font-weight:600;letter-spacing:-.065em;margin:24px 0 18px}.sp-final-cta p{font-size:15px;color:#bfceff;margin-bottom:30px}.sp-footer{padding:55px 6vw 30px}.sp-footer>p{font-size:12px;color:#93a0b4;margin-top:15px}.sp-footer>div{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-top:-42px;font-size:12px;color:#697c99}.sp-footer>div>button{font-size:12px;border:0;background:none;padding:0;color:inherit}.sp-footer>small{display:block;font-size:10px;color:#a3adbd;border-top:1px solid #e8edf5;padding-top:25px;margin-top:45px}.portfolio-page{padding:70px 6vw 85px;background:#f4f6fa}.portfolio-page-heading{margin-bottom:65px}.portfolio-page-heading h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.5;font-weight:600;letter-spacing:-.065em;margin:25px 0}.portfolio-page-heading h1 span{color:#3257d3}.portfolio-page-heading>p:not(.sp-eyebrow){font-size:16px;line-height:2;color:#728097}.portfolio-page-heading small{display:block;font-size:11px;color:#98a2b4;margin-top:20px}.portfolio-bottom{text-align:center;padding:90px 25px 0}.portfolio-bottom h2{font-size:37px;letter-spacing:-.045em;font-weight:500}.portfolio-bottom>p{font-size:14px;color:#8591a4;margin:20px 0 27px}.portfolio-bottom .sp-caption{font-size:11px}dialog{max-width:630px;width:calc(100% - 32px);border:0;border-radius:15px;padding:32px;color:#253753;box-shadow:0 20px 100px #15233f33}dialog::backdrop{background:#0d1b39a8}dialog p{font-size:14px;color:#728298;line-height:2;margin-top:20px}.sp-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.sp-dialog-head h2{font-size:22px;font-weight:500}.sp-dialog-head>button{width:34px;height:34px;font-size:26px;border:0;border-radius:50%;background:#f1f4f9;color:#657791}dialog .sp-button{margin-top:28px}.sp-motion .sp-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.sp-motion .sp-reveal.in-view{opacity:1;transform:none}
/* A working surface for conversational editing */
.studio-body{background:#f0f3f9}.studio-header{height:73px;display:flex;gap:22px;align-items:center;background:white;border-bottom:1px solid #dce4f0;padding:0 25px}.studio-header .sp-logo{font-size:22px}.studio-header .sp-logo>i{display:none}.studio-demo-badge{font-size:10px;color:#687ca0;border:1px solid #d5dfee;border-radius:20px;padding:3px 10px}.studio-header>a:not(.sp-logo){font-size:12px}.studio-header>a:nth-last-child(2){margin-left:auto}.studio-shell{display:grid;grid-template-columns:370px 1fr;min-height:calc(100svh - 73px);max-width:1900px;margin:auto}.studio-sidebar{background:white;border-right:1px solid #dce5f2;padding:25px;display:flex;flex-direction:column;min-width:0}.studio-sidebar-heading .sp-eyebrow{font-size:9px}.studio-sidebar-heading h1{font-size:22px;font-weight:600;letter-spacing:-.04em;margin:10px 0}.studio-sidebar-heading>p:last-child{font-size:11px;color:#8b97aa}.studio-tabs{display:flex;gap:4px;background:#f0f3f9;padding:4px;border-radius:7px;margin:24px 0 18px}.studio-tabs button{flex:1;border:0;padding:9px 5px;background:transparent;font-size:12px;color:#8391a7;border-radius:5px}.studio-tabs button.active{background:white;color:#2f53ce;box-shadow:0 2px 6px #2e467415}.studio-message-list{height:240px;overflow:auto;padding-right:5px;scroll-behavior:smooth}.studio-message{margin-bottom:18px;font-size:12px}.studio-message>span{font-size:10px;color:#8091ad;display:block;margin-bottom:7px}.studio-message>p{background:#f2f5fb;border:1px solid #e7edf7;border-radius:10px;padding:13px;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.studio-message.user{margin-left:25px}.studio-message.user>p{background:#eaf0ff;border-color:#dbe5ff;color:#3b5fa3}.studio-message.user>span{text-align:right}.studio-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.studio-suggestions button{border:1px solid #e0e7f4;border-radius:20px;font-size:10px;background:white;padding:5px 10px;color:#7186a7}#studio-form{border:1px solid #bed0f2;background:white;border-radius:10px;padding:13px}#studio-form textarea{display:block;width:100%;min-height:92px;border:0;resize:vertical;font-size:12px;line-height:1.9;color:#374f75;padding:0;background:transparent}#studio-form textarea:focus{outline:none}#studio-form:focus-within{outline:2px solid #a5bcf8;outline-offset:2px}#studio-form>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}#prompt-count{font-size:9px;color:#9aabc4}.studio-input-note{font-size:10px;color:#9aa7ba;line-height:1.8;margin-top:12px}.studio-quota{margin-top:auto;padding-top:25px}.studio-quota>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px}.studio-quota b{font-weight:500;color:#8491a9}.studio-quota span{font-size:12px;color:#5477cc}.studio-quota-track{height:4px;background:#edf1f9;border-radius:5px;margin:10px 0}.studio-quota-track>span{display:block;background:#3d65e1;height:100%;width:0;border-radius:5px;transition:width .2s}.studio-quota p{font-size:9px;line-height:1.8;color:#9ba8bb}.studio-quota>button{font-size:10px;color:#8c9db7;border:0;border-bottom:1px solid #becada;background:transparent;padding:0;margin-top:10px}.studio-preview-area{padding:24px 25px 20px;min-width:0}.studio-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.studio-preview-toolbar>div:first-child{display:flex;align-items:center;gap:14px}.preview-status{font-size:11px;color:#8392aa}.studio-preview-toolbar b{font-size:12px;font-weight:500}.studio-preview-actions{display:flex;gap:5px;align-items:center}.studio-preview-actions>button{border:0;border-radius:5px;padding:7px 11px;background:transparent;font-size:11px;color:#7c8da8}.studio-preview-actions>button.active{background:white;color:#4563b8;box-shadow:0 2px 7px #22325109}.studio-preview-actions>button.sp-button{background:var(--sp-blue);color:white;font-size:11px;padding:9px 15px;margin-left:5px}.studio-preview-stage{background:white;border:1px solid #d6dfed;border-radius:10px;overflow:hidden;box-shadow:0 9px 45px #20335210;max-width:1400px;margin:auto;transition:max-width .35s}.studio-preview-stage iframe{width:100%;height:calc(100svh - 185px);min-height:700px}.studio-preview-stage.mobile{max-width:390px;border:7px solid #202c44;border-radius:28px}.studio-preview-stage.mobile iframe{height:700px}.studio-feedback{font-size:11px;color:#7890b3;line-height:1.9;margin-top:15px;overflow-wrap:anywhere}.studio-control-note{font-size:11px;color:#8a9bb3;margin-bottom:15px}#control-form>label,#control-form .studio-control-row>label{display:block;font-size:11px;color:#71849f;margin-top:13px}#control-form input:not([type=checkbox]),#control-form textarea,#control-form select{display:block;width:100%;padding:9px 10px;border:1px solid #d7e1ef;border-radius:5px;background:#fbfcff;font-size:12px;color:#38516f;margin-top:5px}#control-form textarea{resize:vertical}.studio-control-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-check{display:flex!important;align-items:center;gap:7px}#control-form .sp-button{margin-top:20px}.approval-summary{margin-top:25px;background:#f0f4fd;padding:25px;border-radius:9px}.approval-summary>b{font-size:16px}.approval-summary>p{font-size:24px;color:#3157c7;white-space:pre-line;margin:15px 0}.approval-summary>span{font-size:11px;color:#8e9eba}
@media(max-width:1150px){.sp-header{padding:0 4vw}.sp-header nav{gap:20px}.sp-logo>i{display:none}.sp-hero{gap:3vw;padding-left:4vw;padding-right:4vw}.sp-hero h1{font-size:4.4vw}.sp-hero-lead{font-size:13px}.sp-hero .sp-eyebrow{font-size:11px}.hero-prompt>div>span{font-size:9px}.sp-value-strip>div{flex-direction:column;gap:4px}.request-example-layout{gap:25px}.request-choice-list button{padding:20px}.request-choice-list button>b{font-size:20px}.portfolio-meta h3{font-size:22px}.portfolio-meta>span{font-size:9px}.visual-steps{gap:20px}.step-ui-chat{padding:18px}.step-ui-chat>div{font-size:11px}.step-ui-chat>span{font-size:10px}.sp-update-section{gap:35px}.sp-price-card{padding:29px}.sp-price-number>strong{font-size:59px}.sp-price-card>h3{font-size:18px}.updates-price-card{padding:28px}.studio-shell{grid-template-columns:335px 1fr}.studio-sidebar{padding:22px}.studio-preview-area{padding:20px 15px}.studio-preview-toolbar{align-items:start;flex-direction:column;gap:10px}.studio-preview-stage iframe{min-height:680px;height:calc(100svh - 220px)}}
@media(max-width:800px){.sp-header{height:74px;padding:0 22px}.sp-header nav{display:none}.sp-header>#sp-menu{display:block;background:transparent;border:1px solid #dce3f0;padding:6px 12px;font-size:11px;border-radius:5px;color:#7383a0}.sp-logo{font-size:23px}.sp-logo>span{width:31px;height:33px;font-size:23px}.sp-hero{grid-template-columns:1fr;padding:40px 25px 55px;gap:15px}.sp-hero h1{font-size:clamp(2.5rem,7.5vw,4rem);margin:20px 0;white-space:normal;letter-spacing:-.07em}.sp-hero .sp-eyebrow{font-size:11px}.sp-hero-lead{font-size:14px}.hero-prompt{margin-top:25px}.hero-prompt textarea{font-size:14px}.hero-prompt>div>span{font-size:10px}.hero-visual{padding:35px 13px 15px;max-width:630px;width:100%;margin:auto}.hero-visual:before{inset:0 -25px -15px}.hero-site-window{transform:rotate(-1deg)}.hero-preview-clip{aspect-ratio:1.6}.hero-floating-card{padding:15px 18px;margin-top:-14px;width:84%}.hero-visual-caption{margin-top:23px}.hero-editor-link{margin-top:18px;font-size:12px}.sp-value-strip{padding:25px 18px;gap:15px}.sp-value-strip b{font-size:11px}.sp-value-strip span{font-size:9px;text-align:center}.sp-section{padding:70px 25px}.sp-section-heading{display:block;margin-bottom:38px}.sp-section-heading h2{font-size:32px}.sp-section-heading>p:not(.sp-eyebrow){font-size:13px}.request-example-layout{grid-template-columns:1fr;gap:25px}.request-choice-list{grid-template-columns:repeat(3,1fr);gap:8px}.request-choice-list button{padding:15px 12px}.request-choice-list button>b{font-size:13px;line-height:1.8}.request-choice-list button>span{font-size:8px}.request-choice-list button>small{display:none}.example-preview-clip{aspect-ratio:1.45}.request-screen-bottom{padding:16px}.request-screen-bottom>span{font-size:10px}.portfolio-grid{gap:35px 20px}.portfolio-meta{align-items:start;flex-direction:column;gap:8px;margin-top:17px}.portfolio-meta h3{font-size:20px}.portfolio-meta small{font-size:8px}.portfolio-meta p{font-size:10px}.portfolio-meta>span{font-size:9px;padding:3px 8px}.screen-open{opacity:1;font-size:9px;bottom:10px;right:10px;padding:5px 9px}.portfolio-screen .browser-top{height:24px;padding:0 8px}.portfolio-screen .browser-top>span{font-size:6px}.portfolio-screen .browser-top>i{width:3px;height:3px}.sp-flow-section{padding:70px 25px}.visual-steps{grid-template-columns:1fr;gap:38px}.visual-steps article{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-content:center}.step-ui{grid-column:1;grid-row:1/4;height:215px;margin:0}.visual-steps article>span,.visual-steps article>h3,.visual-steps article>p{grid-column:2}.visual-steps article>span{align-self:end}.visual-steps h3{font-size:18px;margin:10px 0}.visual-steps article>p{font-size:11px}.step-ui-preview>b{font-size:21px}.sp-update-section{grid-template-columns:1fr;gap:35px}.sp-update-copy>h2{font-size:33px}.sp-update-copy>p:not(.sp-eyebrow){font-size:14px}.sp-price-layout{grid-template-columns:1fr;max-width:600px}.sp-price-card{padding:30px}.sp-price-number>strong{font-size:66px}.sp-price-card>h3{font-size:21px}.sp-faq{grid-template-columns:1fr;gap:30px}.sp-faq h2{font-size:32px}.sp-footer{padding:40px 25px 25px}.sp-footer>div{margin-top:28px;justify-content:start;gap:15px 20px}.sp-footer>small{margin-top:30px;font-size:9px}.portfolio-page{padding:45px 25px 60px}.portfolio-page-heading{margin-bottom:40px}.portfolio-page-heading h1{font-size:37px}.portfolio-page-heading>p:not(.sp-eyebrow){font-size:14px}.portfolio-page-heading small{font-size:10px}.portfolio-bottom{padding:55px 0 0}.portfolio-bottom h2{font-size:30px}.studio-header{padding:0 16px;gap:12px;height:68px;flex-wrap:wrap}.studio-header .sp-logo{font-size:19px}.studio-header .sp-logo>span{width:28px;height:30px;font-size:20px}.studio-header>a:nth-last-child(2){display:none}.studio-header .sp-button{margin-left:auto;padding:8px 12px;font-size:11px}.studio-demo-badge{font-size:8px;padding:2px 7px}.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid #dae3f1;padding:25px}.studio-sidebar-heading>p:last-child{font-size:12px}.studio-tabs{margin-top:20px}.studio-message-list{height:150px}.studio-message>p{font-size:13px}.studio-message>span{font-size:11px}.studio-suggestions button{font-size:11px}#studio-form textarea{font-size:14px;min-height:85px}.studio-input-note{font-size:10px}.studio-quota{padding-top:20px}.studio-preview-area{padding:20px 16px 30px}.studio-preview-toolbar{flex-direction:row;align-items:center;flex-wrap:wrap}.studio-preview-stage iframe{min-height:620px;height:750px}.studio-preview-stage.mobile iframe{height:700px}.studio-feedback{font-size:12px}#control-form>label,#control-form .studio-control-row>label{font-size:12px}#control-form input:not([type=checkbox]),#control-form textarea,#control-form select{font-size:14px}.studio-control-note{font-size:12px}}
@media(max-width:500px){.sp-hero h1{font-size:8.9vw}.sp-hero .sp-eyebrow{font-size:10px}.sp-star{font-size:22px}.hero-price{gap:17px}.hero-price>span+span{padding-left:17px}.hero-price b{font-size:20px}.hero-prompt>div>span{font-size:9px}.hero-visual{padding:30px 0 10px}.hero-preview-clip{aspect-ratio:1.22}.hero-floating-card{padding:12px;width:92%;transform:rotate(1deg)}.hero-floating-card b{font-size:11px}.hero-floating-card div>span{font-size:9px}.sparkle-icon{width:34px;height:34px;font-size:23px}.sp-value-strip{flex-direction:column;align-items:stretch;padding:22px 25px;gap:15px}.sp-value-strip>div{flex-direction:row;justify-content:space-between;gap:15px}.sp-value-strip b{font-size:12px}.sp-value-strip span{font-size:10px}.sp-section-heading h2{font-size:29px}.request-choice-list button{padding:12px 8px}.request-choice-list button>b{font-size:12px}.request-choice-list button>span{font-size:7px}.request-screen-bottom{flex-direction:column;align-items:start;gap:10px}.example-preview-clip{aspect-ratio:1.15}.portfolio-grid{grid-template-columns:1fr;gap:35px}.portfolio-meta{flex-direction:row;align-items:center}.portfolio-meta h3{font-size:23px}.portfolio-meta small{font-size:8px}.portfolio-meta p{font-size:12px}.portfolio-meta>span{font-size:10px;padding:4px 10px}.portfolio-screen .browser-top{height:28px}.portfolio-screen .browser-top>span{font-size:7px}.portfolio-frame{aspect-ratio:1.25}.visual-steps article{grid-template-columns:1fr;gap:0}.step-ui{grid-column:1;grid-row:auto;height:225px;margin-bottom:20px}.visual-steps article>span,.visual-steps article>h3,.visual-steps article>p{grid-column:1}.visual-steps h3{font-size:21px}.visual-steps article>p{font-size:13px}.step-ui-chat{padding:22px}.step-ui-chat>div{font-size:13px}.step-ui-chat>span{font-size:12px}.step-ui-ready>b{font-size:16px}.sp-update-section{padding-left:20px;padding-right:20px}.sp-update-copy{padding:0 5px}.update-mini-editor{padding:18px 13px}.update-mini-result{padding:18px 13px}.update-mini-editor>div{font-size:9px}.update-mini-result h3{font-size:16px}.update-mini-result img{height:120px}.sp-price-card{padding:25px}.price-topline>span{font-size:9px}.price-topline>b{font-size:10px}.sp-price-card>h3{font-size:19px}.sp-price-number>strong{font-size:58px}.revision-promise{padding:17px}.revision-promise b{font-size:15px}.revision-promise span{font-size:11px}.updates-price-card{padding:25px}.updates-price-card h3{font-size:24px}.sp-final-cta h2{font-size:36px}.portfolio-page-heading h1{font-size:32px}.studio-header .sp-logo{font-size:18px}.studio-demo-badge{display:none}.studio-preview-actions{gap:3px;flex-wrap:wrap}.studio-preview-actions>button{font-size:10px;padding:6px 8px}.studio-preview-toolbar>div:first-child{gap:10px}.studio-sidebar{padding:22px}.studio-preview-stage.mobile{max-width:340px}.studio-preview-stage.mobile iframe{height:670px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.sp-motion .sp-reveal{opacity:1;transform:none}.studio-message-list{scroll-behavior:auto}}
/* Published-price comparison, not individual quotations. */
.comparison-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.comparison-teaser h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.04em;line-height:1.4}.comparison-teaser p{color:var(--sp-gray);line-height:1.9;margin:24px 0}.comparison-mini{background:#f0f3ff;padding:48px;border-radius:22px}.comparison-mini>small{font-size:12px;color:#626b87}.comparison-mini>strong{display:block;font-size:62px;color:#2c4cff;letter-spacing:-.05em;margin-top:22px}.comparison-mini strong span{font-size:14px;letter-spacing:0;margin-left:8px}.comparison-mini>p{margin:12px 0}.comparison-mini>div{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.comparison-mini>div span{background:white;padding:9px 12px;border-radius:8px;font-size:12px}.compare-page{max-width:1280px;padding:150px 48px 70px;margin:auto}.compare-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.3;letter-spacing:-.045em;margin:24px 0}.compare-heading h1 span{color:#2c4cff}.compare-heading>p{line-height:1.9;color:#606982}.compare-disclosure{background:#f4f6fc;border-left:3px solid #2c4cff;padding:20px 24px;margin:35px 0}.compare-disclosure b,.compare-disclosure span{display:block;font-size:13px;line-height:1.8}.compare-disclosure span{color:#626b80;margin-top:4px}.compare-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.compare-prices article{border:1px solid #dde2ef;padding:25px 20px;border-radius:16px}.compare-prices .ours{background:#eef2ff;border-color:#2c4cff}.compare-prices article>span{font-size:12px;color:#667087}.compare-prices h2{font-size:21px;margin:16px 0 8px}.compare-prices p{font-size:12px;color:#626b80;min-height:42px;line-height:1.6}.compare-prices strong{font-size:31px;letter-spacing:-.04em}.compare-prices strong small{font-size:11px;margin-left:4px;letter-spacing:0}.compare-prices article>small{font-size:10px;color:#626b80;display:block}.compare-cost-bar{height:7px;background:#e5e9f4;border-radius:5px;margin:20px 0 13px;overflow:hidden}.compare-cost-bar i{height:100%;display:block;background:#7587a8;border-radius:5px}.ours .compare-cost-bar i{background:#2c4cff}.compare-fine{font-size:12px;line-height:1.9;color:#646e83;margin:18px 0}.compare-detail,.compare-fit{margin-top:95px}.compare-table-wrap{overflow-x:auto;border:1px solid #dfe4ef;border-radius:14px}.compare-table{border-collapse:collapse;min-width:970px;width:100%;font-size:13px;text-align:left;line-height:1.7}.compare-table caption{text-align:left;padding:17px 20px;font-size:12px;color:#657089}.compare-table th,.compare-table td{padding:20px 18px;border-top:1px solid #e2e6ef;vertical-align:top}.compare-table th{font-weight:650}.compare-table thead th{background:#f4f6fa}.compare-table tbody th{font-size:12px;width:15%;background:#fafbfe}.compare-table .ours{background:#eef2ff;color:#243980}.compare-table a{color:#2c4cff;text-decoration:underline;text-underline-offset:4px}.compare-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.compare-fit-grid article{padding:28px;background:#f5f7fb;border-radius:16px}.compare-fit-grid article>span{display:grid;place-items:center;width:35px;height:35px;background:white;border-radius:50%;color:#2c4cff;font-weight:700}.compare-fit-grid h3{font-size:20px;line-height:1.7;margin:21px 0 9px}.compare-fit-grid b{font-size:11px;color:#727c92}.compare-fit-grid p{font-size:13px;line-height:1.9;margin:24px 0 0;color:#566176}.compare-fit-grid em{display:block;font-style:normal;font-weight:650;color:#1a2440;margin-bottom:4px}.compare-position{padding:60px;background:#182850;color:white;margin-top:90px;border-radius:24px}.compare-position h2{font-size:clamp(30px,4vw,48px);line-height:1.4;letter-spacing:-.03em}.compare-position>p{line-height:1.9;color:#c3cee4}.compare-position>div{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-block:1px solid #34476f;padding:28px 0;margin:30px 0}.compare-position article p{font-size:13px;line-height:1.9;color:#c3cee4;margin-bottom:0}.compare-position .sp-button{margin-top:14px}.compare-sources{margin-top:65px;color:#626c82;font-size:12px;line-height:1.9}.compare-sources h2{font-size:19px;color:#14203b}.compare-sources ol{padding-left:20px}.compare-sources li{margin-bottom:9px;scroll-margin-top:100px}.compare-sources a{color:#2c4cff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.compare-prices{grid-template-columns:1fr 1fr}.compare-fit-grid{gap:12px}.compare-fit-grid article{padding:20px}.comparison-teaser{gap:30px}.comparison-mini{padding:30px}.comparison-mini>strong{font-size:48px}}
@media(max-width:650px){.compare-page{padding:105px 20px 45px}.compare-disclosure{padding:16px}.compare-prices{gap:10px}.compare-prices article{padding:20px 14px}.compare-prices h2{font-size:17px}.compare-prices strong{font-size:26px}.compare-prices strong small{display:block;margin:4px 0}.compare-prices article>span{font-size:10px}.compare-detail,.compare-fit{margin-top:65px}.compare-fit-grid,.compare-position>div,.comparison-teaser{grid-template-columns:1fr}.compare-fit-grid article{padding:26px}.compare-position{padding:30px 24px;margin-top:60px}.compare-position>div{gap:24px}.comparison-mini{padding:30px}.comparison-teaser{gap:35px}}