[hidden]{display:none!important}.shared-main{max-width:1240px;padding:145px 28px 80px;margin:auto;font-family:Inter,'Noto Sans JP',Arial,sans-serif;line-height:1.65;color:#111}.shared-main *{box-sizing:border-box}body:has(.shared-main){margin:0;background:#fffaf5}.shared-main a{color:inherit}.shared-main h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:900px}.shared-main>p{max-width:780px}.shared-main h2{line-height:1.2;letter-spacing:-.03em}.catalog-filters{display:flex;gap:20px;align-items:end;margin:35px 0}.catalog-filters label{display:grid;gap:8px;font-size:13px}.catalog-filters input,.catalog-filters select{font:inherit;padding:14px;border:1px solid #bbc8ce;border-radius:9px;background:white}.catalog-filters input{width:340px;max-width:100%}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{background:white;border:1px solid #d6dfe3;border-radius:18px;overflow:hidden}.catalog-card>a{display:block;padding:24px;text-decoration:none}.catalog-card img{width:100%;height:240px;object-fit:contain;margin-bottom:18px}.catalog-card h2{font-size:25px}.catalog-card small{font-size:11px;color:#62717b}.catalog-card .credit{display:block;padding:0 24px 22px}.shared-cta{display:flex;gap:24px;flex-wrap:wrap;margin:35px 0;font-size:14px}.model-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:50px 0;border-bottom:1px solid #d8dfe3;scroll-margin-top:100px}.model-row img{width:100%;height:330px;object-fit:contain;background:white;border-radius:20px}.model-row small{font-size:11px;color:#62717b}.model-row h2{font-size:40px}.model-row h3{font-size:22px}.software-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.software-grid article{border-top:1px solid #aaa;padding:25px 0}#shared-inquiry{max-width:800px;margin:40px 0}#shared-inquiry label{display:grid;gap:8px;font-size:14px;margin-bottom:20px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#shared-inquiry input,#shared-inquiry textarea{width:100%;padding:14px;border:1px solid #b4c3cb;border-radius:10px;background:white;font:inherit}#shared-inquiry button{padding:15px 25px;border:0;background:#111;color:white;border-radius:999px;cursor:pointer;font:inherit}.form-note{font-size:12px;color:#65737c}#draft{padding:20px;background:#e5f4fc;border-radius:10px}body[data-country=id] .group-footer-links a[href*='/team/']{display:none}.article-body>p:empty{display:none}.region-indonesia .hero h1{font-size:clamp(38px,5.2vw,76px)}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-row{gap:25px}#cocon-nav .group-tools{flex-shrink:0}}@media(max-width:600px){.shared-main{padding:105px 22px 50px}.catalog-grid,.software-grid,.model-row,.inquiry-fields{grid-template-columns:1fr}.catalog-filters{flex-wrap:wrap}.catalog-filters label,.catalog-filters input{width:100%}.model-row{padding:35px 0;gap:20px}.model-row h2{font-size:34px}.region-indonesia .hero h1{font-size:40px}#cocon-hero-h1{font-size:38px!important}#cocon-hero-h1>span:nth-child(2){white-space:normal;display:inline}#cocon-hero-h1 .ch{display:inline!important;transform:none!important;opacity:1!important}.region-japan #cocon-hero-inner{padding-top:110px!important}#cocon-nav summary{min-height:40px}.showcase-card{min-height:0}.group-footer-top{min-width:0}.group-footer address{overflow-wrap:anywhere}.article-top h1{overflow-wrap:anywhere}}
#cocon-hero-h1>span:first-child{display:block}#cocon-hero-h1>span:nth-child(2){white-space:normal!important}#cocon-hero-h1{max-width:100%!important}.shared-main .eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em}@media(max-width:600px){.region-japan #top{height:auto!important;min-height:650px!important}.region-japan #cocon-hero-inner{height:auto!important;min-height:650px;padding:145px 24px 60px!important;justify-content:center!important;transform:none!important;opacity:1!important}#cocon-hero-inner .cocon-hero-fade{opacity:1!important}#cocon-hero-h1{font-size:42px!important;word-break:normal!important;overflow-wrap:normal!important}.region-japan #cocon-fab,.region-japan #cocon-scroll-hint{display:none!important}}

/* Client proof and unadorned section labels. */
.eyebrow::before{content:none!important;display:none!important}
.japan-clients{padding:64px 40px 88px;background:#FFFAF5}
.client-proof-wrap{max-width:1240px;margin:auto}
.japan-clients header{margin-bottom:36px}
.japan-clients .eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.japan-clients h2{font-size:clamp(28px,3.4vw,48px);line-height:1.2;letter-spacing:-.03em;margin:0;font-weight:600}
.client-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9}
.client-proof-item{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:30px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-decoration:none;color:#59656e;background:rgba(255,255,255,.32);transition:background .2s}
.client-proof-item:hover{background:#fff}
.client-proof-item:focus-visible{outline:2px solid #0278B3;outline-offset:-3px}
.client-proof-logo{height:92px;display:flex;align-items:center}
.client-proof-logo img{max-width:100%;max-height:64px;width:190px;height:auto;object-fit:contain;object-position:left center}
.client-proof-logo img[src$="gordon-estate.png"]{width:175px}
.client-proof-logo img[src$="az-plan.gif"]{width:148px}
.client-proof-item>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5}
@media(max-width:900px){.client-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.japan-clients{padding:48px 24px 64px}}
@media(max-width:480px){.japan-clients{padding:40px 16px 56px}.client-proof-item{padding:22px 16px;gap:16px}.client-proof-logo{height:72px}.client-proof-item>span{font-size:11px}}
@media(max-width:480px){.case>*{min-width:0}.case-art .bank img{max-width:100%}.case-flow{gap:5px}.case-flow span{min-width:0;overflow-wrap:anywhere;padding:14px 5px}}
.cocon-waves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;color:#039fe6;opacity:.2}
.cocon-waves svg{position:absolute;width:120%;height:100%;left:-10%;fill:none;stroke:currentColor;stroke-width:1.3;vector-effect:non-scaling-stroke;animation:cocon-wave-drift 28s ease-in-out infinite alternate}
.cocon-waves-hero{z-index:-1;background:linear-gradient(135deg,#f8faf9,#eaf3f5 55%,#fffaf5);opacity:1}
.cocon-waves-hero svg{opacity:.18}
@keyframes cocon-wave-drift{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,1%,0)}}
@media(prefers-reduced-motion:reduce){.cocon-waves svg{animation:none}}
.showcase-tools,.insight-filters,.catalogue-filters{align-items:end}
.showcase-tools label,.insight-filters label,.catalogue-filters label{min-width:0}
.showcase-tools input,.showcase-tools select,.insight-filters input,.insight-filters select,.catalogue-filters input,.catalogue-filters select{box-sizing:border-box;width:100%;height:52px;min-height:52px;margin:0;padding:0 16px;border:1px solid #c9cecf;border-radius:10px;background-color:#fffaf5;color:#0a0a0a;font:inherit;line-height:1.25}
.showcase-tools select,.insight-filters select,.catalogue-filters select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%230a0a0a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.showcase-controls button{height:52px;width:52px;min-width:52px}
@media(min-width:769px){.showcase-tools label:first-child{flex:1}}
