/* RenRaku / Porcelain & Cobalt. Existing product content and form routes retained. */
.rr-refined{--bg:#f6f8fb;--bg-2:#fff;--bg-3:#edf2f8;--ink:#14243b;--ink-2:#52647b;--muted:#65768b;--line:#dce4ef;--line-2:#eaf0f6;--lavender:#c8d9fc;--lavender-2:#edf3ff;--lavender-deep:#2453b6;--accent:#265ddd;--accent-ink:#2453b6;--navy-gradient:linear-gradient(120deg,#183958,#2453b6);background:var(--bg);font-feature-settings:normal}
.rr-refined .wrap{max-width:1280px;padding-inline:48px}
.rr-refined .nav{background:#f6f8fbe8;border-bottom:1px solid #d9e2ee80;backdrop-filter:blur(18px);isolation:isolate}
.rr-refined .nav::after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#4275df;transform:scaleX(var(--rr-page,0));transform-origin:left}
.rr-refined .nav__inner{height:88px;gap:30px}
.rr-refined .brand__logo{height:35px}
.rr-refined .nav__links{justify-content:center;gap:25px;margin-left:auto}
.rr-refined .nav__links a{font-size:12px;letter-spacing:.05em}
.rr-refined .link-quiet{font-size:12px}
.rr-refined .btn{border-radius:9px;min-height:50px;padding-inline:23px;font-size:14px;font-weight:600;letter-spacing:.015em;box-shadow:none;transition:background .2s,transform .2s,box-shadow .2s}
.rr-refined .btn--primary{background:#255adb;color:white;box-shadow:inset 0 1px #ffffff35,0 5px 14px #234fae12;border:1px solid #2554c7}
.rr-refined .btn--primary:hover{background:#194ac3;transform:translateY(-2px);box-shadow:0 10px 22px #234fae26}
.rr-refined .btn--ghost{border-color:#ccd7e6;background:#ffffff80;color:#243f62}
.rr-refined .btn--ghost:hover{background:white;border-color:#7592c0}
.rr-refined .btn--sm{font-size:12px;min-height:42px;height:42px;padding-inline:20px}
.rr-refined :is(a,button,input,textarea):focus-visible{outline:3px solid #7c9eea;outline-offset:4px}
.rr-refined .kicker{background:none;border:0;border-radius:0;padding:0;color:#3564bd;letter-spacing:.12em;font-size:11px;font-weight:600;gap:12px;margin-bottom:25px}
.rr-refined .kicker::before{border-radius:1px;width:17px;height:1px;background:#4776cf;box-shadow:none}
.rr-refined .h2{font-size:clamp(30px,3.2vw,43px);font-weight:600;line-height:1.55;letter-spacing:-.045em;margin-bottom:22px;text-wrap:pretty}
.rr-refined .section-head{max-width:870px;margin-bottom:58px}
.rr-refined .lede{line-height:2;font-size:16px;color:#53667e;text-wrap:pretty}
.rr-refined .hero{padding:0 0 80px;background:radial-gradient(ellipse at 82% 26%,#eaf1fd 0,transparent 46%),linear-gradient(180deg,#f8fafc,#f9fbff 70%,#f6f8fb);overflow:clip;position:relative}
.rr-refined .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7595c007 1px,transparent 1px),linear-gradient(90deg,#7595c007 1px,transparent 1px);background-size:72px 72px;pointer-events:none;mask-image:linear-gradient(#000,transparent 85%)}
.rr-refined .hero__inner{position:relative;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:18px;align-items:center;padding-block:40px 50px;min-height:690px}
.rr-refined .hero__copy{padding:0;margin:0;position:relative;z-index:2}
.rr-refined .eyebrow{font-size:11px;letter-spacing:.08em;border:0;padding:0;background:none;box-shadow:none;margin:0 0 32px;color:#55708f;gap:12px}
.rr-refined .eyebrow .dot{width:5px;height:5px;box-shadow:0 0 0 5px #dce8fd;background:#3a6ed2}
.rr-refined .hero .h1{font-size:clamp(42px,4.5vw,64px);font-weight:600;line-height:1.43;letter-spacing:-.065em;margin:0 0 26px;text-wrap:initial}
.rr-title-line{display:block;white-space:nowrap;font-feature-settings:"palt"}
.rr-refined .h1__hl{background:linear-gradient(100deg,#174276,#3475eb);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0}
.rr-refined .hero .lede{font-size:14px;line-height:2.05;max-width:530px;margin-bottom:28px;letter-spacing:.005em}
.rr-refined .hero__actions{gap:10px;margin-bottom:28px}
.rr-refined .hero__consult{margin:-10px 0 30px;font-size:11px;color:#64778c}
.rr-refined .hero__consult a{font-weight:500}
.rr-refined .hero__meta{border-top:1px solid #d6e0ee;padding-top:22px;gap:29px;font-size:10px;letter-spacing:.04em;color:#65768b}
.rr-refined .hero__meta strong{font-size:13px;font-weight:500;margin-bottom:4px;color:#304967}
.rr-art{min-width:0;position:relative;align-self:center}
.rr-art__stage{aspect-ratio:1/1.04;position:relative;isolation:isolate;min-width:0}
.rr-art__halo{position:absolute;inset:9% 1% 1%;border-radius:50%;background:radial-gradient(ellipse,#d8e6ff7a,transparent 64%);z-index:-1}
.rr-art__canvas,.rr-art__fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rr-art__canvas{opacity:0;transition:opacity .65s}
.rr-art[data-ready="true"] .rr-art__canvas{opacity:1}
.rr-art[data-ready="true"] .rr-art__fallback{opacity:0;visibility:hidden}
.rr-art__fallback{transition:opacity .5s}
.rr-art__label{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#ffffffca;border:1px solid #fff;border-radius:8px;box-shadow:0 12px 32px #284b7310;backdrop-filter:blur(6px);font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#355273;pointer-events:none}
.rr-art__label i{width:6px;height:6px;border-radius:50%;background:#3dba86}
.rr-art__label--line{top:35%;left:2%;transform:translateY(calc(var(--rr-hero,0)*-16px))}
.rr-art__label--mail{top:66%;right:0;transform:translateY(calc(var(--rr-hero,0)*12px))}
.rr-art__label--mail i{background:#4982e9}
.rr-art__detail{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.06em;color:#678099}
.rr-art__caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 7px 0;border-top:1px solid #cddbeb80;color:#61758e;font:9px/1.6 var(--mono);letter-spacing:.11em}
.rr-motion{font-family:var(--font);font-size:10px;display:flex;gap:10px;align-items:center;padding:8px;border-radius:5px;min-height:36px;color:#506884;letter-spacing:.02em}
.rr-motion[hidden]{display:none}
.rr-motion:hover{background:#e6eef9}
.rr-showcase{position:relative;z-index:2;perspective:1800px}
.rr-showcase__heading{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;padding:32px 0 27px;border-top:1px solid #ccd9e9;gap:30px}
.rr-showcase__heading>span{font:10px/1.7 var(--mono);letter-spacing:.14em;color:#677d98}
.rr-showcase__heading p{margin:0;color:#354f71;font-size:16px;font-weight:500;line-height:1.7;letter-spacing:-.025em}
.rr-showcase__heading a{font-size:12px;color:#315a9c;display:flex;gap:30px;align-items:center}
.rr-showcase__heading a span{font-size:20px}
.rr-refined .hero__mock{margin:0;perspective:1800px}
.rr-refined .hero__mock::after{content:none}
.rr-refined .hero__screenshot,.rr-refined .hero__screenshot:hover{border-radius:16px;border:7px solid #fff;transform:rotateX(calc((1 - var(--rr-show,1))*7deg));transform-origin:50% 100%;box-shadow:0 40px 80px -42px #27497960,0 0 0 1px #dce6f2;transition:none}
.rr-refined .hero__browser-bar{background:#f4f7fb;padding:10px 15px;border-color:#e5eaf2;gap:5px}
.rr-refined .hero__dot{width:6px;height:6px;background:#c7d2e1}
.rr-refined .hero__url{font-size:9px;letter-spacing:.04em;color:#6a7f97}
.rr-refined .hmock{zoom:.82}
.rr-refined .hmock__body{height:680px}
/* One visual system below the fold; compact product interfaces keep their original semantic colors. */
.rr-refined main>section:not(.hero){padding-block:100px;border-top:1px solid #e0e7f080;position:relative}
.rr-refined :is(.demo,.channels,.vps,.features,.suite,.pricing,.guides,.faq,.contact,.ren-growth-consult){background:#f6f8fb}
.rr-refined :is(.pain,.rooms-sec,.duality,.noflow,.tagwall,.spot,.how,.ren-growth-overview){background:#fff}
.rr-refined .pricing::before,.rr-refined .pricing::after{content:none}
.rr-refined :is(.pain__card,.feat,.suite__card,.tw-card,.vp,.step,.guide-card,.ren-growth-options article){border-radius:16px;border:1px solid #dfe7f1;box-shadow:0 4px 10px #23436e03,0 20px 42px -28px #1c42651a;background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.rr-refined :is(.pain__card,.feat,.suite__card,.guide-card):hover{transform:translateY(-4px);border-color:#aec4e5;box-shadow:0 22px 46px -30px #20416b55}
.rr-refined :is(.pain__card h3,.vp h3,.feat h3,.suite__card h3,.guide-card h3){font-weight:600;line-height:1.65;letter-spacing:-.035em}
.rr-refined .pain__card-num span{color:#315574;font-weight:500;letter-spacing:-.06em}
.rr-refined .pain__fig{background:#f5f8fc;border:1px solid #e5ebf3;box-shadow:inset 0 1px 2px #1f406006}
.rr-refined :is(.feat--hero,.feat--bottom){background:linear-gradient(120deg,#f7faff,#e9f1fc);border-color:#dce6f4}
.rr-refined .suite__vis{background:#f2f6fb;border-color:#e2eaf4;border-radius:12px}
.rr-refined .vp{padding:32px}
.rr-refined .vp__num{font:11px var(--mono);color:#53769d;margin-bottom:20px}
.rr-refined .board{border-radius:18px;background:#eef4fb;border:1px solid #dde7f3;box-shadow:0 20px 60px -38px #173b7340}
.rr-refined .board__col{background:#fff;border-color:#e2e9f2;box-shadow:none;border-radius:12px}
.rr-refined .demo .wrap{display:grid;grid-template-columns:.62fr 1fr;gap:0 62px;align-items:center}
.rr-refined .demo .section-head{text-align:left;margin:0;max-width:none}
.rr-refined .demo .lede--center{text-align:left}
.rr-refined .demo .h2{font-size:32px;line-height:1.6}
.rr-refined .demo__frame{margin:0;border-radius:16px;border:6px solid white;box-shadow:0 20px 50px -26px #1c3f7150}
.rr-refined .demo__video{border-radius:10px}
.rr-refined .demo__note{grid-column:2;font-size:10px;text-align:left;margin:16px 0 0;color:#6b7d91}
.rr-refined .ch-card{background:#f6f9fd;border:1px solid #dce7f3;border-radius:14px;box-shadow:none}
.rr-refined .ch-card--line{background:#f5faf8;border-color:#dce9e3}
.rr-refined .ch-card__logo{box-shadow:0 8px 16px #20446a14}
.rr-refined .duality__arrow-circle{background:#edf3fe;color:#3966b8;box-shadow:none;border:1px solid #d7e5f9}
.rr-refined .stats{background:linear-gradient(120deg,#14283f,#1c3856);color:#fff}
.rr-refined .stats::before,.rr-refined .stats::after{content:none}
.rr-refined .stats .kicker{color:#a9c9fa}
.rr-refined .stats__grid{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px}
.rr-refined .stat-cell__num{font-size:54px;font-weight:500;color:#e0edff;letter-spacing:-.06em}
.rr-refined .plan{border-radius:16px;padding:35px 29px;backdrop-filter:none;border:1px solid #d4e0f0;background:#fff;box-shadow:none}
.rr-refined .plan--featured,.rr-refined .plan--featured:hover{transform:none;border:1.5px solid #345fb2;box-shadow:0 20px 44px -30px #335caa70;background:linear-gradient(145deg,#203c63,#2454a7);color:white}
.rr-refined .plan--featured .btn--primary{background:white;color:#2453a7;border-color:white}
.rr-refined .plan--featured .plan__list li small{color:#c0d3f5}
.rr-refined .plan--premium .plan__num{background:none;color:#315f9e}
.rr-refined .plan--premium :is(.quota-chip,.plan__addon){background:#edf3fc;color:#42618d}
.rr-refined .plan__ribbon--premium{background:#345d9f;box-shadow:none;border-radius:5px;font-weight:500}
.rr-refined .plan__num{font-size:49px;font-weight:500;letter-spacing:-.055em}
.rr-refined .plan__head h3{font-weight:600}
.rr-refined .plan__quota{gap:8px}
.rr-refined .plan .btn{width:100%;font-size:13px}
.rr-refined .compare{border-radius:14px;border-color:#d9e3f0;box-shadow:none;background:#fff}
.rr-refined .faq__inner{gap:70px}
.rr-refined .faq details{border-radius:0;border-bottom:1px solid #d7e1ee;box-shadow:none;background:transparent}
.rr-refined .faq summary{font-weight:500;line-height:1.8;padding-block:23px}
.rr-refined .guide-card__tag{background:#edf3fc;color:#45689f;border-radius:4px;font-weight:500;letter-spacing:.08em}
.rr-refined .guide-card{padding:28px 22px}
.rr-refined .guide-card__more{color:#426bb0;font-weight:500}
.rr-refined .cta{background:linear-gradient(115deg,#e9f0fc,#f7faff 55%,#deeafb);text-align:center}
.rr-refined .cta__bg,.rr-refined .cta::before,.rr-refined .cta::after{display:none}
.rr-refined .cta__fine{color:#617994}
.rr-refined .contact{background:#f6f8fb}
.rr-refined .contact__form{border-radius:16px;border:1px solid #d7e2f0;box-shadow:0 20px 46px -32px #1c426733}
.rr-refined .contact__field input{background:#f7f9fc;border:1px solid #cddbed;border-radius:8px;font-size:16px}
.rr-refined .ren-growth-overview h2{font-weight:600;line-height:1.6;font-size:34px;letter-spacing:-.04em}
.rr-refined .ren-growth-options{gap:20px}
.rr-refined .ren-growth-options article{padding:28px;background:#f7f9fc}
.rr-refined .ren-growth-options h3{font-weight:600;font-size:18px;line-height:1.6}
.rr-refined .ren-growth-consult h2{font-size:34px;font-weight:600;line-height:1.65;letter-spacing:-.05em}
.rr-refined .ren-growth-consult p{font-size:14px}
.rr-refined .ren-growth-form{border-radius:16px;border-color:#d7e2f0;box-shadow:0 20px 46px -32px #1c426722}
.rr-refined .foot{background:#eaf0f7;border-color:#d6e1ee}
.rr-refined .foot__inner{padding-block:68px;gap:60px}
.rr-refined .foot__brand p{font-size:12px;color:#60758e}
.rr-refined .foot__links h4{font-weight:600;font-size:12px;letter-spacing:.08em}
.rr-refined .foot__links a{font-size:12px}
.rr-refined .foot__base{border-color:#d2deec}
.rr-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.3,1)}
.rr-reveal.rr-pending{opacity:0;translate:0 20px}
.rr-refined[data-rr-paused="true"] .rr-reveal{transition:none;opacity:1;translate:none}
@media(min-width:1400px){.rr-refined .hero__inner{min-height:750px}.rr-art{margin-inline:-15px}}
@media(max-width:1100px){.rr-refined .wrap{padding-inline:32px}.rr-refined .nav__links{gap:16px}.rr-refined .hero .h1{font-size:48px}.rr-refined .hero .lede{font-size:13px}.rr-refined .hero__actions .btn{font-size:12px;padding-inline:16px}.rr-refined .hero__inner{min-height:620px}.rr-refined .hmock{zoom:.8}.rr-refined .hmock__body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);height:510px}.rr-refined .demo .wrap{gap:35px}.rr-refined .demo .h2{font-size:28px}.rr-refined .ren-growth-consult h2{font-size:30px}}
@media(max-width:960px){.rr-refined .nav__links{display:none}.rr-refined .nav__cta{margin-left:auto}.rr-refined .hero__inner{grid-template-columns:1fr;gap:20px;min-height:0;padding-block:58px 35px}.rr-refined .hero__copy{max-width:600px}.rr-refined .hero .h1{font-size:57px}.rr-refined .hero .lede{font-size:15px}.rr-refined .hero__actions .btn{font-size:14px}.rr-art{width:560px;max-width:100%;margin:0 auto}.rr-art__stage{aspect-ratio:1.2}.rr-refined main>section:not(.hero){padding-block:78px}.rr-refined .demo .wrap{display:block}.rr-refined .demo .section-head{text-align:center;max-width:620px;margin:0 auto 32px}.rr-refined .demo .lede--center{text-align:center}.rr-refined .demo__frame{max-width:850px;margin:auto}.rr-refined .demo__note{text-align:center}.rr-refined .section-head{margin-bottom:42px}.rr-refined .h2{font-size:34px}.rr-refined .rr-showcase__heading{grid-template-columns:1fr 1fr;gap:20px}.rr-showcase__heading>span{grid-column:1/-1}.rr-refined .faq__inner{gap:25px}}
@media(max-width:600px){
 .rr-refined .wrap{padding-inline:22px}.rr-refined .nav__inner{height:70px;gap:18px}.rr-refined .brand__logo{height:31px}.rr-refined .nav__inner .btn--sm{font-size:11px;min-height:40px;padding-inline:15px}
 .rr-refined .hero{padding-bottom:48px}.rr-refined .hero__inner{padding-block:41px 20px;gap:14px}.rr-refined .hero .h1{font-size:clamp(35px,9.5vw,49px);line-height:1.47;letter-spacing:-.065em;margin-bottom:22px}.rr-refined .eyebrow{font-size:9px;letter-spacing:.045em;margin-bottom:25px}.rr-refined .hero .lede{font-size:12px;line-height:1.95;margin-bottom:24px}.rr-refined .hero .lede br:nth-of-type(3){display:none}.rr-refined .hero__actions{flex-direction:row;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.rr-refined .hero__actions .btn{font-size:11px;padding-inline:6px;min-height:48px;white-space:normal;line-height:1.5}.rr-refined .hero__actions .btn svg{width:12px;flex-shrink:0}.rr-refined .hero__consult{font-size:10px;margin:-6px 0 25px}.rr-refined .hero__meta{gap:9px;padding-top:18px;font-size:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.rr-refined .hero__meta strong{font-size:12px}.rr-art{width:100%;margin:0}.rr-art__stage{aspect-ratio:1.07}.rr-art__label{padding:8px 11px;font-size:9px}.rr-art__label--line{left:1%;top:33%}.rr-art__label--mail{right:0;top:64%}.rr-art__caption{font-size:8px;padding-top:9px}.rr-art__detail{font-size:10px;bottom:3%}.rr-motion{font-size:9px;gap:6px}
 .rr-showcase__heading{padding:24px 0 20px;gap:15px}.rr-showcase__heading>span{font-size:8px}.rr-showcase__heading p{font-size:12px}.rr-showcase__heading a{font-size:10px;gap:12px;justify-self:end}.rr-refined .hero__screenshot,.rr-refined .hero__screenshot:hover{border:4px solid white;border-radius:12px;transform:none}.rr-refined .hero__browser-bar{padding:8px 10px}.rr-refined .hmock{zoom:.8}.rr-refined .hmock__body{grid-template-columns:minmax(0,1fr);height:auto;min-height:340px}.rr-refined .hmock__top{gap:5px;padding:7px 10px}.rr-refined .hmock__topbtn{width:27px;height:27px}.rr-refined .hmock__topbtn:nth-last-child(-n+4){display:none}.rr-refined .hmock__logoimg{width:100px;height:35px}
 .rr-refined main>section:not(.hero){padding-block:64px}.rr-refined .section-head{margin-bottom:34px}.rr-refined .kicker{font-size:10px;margin-bottom:18px;gap:10px;letter-spacing:.08em}.rr-refined .h2,.rr-refined .demo .h2{font-size:26px;line-height:1.65;letter-spacing:-.045em}.rr-refined .lede,.rr-refined .lede--center{font-size:13px;line-height:1.95}.rr-refined .pain .h2{font-size:24px}.rr-refined :is(.pain__card,.vp,.feat,.suite__card,.guide-card){padding:24px 20px;border-radius:13px}.rr-refined :is(.pain__card h3,.vp h3,.feat h3,.suite__card h3){font-size:18px}.rr-refined .demo__frame{border-width:4px}.rr-refined .ren-growth-overview h2,.rr-refined .ren-growth-consult h2{font-size:26px;line-height:1.7}.rr-refined .ren-growth-options article{padding:24px 20px}.rr-refined .ren-growth-options h3{font-size:17px}.rr-refined .ren-growth-intro,.rr-refined .ren-growth-check{font-size:13px}.rr-refined .plan{padding:30px 24px}.rr-refined .plan__num{font-size:46px}.rr-refined .plans{gap:22px}.rr-refined .ren-growth-consult__inner{gap:30px}.rr-refined .stat-cell{padding:23px 17px}.rr-refined .stat-cell__num{font-size:40px}.rr-refined .contact__form{padding:26px 20px}.rr-refined .foot__inner{gap:32px;padding-block:50px}.rr-refined .foot__base-inner{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.rr-refined *,.rr-refined *::before,.rr-refined *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.rr-reveal.rr-pending{opacity:1;translate:none}.rr-refined .hero__screenshot{transform:none}}
@media(forced-colors:active){.rr-refined .h1__hl{color:CanvasText;background:none}.rr-art__canvas{display:none}.rr-art__fallback{opacity:1!important;visibility:visible!important}}
@media print{.rr-reveal.rr-pending{opacity:1;translate:none}.rr-art__canvas,.rr-motion{display:none}.rr-art__fallback{opacity:1!important;visibility:visible!important}.rr-refined .nav{position:static}}

/* Connected, considered. A readable three-chapter product story. */
.rr-refined .hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:32px;padding-block:56px 54px;min-height:770px}
.rr-refined .hero__copy{min-width:0}
.rr-refined .hero .h1{font-size:clamp(40px,4.1vw,59px);line-height:1.52;letter-spacing:-.065em;margin-bottom:27px}
.rr-refined .hero .lede{font-size:15px;line-height:2.05;letter-spacing:0;margin-bottom:29px}
.rr-refined .hero__meta{gap:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px;letter-spacing:0}
.rr-refined .hero__meta strong{font-size:13px;white-space:nowrap}
.rr-refined .hero__consult{font-size:12px;line-height:1.8}
.rr-art{margin:0;min-width:0;--rr-phase:0}
.rr-art__eyeline{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.5 var(--mono);letter-spacing:.09em;color:#74859c;padding:0 9px 13px}
.rr-art__eyeline>span:first-child{display:flex;align-items:center;gap:9px;color:#45678c}
.rr-art__eyeline i{width:5px;height:5px;background:#629bbf;border-radius:50%;box-shadow:0 0 0 4px #dfeaf6}
.rr-art__stage{aspect-ratio:1.28;perspective:1400px}
.rr-art__halo{inset:5% -3% -3%;background:radial-gradient(ellipse,#b3cdf53b,transparent 64%)}
.rr-art__label{font-size:10px;gap:7px;padding:10px 12px;display:grid;grid-template-columns:6px auto;background:#ffffffdc;border:1px solid #e3eaf8;box-shadow:0 10px 24px #3e639610;backdrop-filter:none;transition:transform 1.1s cubic-bezier(.22,.61,.36,1),opacity .7s}
.rr-art__label>span{grid-column:1/-1;font:10px/1.6 var(--font);letter-spacing:0;color:#72829a}
.rr-art__label--line{top:27%;left:0;transform:rotate(-5deg)}
.rr-art__label--mail{top:38%;right:0;transform:rotate(4deg)}
.rr-art[data-step="1"] .rr-art__label--line{transform:translate(7px,6px) rotate(-2deg)}
.rr-art[data-step="1"] .rr-art__label--mail{transform:translate(-9px,5px) rotate(1deg)}
.rr-art[data-step="2"] .rr-art__label{opacity:.65}
.rr-inbox{position:absolute;left:12%;right:9%;bottom:2%;background:#fff;border:1px solid #fff;border-radius:12px;box-shadow:0 18px 40px -16px #1b42754a,0 1px 0 #c5d5ee;transform:rotate(-3deg) translateY(0);transition:transform 1.3s cubic-bezier(.22,.61,.36,1);overflow:hidden;color:#233f60}
.rr-art[data-step="1"] .rr-inbox{transform:rotate(0) translateY(-9px)}
.rr-art[data-step="2"] .rr-inbox{transform:rotate(2deg) translateY(-4px)}
.rr-inbox__head{height:42px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid #e4eaf4;background:linear-gradient(110deg,#fff,#f1f6ff)}
.rr-inbox__head b{font-size:12px;font-weight:600;letter-spacing:.03em}
.rr-inbox__head>span:last-child{font-size:9px;color:#7890ad;margin-left:auto}
.rr-inbox__symbol{background:#285ed7;color:white;border-radius:5px;display:grid;place-items:center;width:23px;height:23px;font-size:17px}
.rr-inbox__row{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f7}
.rr-channel{background:#e8effc;color:#3867ba;flex-shrink:0;width:29px;height:31px;border:1px solid #e0e8f8;border-radius:7px;display:grid;place-items:center;font:11px var(--mono)}
.rr-channel--line{background:#e7f5ef;color:#338067;border-color:#d8ece2}
.rr-inbox__row>div{min-width:0;display:grid;gap:3px;flex:1}
.rr-inbox__row b{font-size:11px;font-weight:600;white-space:nowrap}
.rr-inbox__row>div>span{font-size:10px;color:#72829b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr-inbox__badge{color:#a65356;background:#fff0ef;border:1px solid #f3d8d5;border-radius:4px;padding:3px 6px;font-size:9px;white-space:nowrap;opacity:0;transform:translateX(7px);transition:opacity .6s,transform .6s}
.rr-inbox__badge--action{color:#967139;background:#fff8e9;border-color:#ecdfc3;transition-delay:.16s}
.rr-art:is([data-step="1"],[data-step="2"]) .rr-inbox__badge{opacity:1;transform:none}
.rr-inbox__foot{height:37px;position:relative;background:#f8faff;color:#627b99;font-size:10px}
.rr-inbox__foot>span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:5px;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .5s}
.rr-art[data-step="0"] .rr-inbox__collect,.rr-art[data-step="1"] .rr-inbox__status,.rr-art[data-step="2"] .rr-inbox__team{opacity:1;transform:none}
.rr-inbox__team i{display:grid;place-items:center;font-style:normal;font-size:9px;width:21px;height:21px;background:#dde9fb;color:#4f71a2;border:2px solid white;border-radius:50%;margin-right:-9px}
.rr-inbox__team i:nth-child(2){background:#e2efea;color:#538c74;margin-right:3px}
.rr-inbox__team b{font-size:10px;font-weight:500}
.rr-story{position:relative;margin-top:25px}
.rr-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.rr-story__steps button{position:relative;text-align:left;display:flex;align-items:center;gap:9px;padding:15px 0 12px;border-top:1px solid #cbd9ec;color:#7b8ba1;font-size:12px;font-weight:500;white-space:nowrap;min-height:47px}
.rr-story__steps button span{font:9px var(--mono);color:#8a9db9}
.rr-story__steps button::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:#2c62cf;transform:scaleX(0);transform-origin:left}
.rr-story__steps button[aria-pressed="true"]{color:#244e8e}
.rr-story__steps button[aria-pressed="true"] span{color:#4476c7}
.rr-story__steps button[aria-pressed="true"]::before{transform:scaleX(var(--rr-phase,0))}
.rr-story__steps button:hover{color:#1e51ac}
.rr-story__descriptions{min-height:58px}
.rr-story__descriptions p{margin:2px 0 0;font-size:12px;color:#5b7190;line-height:1.9;letter-spacing:.015em;animation:rr-story-in .5s ease both}
.rr-story__descriptions p[hidden]{display:none}
.rr-art__caption{padding:8px 0 0;border-top:0;font-family:var(--font);font-size:10px;letter-spacing:0;color:#7d8fa8;gap:12px}
.rr-motion{font-size:11px;min-height:38px;white-space:nowrap;padding:8px 0 8px 10px;color:#587498}
.rr-refined .rr-showcase__heading{padding-top:30px;margin-top:6px}
.rr-showcase__heading>span{font-family:var(--font);letter-spacing:.04em;font-size:12px;color:#607b9b}
.rr-reading-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 0 28px;color:#687f9b;font-size:12px}
.rr-reading-guide>span{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:2px solid #c3d5f2;line-height:1.9}
.rr-reading-guide b{color:#375984;font-size:13px;font-weight:600}
.rr-reading-guide small{grid-column:1/-1;font-size:10px;color:#8090a5;margin-top:-8px}
.rr-art:not(.rr-story-ready) .rr-story__steps{display:none}
.rr-art:not(.rr-story-ready) .rr-story__descriptions p[hidden]{display:block;margin-top:12px}
.rr-refined[data-rr-paused="true"] :is(.rr-inbox,.rr-inbox__badge,.rr-inbox__foot>span,.rr-art__label,.rr-story__descriptions p){transition:none;animation:none}
@keyframes rr-story-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.rr-refined .hero__inner{min-height:800px}}
@media(max-width:1100px) and (min-width:961px){.rr-refined .hero .h1{font-size:43px}.rr-refined .hero .lede{font-size:13px}.rr-refined .hero__inner{gap:24px;min-height:710px}.rr-refined .hero__meta{font-size:9px;gap:9px}.rr-refined .hero__meta strong{font-size:11px}.rr-story__steps{gap:9px}.rr-story__steps button{font-size:11px;gap:6px}.rr-art__stage{aspect-ratio:1.1}.rr-inbox{left:7%;right:4%}.rr-inbox__row{padding:10px}.rr-inbox__badge{font-size:9px;padding:3px}.rr-inbox__row>div>span{font-size:9px}}
@media(max-width:960px){.rr-refined .hero__inner{grid-template-columns:minmax(0,1fr);gap:38px;padding-block:48px 35px;min-height:0}.rr-refined .hero__copy{max-width:650px}.rr-refined .hero .h1{font-size:56px}.rr-refined .hero .lede{font-size:16px}.rr-art{width:100%;max-width:610px;margin-inline:auto}.rr-art__stage{aspect-ratio:1.32}.rr-story__descriptions p{font-size:13px}.rr-story__steps button{font-size:13px}.rr-reading-guide{gap:14px}.rr-reading-guide>span{display:grid;gap:0}.rr-refined .hero__meta{max-width:570px}.rr-refined .hero__meta strong{font-size:14px}}
@media(max-width:600px){
 .rr-refined .hero__inner{padding-block:36px 24px;gap:37px}.rr-refined .hero .h1{font-size:clamp(29px,8.45vw,46px);line-height:1.56;letter-spacing:-.065em;margin-bottom:21px}.rr-refined .eyebrow{font-size:9px;letter-spacing:.02em;margin-bottom:23px}.rr-refined .hero .lede{font-size:14px;line-height:1.95;margin-bottom:24px;max-width:380px}.rr-refined .hero .lede br{display:none}.rr-refined .hero__consult{font-size:11px;line-height:1.8;margin-top:-7px;margin-bottom:24px}.rr-refined .hero__meta{font-size:9px;gap:10px;line-height:1.85;padding-top:17px}.rr-refined .hero__meta strong{font-size:11px;margin-bottom:3px}.rr-refined .hero__actions .btn{font-size:12px;min-height:50px;gap:5px}
 .rr-art__eyeline{font-size:8px;padding:0 1px 8px;letter-spacing:.05em}.rr-art__stage{aspect-ratio:1.05}.rr-art__label{padding:8px 9px;font-size:8px;gap:5px}.rr-art__label>span{font-size:9px}.rr-art__label--line{top:21%;left:0}.rr-art__label--mail{top:31%;right:0}.rr-inbox{left:3%;right:3%;bottom:0;border-radius:10px}.rr-inbox__head{height:38px;padding:0 12px}.rr-inbox__head b{font-size:11px}.rr-inbox__row{padding:10px 11px;gap:8px}.rr-inbox__row b{font-size:10px}.rr-inbox__row>div>span{font-size:9px}.rr-channel{width:25px;height:29px;font-size:10px}.rr-inbox__badge{font-size:9px;padding:3px 5px}.rr-inbox__foot{height:33px}.rr-inbox__team b{font-size:9px}
 .rr-story{margin-top:25px}.rr-story__steps{gap:10px}.rr-story__steps button{font-size:11px;gap:6px;min-height:44px;padding-top:12px}.rr-story__steps button span{font-size:8px}.rr-story__descriptions{min-height:59px}.rr-story__descriptions p{font-size:12px;line-height:1.95;letter-spacing:0}.rr-art__caption{font-size:9px;padding-top:2px}.rr-motion{font-size:10px}.rr-refined .rr-showcase__heading{margin-top:5px;padding-top:24px}.rr-showcase__heading>span{font-size:11px}.rr-reading-guide{gap:11px;font-size:10px;padding-bottom:22px}.rr-reading-guide>span{padding-left:9px;align-content:start}.rr-reading-guide b{font-size:11px}.rr-reading-guide small{font-size:9px;margin-top:0}
}
@media(max-width:350px){.rr-inbox__row{gap:6px;padding:10px 8px}.rr-inbox__row>div>span{font-size:8px}.rr-story__steps{gap:8px}.rr-story__steps button{font-size:10px;gap:4px}.rr-refined .hero__actions .btn{font-size:10px}.rr-refined .hero__meta{font-size:8px;gap:6px}.rr-refined .hero__meta strong{font-size:10px}.rr-story__descriptions p{font-size:11px}.rr-art__eyeline>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.rr-story__descriptions p{animation:none}.rr-inbox{transform:none!important}}
@media print{.rr-story__steps{display:none}.rr-story__descriptions p[hidden]{display:block}}
/* Keep sentence boundaries across platforms, including narrow Japanese font metrics. */
@media(max-width:600px){.rr-refined .hero .lede br{display:initial}}
@media(max-width:350px){.rr-refined .hero .lede{font-size:13px}}

/* Atelier: one uninterrupted sculpture, rather than UI overlaid on a model. */
.rr-refined .hero{background:radial-gradient(ellipse at 82% 17%,#e7eefb 0,transparent 40%),linear-gradient(135deg,#fafbfc,#f4f7fc 52%,#f8faff)}
.rr-refined .hero::before{opacity:.3}
.rr-refined .hero__inner{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding-block:46px 50px;min-height:790px}
.rr-atelier .rr-art__eyeline{padding-inline:18px;font-size:9px;color:#8495ab}
.rr-atelier .rr-art__eyeline>span:first-child{color:#6d839e;letter-spacing:.14em}
.rr-atelier .rr-art__stage{aspect-ratio:1.13;isolation:isolate}
.rr-atelier .rr-art__halo{inset:5% -8% -5%;background:radial-gradient(ellipse at 53% 47%,#d8e4f860,transparent 61%)}
.rr-atelier .rr-art__stage::before{content:"";position:absolute;inset:9% 10% 8%;border:1px solid #b6c8e221;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.rr-atelier .rr-art__stage::after{content:"";position:absolute;inset:5% 6% 4%;border:1px solid #b6c8e214;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.rr-atelier__legend{position:absolute;bottom:3px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font:8px/1.6 var(--mono);color:#90a0b5;letter-spacing:.12em;pointer-events:none}
.rr-atelier__legend>span:first-child::before{content:"";display:inline-block;width:15px;height:1px;background:#8ba5c9;vertical-align:middle;margin-right:9px}
.rr-atelier .rr-story{margin:23px 18px 0}
.rr-atelier .rr-story__steps{gap:20px}
.rr-atelier .rr-story__steps button{border-color:#cfdaea;min-height:48px;padding:15px 0 13px;font-size:12px}
.rr-atelier .rr-story__steps button[aria-pressed="true"]{color:#254c8a}
.rr-atelier .rr-story__steps button::before{height:2px;background:linear-gradient(90deg,#779bd4,#2551ae)}
.rr-atelier .rr-story__descriptions{min-height:64px}
.rr-atelier .rr-story__descriptions p{font-size:12px;line-height:1.95;margin-top:4px;color:#667d99}
.rr-atelier .rr-art__caption{margin-inline:18px;padding-top:0;font-size:9px}
.rr-atelier .rr-motion{min-height:40px;padding-inline:10px;border-radius:20px;background:#ffffff70;font-size:10px}
.rr-atelier .rr-motion:hover{background:#fff}
@media(min-width:1500px){.rr-refined .hero__inner{min-height:830px}}
@media(max-width:1100px) and (min-width:961px){.rr-refined .hero__inner{min-height:750px;gap:12px}.rr-atelier .rr-art__stage{aspect-ratio:1.01}.rr-atelier .rr-story{margin-inline:8px}.rr-atelier .rr-story__steps{gap:11px}.rr-atelier .rr-story__steps button{font-size:11px}.rr-atelier .rr-art__eyeline{font-size:8px}.rr-atelier__legend{font-size:7px}}
@media(max-width:960px){.rr-refined .hero__inner{grid-template-columns:minmax(0,1fr);min-height:0;gap:40px;padding-block:44px 34px}.rr-atelier{width:100%;max-width:630px}.rr-atelier .rr-art__stage{aspect-ratio:1.15}.rr-atelier .rr-story__descriptions p{font-size:13px}}
@media(max-width:600px){.rr-refined .hero__inner{padding-block:36px 24px;gap:34px}.rr-atelier .rr-art__eyeline{padding-inline:0;font-size:7px;letter-spacing:.03em}.rr-atelier .rr-art__eyeline>span:first-child{letter-spacing:.06em}.rr-atelier .rr-art__stage{aspect-ratio:1}.rr-atelier__legend{left:0;right:0;font-size:6px;letter-spacing:.08em;bottom:0}.rr-atelier .rr-story{margin:22px 0 0}.rr-atelier .rr-story__steps{gap:10px}.rr-atelier .rr-story__steps button{font-size:11px;min-height:46px}.rr-atelier .rr-story__descriptions{min-height:61px}.rr-atelier .rr-story__descriptions p{font-size:12px;line-height:1.95}.rr-atelier .rr-art__caption{margin-inline:0}.rr-atelier .rr-motion{font-size:10px;min-height:38px}}
@media(max-width:350px){.rr-atelier .rr-story__steps{gap:8px}.rr-atelier .rr-story__steps button{font-size:10px}.rr-atelier .rr-story__descriptions p{font-size:11px}.rr-atelier .rr-art__eyeline{font-size:6px}}