@font-face{font-family:Inter;src:url('./assets/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/Inter-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/Inter-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--navy:#100b2b;--ink:#171431;--muted:#727383;--pink:#fa168b;--lavender:#f2eff8;--line:#e6e2ee;--white:#fff;font-family:Inter,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;padding:12px;background:white;z-index:99}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #fe8dcb;outline-offset:3px}
.site-header{background:#fff}.header-inner{min-height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto}.site-header nav{display:flex;gap:25px;font-size:16.8px;font-weight:700}.site-header nav a:hover,.footer-inner a:hover{color:var(--pink)}.header-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:100px;font-size:16.8px;font-weight:700;white-space:nowrap}.header-cta:hover{background:#28204a}
.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.35fr .85fr;align-items:center;gap:20px}.hero-copy{padding:75px 0 78px;position:relative;z-index:1}.eyebrow{font-size:15.6px;letter-spacing:.12em;font-weight:800}.hero-eyebrow{color:#ff7fc1;margin-bottom:28px}.hero h1{font-size:clamp(48px,5.64vw,80.4px);letter-spacing:-.065em;line-height:1.14;font-weight:800;word-break:keep-all}.hero-subtitle{margin-top:25px;color:#b4afc8;font-size:22.8px;line-height:1.65;word-break:keep-all}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:17px;padding:15px 25px;min-height:54px;border-radius:100px;font-weight:800}.button-pink{background:var(--pink);color:#fff}.button-pink:hover{background:#d90a70}.hero .button{margin-top:38px}.hero .button span{display:grid;place-items:center;background:white;color:var(--pink);width:25px;height:25px;border-radius:50%}.hero-note{font-size:15.6px;color:#a9a3bf;margin-top:16px}.hero-art{width:100%;max-width:450px;justify-self:end;mix-blend-mode:normal;border-radius:2px}
.product-intro{padding:70px 0 58px;background:linear-gradient(#f6f5f9,#fff)}.product-frame{box-shadow:0 35px 55px #140d3130;border:1px solid #e3e0ea;background:#fff;overflow:hidden}.product-frame img{width:100%}.image-caption{text-align:center;margin-top:24px;color:var(--muted);font-size:16.8px}.section{padding:90px 0}.section h2{font-size:clamp(36px,4.2vw,57.6px);letter-spacing:-.055em;line-height:1.25;word-break:keep-all}.section .eyebrow{margin-bottom:14px}.section-lead{color:#8c8b98;font-size:21.6px;line-height:1.6;margin-top:18px;word-break:keep-all}.problem{padding-top:72px}.problem-grid{margin-top:35px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--lavender);border-radius:25px}.problem-grid article{padding:20px 13px}.problem-mark{height:56px;width:56px;display:grid;place-items:center;color:#372569;background:white;border-radius:15px;font-size:20.4px;font-weight:900;box-shadow:0 7px 18px #30215610}.problem-grid h3{font-size:21.6px;margin-top:18px;letter-spacing:-.025em}.problem-grid p{font-size:16.8px;color:#858391;line-height:1.6;margin-top:8px;word-break:keep-all}.how{padding-top:48px}.steps{padding:0;margin:39px 0 55px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps li{display:flex;gap:14px}.steps li>span{flex:none;display:grid;place-items:center;width:36px;height:36px;background:#efedf2;border-radius:5px;font-size:16.8px;font-weight:800}.steps h3{font-size:21.6px;margin:2px 0 5px}.steps p{font-size:15.6px;line-height:1.55;color:#92919c;word-break:keep-all}.showcase{border-radius:24px;background:var(--lavender);overflow:hidden;padding:28px}.showcase img{width:100%;border-radius:10px}.features{padding-top:65px}.center-heading{text-align:center}.center-heading .eyebrow{color:#7c6db1}.center-heading>p:last-child{color:#95939e;font-size:21.6px;margin-top:10px;line-height:1.5}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px;margin-top:52px}.feature-grid article img{width:100%;border-radius:19px}.feature-grid h3{font-size:24px;margin-top:16px;letter-spacing:-.035em}.feature-grid article p{font-size:18px;line-height:1.6;color:#72717e;margin-top:7px}.development-note{text-align:center;font-size:15.6px;color:#91909a;margin-top:46px}.pricing{padding-top:92px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px}.plan{border:4px solid #eae7f2;border-radius:28px;overflow:hidden;background:#eceaf3;min-width:0}.plan-top{height:188px;background:white;border-radius:23px;padding:26px 20px;display:flex;flex-direction:column}.plan h3{font-size:22.8px;letter-spacing:-.035em}.plan-top p{font-size:15.6px;line-height:1.4;color:#777684;margin-top:5px}.price{font-size:36px;font-weight:900;letter-spacing:-.05em;margin-top:auto;white-space:nowrap}.price small{font-size:15.6px;font-weight:500;letter-spacing:0}.price del{font-size:24px;color:#bbb8c2;margin-right:4px}.coming-soon{font-size:28.8px;color:#bdbac2}.plan-body{padding:22px 20px 30px;font-size:15.6px;line-height:1.62;min-height:315px;color:#363347}.plan-body>p:first-child{color:#777482;margin-bottom:10px}.plan-body ul{padding-left:18px;margin:0}.plan-body li+li{margin-top:4px}.plan-body>p+ p{margin-top:15px}.featured-plan{border-color:#efc1de}.pricing-note{text-align:center;margin-top:26px;color:#97939f;font-size:16.8px}.signup{background:linear-gradient(#fff,#ebebee 78%,#dedee1);padding-top:95px;padding-bottom:110px}.signup-inner{text-align:center}.pill{display:inline-block;border:1px solid #c9c7ce;border-radius:100px;padding:12px 24px;color:#898792;font-size:16.8px;font-weight:700}.signup h2{margin-top:24px}.signup-lead{font-size:22.8px;font-weight:700;margin-top:50px;color:#4d4b55}.signup-form{background:#fff;width:min(540px,100%);margin:24px auto 0;padding:25px;border-radius:27px;text-align:left;box-shadow:0 10px 30px #17143116}.signup-form label{display:block;font-size:16.8px;font-weight:800;margin-bottom:9px}.signup-form input,.signup-form select{width:100%;border:1px solid #eeeef2;background:#f0f1f5;border-radius:22px;height:52px;padding:0 17px;color:var(--ink);font-size:18px}.signup-form input::placeholder{color:#aaa9b3}.signup-form label:not(:first-child){margin-top:20px}.form-button{width:100%;margin-top:23px;font-size:19.2px}.form-note,.email-link{font-size:14.4px;line-height:1.6;color:#777681;text-align:center;margin-top:12px}.email-link{display:block;text-decoration:underline;text-underline-offset:3px}.footer-inner{display:flex;gap:22px;align-items:center;min-height:95px;color:#92909c;font-size:15.6px}.footer-brand{font-size:26.4px;font-weight:900;color:var(--navy)}.footer-inner span{margin-right:auto}
@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.plan-body{min-height:0}.hero-grid{grid-template-columns:1.3fr .8fr}.hero h1{font-size:clamp(48px,6.6vw,69.6px)}.steps{grid-template-columns:repeat(2,1fr)}.problem-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 36px,520px)}.header-inner{min-height:69px;gap:12px}.site-header nav{display:none}.header-cta{font-size:14.4px;padding:10px 13px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding:62px 0 10px}.hero h1{font-size:clamp(45.6px,11.64vw,67.2px)}.hero-subtitle{font-size:19.2px;margin-top:20px}.hero .button{margin-top:28px}.hero-art{align-self:center;width:min(100%,390px);max-width:none;margin-bottom:25px}.product-intro{padding:42px 0 45px}.image-caption{font-size:14.4px}.section{padding:62px 0}.section h2{font-size:clamp(34.8px,9vw,46.8px)}.section-lead{font-size:19.2px}.problem{padding-top:42px}.problem-grid{padding:15px;gap:5px;border-radius:18px}.problem-grid article{padding:12px 7px}.problem-mark{height:44px;width:44px;font-size:16.8px}.problem-grid h3{font-size:18px}.problem-grid p{font-size:14.4px}.steps{gap:22px 12px;margin:35px 0}.steps li{gap:9px}.steps li>span{width:30px;height:30px;font-size:14.4px}.steps h3{font-size:18px}.steps p{font-size:14.4px}.showcase{padding:10px;border-radius:15px}.features{padding-top:35px}.center-heading>p:last-child{font-size:18px}.feature-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}.feature-grid h3{font-size:22.8px}.feature-grid article p{font-size:16.8px}.pricing-grid{gap:12px}.plan{border-width:3px;border-radius:20px}.plan-top{padding:18px 13px;height:175px;border-radius:17px}.plan h3{font-size:19.2px}.plan-top p{font-size:13.2px}.price{font-size:30px}.price del{font-size:19.2px}.coming-soon{font-size:21.6px}.plan-body{padding:14px 12px 22px;font-size:13.2px}.pricing-note{font-size:14.4px}.signup{padding-bottom:72px}.signup-lead{font-size:19.2px;margin-top:34px}.signup-form{padding:20px}.footer-inner{flex-wrap:wrap;padding:28px 0;gap:8px}.footer-inner span{order:3;width:100%}}
@media(max-width:390px){.pricing-grid{grid-template-columns:1fr}.plan-top{height:150px}.plan-body{font-size:15.6px}.problem-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.discount,.signup-lead strong{color:var(--pink)}
.price small{font-size:13.2px}
.brand{flex:none}.brand-art{display:block;width:300px;height:auto;overflow:visible}.brand-art .logo-animated{display:block;width:300px;height:auto;max-width:none}.brand-art .logo-static{display:none}
.hero-grid{grid-template-columns:1.65fr .75fr}
.hero h1{font-size:clamp(48px,4.98vw,72px)}
.hero-art{max-width:390px}
@media(max-width:720px){.plan-top{height:185px}.price{font-size:28.8px}}
@media(max-width:720px){.brand-art{width:min(220px,calc(100vw - 180px));height:auto}.brand-art .logo-animated{width:100%}.hero h1{font-size:clamp(45.6px,11.64vw,67.2px)}.hero-art{max-width:390px}}
@media(prefers-reduced-motion:reduce){.brand-art .logo-animated{display:none}.brand-art .logo-static{display:block;width:165px;height:auto}.brand-art{width:165px;height:auto}}
.product-frame video,.showcase video{display:block;width:100%;height:auto}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-button:disabled{opacity:.7;cursor:wait}
.form-button.is-success{background:#e21a85;cursor:default}
.form-button.is-error{background:#ef2353}
.signup-form label[for="role"]{margin-top:0}
.language-switch{flex:none;font-size:15.6px;font-weight:700;color:#6f6b7e;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.language-switch:hover{color:var(--pink)}
html[lang="ko"]{font-family:Inter,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
html[lang="ko"] .hero h1{font-size:clamp(45.6px,4.68vw,68.4px);letter-spacing:-.075em}
html[lang="ko"] .section h2{letter-spacing:-.065em}
html[lang="ko"] .feature-grid h3{word-break:keep-all}
@media(max-width:1080px){.header-inner{gap:20px}.brand-art,.brand-art .logo-animated{width:250px}.site-header nav{gap:15px}}
@media(max-width:720px){.header-inner{gap:9px}.brand-art{width:min(175px,calc(100vw - 190px))}.brand-art .logo-animated{width:100%}.header-cta{font-size:13.2px;padding:9px 10px}.language-switch{font-size:14.4px}html[lang="ko"] .hero h1{font-size:clamp(40.8px,10.44vw,57.6px)}html[lang="ko"] .hero-subtitle{font-size:18px}}
@media(max-width:390px){.brand-art{width:min(145px,calc(100vw - 178px))}.header-cta{padding:8px 9px}}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-links a{white-space:nowrap}@media(max-width:1050px){.footer-inner{flex-wrap:wrap;padding:25px 0}.footer-inner span{margin-right:0}.footer-links{width:100%;order:3}}@media(max-width:720px){.footer-links{gap:12px 18px}}
.video-media{position:relative}.video-toggle{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff88;border-radius:999px;background:#100b2be8;color:white;padding:9px 15px;min-width:78px;min-height:40px;font-size:15.6px;font-weight:700;box-shadow:0 4px 16px #100b2b40}.video-toggle:hover{background:#100b2b}.video-toggle:focus-visible{outline:3px solid #fa168b;outline-offset:3px}@media(max-width:720px){.video-toggle{right:12px;bottom:12px;padding:6px 11px;min-width:64px;min-height:35px;font-size:14.4px}}
.signup-form input:not([type="checkbox"]),.signup-form select{width:100%}.signup-form .privacy-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;font-size:15.6px;line-height:1.5;font-weight:400;color:#575568;cursor:pointer}.privacy-consent input[type="checkbox"]{width:18px;height:18px;min-width:18px;min-height:18px;margin:1px 0 0;accent-color:var(--pink);padding:0;border-radius:4px}.privacy-consent span{flex:1}.privacy-consent a{color:#6f3289;text-decoration:underline;text-underline-offset:2px}.signup-form .form-button{margin-top:19px}.form-note{font-size:15.6px}
.pricing-note{max-width:100%;margin-left:auto;margin-right:auto;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}.pricing-note-lines p{margin:0}.pricing-note-lines p+p{margin-top:4px}

/* Keep landing content proportional to the viewport, with readable mobile gutters. */
.container{width:calc((100% - clamp(36px,8vw,192px)) * .8);margin-inline:auto}
@media(min-width:1600px){.hero-grid{min-height:clamp(570px,36vw,850px)}.hero-art{max-width:min(30vw,600px)}.hero h1{font-size:clamp(80.4px,5.04vw,120px)}html[lang="ko"] .hero h1{font-size:clamp(68.4px,4.32vw,103.2px)}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.pricing-note-lines{text-align:left}.pricing-note-lines p+p{margin-top:10px}}

.footer-inner{align-items:flex-start;flex-wrap:wrap;padding:28px 0;gap:18px 34px}.footer-company{font-style:normal;display:flex;flex:1 1 400px;flex-direction:column;gap:4px;line-height:1.45}.footer-company strong{color:var(--navy);font-weight:700}.footer-company span{margin-right:0!important;width:auto!important}.footer-links{margin-left:auto;padding-top:3px}@media(max-width:720px){.footer-inner{gap:14px}.footer-company{flex-basis:100%}.footer-links{width:100%;margin-left:0;order:3}}

/* Typography and centered content refinements. Pricing uses +30% from the prior version. */
body{font-size:19.2px}
.hero-art{width:80%;max-width:312px}
.product-intro>.container,.problem>.container,.how>.container,.features>.container,.pricing>.container{width:calc((100% - clamp(36px,8vw,192px)) * .64);margin-inline:auto}
.pricing .eyebrow{font-size:16.9px}
.pricing h2{font-size:clamp(39px,4.55vw,62.4px)}
.pricing .center-heading>p:last-child{font-size:23.4px}
.plan h3{font-size:24.7px}.plan-top p,.plan-body{font-size:16.9px}.price{font-size:39px}.price small{font-size:14.3px}.price del{font-size:26px}.coming-soon{font-size:31.2px}.pricing-note{font-size:18.2px}
.plan-top{height:auto;min-height:245px;gap:12px}.plan-body{min-height:410px;word-break:keep-all;overflow-wrap:break-word}
@media(min-width:1600px){.hero-art{max-width:min(24vw,480px)}}
@media(min-width:721px) and (max-width:1500px){.pricing-grid,.problem-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
.product-intro>.container,.problem>.container,.how>.container,.features>.container,.pricing>.container{width:calc(100% - 36px)}
.hero-art{width:80%;max-width:312px}.pricing .eyebrow{font-size:16.9px}.pricing h2{font-size:clamp(37.7px,9.75vw,50.7px)}.pricing .center-heading>p:last-child{font-size:19.5px}
.plan h3{font-size:20.8px}.plan-top p,.plan-body{font-size:14.3px}.price{font-size:31.2px}.price small{font-size:14.3px}.price del{font-size:20.8px}.coming-soon{font-size:23.4px}.pricing-note{font-size:15.6px}.plan-top{min-height:220px}.plan-body{min-height:0}.pricing-grid{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;padding-block:12px}
}
/* Final form and product-demo refinements. */
.signup-form{width:min(756px,100%)}
.product-frame{box-shadow:0 12px 22px #140d3120}
.product-intro .image-caption{font-size:21.84px;margin-top:36px;word-break:keep-all}
.showcase{background:#efecf3}
.showcase .development-note{font-size:18.72px;margin-top:0;padding-top:24px;line-height:1.6;background:#efecf3;word-break:keep-all}
.showcase .video-toggle{bottom:84px}
@media(max-width:720px){.product-intro .image-caption{font-size:18.72px;margin-top:30px}.showcase .development-note{font-size:18.72px;padding:20px 10px 8px}.showcase .video-toggle{top:12px;bottom:auto}}

/* Contact navigation and social destinations. */
.header-contact{flex:none;font-size:16.8px;font-weight:700;white-space:nowrap}.header-contact:hover,.header-contact[aria-current]{color:var(--pink)}
.footer-identity{flex:0 0 auto;min-width:180px}.footer-social{margin-top:18px}.footer-social>p{font-size:14px;font-weight:600;color:#777383}.social-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:9px}.social-links a{display:inline-flex;align-items:center;gap:7px;min-height:36px;font-size:14px;font-weight:600;color:var(--navy)}.social-links svg{width:22px;height:22px;flex:none}.social-links a:hover{color:var(--pink)}.footer-links{max-width:400px;line-height:1.6}.footer-links a:first-child{color:var(--navy);font-weight:700}
@media(max-width:1250px){.site-header nav{display:none}}
@media(max-width:720px){.header-inner{gap:9px 16px}.brand{flex:1 1 60%;order:0}.language-switch{order:1}.header-contact{order:2;font-size:15.6px}.header-cta{order:3;margin-left:auto;font-size:14.4px}.footer-identity{flex-basis:100%}.footer-social{margin-top:10px}.social-links{gap:12px 24px}.footer-links{max-width:none}}

/* Five creator perspectives: automatic rotation with manual controls. */
.creator-stories{padding-block:96px 72px;background:#fff}.creator-stories>.container{width:calc((100% - clamp(36px,8vw,192px)) * .64)}
.creators-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(36px,5vw,100px);align-items:center}.creators-heading .eyebrow{color:#7c6db1;letter-spacing:.08em;font-size:15.6px}.creators-heading h2{font-size:clamp(34px,3.6vw,57.6px);line-height:1.22;letter-spacing:-.05em}
.creator-carousel{min-width:0}.creator-avatars{display:flex;gap:clamp(10px,1vw,16px);align-items:center;padding:9px 6px 18px}.creator-avatar{flex:0 1 72px;width:72px;aspect-ratio:1;border:3px solid transparent;border-radius:10px;background:#faf9fb;padding:2px;opacity:.4;transform:rotate(0) scale(.93);transition:transform .3s ease,opacity .3s ease,border-color .3s ease}.creator-avatar img{width:100%;height:100%;object-fit:cover;border-radius:5px}.creator-avatar[aria-pressed="true"]{border-color:var(--pink);opacity:1;transform:rotate(-7deg) scale(1.04)}.creator-avatar:nth-child(even)[aria-pressed="true"]{transform:rotate(7deg) scale(1.04)}.creator-avatar:hover{opacity:1}.creator-avatar:focus-visible{opacity:1;outline-offset:5px}
.creator-panels{min-height:220px;padding-top:14px}.creator-quote[hidden]{display:none}.creator-quote{animation:creator-reveal .45s ease both}.creator-message{font-size:clamp(23px,2.15vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;color:var(--ink)}.creator-role{margin-top:26px;font-size:17px;font-weight:600;line-height:1.4}.creator-controls{display:flex;align-items:center;gap:16px;margin-top:14px}.creator-counter{font-size:13px;letter-spacing:.08em;color:#87818f;font-variant-numeric:tabular-nums;white-space:nowrap}.creator-progress{height:2px;flex:1;background:#eeebf2}.creator-progress>span{display:block;height:100%;background:var(--pink);width:20%;transition:width .35s ease}.creator-pause{border:1px solid #ded8e7;background:white;border-radius:100px;padding:8px 14px;min-height:38px;font-size:14px;color:#686275;white-space:nowrap}.creator-pause:hover{border-color:var(--pink);color:var(--pink)}.creator-disclosure{font-size:13px;color:#8c8696;line-height:1.6;margin-top:18px;word-break:keep-all}
@keyframes creator-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.creators-grid{grid-template-columns:1fr;gap:38px}.creator-panels{min-height:200px}.creators-heading h2 br{display:none}.creator-avatar{flex-basis:68px}}
@media(max-width:720px){.creator-stories{padding:64px 0 40px}.creator-stories>.container{width:calc(100% - 36px)}.creators-heading h2{font-size:clamp(34px,9vw,46.8px)}.creators-grid{gap:28px}.creator-avatars{gap:10px}.creator-avatar{flex-basis:58px;width:58px;border-width:2px}.creator-panels{min-height:220px}.creator-message{font-size:25px}.creator-role{font-size:16px;margin-top:22px}.creator-disclosure{font-size:13px}}

/* Bilingual inquiry page. */
.contact-main{background:linear-gradient(#fbfafc 0%,#ececef 65%,#faf9fb 100%);padding:78px 0 96px}.contact-content{width:min(1080px,calc(100% - 48px))}.contact-heading{text-align:center;max-width:960px;margin:0 auto 52px}.contact-heading .eyebrow{color:#8a7aa3;font-size:14px;letter-spacing:.12em;margin-bottom:20px}.contact-heading h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-.06em;line-height:1.16;word-break:keep-all}.contact-heading>p:last-child{font-size:clamp(19px,2vw,26px);line-height:1.65;color:#72717d;margin-top:25px;word-break:keep-all}
.contact-form{width:min(900px,100%);margin-inline:auto;background:white;border-radius:32px;padding:42px;box-shadow:0 12px 32px #1714310b}.contact-field+.contact-field,.contact-field-pair,.contact-field-pair+.contact-field{margin-top:25px}.contact-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-field-pair .contact-field{margin-top:0}.contact-form label{display:block;margin-bottom:10px;font-size:17px;font-weight:600}.contact-form label>span[aria-hidden]{margin-left:3px}.contact-form input:not([type="checkbox"]),.contact-form textarea{display:block;width:100%;background:#f0f1f5;border:1px solid transparent;color:var(--ink);border-radius:24px;padding:16px 22px;font:inherit;font-size:18px;line-height:1.5;min-width:0}.contact-form input:not([type="checkbox"]){min-height:60px}.contact-form textarea{min-height:180px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94909e}.contact-form input:focus,.contact-form textarea:focus{border-color:#fa168b;background:#f7f5f9}.contact-form .privacy-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;line-height:1.7;color:#797381;margin:23px 0 0;cursor:pointer}.contact-form .privacy-consent input{margin-top:4px}.contact-form .form-button{font-size:21px;min-height:62px;margin-top:27px}.contact-form .form-note{font-size:15px;margin-top:20px;line-height:1.7;word-break:keep-all}.contact-support{width:min(900px,100%);margin:36px auto 0}.contact-support h2{font-size:23px;letter-spacing:-.025em;margin-bottom:13px}.contact-support>a{font-size:20px;text-decoration:underline;text-underline-offset:4px}.contact-support p{font-size:17px;line-height:1.6;color:#797581;margin-top:14px;word-break:keep-all}
@media(max-width:720px){.contact-main{padding:54px 0 68px}.contact-content{width:calc(100% - 36px)}.contact-heading{margin-bottom:32px}.contact-heading h1{font-size:43px}.contact-heading>p:last-child{font-size:19px}.contact-form{padding:25px 20px;border-radius:25px}.contact-field-pair{grid-template-columns:1fr;gap:25px}.contact-form input:not([type="checkbox"]),.contact-form textarea{font-size:17px;padding:15px 17px;border-radius:20px}.contact-form .form-button{font-size:19px}.contact-support{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.creator-avatar,.creator-progress>span{transition:none}.creator-quote{animation:none}}
.creator-panels{display:grid}.creator-quote{grid-area:1/1;align-self:start}.creator-quote[hidden]{display:block;visibility:hidden;pointer-events:none;animation:none}
.creators-heading h2 br{display:initial}
.creator-message{font-size:clamp(18.4px,1.72vw,27.2px);font-weight:400}
@media(min-width:1051px){.creators-heading{transform:translateX(25%)}}
@media(max-width:720px){.creator-message{font-size:20px}}
@media(min-width:1051px) and (max-width:1599px){.creators-grid{grid-template-columns:1fr 1fr;column-gap:80px}.creators-heading{transform:translateX(20%)}}
/* Footer: brand and social icons, business details, then a single navigation row. */
.container.footer-inner{width:calc(100% - clamp(36px,12vw,360px));display:grid;grid-template-columns:clamp(180px,8.7vw,276px) minmax(0,1fr) auto;column-gap:32px;row-gap:24px;align-items:start}
.footer-identity{min-width:0}.footer-company{min-width:0;overflow-wrap:break-word}
.footer-identity .footer-social{margin-top:18px}.footer-identity .social-links{flex-wrap:nowrap;gap:14px;margin-top:8px}.footer-identity .social-links a{min-height:24px}.footer-identity .social-links svg{width:20px;height:20px}
.footer-links{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:clamp(22px,2.3vw,72px);margin:0;width:auto;max-width:none;order:initial;text-align:right;line-height:1.6}
.footer-inner .footer-links a{white-space:nowrap;font-weight:400;color:inherit}.footer-inner .footer-links .footer-contact-link{color:var(--navy);font-weight:700;margin:0}.footer-inner .footer-links a:hover{color:var(--pink)}
@media(max-width:1250px){.container.footer-inner{grid-template-columns:140px minmax(0,1fr);gap:24px 32px}.footer-links{grid-column:1 / -1;justify-content:flex-start;gap:24px}}
@media(max-width:720px){.container.footer-inner{width:calc(100% - 36px);grid-template-columns:1fr;padding:28px 0;gap:22px}.footer-company,.footer-links{grid-column:1}.footer-company{width:100%}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px;text-align:left}.footer-identity .footer-social{margin-top:12px}}

/* Three-language navigation and Chinese typography. */
.language-select{font:inherit;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 28px 8px 12px;max-width:125px;cursor:pointer}.language-switch{text-decoration:none;display:flex;align-items:center}
html[lang="zh-CN"]{font-family:Inter,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] .creator-message{word-break:normal;line-break:strict}html[lang="zh-CN"] .hero h1{font-size:clamp(44px,4.4vw,82px)}
@media(max-width:720px){.language-select{font-size:14px;max-width:118px;padding:7px 22px 7px 10px}html[lang="zh-CN"] .hero h1{font-size:clamp(35px,8.5vw,46px)}}
html[lang="zh-CN"] :is(h1,h2,h3,p,li,label){word-break:normal;line-break:strict}.steps li>div{min-width:0}
html[lang="zh-CN"] .creators-heading h2{font-size:clamp(32px,3.2vw,46px)}

/* 2026-10-07: supplied icon cards, new feature renders and inset creator panel. */
.problem>.container,.features>.container,.creator-stories>.container{
  width:calc(100% - clamp(36px,16vw,384px));
  max-width:1680px;
  margin-inline:auto;
}
.problem .problem-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,3.2vw,64px);
  padding:clamp(28px,3.4vw,64px);
  border-radius:clamp(24px,2.4vw,44px);
  background:var(--lavender);
}
.problem-grid article{padding:0;min-width:0}
.problem .problem-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(148px,11vw,210px);
  max-width:100%;
  height:clamp(106px,7.86vw,150px);
  aspect-ratio:auto;
  padding:clamp(12px,1vw,20px);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.problem-mark img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.problem-grid h3{margin-top:clamp(24px,2.2vw,42px);font-size:clamp(20px,1.55vw,28px);line-height:1.35}
.problem-grid p{margin-top:12px;font-size:clamp(16px,1.08vw,20px);line-height:1.65}
.features .feature-grid{column-gap:clamp(20px,2vw,32px);row-gap:44px}
.feature-grid article{min-width:0}
.feature-grid article img{aspect-ratio:1.6;object-fit:cover;background:#fff7ee}
.creator-stories{padding-block:48px 56px;background:#fff}
.creator-stories .creators-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(36px,5.5vw,104px);
  padding:clamp(36px,4.3vw,80px) clamp(28px,5.5vw,108px);
  border-radius:clamp(22px,1.6vw,32px);
  background:var(--lavender);
  align-items:center;
}
.creator-stories .creators-heading{transform:none;min-width:0}
.creators-heading h2{font-size:clamp(32px,3vw,56px);line-height:1.25}
.creator-panels{min-height:180px}
.creator-message{color:var(--muted);letter-spacing:-.025em}
.creator-role{color:var(--muted)}
.creator-avatars{gap:clamp(10px,1vw,18px)}
.creator-avatar{flex-basis:64px;width:64px;background:#fff}
@media(max-width:1100px){
  .problem .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;padding:32px}
  .problem .problem-mark{width:170px;height:122px}
}
@media(max-width:1050px){
  .creator-stories .creators-grid{grid-template-columns:1fr;gap:32px;padding:40px}
  .creators-heading h2 br{display:none}
  .creator-panels{min-height:0}
}
@media(max-width:720px){
  .problem>.container,.features>.container,.creator-stories>.container{width:calc(100% - 36px)}
  .problem .problem-grid{padding:24px 20px;gap:30px 20px;border-radius:24px}
  .problem .problem-mark{width:148px;height:106px;border-radius:15px;padding:12px}
  .problem-grid h3{font-size:20px;margin-top:22px}
  .problem-grid p{font-size:16px;margin-top:10px}
  .features .feature-grid{row-gap:32px}
  .creator-stories{padding-block:28px 36px}
  .creator-stories .creators-grid{padding:32px 24px;gap:26px;border-radius:24px}
  .creators-heading h2{font-size:clamp(30px,7.6vw,42px)}
  .creator-avatars{gap:8px;padding-inline:0}
  .creator-avatar{flex-basis:54px;width:54px}
  .creator-message{font-size:20px}
}
@media(max-width:480px){
  .problem .problem-grid{grid-template-columns:1fr;gap:32px}
  .problem .problem-mark{width:170px;height:122px}
}

/* Give desktop pricing the same generous width as the feature section. */
@media(min-width:721px){
  .pricing>.container{
    width:calc(100% - clamp(36px,16vw,384px));
    max-width:1680px;
  }
}
@media(min-width:1501px){
  .pricing .pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .pricing .plan-top{min-height:208px;padding:24px 26px;gap:8px}
  .pricing .plan-body{min-height:0;padding:24px 26px 28px}
}

/* Supplied vector logo and original pink hero illustration. */
.brand-art{display:flex;align-items:center;width:auto;height:auto}
.site-header nav a{white-space:nowrap}
.brand-art .bipko-logo{display:block;width:170px;height:auto}
.footer-brand .bipko-logo{display:block;width:124px;height:auto}
.demo-video{position:relative}
.demo-brand{position:absolute;display:flex;align-items:center;justify-content:center;background:#100b2b;color:#fff;font-weight:800;letter-spacing:-.07em;line-height:1;pointer-events:none}
.demo-storyboard .demo-brand{left:2.9%;top:.35%;width:6%;height:4.8%;font-size:clamp(8px,1.7vw,26px)}
.demo-mainboard .demo-brand{left:13.9%;top:11.4%;width:4.2%;height:3.75%;font-size:clamp(7px,1.1vw,20px)}
@media(max-width:1080px){.brand-art{width:auto}.brand-art .bipko-logo{width:150px}}
@media(max-width:720px){.brand-art{width:auto}.brand-art .bipko-logo{width:132px}}
@media(max-width:390px){.brand-art{width:auto}.brand-art .bipko-logo{width:120px}}