/* People, beginnings and a little tailwind. The existing brand stays intact. */
.site-header{box-shadow:0 2px 0 transparent;transition:box-shadow .25s,background .25s}
.site-header.is-scrolled{background:#fffffff5;box-shadow:0 6px 25px #1236740b}
.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:3px;pointer-events:none;overflow:hidden}
.reading-progress>span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(var(--read-progress,0));transform-origin:left}
.global-nav>a.is-current:not(.button)::after{transform:scaleX(1)}
.global-nav>a.is-current:not(.button){color:var(--blue)}
.hero{padding-block:48px 50px;min-height:710px;position:relative;isolation:isolate}
.hero-copy{min-width:0}
.hero-fee-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;width:fit-content;max-width:100%;padding:8px 16px;border:1px solid #c7d8ff;border-radius:3px;background:#f0f5ff;font-size:14px;line-height:1.6}
.hero-fee-note>strong{font:800 34px/1 Arial,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.hero-fee-note>strong>span{font:700 17px/1.3 'Noto Sans JP',sans-serif;margin-left:3px}
.cost-icon--zero{font:800 26px/1 Arial,sans-serif}
.work-live-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 16px;margin-top:17px;border:1px solid #c4d5f3;border-radius:4px;background:#fff;color:var(--blue);font-size:14px;font-weight:700;line-height:1.7;transition:background .2s,border-color .2s}
.work-live-link>span{font:400 23px/1 Arial,sans-serif}
.price-section .eyebrow{font-size:13px}
.price-details .monthly-price{padding-block:23px 22px}
.monthly-price>div{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px}
.price-details .monthly-price h3{margin:0;font-size:18px;line-height:1.7}
.price-details .monthly-amount{display:flex;align-items:baseline;justify-self:end;gap:7px;line-height:1;color:#fff;white-space:nowrap}
.monthly-amount>strong{font:800 84px/1 Arial,sans-serif;letter-spacing:-.055em}
.monthly-amount>span{font-size:22px;font-weight:700;line-height:1.4}
.monthly-price>div>p:last-child{grid-column:1/-1;font-size:14px;line-height:1.9}
.entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 24px;margin-top:27px}
.entry-actions .button-white{margin:0;min-width:240px;max-width:100%}
.entry-actions .entry-consult-link{color:#fff;font-size:15px;font-weight:650}
.entry-actions .entry-consult-link:focus-visible{outline-color:#dffa99}
.dialog-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:25px}
.dialog-actions .button{min-height:50px;font-size:14px;padding:12px 20px;gap:25px}
.dialog-actions .text-link{font-size:14px}
.dialog-copy h2{text-wrap:balance}
.sample-dialog:not([open]){display:none}
.dialog-close,.text-link{min-height:44px}
a:focus-visible,button:focus-visible,summary:focus-visible,.button:focus-visible{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 7px #fff}
.footer-nav>a,.footer-secondary>a{display:inline-flex;align-items:center;min-height:44px}
.back-top{min-width:44px;min-height:44px}
@media(hover:hover){.work-live-link:hover{background:#e7efff;border-color:var(--blue)}.work-live-link:hover>span{translate:2px -2px}}
@media(max-width:1199px){.monthly-price>div{gap:8px 14px}.price-details .monthly-price h3{font-size:16px}.monthly-amount>strong{font-size:70px}.monthly-amount>span{font-size:20px}}
@media(max-width:959px){.monthly-price>div{grid-template-columns:1fr}.price-details .monthly-price h3{font-size:16px}.price-details .monthly-amount{justify-self:start}.monthly-amount>strong{font-size:70px}.monthly-price>div>p:last-child{font-size:13px}.entry-actions{gap:12px 18px}}
@media(max-width:719px){.work-live-link{font-size:14px;margin-top:15px}.monthly-price>div{grid-template-columns:1fr auto;gap:10px 15px}.price-details .monthly-price h3{font-size:16px}.price-details .monthly-amount{justify-self:end}.monthly-amount>strong{font-size:76px}.monthly-price>div>p:last-child{font-size:14px}.entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}.entry-actions .button-white{min-width:250px}.entry-actions .entry-consult-link{font-size:14px}.dialog-actions{align-items:stretch;flex-direction:column;gap:15px}.dialog-actions .button{justify-content:space-between}.dialog-actions .text-link{align-self:flex-start}.footer-nav,.footer-secondary{row-gap:4px}}
@media(max-width:374px){.monthly-price>div{grid-template-columns:1fr auto;gap:10px}.price-details .monthly-price h3{font-size:14px}.monthly-amount>strong{font-size:66px}.monthly-amount>span{font-size:18px}.entry-actions .button-white{min-width:0;width:100%}}
#hero-title>.blue-text{position:relative;isolation:isolate;width:fit-content}
#hero-title>.blue-text::after{content:"";position:absolute;left:0;right:4%;height:.15em;bottom:.13em;background:#dffa99;z-index:-1;transform:rotate(-2deg)}
/* Reserve a separate word band; shift the whole collage without recropping people. */
.hero-scene{--hero-word-size:clamp(65px,6.9vw,107px);--hero-art-height:590px;--hero-art-offset:calc(var(--hero-word-size) + 6px);height:calc(var(--hero-art-height) + var(--hero-art-offset));position:relative;min-width:0;width:100%;isolation:isolate;align-self:center}
.hero-scene::before{content:"";position:absolute;inset:calc(var(--hero-art-offset) + 38px) 0 14px 4%;border-radius:48% 45% 38% 42%;background:linear-gradient(140deg,#eaf0ff,#f5f9ff 65%,#e9f6ed);z-index:-2;transform:rotate(-8deg)}
.hero-backword{position:absolute;left:0;top:0;z-index:0;font:900 var(--hero-word-size)/1 Arial,sans-serif;letter-spacing:-.075em;color:#165dff;white-space:nowrap}
.hero-dotfield{position:absolute;left:1%;bottom:48px;width:165px;height:190px;background:radial-gradient(#165dff65 1.4px,transparent 1.6px) 0 0/15px 15px;z-index:-1;transform:rotate(-8deg)}
.founder-photo{position:absolute;margin:0;top:calc(var(--hero-art-offset) + 27px);right:10px;width:82%;height:calc(var(--hero-art-height) * .84);border:7px solid #fff;border-radius:98px 12px 12px 12px;overflow:hidden;box-shadow:0 22px 48px #1536741a;transform:rotate(2.5deg)}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 37%}
.hero-photo-label{position:absolute;left:4%;top:calc(var(--hero-art-offset) + 69px);z-index:2;padding:10px 15px;background:var(--blue);color:white;font:700 13px/1.5 Arial,sans-serif;letter-spacing:.07em;transform:rotate(-6deg);border:3px solid #fff}
.hero-spark{position:absolute;right:0;top:0;width:68px;height:68px;background:#dffa99;clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%);transform:rotate(13deg);z-index:2}
.hero-sticker{position:absolute;right:0;bottom:27px;width:107px;height:107px;border:5px solid #fff;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);box-shadow:0 8px 20px #173f8d1a}
.hero-sticker>span{font:700 11px/1 Arial,sans-serif;letter-spacing:.04em}
.hero-sticker>b{font:400 54px/.95 Arial,sans-serif;margin-top:5px}
.hero-site-sample{margin:0;position:absolute;left:1%;bottom:4px;width:53%;max-width:338px;background:#fff;border:7px solid #fff;padding-bottom:9px;box-shadow:0 14px 34px #12377228;border-radius:8px;transform:rotate(-5deg);z-index:3;display:block;transition:box-shadow .2s,border-color .2s}
.mini-browser{border-radius:3px;overflow:hidden}
.mini-browser .browser-bar{height:18px;background:#f5f6f8}
.mini-browser .flower-site{height:169px}
.mini-browser .flower-nav{top:12px;left:14px;right:14px}
.mini-browser .flower-nav strong{font-size:16px;line-height:1.2}
.mini-browser .flower-copy{left:8%;top:27%}
.mini-browser .flower-copy p{font-size:21px;line-height:1.6;margin-top:0}
.mini-browser .sample-pill{font-size:6px;margin-top:9px;padding:5px 11px}
.hero-sample-caption{display:block;font-size:13px;line-height:1.6;color:#566274;padding:9px 5px 0;text-wrap:pretty}
.hero-sample-caption>strong{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:700;line-height:1.6}
.hero-sample-caption>strong>span{font:400 18px/1 Arial,sans-serif}
.hero-sample-caption>span{display:block}
.industry-nav-label{font-size:16px;line-height:1.8;font-weight:700;margin-top:30px}
.industry-nav-label+.top-industry-links{margin-top:12px}
.top-industry-links .industry-link-label{font:inherit;color:inherit;display:block;min-width:0}
.industry-link-label>span{display:inline-block}
.top-industry-links>a>span[aria-hidden]{flex:none}
.scene-caption-label{font:inherit;color:inherit}
.scene-caption-label>span{display:inline-block}
.hero-site-sample:active{border-color:var(--blue);box-shadow:0 8px 20px #12377222}
.faq-answer p+p{margin-top:12px}
.operator a,.footer-policy{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
.footer-policy{gap:8px}
.intro-strip>a{min-width:44px;min-height:44px;flex:none}
@media(min-width:1400px){.page-stack small{font-size:13px}}
@media(hover:hover){.hero-site-sample:hover{border-color:#edf3ff;box-shadow:0 18px 40px #12377236}.hero-site-sample:hover .hero-sample-caption>strong{text-decoration:underline;text-underline-offset:4px}}
.start-ribbon{background:#dffa99;border-block:1px solid #d3ed96;color:#143d87;overflow:hidden;padding:15px 24px;position:relative}
.start-ribbon>div{width:max-content;max-width:none;display:flex;gap:36px;align-items:center;margin-inline:auto;font:800 clamp(24px,3.2vw,47px)/1.1 Arial,sans-serif;letter-spacing:-.035em}
.start-ribbon span{font-size:1.1em;font-weight:400}
.start-ribbon .ribbon-spark{display:block;width:.8em;height:.8em;flex:none;background:currentColor;clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%)}
.intro-strip{border-top:0;padding-block:31px}
.intro-strip>a{border-color:var(--blue);color:var(--blue);transition:background .2s,color .2s,transform .2s}
.works-section{background:linear-gradient(145deg,#f0f4fc,#f7f8fa);position:relative;isolation:isolate;overflow:clip}
.works-section .section-heading{position:relative;isolation:isolate}
.works-section .section-heading::before{content:"DESIGN";position:absolute;right:0;top:-65px;color:#e4eaf5;font:900 clamp(70px,10vw,151px)/1 Arial,sans-serif;letter-spacing:-.06em;z-index:-1;pointer-events:none}
.work-item:nth-child(2){margin-top:27px;--reveal-delay:70ms}
.work-item:nth-child(3){margin-top:54px;--reveal-delay:140ms}
.sample-screen{border-radius:7px;box-shadow:0 12px 30px #172c4a12}
.work-button .work-open>span{background:var(--blue);color:#fff}
.work-info h3{letter-spacing:.01em}
.page-plan{position:relative;isolation:isolate;padding-top:45px;border:1px solid #d8e4ff;background:linear-gradient(145deg,#edf3ff,#e8f0ff);box-shadow:12px 12px 0 #f6f8fc}
.plan-dots{position:absolute;right:20px;top:17px;display:flex;gap:5px}
.plan-dots>i{display:block;width:6px;height:6px;border-radius:50%;background:#b0c5f1}
.page-stack li{border:1px solid #e1e8f5;box-shadow:0 4px 0 #ccdbff80;transition:translate .3s,box-shadow .3s}
.service-features .feature-num{font-size:13px}
.feature-tags span{border-radius:30px;padding-inline:13px;background:#f7f9fd;border-color:#e0e7f3}
.about-section{background:#edf3fb;grid-template-columns:1fr 1fr;min-height:625px}
.about-photo{border-radius:0 96px 0 0;isolation:isolate}
.about-photo img{object-position:43% 40%}
.photo-note{position:absolute;left:30px;bottom:30px;padding:12px 15px;background:#fff;color:#1e4ca6;display:inline-flex;align-items:center;gap:35px;font:700 13px/1.5 Arial,sans-serif;letter-spacing:.05em;box-shadow:0 5px 20px #14305f12;z-index:1}
.photo-note>b{font-size:25px;font-weight:400}
.about-copy{position:relative;padding-block:64px}
.about-sign{font-size:12px;color:#496685}
.price-board{box-shadow:0 20px 44px #18449318}
.price-main{position:relative;isolation:isolate;background:radial-gradient(ellipse at top right,#3d79ff,transparent 68%),var(--blue)}
.price-main::before{content:"";position:absolute;right:-110px;top:-110px;border:35px solid #ffffff0e;border-radius:50%;width:280px;height:280px;z-index:-1}
.price-details{background:#182540}
.cost-icon{border:1px solid #7798d84d;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:21px}
.flow-section{background:#f3f6fc;position:relative}
.flow-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e4eaf5;margin-bottom:44px}
.flow-feature>figure{margin:0;min-width:0}
.flow-feature img{height:100%;min-height:285px;max-height:340px;width:100%;object-fit:cover;object-position:50% 39%}
.flow-feature-copy{padding:35px 42px;align-self:center}
.flow-feature-copy .eyebrow{font-size:13px;margin-bottom:12px;letter-spacing:.06em}
.flow-feature-copy h3{font-size:26px;font-weight:800;line-height:1.6;margin-bottom:14px}
.flow-feature-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#59657b}
.flow-feature-copy .text-link{margin-top:13px;font-size:14px;color:var(--blue)}
.flow-list li>span{display:grid;place-items:center;width:49px;height:49px;border-radius:50% 50% 50% 8px;background:#e1eaff;font-size:26px}
.faq-list summary>i{width:30px;height:30px;border-radius:50%;background:#edf3ff}
.faq-list summary>i::before,.faq-list summary>i::after{left:8px;top:15px}
.faq-list details[open]{background:#f9fbff}
.faq-list details[open] summary{color:var(--blue)}
.faq-list details[open] .faq-answer{animation:answer-enter .3s ease-out}
.entry-section{background:radial-gradient(ellipse at 94% 5%,#4d88ff80,transparent 52%),var(--blue);isolation:isolate}
.entry-section::before{content:"";position:absolute;left:45%;top:-150px;width:900px;height:900px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none;z-index:-1}
.entry-inner{grid-template-columns:1.2fr 1fr;gap:45px;padding-block:64px 68px}
.entry-copy{min-width:0}
.entry-visual{position:relative;min-width:0;isolation:isolate;padding:22px 14px 22px 25px}
.entry-backword{position:absolute;right:0;top:-19px;color:#ffffff24;font:900 clamp(63px,6.8vw,105px)/1 Arial,sans-serif;letter-spacing:-.06em;z-index:-1}
.entry-portrait{margin:0 0 0 auto;width:100%;max-width:390px;aspect-ratio:1;border:9px solid #fff;border-radius:70px 10px 70px 10px;overflow:hidden;transform:rotate(4deg);box-shadow:0 18px 40px #06349f33}
.entry-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 40%}
.entry-seal{position:absolute;left:0;bottom:8px;width:111px;height:111px;display:flex;flex-direction:column;justify-content:center;background:#dffa99;border:4px solid var(--blue);border-radius:50%;color:#144087;padding-left:19px;font:800 16px/1.1 Arial,sans-serif;letter-spacing:-.025em;transform:rotate(-10deg)}
.entry-seal>b{position:absolute;right:15px;bottom:20px;font:400 38px/1 Arial,sans-serif}
.button{position:relative;isolation:isolate;overflow:hidden}
.button::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff24 45%,transparent 70%);transform:translateX(-115%);pointer-events:none}
.button>span[aria-hidden]{transition:transform .25s}
.button:active{transform:translateY(1px)}
.footer-echo{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:36px;color:#dce7ff;font:900 clamp(54px,13.7vw,198px)/.85 Arial,sans-serif;letter-spacing:-.055em;user-select:none}
.footer-echo>span{font-weight:400;color:var(--blue);font-size:.72em}
.has-entered[data-reveal]{animation:story-enter .75s cubic-bezier(.2,.65,.25,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes story-enter{from{opacity:.5;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes answer-enter{from{opacity:.5;translate:0 -4px}to{opacity:1;translate:0 0}}
@keyframes button-light{to{transform:translateX(115%)}}
@media(hover:hover){
  .button:hover::before{animation:button-light .7s ease-out}
  .button:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}
  .intro-strip>a:hover{transform:translateY(3px)}
  .page-stack li:hover{translate:4px 0;box-shadow:0 6px 0 #ccdbff80}
  .founder-photo img,.entry-portrait img,.about-photo img{transition:transform .75s cubic-bezier(.2,.6,.25,1)}
  .founder-photo:hover img,.entry-portrait:hover img,.about-photo:hover img{transform:scale(1.025)}
}
@media(max-width:1199px){
  .hero{min-height:650px;padding-block:40px 44px}
  .hero-scene{--hero-art-height:510px}
  .founder-photo{height:calc(var(--hero-art-height) * .83);border-radius:72px 10px 10px 10px}
  .hero-site-sample{width:57%}
  .mini-browser .flower-site{height:140px}
  .hero-sticker{width:90px;height:90px;bottom:25px}
  .hero-sticker>b{font-size:44px}
  .hero-spark{width:56px;height:56px}
  .hero-photo-label{font-size:12px;left:1%;top:calc(var(--hero-art-offset) + 57px);padding:8px 11px}
  .flow-feature-copy{padding:28px 30px}
  .flow-feature-copy h3{font-size:23px}
  .entry-inner{gap:34px}
}
@media(max-width:959px){
  .hero{min-height:610px;padding-block:35px 40px}
  .hero-scene{--hero-art-height:445px;--hero-word-size:65px}
  .founder-photo{width:88%;height:calc(var(--hero-art-height) * .79);right:3px;border-width:5px;border-radius:65px 8px 8px 8px}
  .hero-site-sample{width:64%;border-width:5px;left:0}
  .mini-browser .flower-site{height:114px}
  .mini-browser .flower-copy p{font-size:17px}
  .mini-browser .flower-nav strong{font-size:13px}
  .mini-browser .flower-nav{top:9px;left:12px}
  .mini-browser .sample-pill{margin-top:5px;padding:4px 9px;font-size:5px}
  .hero-sticker{width:77px;height:77px;bottom:23px;border-width:4px}
  .hero-sticker>span{font-size:9px}
  .hero-sticker>b{font-size:36px}
  .hero-photo-label{top:calc(var(--hero-art-offset) + 49px);font-size:10px}
  .hero-spark{width:47px;height:47px}
  .start-ribbon{padding-block:15px}
  .start-ribbon>div{gap:24px;font-size:32px}
  .work-item:nth-child(2){margin-top:18px}
  .work-item:nth-child(3){margin-top:36px}
  .about-section{grid-template-columns:.95fr 1.05fr;min-height:610px}
  .about-copy{padding:48px 28px}
  .about-photo{border-top-right-radius:64px}
  .photo-note{left:20px;bottom:23px;gap:17px;padding:10px 12px;font-size:11px}
  .flow-feature{grid-template-columns:1fr 1fr}
  .flow-feature img{min-height:295px;max-height:none}
  .flow-feature-copy{padding:26px 25px}
  .flow-feature-copy h3{font-size:21px}
  .flow-feature-copy>p:not(.eyebrow){font-size:14px}
  .flow-feature-copy .eyebrow{font-size:11px;letter-spacing:.035em}
  .entry-inner{grid-template-columns:1.25fr 1fr;gap:22px}
  .entry-visual{padding-left:15px;padding-right:5px}
  .entry-portrait{border-width:6px;border-radius:50px 8px 50px 8px}
  .entry-seal{width:90px;height:90px;font-size:13px;padding-left:15px}
  .entry-seal>b{font-size:29px;right:12px;bottom:17px}
  .entry-backword{font-size:65px;top:-7px}
}
@media(max-width:719px){
  .hero{padding-block:32px 30px;min-height:0;gap:25px}
  .hero-scene{--hero-art-height:420px;--hero-word-size:76px;width:min(100%,550px);margin-inline:auto}
  .founder-photo{width:85%;height:calc(var(--hero-art-height) * .83);top:calc(var(--hero-art-offset) + 22px);right:6px;border-width:6px;border-radius:73px 9px 9px 9px}
  .hero-photo-label{left:0;top:calc(var(--hero-art-offset) + 55px);font-size:11px;padding:9px 12px}
  .hero-site-sample{width:58%;max-width:290px;left:0;bottom:5px;border-width:6px;padding-bottom:6px}
  .mini-browser .flower-site{height:127px}
  .mini-browser .flower-copy p{font-size:19px}
  .mini-browser .flower-nav strong{font-size:14px}
  .mini-browser .flower-nav{top:10px;left:12px}
  .hero-sticker{width:84px;height:84px;right:0;bottom:26px}
  .hero-sticker>span{font-size:10px}
  .hero-sticker>b{font-size:41px}
  .hero-spark{width:53px;height:53px}
  .hero-dotfield{width:130px;height:145px;bottom:45px;background-size:13px 13px}
  .start-ribbon{padding:14px 20px}
  .start-ribbon>div{gap:22px;font-size:27px}
  .intro-strip{padding-block:24px}
  .works-section .section-heading::before{top:-25px;font-size:66px;color:#e6ecf6}
  .work-item:nth-child(2),.work-item:nth-child(3){margin-top:0;--reveal-delay:0ms}
  .page-plan{padding-top:40px;box-shadow:7px 7px 0 #f4f7fd}
  .about-section{grid-template-columns:1fr;min-height:0}
  .about-photo{height:335px;min-height:0;border-radius:0 65px 0 0}
  .about-photo img{object-position:44% 34%}
  .photo-note{left:23px;bottom:22px;font-size:12px;gap:22px;padding:10px 13px}
  .about-copy{padding:40px 25px 46px}
  .about-sign{font-size:11px;line-height:1.7;letter-spacing:.06em}
  .flow-feature{grid-template-columns:1fr;margin-bottom:33px}
  .flow-feature img{height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-position:center}
  .flow-feature-copy{padding:27px 25px 29px}
  .flow-feature-copy .eyebrow{font-size:12px;margin-bottom:11px}
  .flow-feature-copy h3{font-size:23px;margin-bottom:12px}
  .flow-feature-copy>p:not(.eyebrow){font-size:15px}
  .flow-list li>span{width:46px;height:46px;font-size:24px;margin-top:0}
  .faq-list summary>i{width:27px;height:27px}
  .faq-list summary>i::before,.faq-list summary>i::after{left:7px;top:13px;width:13px}
  .entry-inner{grid-template-columns:1fr;gap:28px;padding-block:47px 42px}
  .entry-visual{width:min(100%,365px);margin-inline:auto;padding:22px 15px 17px 22px}
  .entry-portrait{border-width:7px;border-radius:57px 8px 57px 8px}
  .entry-backword{font-size:77px;top:-6px}
  .entry-seal{width:100px;height:100px;bottom:1px;font-size:14px;padding-left:17px}
  .entry-seal>b{font-size:33px;right:14px;bottom:20px}
  .footer-echo{margin-top:30px;font-size:clamp(52px,14vw,96px);letter-spacing:-.06em}
}
@media(min-width:480px) and (max-width:719px){
  .hero-scene{--hero-art-height:505px;--hero-word-size:92px}
  .mini-browser .flower-site{height:162px}
  .mini-browser .flower-copy p{font-size:24px}
  .hero-sticker{width:100px;height:100px;bottom:36px}
  .hero-sticker>b{font-size:50px}
  .about-photo{height:390px}
}
@media(max-width:374px){
  .hero{padding-top:28px}
  .hero-scene{--hero-art-height:370px;--hero-word-size:66px}
  .founder-photo{width:88%;height:calc(var(--hero-art-height) * .81);top:calc(var(--hero-art-offset) + 22px);border-width:5px;border-radius:60px 8px 8px 8px}
  .hero-photo-label{font-size:10px;top:calc(var(--hero-art-offset) + 48px);padding:8px 9px}
  .hero-site-sample{width:61%;border-width:5px;padding-bottom:4px}
  .mini-browser .flower-site{height:108px}
  .mini-browser .flower-nav strong{font-size:12px}
  .mini-browser .flower-copy p{font-size:17px}
  .mini-browser .flower-copy{top:29%}
  .mini-browser .sample-pill{font-size:5px;padding:3px 8px;margin-top:5px}
  .hero-sample-caption{padding-top:7px;font-size:13px;line-height:1.6}
  .hero-sticker{width:72px;height:72px;bottom:27px}
  .hero-sticker>span{font-size:9px}
  .hero-sticker>b{font-size:35px}
  .hero-spark{width:46px;height:46px}
  .about-photo{height:290px}
  .about-copy{padding-inline:22px}
  .flow-feature-copy{padding-inline:22px}
  .flow-feature-copy h3{font-size:21px}
  .entry-inner{gap:26px}
  .entry-visual{padding-inline:15px 10px}
  .entry-seal{width:90px;height:90px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .has-entered[data-reveal],.faq-list details[open] .faq-answer{animation:none;opacity:1;translate:none}
  .button::before{display:none}
}
@media print{
  .reading-progress,.start-ribbon,.hero-dotfield,.hero-sticker,.hero-spark,.footer-echo{display:none}
  .hero-scene{--hero-art-height:460px}
  [data-reveal]{animation:none!important;opacity:1!important;translate:none!important}
}

/* TOP refinement: readable offer conditions, purposeful section spacing and clear next steps. */
body:not(.subpage) .hero-lead,body:not(.subpage) .section-heading>p,body:not(.subpage) .service-features p,body:not(.subpage) .about-copy>p:not(.eyebrow),body:not(.subpage) .price-note>p,body:not(.subpage) .flow-feature-copy>p,body:not(.subpage) .flow-list p,body:not(.subpage) .faq-answer p,body:not(.subpage) .entry-copy>p:not(.entry-status){text-wrap:pretty}
body:not(.subpage) .section-heading h2,body:not(.subpage) .flow-list h3,body:not(.subpage) .faq-heading h2{ text-wrap:balance }
body:not(.subpage) .hero-conditions{font-size:14px;line-height:1.9}
.scene-band-action{display:flex;justify-content:flex-end;margin-top:16px}
.scene-band-action .text-link{font-size:14px;color:var(--blue)}
.page-plan>.page-plan-scope{font-size:13px;line-height:1.9;margin-top:16px;padding-top:14px;border-top:1px solid #c5d6f2;color:#405778}
.page-plan-scope>span{display:inline-block}
body:not(.subpage) .page-stack small{color:#536783}
@media screen{body:not(.subpage) .section-space{padding-block:clamp(60px,6.1vw,88px)}}
@media(max-width:719px){.scene-band-action{justify-content:flex-start;margin-top:14px}.page-plan>.page-plan-scope{margin-top:14px;padding-top:13px}}