/* Strassen homepage, isolated from the existing product and editorial pages. */
.renewal{--bg:#08131b;--ink:#f4f6f1;--ink-2:#c7d1d2;--muted:#a7b6b9;--dim:#9aaeb3;--lime:#d3ef8e;--cyan:#95dce8;--red:#ff979d;--sans:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;background:#08131b}
.renewal .shell{width:min(1240px,calc(100% - 80px))}
.renewal [id]{scroll-margin-top:100px}
.renewal main:focus{outline:none}
.renewal .header{height:80px;background:rgba(8,19,27,.94)}
.renewal .nav-links{gap:28px;font-size:13px}
.renewal .nav-links .text-link{padding:12px 0;margin:0}
.renewal .brand{font-size:20px;letter-spacing:.12em}
.renewal .brand-mark{width:14px;height:14px;border-color:var(--lime);box-shadow:none}
.renewal .button{border-radius:7px;min-height:52px;padding:14px 23px;font-size:14px}
.renewal .button.small{min-height:44px;padding:10px 16px;font-size:13px}
.renewal .button.primary{background:var(--lime);border-color:var(--lime);color:#10221d}
.renewal .button.primary:hover{background:#e2ffae;border-color:#e2ffae}
.renewal .button.quiet{border-color:transparent;background:transparent;padding-inline:8px}
.renewal .language{padding:12px 0;min-width:28px}
.renewal h1,.renewal h2,.renewal h3{font-weight:700;letter-spacing:-.045em}
.renewal h2{font-size:clamp(30px,3.1vw,44px);line-height:1.5}
.renewal .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--lime);margin-bottom:20px}
.renewal .eyebrow::before{width:7px;height:7px;border-radius:50%}
.renewal .section{padding:100px 0}
.renewal .section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.renewal .section-heading p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9}
.renewal .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;margin-top:14px;text-underline-offset:5px}
.renewal .text-link:hover{text-decoration:underline;color:var(--lime)}
.renewal .hero{position:relative;overflow:hidden;padding:78px 0 0;background:radial-gradient(ellipse at 85% 40%,#15333d 0,transparent 55%)}
.renewal .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#9bbac707 1px,transparent 1px),linear-gradient(90deg,#9bbac707 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000)}
.renewal .hero-grid{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}
.renewal .hero h1{font-size:clamp(36px,3.5vw,51px);line-height:1.65;letter-spacing:-.065em;white-space:nowrap}
.renewal .hero h1 span{color:var(--lime)}
.renewal:lang(en) .hero h1{font-size:clamp(42px,5vw,72px);line-height:1.12;letter-spacing:-.055em;white-space:normal}
.renewal .hero .lead{font-size:16px;line-height:2;max-width:540px;margin-top:24px}
.renewal .hero .button-row{margin-top:30px}
.renewal .hero-note{font-size:12px;color:var(--muted);margin-top:17px}
.renewal .hero-baseline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:65px;border-top:1px solid var(--line);min-height:74px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}
.renewal .hero-baseline a{font-size:23px;min-width:44px;text-align:center}
.work-scene{position:relative;background:linear-gradient(135deg,#132631ee,#0b1b23ee);border:1px solid #44616a;border-radius:18px;padding:22px;box-shadow:0 30px 80px #0004;transform:rotate(-1deg)}
.scene-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.05em;color:#b7c9ce;margin-bottom:24px}
.scene-input{border:1px solid #526773;border-radius:10px;padding:22px;position:relative;background:#182c37}
.scene-label{font:10px var(--mono);letter-spacing:.1em;color:#bdd8de}
.scene-input p{margin-top:7px;font-size:24px;font-weight:700;line-height:1.5}
.scene-cursor{position:absolute;right:22px;bottom:24px;font-size:32px;color:var(--lime)}
.scene-route{height:38px;display:flex;justify-content:space-around;overflow:hidden}
.scene-route i{position:relative;width:1px;height:100%;background:#55717b}
.scene-route i:after{content:"";position:absolute;left:-2px;top:2px;width:5px;height:9px;border-radius:5px;background:var(--lime);animation:route-flow 2.8s ease-in-out infinite;animation-play-state:paused}
.scene-route i:nth-child(2):after{animation-delay:.3s}.scene-route i:nth-child(3):after{animation-delay:.6s}
.scene-workers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.scene-workers>div{border:1px solid #42616b;border-radius:10px;text-align:center;padding:17px 5px;background:#102631}
.worker-symbol{font-size:28px;line-height:1;color:var(--cyan);display:block;margin-bottom:14px}
.scene-workers b{display:block;font-size:12px;line-height:1.5;font-weight:500}
.scene-workers small{display:block;font:9px var(--mono);letter-spacing:.06em;color:#a9c5cf;margin-top:8px}
.scene-output{margin-top:23px;padding:18px 15px;border:1px solid #7b965f;border-radius:10px;background:#c7e48e0a;display:flex;align-items:center;gap:13px}
.scene-output small{font:9px var(--mono);letter-spacing:.1em;color:var(--lime)}
.scene-output p{font-size:13px;margin-top:3px;font-weight:700}
.scene-output>span:last-child{margin-left:auto;font-size:22px;color:var(--lime)}
.output-dot{width:9px;height:9px;flex:none;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d3ef8e12}
.scene-footer{display:flex;align-items:center;gap:12px;margin-top:14px}
.scene-footer small{font-size:10px;line-height:1.7;color:#b0c0c6;flex:1}
.scene-footer button{border:1px solid #506770;border-radius:5px;background:transparent;color:#d5e2e5;padding:7px;min-height:44px;font-size:10px;min-width:72px}
.scene-footer button:disabled{display:none}
.motion-playing .scene-route i:after{animation-play-state:running}
@keyframes route-flow{0%{transform:translateY(-12px);opacity:0}20%{opacity:1}90%{opacity:1}100%{transform:translateY(45px);opacity:0}}
.renewal .paper{background:#eff1eb;color:#162d2d;--muted:#4e6263;--line:#c5d0c8;--lime:#244d42;--cyan:#255b62;--ink:#102b29;color-scheme:light}
.renewal .paper .eyebrow{color:#2e6153}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-card{padding:28px 28px 30px 0;display:flex;align-items:flex-start;flex-direction:column}
.work-card+.work-card{border-left:1px solid var(--line);padding-left:28px}
.work-card>.mono{font-size:10px;letter-spacing:.1em;color:#516a65}
.work-card h3{font-size:27px;line-height:1.6;margin:15px 0 22px}
.work-card strong{font-size:13px;font-weight:700;margin-bottom:12px}
.work-card>p:not(.mono){font-size:14px;line-height:1.9;color:#4e6263}
.work-card .text-link{margin-top:auto;padding-top:22px}
.work-icon{position:relative;width:78px;height:62px;margin:33px 0 0}
.work-icon i{position:absolute;display:block;border:1px solid #6c8a7d;border-radius:3px;width:43px;height:47px;top:4px;left:0;background:#e0e8dc;box-shadow:5px 5px 0 #244d4208}
.work-icon i:nth-child(2){left:14px;top:9px;background:#d7e3cf}.work-icon i:nth-child(3){left:28px;top:14px;background:#b9d3a7}
.work-icon.operations i{width:26px;height:26px;transform:rotate(45deg);left:3px;top:20px;background:#dce7df}.work-icon.operations i:nth-child(2){left:26px;background:#c4dacf}.work-icon.operations i:nth-child(3){left:49px;background:#9ebeaf}
.work-icon.business i{width:12px;height:21px;top:auto;bottom:0;background:#d8dfb6}.work-icon.business i:nth-child(2){left:21px;height:39px;background:#c7d194}.work-icon.business i:nth-child(3){left:42px;height:57px;background:#abbc66}
.renewal .section-note{color:var(--muted);font-size:12px;line-height:1.8;margin-top:22px}
.evidence-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}
.evidence-feature{border:1px solid #34505b;border-radius:12px;overflow:hidden;display:block;transition:border-color .2s}
.evidence-feature:hover{border-color:var(--lime)}
.artifact-art{padding:24px 30px;background:radial-gradient(ellipse at 55% 45%,#245664,#102530 66%);height:245px;position:relative;overflow:hidden}
.artifact-art>.mono{color:#bcd6dc;font-size:10px;letter-spacing:.1em}
.wave-mark{font-size:138px;line-height:.9;text-align:center;color:#a8e4e5;transform:scaleX(1.5);margin:12px 0 6px}
.artifact-nodes{display:flex;align-items:center;justify-content:center;color:#c5d8d9;font:10px var(--mono);gap:13px}.artifact-nodes span{border:1px solid #5a7881;padding:8px 14px;border-radius:4px}.artifact-nodes i{width:22px;height:1px;background:#6d8e95}
.artifact-copy{padding:28px 30px}.artifact-copy h3{font-size:23px;margin:16px 0 12px;line-height:1.6}
.artifact-copy p{font-size:14px;color:var(--muted)}.artifact-copy small{font-size:11px;color:#b2c1c3;display:block;margin-top:16px}
.renewal .tag{font-size:10px;letter-spacing:.04em;border-color:#4b6470;border-radius:4px;color:#cedadc;white-space:normal}
.evidence-note{border:1px solid #496453;background:#163026;border-radius:12px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.evidence-note>.mono{font-size:10px;letter-spacing:.08em;color:#bcceb8}
.note-glyph{font-size:62px;line-height:1;color:var(--lime);display:block;margin-bottom:12px}
.evidence-note h3{font-size:clamp(29px,3.3vw,47px);line-height:1.12;letter-spacing:-.05em}
.evidence-note p{color:#bbd0c3;font-size:14px;margin-top:20px;line-height:1.9}
.method-section{border-top:1px solid var(--line)}
.method-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #52665d}
.method-steps li{position:relative;padding:28px 24px 24px 0}
.method-steps li+li{padding-left:24px;border-left:1px solid var(--line)}
.step-num{font:30px var(--mono);color:var(--lime);letter-spacing:-.08em}
.method-steps h3{font-size:21px;margin:24px 0 10px}
.method-steps p{font-size:14px;color:var(--muted)}
.trust-row{margin-top:30px;padding:26px 30px;background:#12242b;border:1px solid #3a535c;border-radius:8px;display:grid;grid-template-columns:1fr 1.3fr;gap:8px 40px}
.trust-row>b{font-size:17px}.trust-row>p{font-size:13px;color:var(--muted)}.trust-row .text-link{grid-column:1/-1;margin:0}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.renewal .product{padding:28px;border:1px solid #becbc1;border-radius:8px;background:#f7f8f4;display:flex;flex-direction:column;align-items:flex-start}
.product-status{font:10px var(--mono);color:#426553;border:1px solid #b4c9b7;padding:4px 7px;border-radius:3px}
.renewal .product h3{font-size:52px;font-weight:500;letter-spacing:-.07em;margin:23px 0 20px}
.renewal .product strong{font-size:14px;line-height:1.8}
.renewal .product p{font-size:14px;color:#4e6263;margin:13px 0 15px;line-height:1.9}
.renewal .product .text-link{margin-top:auto}
.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.company-intro{font-size:15px;color:var(--muted);margin-top:23px;line-height:2}
.founder-id{display:flex;gap:18px;align-items:center;margin-top:30px}
.founder-id img{border-radius:6px;object-fit:cover}.founder-id small{display:block;color:var(--muted);font-size:11px}.founder-id strong{display:block;font-size:19px;margin-top:5px}
.company-details{display:grid;grid-template-columns:95px 1fr;gap:0;margin:0;font-size:14px}
.company-details dt,.company-details dd{padding:19px 0;border-bottom:1px solid var(--line)}
.company-details dt{color:var(--muted);font-size:12px}.company-details dd{margin:0}.company-details address{font-style:normal}
.company-links{display:flex;flex-wrap:wrap;gap:12px 30px}
.contact-section{background:#142a28;border-top:1px solid #4b6451}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-intro h2{font-size:clamp(30px,3.2vw,45px)}.contact-intro>p:not(.eyebrow){color:#c0d0c8;font-size:15px;line-height:2;margin-top:24px}
.contact-online{font-size:12px;color:var(--lime);display:block;margin-top:24px}
.cta-routes{display:grid;gap:0;margin-top:30px;max-width:390px}.cta-route{font-size:13px;padding:14px 0;border-top:1px solid #466357;min-height:48px}.cta-route:hover{text-decoration:underline}
.contact-form{margin:0;position:relative}
.cf-field{margin-bottom:18px}
.cf-field>label,.cf-label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.req,.opt{font-size:10px;font-weight:400;margin-left:10px;color:var(--lime)}.opt{color:#b0c7bc}
.cf-field input[type=text],.cf-field input[type=email],.cf-field textarea{display:block;width:100%;background:#0c211e;color:#f1f6f1;border:1px solid #6d8779;border-radius:6px;padding:12px 14px;font:16px/1.6 var(--sans);min-height:48px}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:#a6b9ae;opacity:1}
.cf-field textarea{resize:vertical;min-height:140px}
.cf-field [aria-invalid=true]{border-color:var(--red)!important}
.cf-field :focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.cf-help{font-size:11px;line-height:1.8;color:#b8cbbf;margin-top:7px}
.cf-error{font-size:12px;color:var(--red);margin-top:6px}.cf-error:empty{display:none}
.topic-row{display:flex;gap:7px;flex-wrap:wrap}.topic-chip{font-size:12px;padding:10px 12px;min-height:44px;background:#10231e;color:#e0e9e0;border:1px solid #6a8574;border-radius:5px}.topic-chip.active{background:var(--lime);border-color:var(--lime);color:#142219;font-weight:700}
.cf-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cf-status{font-size:13px}.cf-status.ok{color:var(--lime)}.cf-status.err{color:var(--red)}
.cf-trust-row{display:grid;gap:5px;margin-top:22px;color:#bed1c4;font-size:10px}.cf-fineprint{font-size:11px;line-height:1.8;color:#bed1c4;margin-top:14px}.cf-fineprint a{text-decoration:underline;text-underline-offset:3px}
.renewal footer.site-footer{padding:44px 0 26px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>div{display:flex;gap:24px;flex-wrap:wrap}.footer-top .text-link{font-size:12px;margin:0;color:var(--muted)}.renewal .footer-bottom{margin-top:32px;font-size:10px;color:var(--muted)}
@media(max-width:1100px){.renewal .hero-grid{gap:35px}.renewal .hero h1{font-size:3.6vw}.renewal .nav-links{gap:18px}.renewal .section-heading{gap:35px}.company-grid,.contact-grid{gap:45px}.renewal .product{padding:22px}.work-card{padding-right:22px}.work-card+.work-card{padding-left:22px}.work-card h3{font-size:23px}}
@media(max-width:900px){.renewal .hero-grid{grid-template-columns:1fr;gap:46px}.renewal .hero h1{font-size:clamp(34px,5.8vw,51px)}.work-scene{width:min(580px,100%);justify-self:center}.renewal .hero .lead{max-width:660px}.renewal .hero{padding-top:60px}.renewal .nav-links{gap:14px}.renewal .nav-links .text-link{font-size:12px}.renewal .brand{font-size:18px}.renewal .section-heading{grid-template-columns:1fr;gap:20px}.renewal h2{font-size:35px}.evidence-grid{grid-template-columns:1.25fr 1fr}.method-steps{grid-template-columns:1fr 1fr}.method-steps li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.method-steps li:nth-child(4){border-top:1px solid var(--line)}.products-grid{gap:12px}.renewal .product h3{font-size:40px}.company-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.cta-routes{max-width:none;grid-template-columns:repeat(3,1fr);gap:16px}.footer-top{align-items:start;flex-direction:column}}
@media(max-width:780px){.renewal .shell{width:calc(100% - 40px)}.renewal .header{height:68px}.renewal .nav{gap:12px}.renewal .nav-links{padding:22px;gap:8px;background:#11252c}.renewal .nav-links a{padding:12px;min-height:44px}.renewal .nav-links .button{margin:5px 0}.renewal .menu-button{display:block;font-size:12px;border-radius:6px}.renewal .section{padding:68px 0}.renewal .hero{padding-top:44px}.renewal .hero h1{font-size:clamp(27px,7.5vw,51px);line-height:1.65}.renewal:lang(en) .hero h1{font-size:clamp(43px,9vw,60px)}.renewal .hero .lead{font-size:15px;margin-top:20px}.renewal .eyebrow{font-size:10px;margin-bottom:15px}.renewal .hero .button-row{gap:7px;margin-top:25px}.renewal .button-row .button{width:auto}.renewal .button-row .primary{flex:1}.renewal .button.quiet{font-size:12px}.renewal .hero-baseline{margin-top:40px;font-size:9px;gap:12px;min-height:65px}.renewal .hero-baseline>span:nth-child(2){display:none}.work-scene{padding:18px;transform:none}.scene-input{padding:18px}.scene-heading{margin-bottom:18px}.scene-input p{font-size:23px}.scene-workers b{font-size:11px}.scene-workers small{font-size:8px}.scene-output{margin-top:18px}.scene-footer small{font-size:9px}.renewal .section-heading{margin-bottom:30px}.renewal h2{font-size:clamp(27px,7vw,36px)}.renewal .section-heading p:not(.eyebrow){font-size:14px}.work-grid{grid-template-columns:1fr}.work-card,.work-card+.work-card{padding:26px 0;border-left:0;position:relative}.work-card+.work-card{border-top:1px solid var(--line)}.work-icon{position:absolute;right:9px;top:26px;margin:0;transform:scale(.8)}.work-card h3{font-size:25px;margin:26px 0 22px}.work-card .text-link{padding-top:12px}.evidence-grid{grid-template-columns:1fr}.artifact-art{height:210px;padding:22px}.wave-mark{font-size:118px}.artifact-copy{padding:22px}.artifact-copy h3{font-size:21px}.evidence-note{padding:24px;gap:25px}.evidence-note h3{font-size:42px}.note-glyph{display:none}.evidence-note p{margin-top:20px}.method-steps h3{font-size:18px}.method-steps p{font-size:13px}.method-steps li,.method-steps li+li{padding:23px 16px 23px 0}.method-steps li:nth-child(even){padding-left:18px}.trust-row{grid-template-columns:1fr;padding:22px;gap:12px}.trust-row .text-link{grid-column:auto}.products-grid{grid-template-columns:1fr;gap:14px}.renewal .product{padding:24px}.renewal .product h3{font-size:44px;margin:18px 0 14px}.renewal .product p{margin:10px 0}.renewal .product .text-link{margin-top:6px}.company-details{grid-template-columns:74px 1fr;font-size:13px}.company-details dt{font-size:11px}.company-links{gap:6px 20px}.cta-routes{grid-template-columns:1fr;gap:0;margin-top:23px}.contact-intro h2{font-size:33px}.contact-intro>p:not(.eyebrow){font-size:14px}.contact-grid{gap:32px}.footer-top>div{gap:6px 23px}.renewal .footer-bottom{margin-top:23px}}
@media(max-width:360px){.renewal .hero h1{font-size:7.4vw}.renewal .hero .button-row{flex-direction:column}.renewal .button-row .button{width:100%}.scene-workers{gap:5px}.scene-workers b{font-size:10px}.scene-output{padding:14px 11px}.scene-output p{font-size:11px}.work-card h3{font-size:23px}.work-icon{transform:scale(.65);right:-2px}.contact-intro h2{font-size:28px}.renewal .brand{font-size:16px}.renewal .section-heading h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.renewal *,.renewal *:before,.renewal *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.renewal{scroll-behavior:auto}}
html:not(.js) .renewal .menu-button{display:none}
@media(max-width:780px){html:not(.js) .renewal .header{height:auto;position:relative}html:not(.js) .renewal .nav{display:block;padding:18px 0}html:not(.js) .renewal .nav-links{position:static;display:flex;flex-wrap:wrap;padding:14px 0 0;border:0;box-shadow:none;justify-content:flex-start}html:not(.js) .renewal .nav-links a{padding:8px 10px}}
