/* Page-specific presentation; homepage and plan pages are deliberately unchanged. */
.visual-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:68px;padding:70px 0 64px}
.visual-layout .page-head{width:auto;margin:0;padding:0;min-width:0}
.visual-layout .page-head h1{font-size:clamp(42px,4.2vw,65px);line-height:1.13;letter-spacing:-.045em;max-width:none}
.brand-art{--art-bg:#151719;--art-ink:#f3f3ee;--art-muted:#a5aaaf;margin:0;min-width:0;min-height:470px;border:1px solid #34373b;border-radius:16px;padding:25px 27px;background:var(--art-bg);color:var(--art-ink);display:flex;flex-direction:column;overflow:hidden;position:relative}
.art-top{display:flex;align-items:center;justify-content:space-between;font:10px/1.5 Consolas,monospace;letter-spacing:1.5px;color:var(--art-muted)}
.art-cross{font:24px/1 Consolas,monospace;color:var(--art-ink)}
.brand-object{position:relative;display:grid;place-items:center;min-height:300px;flex:1;isolation:isolate}
.object-layer{position:absolute;width:200px;height:220px;border:1px solid #45494f;background:#202328;border-radius:16px;box-shadow:0 28px 40px #0004}
.layer-one{transform:translate(-23px,13px) rotate(-19deg);border-color:#7c2028;background:#2a181d}
.layer-two{transform:translate(19px,-1px) rotate(13deg)}
.object-core{position:relative;display:grid;place-items:center;width:204px;height:224px;border:1px solid #444950;border-radius:15px;background:#111316;transform:rotate(-4deg);box-shadow:0 25px 35px #0006}
.visual-symbol{width:150px;height:150px;display:block;overflow:visible}
.art-coordinate{position:absolute;right:0;bottom:22px;font:10px Consolas,monospace;letter-spacing:2px;color:var(--art-muted);writing-mode:vertical-rl}
.brand-art figcaption{border-top:1px solid #34373b;padding-top:22px;position:relative}
.brand-art figcaption>strong{font-size:29px;line-height:1.25;letter-spacing:-.035em;font-weight:500}
.art-disciplines{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:14px;font-size:10px;color:var(--art-muted)}
.art-disciplines span:before{content:'';display:inline-block;width:4px;height:4px;background:var(--red);margin-right:7px;vertical-align:middle}
.page-about main>.wrap>.full-copy{max-width:970px;padding-top:12px}
.origin-timeline{padding:64px 0 70px}
.visual-section-label h2{font-size:clamp(27px,3vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.25;margin:16px 0 32px}
.origin-timeline ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:0;border-top:1px solid var(--line)}
.origin-timeline li{position:relative;padding-top:30px;min-width:0}
.origin-timeline li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--red)}
.origin-timeline time,.timeline-date{font:11px/1.5 Consolas,monospace;letter-spacing:1.4px;color:var(--muted)}
.origin-timeline h3{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:14px 0 12px}
.origin-timeline p{font-size:14px;line-height:1.8;color:var(--muted);max-width:330px;margin:0}
.purpose-number{display:block;font:13px Consolas,monospace;color:var(--red);margin-bottom:26px}
.page-about .founder{position:relative;padding:66px 0 80px;isolation:isolate}
.page-about .founder blockquote{position:relative;max-width:1040px;font-size:clamp(26px,3vw,42px);padding-right:30px;line-height:1.5}
.founder-symbol{position:absolute;right:0;bottom:40px;width:90px;height:90px;opacity:.4;z-index:-1}
.page-services .page-head{padding-bottom:55px}
.page-services .visual-service{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;padding:55px 0 68px;align-items:center}
.page-services .visual-service h2{font-size:clamp(28px,3.3vw,43px);line-height:1.2;letter-spacing:-.035em}
.page-services .visual-service>div>p{font-size:16px;line-height:1.85;max-width:470px}
.page-services .visual-service-box{padding:0;border:1px solid var(--line);border-radius:13px;background:var(--panel);min-width:0;overflow:hidden}
.service-visual-caption{padding:24px 26px;border-top:1px solid var(--line)}
.service-visual-caption>.small-head{font-size:10px}
.page-services .service-visual-caption>strong{font-size:20px;line-height:1.35;margin:10px 0 16px;font-weight:500}
.service-visual-caption .red-line{display:none}
.service-visual-caption .chips{gap:7px;margin:0}.service-visual-caption .chips span{font-size:10px;padding:7px 9px}
.web-concept{position:relative;margin:0;min-height:355px;padding:25px 50px 42px 22px;background:#111316;color:#f5f4ee}
.concept-browser{width:calc(100% - 24px);border:1px solid #4c5054;border-radius:8px;overflow:hidden;box-shadow:0 18px 28px #0007;background:#111316}
.browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px/1.5 Consolas,monospace;letter-spacing:1px;color:#b6bac0;padding:12px 15px;background:#22252a}
.chrome-dots{letter-spacing:4px;white-space:nowrap;font-size:7px;color:#7f8489}
.coffee-concept{position:relative;aspect-ratio:1.6;min-height:210px;isolation:isolate}
.coffee-concept>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.54;z-index:-1}
.concept-content{padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:100%}
.concept-content>span:first-child{font:11px Consolas,monospace;letter-spacing:3px}
.concept-content>strong{font-size:clamp(24px,2.3vw,35px);font-weight:500;line-height:1.1;letter-spacing:-.03em;margin:24px 0 20px}
.concept-menu{font-size:9px;letter-spacing:.5px;margin-top:auto}
.concept-phone{position:absolute;right:20px;bottom:41px;width:117px;height:218px;background:#f3efe5;color:#33251b;border:5px solid #34373b;border-radius:20px;overflow:hidden;box-shadow:0 12px 25px #0007}
.phone-island{width:35px;height:8px;border-radius:6px;margin:6px auto;background:#34373b}
.concept-phone>span{display:block;font:9px Consolas,monospace;letter-spacing:2px;padding:8px 12px}
.concept-phone>img{height:94px;width:100%;object-fit:cover}
.concept-phone>strong{display:block;padding:12px;font-size:14px;line-height:1.2;font-weight:500}
.web-concept figcaption{position:absolute;left:23px;bottom:15px;font-size:10px;color:#abb0b5}
.workflow-visual,.software-visual{background:#111316;color:#f3f3ee;margin:0;padding:25px 26px 20px;min-height:330px}
.workflow-label{display:flex;justify-content:space-between;align-items:center;gap:15px;font:10px/1.5 Consolas,monospace;letter-spacing:1px;color:#a5aaaf}
.flow-live-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex:none}
.flow-caption{margin:30px 0}.flow-caption strong{font-size:clamp(23px,2.5vw,34px);line-height:1.2;font-weight:500;letter-spacing:-.03em}
.flow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin-bottom:28px;gap:10px;isolation:isolate}
.flow-track:before{content:'';position:absolute;top:23px;left:12%;right:12%;height:1px;background:#4a3439;z-index:-1}
.flow-step{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.flow-node{display:grid;place-items:center;width:45px;height:45px;border:1px solid #8d313b;background:#20171c;color:#ff6470;border-radius:11px;font-size:23px;animation:workflow-signal 4.8s ease-in-out infinite;animation-play-state:paused}
.flow-step:nth-child(2) .flow-node{animation-delay:.7s}.flow-step:nth-child(3) .flow-node{animation-delay:1.4s}.flow-step:nth-child(4) .flow-node{animation-delay:2.1s}
.flow-step>span:nth-child(2){font-size:11px;line-height:1.5;min-height:32px;max-width:100px}.flow-step>small{font:9px Consolas,monospace;color:#959da4}
.flow-running .flow-node{animation-play-state:running}
.workflow-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #34373b;padding-top:10px;font-size:10px;color:#abb0b5}
.workflow-visual button{padding:8px 10px;min-height:44px;border:1px solid #41464b;border-radius:6px;background:transparent;color:#e9e9e4;font-size:10px}
.workflow-visual button[hidden]{display:none}
@keyframes workflow-signal{0%,55%,100%{opacity:.55;transform:translateY(0)}18%,30%{opacity:1;transform:translateY(-5px)}}
.software-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:37px}
.software-previews a{display:block;min-width:0;border-bottom:1px solid #383d42;padding-bottom:18px}
.software-previews a>div{border:1px solid #454b51;border-radius:6px;overflow:hidden;margin-bottom:16px}
.software-previews img{width:100%;height:auto;aspect-ratio:1440/820;object-fit:contain}
.software-previews strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:600}
.software-previews a>span{display:block;font-size:10px;line-height:1.5;color:#a5aaaf;margin-top:8px}
.software-demo-note{font-size:10px;line-height:1.6;color:#a5aaaf;margin:18px 0 0}
.page-products .product-editorial{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.page-products .product-editorial .mini>span:last-child{border:1px solid var(--line);padding:5px 9px;border-radius:5px;line-height:1.5}
.page-products .product-editorial .product-extra a{display:inline-flex;align-items:center;min-height:44px}
.page-contact .page-head{padding-bottom:45px}
.page-contact .contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;padding-top:10px;align-items:start}
.contact-info-visual{min-width:0}.contact-art{min-height:330px;padding:22px}
.contact-art .brand-object{min-height:190px}.contact-art .object-layer{width:130px;height:145px;border-radius:12px}.contact-art .object-core{width:134px;height:149px;border-radius:10px}.contact-art .visual-symbol{width:100px;height:100px}.contact-art figcaption{padding-top:18px}.contact-art figcaption>strong{font-size:27px}
.contact-steps{display:grid;gap:0;padding:20px 0 12px}
.contact-steps span{font-size:12px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.contact-info-visual .contact-item{padding:24px 0}
.contact-info-visual .contact-email{overflow-wrap:anywhere;line-height:1.5}
.page-contact .contact-form{border-radius:14px;padding:32px}
.page-contact .contact-form label{line-height:1.6}
@media(max-width:1060px){.visual-layout{gap:35px;grid-template-columns:1fr 1fr}.brand-art{padding:22px;min-height:420px}.brand-object{min-height:260px}.brand-art figcaption>strong{font-size:25px}.page-services .visual-service{gap:35px;grid-template-columns:1fr 1.1fr}.web-concept{padding-right:34px;min-height:335px}.concept-phone{right:14px;width:103px;height:207px}.concept-content{padding:19px}.page-contact .contact-layout{gap:35px}}
@media(max-width:760px){.visual-layout{grid-template-columns:1fr;gap:30px;padding:42px 0 34px}.visual-layout .page-head h1{font-size:clamp(35px,8.5vw,52px);line-height:1.15}.brand-art{min-height:365px;padding:22px}.brand-object{min-height:230px}.object-layer{width:162px;height:177px}.object-core{width:166px;height:181px}.visual-symbol{width:120px;height:120px}.brand-art figcaption>strong{font-size:26px}.art-disciplines{font-size:10px;gap:9px 13px}.origin-timeline{padding:38px 0}.origin-timeline ol{grid-template-columns:1fr;gap:26px;border-top:0;border-left:1px solid var(--line);margin-left:4px;padding-left:24px}.origin-timeline li{padding-top:0}.origin-timeline li:before{left:-28px;top:5px}.origin-timeline h3{margin-top:10px}.origin-timeline p{max-width:none}.purpose-number{margin-bottom:17px}.page-about .founder{padding:45px 0 60px}.page-about .founder blockquote{padding-right:0;font-size:27px}.founder-symbol{bottom:18px;width:60px;height:60px;opacity:.2}.page-services .page-head{padding-bottom:26px}.page-services .visual-service{grid-template-columns:1fr;gap:25px;padding:32px 0 42px}.page-services .visual-service h2{font-size:32px}.page-services .visual-service>div>p{font-size:15px;max-width:none}.web-concept{padding:20px 39px 41px 17px;min-height:324px}.concept-browser{width:calc(100% - 10px)}.concept-content>strong{font-size:26px}.concept-phone{width:105px;height:205px;right:13px}.concept-content{padding:20px 18px}.browser-chrome{font-size:7px;padding:10px;gap:8px}.coffee-concept{min-height:216px}.concept-menu{font-size:8px}.service-visual-caption{padding:21px}.workflow-visual,.software-visual{padding:23px 20px 18px;min-height:310px}.flow-caption strong{font-size:29px}.flow-track{gap:7px}.flow-node{width:41px;height:41px}.flow-track:before{top:21px}.flow-step>span:nth-child(2){font-size:10px;max-width:70px}.workflow-visual figcaption{font-size:9px}.workflow-visual button{font-size:10px}.software-previews{gap:13px}.software-previews strong{font-size:19px}.page-contact .page-head{padding-bottom:30px}.page-contact .contact-layout{grid-template-columns:1fr;gap:28px}.contact-art{min-height:300px}.contact-art .brand-object{min-height:170px}.page-contact .contact-form{padding:24px}.contact-info-visual .contact-item{padding:18px 0}.contact-steps{padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.flow-node{animation:none;opacity:1;transform:none}.workflow-visual [data-flow-toggle]{display:none}}
.visual-service-box .concept-phone>strong{display:block;padding:12px;font-size:14px;line-height:1.2;font-weight:500;margin:0}
.visual-service-box .concept-content>strong{display:block;font-size:clamp(24px,2.3vw,35px);font-weight:500;line-height:1.1;letter-spacing:-.03em;margin:24px 0 20px}
.visual-service-box .flow-caption strong{font-size:clamp(23px,2.5vw,34px);line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:0}
.visual-service-box .software-previews strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:600;margin:0}
@media(max-width:760px){.visual-service-box .concept-content>strong{font-size:26px}.visual-service-box .flow-caption strong{font-size:29px}.visual-service-box .software-previews strong{font-size:19px}}
.service-visual-caption>.small-head{display:block;margin:0}
.page-services .service-visual-caption>strong{display:block;margin:12px 0 18px}
.visual-service-box .software-demo-note{font-size:11px;line-height:1.7;color:#a5aaaf;margin:18px 0 0}