/* Tsugimo / Watario product pages */
html,body{overflow-x:hidden}
#page,.site,.site-content,#content,
.content-area,.inside-article,article,.entry-content{
width:100%!important;
max-width:100%!important;
margin-right:auto!important;
margin-left:auto!important;
padding-right:0!important;
padding-left:0!important
}
.site-content,.inside-article,article,.entry-content,
#primary,.content-area,.inside-page,.hentry,
.grid-container:not(.inside-header){
margin-bottom:0!important;
padding-bottom:0!important
}
.site-footer,footer.footer,.footer{margin-top:0!important}
.trp-page{
--accent:#ff7096;--accent2:#ff9a6c;--accent-soft:#ffe4ec;--ink:#3d2c2c;
--muted:#806b6b;--line:#eaded7;--paper:#fff;--wash:#fef6f0;--deep:#38292c;
--shadow:0 22px 60px rgba(95,52,48,.12);
color:var(--ink);background:var(--wash);font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Yu Gothic",sans-serif;
width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
font-size:16px;line-height:1.8;overflow:hidden
}
.trp-watario{
--accent:#087a5b;--accent2:#16a578;--accent-soft:#dff4eb;--ink:#14231c;
--muted:#53675e;--line:#d8e5de;--paper:#fff;--wash:#f2f6f3;--deep:#062f25;
--shadow:0 22px 60px rgba(8,75,55,.13)
}
.trp-page *{box-sizing:border-box}.trp-page h1,.trp-page h2,.trp-page h3,.trp-page p{margin-top:0}
.trp-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.trp-section{padding:104px 0}.trp-en,.trp-heading>span{display:block;margin-bottom:12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.2em}
.trp-heading{max-width:780px;margin:0 auto 52px;text-align:center}.trp-heading h2,.trp-split__copy h2,.trp-question h2{margin-bottom:18px;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.38;letter-spacing:-.035em}
.trp-heading p{margin:0;color:var(--muted);font-size:17px}.trp-heading--light>span{color:#93f0d0}.trp-heading--light h2,.trp-heading--light p{color:#fff}
.trp-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:13px 25px;border:2px solid transparent;border-radius:4px;font-weight:800;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s}
.trp-btn:hover{transform:translateY(-2px)}.trp-btn--primary{color:#fff!important;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 27%,transparent)}
.trp-btn--ghost{border-color:color-mix(in srgb,var(--accent) 35%,white);color:var(--accent)!important;background:#fff}.trp-btn--white{color:var(--accent)!important;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.trp-btn--outline-white{border-color:rgba(255,255,255,.55);color:#fff!important;background:transparent}
.trp-actions{display:flex;flex-wrap:wrap;gap:12px}.trp-actions--center{justify-content:center}
/* Hero */
.trp-hero{position:relative;padding:82px 0 96px;background:
radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 34%),
radial-gradient(circle at 87% 72%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 32%),var(--wash)}
.trp-hero__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:center}.trp-kicker{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em}
.trp-kicker__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}
.trp-product-name{display:flex;align-items:center;gap:14px;margin-bottom:20px}.trp-product-name img{width:64px;height:64px;object-fit:contain}.trp-product-name span{font-size:27px;font-weight:900;color:var(--accent)}
.trp-wordmark{display:block;width:220px;height:auto;margin:0 0 28px}
.trp-hero h1{margin-bottom:18px;font-size:clamp(38px,5vw,62px);font-weight:900;line-height:1.22;letter-spacing:-.055em}.trp-hero h1 em{color:var(--accent);font-style:normal}
.trp-hero__sub{margin-bottom:13px;color:var(--accent);font-size:21px;font-weight:900}.trp-hero__lead{max-width:590px;margin-bottom:28px;color:var(--muted);font-size:16px;font-weight:550}
.trp-audience{margin:14px 0 0;color:var(--muted);font-size:12px;font-weight:700}.trp-audience:before{content:"✓";margin-right:6px;color:var(--accent)}
.trp-hero__visual{position:relative;min-height:520px}.trp-app-window,.trp-realshot{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.trp-app-window--hero{position:absolute;top:25px;left:0;width:86%;transform:rotate(-1deg)}.trp-windowbar{display:flex;height:40px;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:#fbf9f8}
.trp-windowbar span{width:9px;height:9px;border-radius:50%;background:#ff8aa8}.trp-windowbar span:nth-child(2){background:#ffc160}.trp-windowbar span:nth-child(3){background:#5ed5ae}.trp-windowbar b{margin-left:8px;color:#a08e8d;font-size:11px;font-weight:700}
.trp-call-form{padding:24px;background:#fff}.trp-call-form__head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.trp-call-form__head img{width:34px;height:34px;object-fit:contain}.trp-call-form__head b{font-size:17px}
.trp-fieldrow{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.trp-field{display:grid;gap:3px;margin-bottom:11px;padding:9px 12px;border:1px solid #f0e4db;background:#fef9f6}.trp-field small{color:#ad9292;font-size:10px}.trp-field strong{font-size:13px}
.trp-submit-mock{padding:11px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:13px;font-weight:800}
.trp-chat-card{position:absolute;right:-2px;bottom:15px;width:68%;padding:19px;border:1px solid #e6e9e7;border-left:5px solid #34a853;border-radius:4px;background:#fff;box-shadow:0 20px 45px rgba(50,55,54,.2)}
.trp-chat-card__top{display:flex;align-items:center;gap:9px}.trp-chat-avatar{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-weight:900}.trp-chat-card__top div{display:grid;line-height:1.3}.trp-chat-card__top small{color:#888;font-size:10px}.trp-chat-card time{margin-left:auto;color:#999;font-size:10px}
.trp-chat-card>p{margin:14px 0 10px;font-size:13px}.trp-chat-card mark{padding:2px 4px;color:#126a52;background:#dff6ee}.trp-chat-card dl{margin:0}.trp-chat-card dl div{display:flex;padding:4px 0;border-bottom:1px solid #eee;font-size:11px}.trp-chat-card dt{width:68px;color:#888}.trp-chat-card dd{margin:0;font-weight:700}.trp-status{display:inline-block;margin-top:10px;padding:3px 9px;color:#d45476;background:#fff0f4;font-size:10px;font-weight:900}
.trp-color-rule{position:absolute;right:0;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#60a5fa,var(--accent),var(--accent2),#3ecfaa)}
/* Watario hero visual */
.trp-hero__visual--watario{min-height:530px}.trp-app-window--watario{position:absolute;right:0;bottom:0;width:86%;border-radius:18px}.trp-watario .trp-windowbar{background:#f6faf8}.trp-wa-send{padding:25px;background:#f6faf8}
.trp-wa-send__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.trp-wa-send__head img{width:42px;height:34px}.trp-wa-send__head div{display:grid}.trp-wa-send__head small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}.trp-wa-send__head b{font-size:18px}
.trp-dropzone{display:grid;min-height:128px;place-items:center;align-content:center;border:2px dashed #9bcdb9;border-radius:13px;color:var(--accent);background:#fff}.trp-dropzone strong{font-size:26px}.trp-dropzone small{color:#81968d}
.trp-file-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:9px;padding:9px 12px;border:1px solid #dce8e2;border-radius:8px;background:#fff;font-size:10px}.trp-file-row b{color:#61756b}.trp-file-row i{color:#a07223;font-style:normal}
.trp-transfer-visual{position:absolute;top:8px;left:0;z-index:2;display:flex;width:78%;align-items:center;gap:9px;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#063f31,#0b7959);box-shadow:0 20px 40px rgba(7,70,52,.25)}
.trp-file-stack{display:grid;grid-template-columns:repeat(3,36px);gap:5px}.trp-file-stack span{display:grid;height:44px;place-items:center;border-radius:5px;color:#0b6f52;background:#fff;font-size:9px;font-weight:900}.trp-file-stack b{grid-column:1/4;text-align:center;font-size:10px}
.trp-transfer-path{display:flex;flex:1;align-items:center;gap:3px}.trp-transfer-path i{width:6px;height:6px;border-radius:50%;background:#79e0bc}.trp-transfer-path strong{margin-left:5px;font-size:10px;white-space:nowrap}.trp-shield{display:grid;width:65px;height:65px;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.4);border-radius:20px 20px 28px 28px;color:#063f31;background:#8ce2c2;font-size:25px;font-weight:900}.trp-shield small{font-size:8px}
/* Three points */
.trp-points{padding:58px 0;background:#fff}.trp-points__grid{display:grid;grid-template-columns:repeat(3,1fr)}.trp-points article{position:relative;padding:20px 36px;border-right:1px solid var(--line)}.trp-points article:last-child{border-right:0}
.trp-points article>span{display:inline-block;margin-right:8px;color:var(--accent);font-size:52px;font-weight:900;line-height:1}.trp-points article small{color:#a3a3a3;font-size:9px;font-weight:900;letter-spacing:.16em}.trp-points h2{margin:16px 0 10px;font-size:21px;font-weight:900}.trp-points p{margin:0;color:var(--muted);font-size:13px}
/* Before after */
.trp-problem{background:#fff}.trp-ba-grid{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center}.trp-ba{min-height:455px;padding:35px;border:1px solid var(--line);background:var(--wash)}.trp-ba--after{border:2px solid var(--accent);background:#fff;box-shadow:var(--shadow)}
.trp-ba__label{display:inline-block;margin-bottom:25px;padding:5px 12px;color:#fff;background:#9b9292;font-size:11px;font-weight:900}.trp-ba--after .trp-ba__label{background:var(--accent)}.trp-ba__arrow{text-align:center;color:var(--accent);font-size:30px;font-weight:900}
.trp-paper-note{width:220px;margin:0 auto 24px;padding:24px;transform:rotate(-2deg);background:#fff7b8;box-shadow:0 10px 24px rgba(75,64,20,.14);font-family:"Yu Gothic",sans-serif}.trp-paper-note b{font-size:15px}.trp-paper-note p{margin:8px 0;font-size:14px}.trp-paper-note small{color:#8d824e}
.trp-ba ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.trp-ba li{color:var(--muted);font-size:13px}.trp-ba li:before{content:"×";display:inline-grid;width:22px;height:22px;margin-right:9px;place-items:center;color:#fff;background:#aaa;font-weight:900}.trp-ba--after li:before{content:"✓";background:var(--accent)}
.trp-mini-chat{margin-bottom:24px;padding:20px;border-left:5px solid var(--accent);background:#f6faf8;box-shadow:0 9px 20px rgba(0,0,0,.08)}.trp-mini-chat b{font-size:14px}.trp-mini-chat p{margin:9px 0;font-size:12px}.trp-mini-chat mark{padding:2px 4px;color:var(--accent);background:var(--accent-soft)}.trp-mini-chat span{display:inline-block;padding:3px 8px;color:#17815e;background:#dff4eb;font-size:10px;font-weight:900}
/* Real screenshots */
.trp-screen-section{background:var(--wash)}.trp-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.trp-split__copy p{color:var(--muted)}.trp-checks{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.trp-checks li{font-weight:700}.trp-checks li:before{content:"✓";display:inline-grid;width:26px;height:26px;margin-right:10px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-weight:900}
.trp-realshot{margin:0;background:#fff}.trp-realshot img{display:block;width:100%;height:auto}.trp-realshot figcaption{padding:9px 15px;color:var(--muted);background:#fff;text-align:right;font-size:10px}.trp-realshot--watario{border-radius:18px}
/* Feature cards */
.trp-features{background:#fff}.trp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trp-feature-grid article{padding:30px 26px;border:1px solid var(--line);border-top:4px solid var(--accent);background:var(--paper);transition:transform .2s,box-shadow .2s}.trp-feature-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.trp-icon{display:grid;width:52px;height:52px;margin-bottom:20px;place-items:center;border-radius:4px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:23px;font-weight:900}.trp-feature-grid h3{margin-bottom:10px;font-size:18px}.trp-feature-grid p{margin:0;color:var(--muted);font-size:13px}
/* Cloud */
.trp-cloud{color:#fff;background:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),var(--deep);
background-size:48px 48px}
.trp-cloud-flow{display:grid;grid-template-columns:1fr .65fr 1fr .65fr 1fr;align-items:center;margin:58px 0}.trp-cloud-node{display:grid;min-height:220px;place-items:center;align-content:center;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:10px;text-align:center;background:rgba(255,255,255,.06)}
.trp-node-icon,.trp-cloud-shape{font-size:45px}.trp-cloud-node img{width:72px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.trp-tsugimo .trp-cloud-node img{width:66px;height:66px}.trp-cloud-node small{margin:8px 0 5px;color:#abd9ca;font-size:10px;letter-spacing:.12em}.trp-cloud-node b{font-size:16px;line-height:1.5}.trp-cloud-node p{margin:5px 0 0;color:#a9c7bd;font-size:10px}
.trp-cloud-node--gcp{border-color:color-mix(in srgb,var(--accent) 75%,white);background:color-mix(in srgb,var(--accent) 18%,transparent)}.trp-flow-arrow{display:grid;gap:8px;text-align:center;color:#76daba;font-size:28px;font-weight:300}.trp-flow-arrow span{color:#b7d3ca;font-size:9px}
.trp-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trp-security-grid article{padding:25px;border-top:2px solid var(--accent);background:rgba(255,255,255,.075)}.trp-security-grid span{color:#75d9b8;font-size:11px;font-weight:900}.trp-security-grid h3{margin:10px 0 7px;font-size:17px}.trp-security-grid p{margin:0;color:#bfd0ca;font-size:12px}
/* Setup */
.trp-steps{background:var(--wash)}.trp-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;counter-reset:step;list-style:none}.trp-step-grid li{position:relative;padding:34px;border:1px solid var(--line);background:#fff}.trp-step-grid li+li{border-left:0}.trp-step-grid li>b{position:absolute;top:16px;left:18px;color:var(--accent);font-size:12px}.trp-step-pic{display:grid;width:86px;height:86px;margin:10px auto 22px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:31px}.trp-step-pic span{position:absolute;margin:25px 0 0 38px;font-size:17px}.trp-step-grid h3{text-align:center;font-size:17px}.trp-step-grid p{margin:0;color:var(--muted);text-align:center;font-size:12px}
/* Watario question / two way */
.trp-question{background:#fff}.trp-question__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.trp-question p{color:var(--muted)}.trp-server-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.trp-server{display:grid;min-height:260px;place-items:center;align-content:center;padding:22px;border:1px solid var(--line);border-radius:16px;text-align:center}.trp-server>div{display:grid;width:76px;height:76px;margin-bottom:16px;place-items:center;border-radius:20px;font-size:35px;font-weight:900}.trp-server b{font-size:16px}.trp-server small{margin-top:9px;color:var(--muted);font-size:10px}.trp-server--unknown{background:#f6f6f6}.trp-server--unknown>div{color:#999;background:#e7e7e7}.trp-server--own{border:2px solid var(--accent);background:#edf8f3;box-shadow:var(--shadow)}.trp-server--own>div{color:#fff;background:var(--accent)}.trp-server-compare>span{color:#89978f;font-size:11px;font-weight:900}
.trp-two-way{background:#fff}.trp-lanes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trp-lane{position:relative;padding:34px;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:12px;background:#f7fbf9}.trp-lane--receive{border-top-color:#397fac;background:#f5f9fc}.trp-lane__num{position:absolute;top:23px;right:28px;color:#d2e7dd;font-size:58px;font-weight:900}.trp-lane small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}.trp-lane--receive small{color:#397fac}.trp-lane h3{margin:4px 0 10px;font-size:26px}.trp-lane>div>p{max-width:80%;color:var(--muted);font-size:13px}.trp-lane__picture{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;padding:18px;border-radius:10px;background:#fff}.trp-lane__picture span{padding:8px 12px;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:800}.trp-lane__picture i{color:var(--accent);font-style:normal}.trp-lane__picture b{padding:8px 12px;border-radius:20px;color:#fff;background:var(--accent);font-size:10px}
/* Safe flow */
.trp-safe-flow{color:#fff;background:#073f31}.trp-safe-flow__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}.trp-safe-flow__grid li{position:relative;padding:27px 22px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06)}.trp-safe-flow__grid li:after{content:"→";position:absolute;top:50%;right:-13px;z-index:2;color:#7bdfbe;font-size:20px}.trp-safe-flow__grid li:last-child:after{display:none}.trp-safe-flow__grid li>b{color:#82daba;font-size:10px}.trp-safe-flow__grid li>div{display:grid;width:55px;height:55px;margin:14px 0;place-items:center;border-radius:16px;color:#073f31;background:#79dbb9;font-size:22px;font-weight:900}.trp-safe-flow__grid h3{font-size:16px}.trp-safe-flow__grid p{margin:0;color:#c0d4cd;font-size:11px}.trp-flow-note{max-width:780px;margin:30px auto 0;padding:13px;border:1px solid rgba(255,255,255,.2);text-align:center;color:#d6e4df;font-size:11px}
/* Capacity */
.trp-capacity{background:var(--wash)}.trp-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:850px;margin:auto}.trp-plan-grid article{position:relative;padding:38px;border:1px solid var(--line);border-radius:15px;background:#fff}.trp-plan-grid article>small{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em}.trp-plan-grid h3{margin:4px 0 24px;font-size:27px}.trp-plan--large{border:2px solid var(--accent)!important;box-shadow:var(--shadow)}.trp-plan--large>span{position:absolute;top:18px;right:18px;padding:4px 9px;border-radius:20px;color:#fff;background:var(--accent);font-size:9px;font-weight:900}.trp-meter{height:8px;margin-bottom:28px;border-radius:10px;background:#e6eee9}.trp-meter i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent),#65dbb3)}.trp-plan-grid dl{margin:0}.trp-plan-grid dl div{display:flex;align-items:flex-end;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.trp-plan-grid dt{color:var(--muted);font-size:12px}.trp-plan-grid dd{margin:0;color:var(--accent);font-weight:700}.trp-plan-grid dd strong{font-size:28px}
/* Comparison */
.trp-compare{background:#fff}.trp-table-wrap{overflow:auto}.trp-compare table{width:100%;border-collapse:collapse;background:#fff}.trp-compare th,.trp-compare td{padding:18px;border:1px solid var(--line);text-align:left;font-size:13px}.trp-compare thead th{color:#fff;background:#607169}.trp-compare thead .is-product{background:var(--accent)}.trp-compare tbody th{width:20%;background:#f6f8f7}.trp-compare td{color:var(--muted)}.trp-compare td.is-product{color:var(--ink);background:#eff8f4;font-weight:700}.trp-compare td.is-product:before{content:"✓";margin-right:7px;color:var(--accent);font-weight:900}
/* Price / FAQ / Final */
.trp-price{background:var(--wash)}.trp-price__card{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:center;padding:54px;border:1px solid var(--line);border-left:7px solid var(--accent);background:#fff;box-shadow:var(--shadow)}.trp-price__card h2{font-size:30px;line-height:1.5}.trp-price__card p{margin:0;color:var(--muted)}.trp-price__main{display:grid;gap:11px;padding:28px;border-radius:8px;text-align:center;background:var(--wash)}.trp-price__main small{color:var(--accent);font-weight:900}.trp-price__main strong{margin-bottom:7px;font-size:28px}
.trp-faq{background:#fff}.trp-faq__list{max-width:900px;margin:auto}.trp-faq details{border-bottom:1px solid var(--line)}.trp-faq summary{display:flex;align-items:center;gap:14px;padding:22px 8px;cursor:pointer;font-weight:800;list-style:none}.trp-faq summary::-webkit-details-marker{display:none}.trp-faq summary:after{content:"＋";margin-left:auto;color:var(--accent);font-size:20px}.trp-faq details[open] summary:after{content:"−"}.trp-faq summary span,.trp-faq details>div>span{display:grid;width:34px;height:34px;flex:none;place-items:center;color:#fff;background:var(--accent);font-weight:900}.trp-faq details>div{display:flex;gap:14px;padding:0 8px 24px}.trp-faq details>div>span{color:var(--accent);background:var(--accent-soft)}.trp-faq details>div p{margin:3px 0 0;color:var(--muted);font-size:13px}
.trp-final{padding:90px 0;text-align:center;color:#fff;background:linear-gradient(135deg,var(--deep),color-mix(in srgb,var(--accent) 72%,var(--deep)))}.trp-final img{margin-bottom:12px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.2))}.trp-watario .trp-final img{filter:brightness(0) invert(1);opacity:.9}.trp-final p{margin-bottom:9px;color:rgba(255,255,255,.8);font-weight:700}.trp-final h2{margin-bottom:32px;font-size:clamp(29px,4vw,45px);line-height:1.4}
@media(max-width:980px){
.trp-section{padding:80px 0}.trp-hero__grid,.trp-split,.trp-question__grid{grid-template-columns:1fr}.trp-hero__visual{width:min(680px,100%);margin:auto}.trp-hero__copy{max-width:720px}.trp-points__grid{grid-template-columns:1fr}.trp-points article{border-right:0;border-bottom:1px solid var(--line)}
.trp-feature-grid{grid-template-columns:1fr 1fr}.trp-cloud-flow{grid-template-columns:1fr;gap:10px}.trp-flow-arrow{transform:rotate(90deg)}.trp-cloud-node{min-height:180px}.trp-security-grid{grid-template-columns:1fr}.trp-safe-flow__grid{grid-template-columns:1fr 1fr}.trp-safe-flow__grid li:nth-child(2):after{display:none}.trp-price__card{grid-template-columns:1fr}.trp-question__grid{gap:45px}
}
@media(max-width:700px){
.trp-wrap{width:min(100% - 30px,1160px)}.trp-section{padding:65px 0}.trp-hero{padding:55px 0 70px}.trp-hero__grid{gap:35px}.trp-hero h1{font-size:38px}.trp-hero__visual{min-height:440px}.trp-app-window--hero,.trp-app-window--watario{width:94%}.trp-chat-card{width:78%}
.trp-actions{display:grid}.trp-btn{width:100%}.trp-feature-grid,.trp-lanes,.trp-plan-grid,.trp-safe-flow__grid{grid-template-columns:1fr}.trp-safe-flow__grid li:after{top:auto;right:50%;bottom:-19px;transform:rotate(90deg)}.trp-safe-flow__grid li:nth-child(2):after{display:block}.trp-safe-flow__grid li:last-child:after{display:none}
.trp-ba-grid{grid-template-columns:1fr}.trp-ba__arrow{transform:rotate(90deg)}.trp-step-grid{grid-template-columns:1fr}.trp-step-grid li+li{border-top:0;border-left:1px solid var(--line)}.trp-server-compare{grid-template-columns:1fr}.trp-server-compare>span{text-align:center}.trp-price__card{padding:30px}.trp-price__card h2{font-size:25px}.trp-realshot .trp-windowbar{display:none}.trp-transfer-visual{width:88%}.trp-table-wrap{margin-right:-15px}.trp-compare table{min-width:760px}
}
@media(prefers-reduced-motion:reduce){.trp-page *{scroll-behavior:auto!important;transition:none!important}}
/* =========================================================
PRODUCT-SPECIFIC ART DIRECTION
共通LPの色違いに見せないため、製品ごとに造形・余白・罫線を分離
========================================================= */
/* -------------------------
TSUGIMO
Editorial message relay
------------------------- */
.trp-tsugimo{
--accent:#f15f7d;--accent2:#f39a68;--ink:#322629;--muted:#806f70;
--line:#dfd1cd;--wash:#fffaf6;--deep:#2d2327;
background-color:#fffaf6;
background-image:linear-gradient(rgba(241,95,125,.035) 1px,transparent 1px);
background-size:100% 38px
}
.trp-tsugimo .trp-wrap{width:min(1220px,calc(100% - 64px))}
.trp-tsugimo .trp-hero{
min-height:760px;padding:108px 0 118px;
background:
linear-gradient(90deg,transparent 0 7.5%,rgba(241,95,125,.16) 7.5% calc(7.5% + 1px),transparent calc(7.5% + 1px)),
linear-gradient(180deg,#fffaf6 0%,#fff4ed 100%)
}
.trp-tsugimo .trp-hero:before{
content:"CALL / NOTE / RELAY";position:absolute;top:47%;left:-89px;
color:#b99ca2;font-size:10px;font-weight:900;letter-spacing:.34em;transform:rotate(-90deg)
}
.trp-tsugimo .trp-hero__grid{grid-template-columns:.82fr 1.18fr;gap:78px}
.trp-tsugimo .trp-kicker{
width:max-content;margin-bottom:42px;padding:8px 0;border-top:1px solid var(--accent);
border-bottom:1px solid var(--accent);font-size:11px;letter-spacing:.16em
}
.trp-tsugimo .trp-kicker__dot{width:6px;height:6px;box-shadow:none}
.trp-tsugimo .trp-product-name{gap:10px;margin-bottom:15px}
.trp-tsugimo .trp-product-name img{width:48px;height:48px}
.trp-tsugimo .trp-product-name span{font-size:19px;letter-spacing:.08em}
.trp-tsugimo .trp-hero h1{
max-width:650px;margin-bottom:20px;font-size:clamp(43px,5.5vw,70px);
line-height:1.14;letter-spacing:-.065em
}
.trp-tsugimo .trp-hero h1 em{
position:relative;display:inline-block;color:var(--ink);z-index:0
}
.trp-tsugimo .trp-hero h1 em:after{
content:"";position:absolute;right:-5px;bottom:.04em;left:-4px;height:.27em;
background:#ffc8d2;z-index:-1;transform:skewX(-12deg)
}
.trp-tsugimo .trp-hero__sub{
display:inline-block;margin-bottom:24px;padding:3px 9px;color:#fff;background:var(--ink);
font-size:14px;letter-spacing:.04em
}
.trp-tsugimo .trp-hero__lead{max-width:560px;padding-left:20px;border-left:3px solid var(--accent);font-size:15px}
.trp-tsugimo .trp-btn{border-radius:0;box-shadow:none}
.trp-tsugimo .trp-btn--primary{position:relative;background:var(--ink)}
.trp-tsugimo .trp-btn--primary:after{content:"";position:absolute;right:-6px;bottom:-6px;width:100%;height:100%;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none}
.trp-tsugimo .trp-btn--ghost{border-color:var(--ink);color:var(--ink)!important;background:transparent}
.trp-tsugimo .trp-audience{margin-top:20px}
.trp-tsugimo .trp-hero__visual{min-height:590px}
.trp-tsugimo .trp-app-window,.trp-tsugimo .trp-realshot{border-radius:0;box-shadow:12px 12px 0 #f1dcd5}
.trp-tsugimo .trp-app-window--hero{top:0;left:4%;width:83%;transform:rotate(1.6deg)}
.trp-tsugimo .trp-call-form{background:#fffdfb}
.trp-tsugimo .trp-field{border:0;border-bottom:1px solid #decac4;background:transparent}
.trp-tsugimo .trp-submit-mock{background:var(--ink)}
.trp-tsugimo .trp-chat-card{
right:0;bottom:0;width:70%;border:1px solid var(--ink);border-left:7px solid var(--accent);
border-radius:0;box-shadow:-9px 9px 0 rgba(241,95,125,.18)
}
.trp-tsugimo .trp-chat-avatar{border-radius:0;background:var(--ink)}
.trp-tsugimo .trp-status{border:1px solid #f3a6b6;background:transparent}
.trp-tsugimo .trp-color-rule{height:7px;background:repeating-linear-gradient(90deg,var(--accent) 0 70px,#ffcb85 70px 140px,#54c9a8 140px 210px)}
.trp-tsugimo .trp-points{padding:0;background:#fff}
.trp-tsugimo .trp-points__grid{border-right:1px solid var(--line);border-left:1px solid var(--line)}
.trp-tsugimo .trp-points article{min-height:305px;padding:49px 40px 42px}
.trp-tsugimo .trp-points article:nth-child(2){background:#fff7f2}
.trp-tsugimo .trp-points article>span{
color:transparent;-webkit-text-stroke:1.5px var(--accent);font-size:72px;letter-spacing:-.08em
}
.trp-tsugimo .trp-points h2{font-size:24px;letter-spacing:-.03em}
.trp-tsugimo .trp-points p{font-size:13px;line-height:1.85}
.trp-tsugimo .trp-section{padding:118px 0}
.trp-tsugimo .trp-heading{max-width:800px;margin:0 0 60px;text-align:left}
.trp-tsugimo .trp-heading>span,.trp-tsugimo .trp-en{
display:flex;align-items:center;gap:14px;color:var(--accent);letter-spacing:.24em
}
.trp-tsugimo .trp-heading>span:after,.trp-tsugimo .trp-en:after{content:"";width:54px;height:1px;background:currentColor}
.trp-tsugimo .trp-heading h2,.trp-tsugimo .trp-split__copy h2{font-size:clamp(34px,4.5vw,54px);line-height:1.32}
.trp-tsugimo .trp-problem{background:
linear-gradient(90deg,#fff 0 50%,#fff8f3 50% 100%)}
.trp-tsugimo .trp-ba-grid{grid-template-columns:1fr 80px 1fr}
.trp-tsugimo .trp-ba{min-height:500px;border:1px solid var(--ink);border-radius:0;background:#fff}
.trp-tsugimo .trp-ba--before{border-color:#cdbdbc;background:#f7f2ef}
.trp-tsugimo .trp-ba--after{box-shadow:10px 10px 0 #ffd5dd}
.trp-tsugimo .trp-ba__label{border-radius:0;background:#6f6262;letter-spacing:.12em}
.trp-tsugimo .trp-paper-note{box-shadow:6px 7px 0 rgba(82,68,30,.12)}
.trp-tsugimo .trp-mini-chat{border:1px solid var(--ink);border-left:6px solid var(--accent);box-shadow:none}
.trp-tsugimo .trp-ba li:before{border-radius:0}
.trp-tsugimo .trp-screen-section{background:#f5ebe6}
.trp-tsugimo .trp-split{grid-template-columns:.7fr 1.3fr;gap:80px}
.trp-tsugimo .trp-checks li:before{border-radius:0;color:#fff;background:var(--accent)}
.trp-tsugimo .trp-features{background:#fff}
.trp-tsugimo .trp-feature-grid{grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.trp-tsugimo .trp-feature-grid article{
display:grid;grid-template-columns:68px 1fr;column-gap:22px;align-content:start;min-height:230px;
padding:38px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
border-radius:0;background:#fff
}
.trp-tsugimo .trp-feature-grid article:hover{transform:none;box-shadow:inset 0 -5px 0 var(--accent)}
.trp-tsugimo .trp-feature-grid article:nth-child(4n+2),.trp-tsugimo .trp-feature-grid article:nth-child(4n+3){background:#fff8f4}
.trp-tsugimo .trp-icon{
grid-row:1/3;width:58px;height:58px;border:1px solid var(--ink);border-radius:0;color:var(--ink);
background:transparent;font-size:21px
}
.trp-tsugimo .trp-feature-grid h3{margin:0 0 9px}.trp-tsugimo .trp-feature-grid p{grid-column:2}
.trp-tsugimo .trp-cloud{
position:relative;background:
linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#2d2327;
background-size:38px 38px
}
.trp-tsugimo .trp-cloud:before{content:"SECURE RELAY";position:absolute;right:3vw;top:80px;color:rgba(255,255,255,.06);font-size:clamp(60px,10vw,150px);font-weight:900;letter-spacing:-.06em}
.trp-tsugimo .trp-cloud-node,.trp-tsugimo .trp-security-grid article{border-radius:0}
.trp-tsugimo .trp-cloud-node--gcp{border-color:#f7a3b5;background:rgba(241,95,125,.12)}
.trp-tsugimo .trp-security-grid article{border-top:0;border-left:3px solid var(--accent)}
.trp-tsugimo .trp-step-grid li,.trp-tsugimo .trp-step-pic{border-radius:0}
.trp-tsugimo .trp-step-pic{border:1px solid var(--accent);background:transparent}
.trp-tsugimo .trp-price__card{border-radius:0;box-shadow:11px 11px 0 #f0d7cf}
.trp-tsugimo .trp-price__main,.trp-tsugimo .trp-faq summary span,.trp-tsugimo .trp-faq details>div>span{border-radius:0}
/* -------------------------
WATARIO
Secure infrastructure
------------------------- */
.trp-watario{
--accent:#00a778;--accent2:#247da1;--ink:#10261e;--muted:#5b7067;
--line:#cddbd4;--wash:#eef3f0;--deep:#041d17;
background:#eef3f0
}
.trp-watario .trp-wrap{width:min(1280px,calc(100% - 80px))}
.trp-watario .trp-hero{
min-height:820px;padding:112px 0;color:#fff;
background:
linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
radial-gradient(circle at 82% 38%,rgba(0,191,137,.17),transparent 27%),#041d17;
background-size:80px 80px,80px 80px,auto
}
.trp-watario .trp-hero:after{
content:"01 — SECURE TRANSFER";position:absolute;right:42px;bottom:32px;
color:#70bda5;font:700 10px/1 monospace;letter-spacing:.22em
}
.trp-watario .trp-hero__grid{grid-template-columns:.96fr 1.04fr;gap:90px}
.trp-watario .trp-kicker{
margin-bottom:38px;color:#72e5c0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
font-size:10px;letter-spacing:.2em
}
.trp-watario .trp-kicker__dot{width:6px;height:6px;background:#72e5c0;box-shadow:0 0 0 5px rgba(114,229,192,.13)}
.trp-watario .trp-wordmark{width:240px;margin-bottom:38px;filter:brightness(0) invert(1)}
.trp-watario .trp-hero h1{
max-width:690px;margin-bottom:28px;color:#fff;font-size:clamp(42px,5.2vw,66px);
font-weight:700;line-height:1.2;letter-spacing:-.045em
}
.trp-watario .trp-hero h1 em{color:#7ce9c6;font-style:normal}
.trp-watario .trp-hero__lead{max-width:620px;color:#b9cec6;font-size:15px}
.trp-watario .trp-btn{border-radius:0;box-shadow:none}
.trp-watario .trp-btn--primary{color:#031c15!important;background:#7ce9c6}
.trp-watario .trp-btn--ghost{border-color:#5c887a;color:#fff!important;background:transparent}
.trp-watario .trp-audience{color:#89a89d}
.trp-watario .trp-hero__visual--watario{min-height:600px}
.trp-watario .trp-app-window,.trp-watario .trp-realshot,.trp-watario .trp-app-window--watario{border-radius:0;box-shadow:18px 18px 0 rgba(0,0,0,.28)}
.trp-watario .trp-app-window--watario{width:91%;border-color:#41635a}
.trp-watario .trp-transfer-visual{
top:16px;left:-22px;width:82%;border:1px solid #70daba;border-radius:0;
background:#07392d;box-shadow:none
}
.trp-watario .trp-shield,.trp-watario .trp-dropzone,.trp-watario .trp-file-row{border-radius:0}
.trp-watario .trp-shield{border:1px solid #b5f4df;background:#7ce9c6}
.trp-watario .trp-dropzone{border-color:#3c9d7e}.trp-watario .trp-file-row{border-left:3px solid var(--accent)}
.trp-watario .trp-points{padding:0;background:#071f18;color:#fff}
.trp-watario .trp-points__grid{border-left:1px solid #29483e;border-right:1px solid #29483e}
.trp-watario .trp-points article{min-height:290px;padding:48px 42px;border-color:#29483e}
.trp-watario .trp-points article>span{
display:block;margin:0 0 28px;color:#72e5c0;font:700 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace
}
.trp-watario .trp-points article small{position:absolute;top:50px;right:40px;color:#628178;font-family:monospace}
.trp-watario .trp-points h2{font-size:25px;font-weight:700}.trp-watario .trp-points p{color:#9db5ad}
.trp-watario .trp-section{padding:126px 0}
.trp-watario .trp-heading{max-width:850px;margin:0 auto 72px}
.trp-watario .trp-heading>span,.trp-watario .trp-en{
font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.26em
}
.trp-watario .trp-heading h2,.trp-watario .trp-split__copy h2,.trp-watario .trp-question h2{
font-size:clamp(35px,4.4vw,55px);font-weight:700;line-height:1.28;letter-spacing:-.035em
}
.trp-watario .trp-question{background:#e7eeea}
.trp-watario .trp-question__grid{grid-template-columns:.75fr 1.25fr;gap:110px}
.trp-watario .trp-server{min-height:310px;border-radius:0}
.trp-watario .trp-server>div{border-radius:0}
.trp-watario .trp-server--unknown{border-style:dashed;background:transparent}
.trp-watario .trp-server--own{border:1px solid var(--accent);box-shadow:12px 12px 0 #c7d9d1}
.trp-watario .trp-server-compare>span{font-family:monospace;letter-spacing:.08em}
.trp-watario .trp-screen-section{position:relative;background:#fff}
.trp-watario .trp-screen-section:before{
content:"AUTHENTICATED WORKSPACE";position:absolute;top:44px;right:0;color:#e7efeb;
font-size:clamp(40px,7vw,110px);font-weight:900;letter-spacing:-.06em
}
.trp-watario .trp-split{grid-template-columns:.62fr 1.38fr;gap:95px}
.trp-watario .trp-checks li:before{border-radius:0;color:#05251c;background:#7ce9c6}
.trp-watario .trp-two-way{background:#f3f6f4}
.trp-watario .trp-lanes{gap:0;border:1px solid #b9cdc4}
.trp-watario .trp-lane{min-height:440px;padding:52px;border:0;border-radius:0;background:#fff}
.trp-watario .trp-lane+.trp-lane{border-left:1px solid #b9cdc4}
.trp-watario .trp-lane--receive{background:#eaf2f6}
.trp-watario .trp-lane__num{top:35px;right:42px;color:#dbe7e1;font:700 78px/1 monospace}
.trp-watario .trp-lane__picture{margin-top:42px;border-radius:0;background:#eef5f1}
.trp-watario .trp-lane__picture span,.trp-watario .trp-lane__picture b{border-radius:0}
.trp-watario .trp-safe-flow{background:#041d17}
.trp-watario .trp-safe-flow__grid{gap:0;border-top:1px solid #2c5044;border-left:1px solid #2c5044}
.trp-watario .trp-safe-flow__grid li{min-height:330px;padding:34px;border:0;border-right:1px solid #2c5044;border-bottom:1px solid #2c5044;border-radius:0;background:transparent}
.trp-watario .trp-safe-flow__grid li>div{border-radius:0;color:#041d17;background:#7ce9c6}
.trp-watario .trp-safe-flow__grid li:after{right:-8px;color:#7ce9c6}
.trp-watario .trp-flow-note{border-radius:0}
.trp-watario .trp-features{background:#fff}
.trp-watario .trp-feature-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:#bfd0c8;border:1px solid #bfd0c8}
.trp-watario .trp-feature-grid article{
min-height:300px;padding:40px;border:0;border-radius:0;background:#fff
}
.trp-watario .trp-feature-grid article:hover{transform:none;box-shadow:inset 0 -4px 0 var(--accent)}
.trp-watario .trp-icon{border-radius:0;color:#08271e;background:#7ce9c6}
.trp-watario .trp-capacity{background:#e9efec}
.trp-watario .trp-plan-grid{max-width:940px;gap:0;border:1px solid #afc5ba}
.trp-watario .trp-plan-grid article{padding:52px;border:0;border-radius:0}
.trp-watario .trp-plan-grid article+article{border-left:1px solid #afc5ba}
.trp-watario .trp-plan--large{border:0!important;box-shadow:none;background:#082c22;color:#fff}
.trp-watario .trp-plan--large>span{border-radius:0;color:#032219;background:#7ce9c6}
.trp-watario .trp-plan--large dt{color:#a9c1b8}.trp-watario .trp-plan--large dl div{border-color:#315448}
.trp-watario .trp-meter{border-radius:0}.trp-watario .trp-meter i{border-radius:0}
.trp-watario .trp-cloud{background:
linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#061f18;
background-size:64px 64px
}
.trp-watario .trp-cloud-node,.trp-watario .trp-security-grid article{border-radius:0}
.trp-watario .trp-cloud-node--gcp{border-color:#6ce4bb;background:rgba(0,167,120,.13)}
.trp-watario .trp-security-grid{gap:0;border-top:1px solid #315248;border-left:1px solid #315248}
.trp-watario .trp-security-grid article{min-height:215px;border:0;border-right:1px solid #315248;border-bottom:1px solid #315248;background:transparent}
.trp-watario .trp-compare{background:#f5f7f6}
.trp-watario .trp-compare th,.trp-watario .trp-compare td{border-color:#b8c9c1;border-radius:0}
.trp-watario .trp-compare thead th{background:#172b23}.trp-watario .trp-compare thead .is-product{color:#042219;background:#7ce9c6}
.trp-watario .trp-compare td.is-product{background:#e1f3ec}
.trp-watario .trp-price__card{border:1px solid #9eb9ad;border-left:8px solid var(--accent);border-radius:0;box-shadow:none}
.trp-watario .trp-price__main{border-radius:0;background:#e9f1ed}
.trp-watario .trp-faq summary span,.trp-watario .trp-faq details>div>span{border-radius:0}
.trp-watario .trp-final{background:#031b14}
/* Art-direction responsive refinements */
@media(max-width:980px){
.trp-tsugimo .trp-wrap,.trp-watario .trp-wrap{width:min(100% - 40px,1220px)}
.trp-tsugimo .trp-hero,.trp-watario .trp-hero{min-height:auto}
.trp-tsugimo .trp-hero__grid,.trp-watario .trp-hero__grid{grid-template-columns:1fr;gap:55px}
.trp-tsugimo .trp-hero:before,.trp-watario .trp-hero:after{display:none}
.trp-tsugimo .trp-feature-grid{grid-template-columns:1fr}
.trp-watario .trp-feature-grid{grid-template-columns:1fr 1fr}
.trp-watario .trp-question__grid,.trp-tsugimo .trp-split,.trp-watario .trp-split{grid-template-columns:1fr;gap:55px}
}
@media(max-width:700px){
.trp-tsugimo .trp-wrap,.trp-watario .trp-wrap{width:min(100% - 28px,1220px)}
.trp-tsugimo .trp-hero,.trp-watario .trp-hero{padding:70px 0 82px}
.trp-tsugimo .trp-section,.trp-watario .trp-section{padding:82px 0}
.trp-tsugimo .trp-hero h1,.trp-watario .trp-hero h1{font-size:40px}
.trp-tsugimo .trp-hero__visual,.trp-watario .trp-hero__visual--watario{min-height:470px}
.trp-tsugimo .trp-app-window--hero{left:0;width:96%}
.trp-tsugimo .trp-chat-card{width:85%}
.trp-watario .trp-transfer-visual{left:0;width:94%}
.trp-watario .trp-app-window--watario{width:96%}
.trp-tsugimo .trp-ba-grid{grid-template-columns:1fr}
.trp-tsugimo .trp-feature-grid article{grid-template-columns:54px 1fr;padding:28px;column-gap:15px}
.trp-tsugimo .trp-icon{width:48px;height:48px}
.trp-watario .trp-feature-grid{grid-template-columns:1fr}
.trp-watario .trp-lanes,.trp-watario .trp-plan-grid{grid-template-columns:1fr}
.trp-watario .trp-lane+.trp-lane,.trp-watario .trp-plan-grid article+article{border-top:1px solid #afc5ba;border-left:0}
.trp-watario .trp-safe-flow__grid{grid-template-columns:1fr}
}