/* One operating layer; a moving tool network; a concrete chain of work. */
.ukiyo-homepage-root .ops-hero h1{font-size:clamp(56px,6.9vw,98px);line-height:1.03;letter-spacing:-.065em}.ukiyo-homepage-root .ops-hero-description{max-width:850px;margin-inline:auto;font-size:16px;line-height:1.8}.ukiyo-homepage-root .hero-system-scope{display:flex;justify-content:center;flex-wrap:wrap;gap:11px 22px;margin:27px 0 0;color:var(--nexus-slate);font:400 10px var(--signal-meta)}.ukiyo-homepage-root .hero-system-scope span{display:flex;align-items:center;gap:8px}.ukiyo-homepage-root .hero-system-scope span:before{content:'';width:3px;height:3px;border-radius:50%;background:var(--nexus-cyan);box-shadow:0 0 8px #6de1f02b}
.ukiyo-homepage-root .tools-platform{position:relative;border:1px solid #a6bdd033;border-radius:18px 5px;background:radial-gradient(ellipse at 30% 0,#a594f80b,transparent 55%),linear-gradient(135deg,#111b2b,#080f1b 65%);overflow:hidden;box-shadow:0 25px 90px #0002,inset 0 1px #ffffff09}.ukiyo-homepage-root .tools-platform:before{content:'';position:absolute;top:0;left:8%;width:48%;height:1px;background:linear-gradient(90deg,transparent,#6de1f088,transparent)}.ukiyo-homepage-root .tools-core{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding:36px 36px 29px;border-bottom:1px solid #a6bdd017}.ukiyo-homepage-root .tools-core .eyebrow{font-size:9px;color:var(--nexus-cyan);margin:0 0 12px}.ukiyo-homepage-root .tools-core-brand{display:flex;align-items:center;gap:14px}.ukiyo-homepage-root .tools-core-brand>strong{color:var(--nexus-proof);font:500 46px/1 var(--signal-display);letter-spacing:-.065em}.ukiyo-homepage-root .tools-core-brand>span{height:29px;width:1px;background:#a6bdd033}.ukiyo-homepage-root .tools-core-brand>p{max-width:180px;font:400 12px/1.6 var(--signal-reading);color:var(--nexus-silver);margin:0}.ukiyo-homepage-root .tools-core-functions{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;align-content:center}.ukiyo-homepage-root .tools-core-functions>span{display:flex;gap:10px;align-items:center;color:var(--nexus-proof);font:400 13px var(--signal-reading)}.ukiyo-homepage-root .tools-core-functions i{font:400 8px var(--signal-meta);color:var(--nexus-violet);font-style:normal}.ukiyo-homepage-root .tools-core-functions small{display:block;font:400 10px/1.5 var(--signal-reading);color:var(--nexus-slate);margin-top:4px}.ukiyo-homepage-root .tools-carrier{position:relative;padding:22px 0}.ukiyo-homepage-root .tools-carrier:before{content:'';position:absolute;left:50%;top:0;height:18px;width:1px;background:linear-gradient(#6de1f07f,transparent)}.ukiyo-homepage-root .tools-carousel-caption{padding:0 30px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.ukiyo-homepage-root .tools-carousel-caption p{font:400 9px var(--signal-meta);letter-spacing:.07em;color:var(--nexus-slate);margin:0}.ukiyo-homepage-root .tools-carousel-controls{display:flex;gap:7px}.ukiyo-homepage-root .tools-carousel-controls button{display:grid;place-items:center;width:30px;height:30px;min-height:30px;border:1px solid #a6bdd020;background:#ffffff02;border-radius:50%;color:var(--nexus-silver);cursor:pointer;font:400 11px var(--signal-reading)}.ukiyo-homepage-root .tools-carousel-controls button:hover{color:var(--nexus-cyan);border-color:#6de1f055}.ukiyo-homepage-root .tools-carousel-window{overflow:hidden;touch-action:pan-y;cursor:grab;position:relative;padding:3px 0 10px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ukiyo-homepage-root .tools-carousel-window[data-dragging=true]{cursor:grabbing}.ukiyo-homepage-root .tools-carousel-track{display:flex;gap:14px;align-items:stretch;width:max-content;will-change:transform;padding-left:0}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool.connector{display:flex;flex-wrap:nowrap;align-items:center;flex:0 0 228px;width:228px;min-height:94px;padding:18px 17px;border:1px solid #a6bdd01f;border-radius:8px;background:#0b1422;gap:13px;transition:border-color .4s,box-shadow .4s,background .4s;user-select:none}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool strong{font:400 15px/1.35 var(--signal-reading);color:var(--nexus-proof)}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool small{font:400 10px/1.5 var(--signal-reading);color:var(--nexus-slate);margin-top:5px;white-space:nowrap}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool>b{display:block;font-size:15px;color:var(--nexus-cyan)}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool[data-used=true]{border-color:#6de1f03b;background:linear-gradient(120deg,#38bdf809,#0b1422)}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool[data-current=true]{border-color:#6de1f07a;box-shadow:inset 0 0 20px #38bdf809,0 0 20px #38bdf80c}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool:hover{border-color:#a594f877;background:#131c2e}.ukiyo-homepage-root .tools-carousel-track .ops-network-logo{flex-basis:28px;width:28px;height:28px}.ukiyo-homepage-root .tools-xero-logo{background:#139ab8;border-radius:50%;font:400 11px var(--signal-reading);letter-spacing:-.05em;color:white}.ukiyo-homepage-root .tools-carousel-hint{display:flex;justify-content:space-between;gap:14px;padding:7px 30px 0;font:400 8px var(--signal-meta);color:var(--nexus-slate)}
.ukiyo-homepage-root .tools-platform .ops-workflow-example{margin:0;padding:27px 34px;border-top:1px solid #a6bdd021;border-bottom:0;background:linear-gradient(100deg,#ffffff02,transparent)}.ukiyo-homepage-root .tools-platform .ops-workflow-top .eyebrow{font-size:9px;color:var(--nexus-violet)}.ukiyo-homepage-root .tools-platform .ops-workflow-switch{gap:3px}.ukiyo-homepage-root .tools-platform .ops-workflow-switch button{font-size:10px;padding:8px 11px;min-height:34px}.ukiyo-homepage-root .tools-workflow-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:23px}.ukiyo-homepage-root .tools-platform #workflow-title{font:500 30px/1.15 var(--signal-display);letter-spacing:-.04em;margin:0;max-width:650px}.ukiyo-homepage-root #tools-sequence-label{font:400 7px/1.5 var(--signal-meta);color:var(--nexus-slate);white-space:nowrap}.ukiyo-homepage-root .tools-platform .ops-workflow-path{margin-top:24px;gap:30px}.ukiyo-homepage-root .tools-platform .workflow-step{border-color:#ffffff12;padding:18px 0 8px;transition:border-color .4s}.ukiyo-homepage-root .tools-platform .workflow-step[data-current=true]{border-color:#6de1f094}.ukiyo-homepage-root .tools-platform .workflow-step-tool{font-size:11px}.ukiyo-homepage-root .tools-platform .workflow-step-tool img{height:21px;width:21px}.ukiyo-homepage-root .tools-platform .workflow-step strong{font:500 21px/1.3 var(--signal-display);letter-spacing:-.035em;margin:17px 0 8px}.ukiyo-homepage-root .tools-platform .workflow-step p{font-size:12px;line-height:1.6}.ukiyo-homepage-root .tools-platform .workflow-step-number{font-size:8px;top:23px}.ukiyo-homepage-root .tools-platform .workflow-step[data-current=true] .workflow-step-number{color:var(--nexus-cyan)}.ukiyo-homepage-root .tools-platform .ops-workflow-bottom{margin-top:20px;padding-top:17px;border-top:1px solid #ffffff0b}.ukiyo-homepage-root .tools-platform .ops-workflow-bottom p{font-size:10px;max-width:520px}.ukiyo-homepage-root .tools-platform #workflow-open{font-size:12px;white-space:nowrap}.ukiyo-homepage-root .tools-find-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 34px;border-top:1px solid #a6bdd021}.ukiyo-homepage-root .tools-find-row h3{font:500 25px/1.2 var(--signal-display);letter-spacing:-.04em;margin:0}.ukiyo-homepage-root .tools-find-row p{font:400 12px/1.6 var(--signal-reading);margin:7px 0 0;color:var(--nexus-slate)}.ukiyo-homepage-root .tools-find-row .button{min-height:42px;font-size:12px;padding:12px 18px}.ukiyo-homepage-root .tools-guarantees{display:flex;justify-content:space-between;gap:25px;margin-top:23px;color:var(--nexus-silver);font:400 12px/1.6 var(--signal-reading)}.ukiyo-homepage-root .tools-guarantees span{display:flex;align-items:center;gap:9px}.ukiyo-homepage-root .tools-guarantees i{font-style:normal;color:var(--nexus-violet);font-size:10px}.ukiyo-homepage-root .tools-section-note{font:400 10px/1.6 var(--signal-reading);color:var(--nexus-slate);margin-top:16px;max-width:800px}.ukiyo-homepage-root .tools-carousel-controls button:focus-visible,.ukiyo-homepage-root .tools-carousel-track button:focus-visible{outline:1px solid var(--nexus-cyan);outline-offset:2px}
@media(max-width:800px){.ukiyo-homepage-root .tools-core{gap:26px;padding:28px 25px}.ukiyo-homepage-root .tools-core-functions{gap:16px}.ukiyo-homepage-root .tools-core-functions>span{font-size:11px}.ukiyo-homepage-root .tools-platform .ops-workflow-example{padding:25px}.ukiyo-homepage-root .tools-platform .ops-workflow-path{gap:23px}.ukiyo-homepage-root .tools-platform .ops-workflow-bottom{align-items:start}.ukiyo-homepage-root .tools-find-row{padding:24px 25px}.ukiyo-homepage-root .tools-guarantees{font-size:11px;gap:18px}}
@media(max-width:600px){.ukiyo-homepage-root .ops-hero h1{font-size:clamp(39px,9.8vw,59px);letter-spacing:-.06em}.ukiyo-homepage-root .ops-hero-lead{font-size:18px}.ukiyo-homepage-root .ops-hero-description{font-size:13px;line-height:1.8}.ukiyo-homepage-root .hero-system-scope{gap:10px 16px;font-size:8px;margin-top:22px}.ukiyo-homepage-root .tools-core{grid-template-columns:1fr;gap:25px;padding:25px 21px}.ukiyo-homepage-root .tools-core-brand>strong{font-size:42px}.ukiyo-homepage-root .tools-core-brand>p{font-size:12px;max-width:200px}.ukiyo-homepage-root .tools-core-functions{gap:17px 14px}.ukiyo-homepage-root .tools-core-functions>span{font-size:12px}.ukiyo-homepage-root .tools-core-functions small{font-size:9px}.ukiyo-homepage-root .tools-carousel-caption{padding:0 20px 14px}.ukiyo-homepage-root .tools-carousel-caption p{font-size:7px}.ukiyo-homepage-root .tools-carousel-controls{gap:5px}.ukiyo-homepage-root .tools-carousel-controls button{width:27px;height:27px;min-height:27px}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool.connector{flex-basis:205px;width:205px;min-height:86px;padding:16px 14px}.ukiyo-homepage-root .tools-carousel-track .ops-network-tool strong{font-size:14px}.ukiyo-homepage-root .tools-carousel-hint{padding-inline:20px;font-size:7px}.ukiyo-homepage-root .tools-platform .ops-workflow-example{padding:23px 20px}.ukiyo-homepage-root .tools-platform .ops-workflow-switch{flex-wrap:nowrap;gap:2px;width:100%;justify-content:space-between}.ukiyo-homepage-root .tools-platform .ops-workflow-switch button{font-size:9px;padding:8px 7px;white-space:nowrap}.ukiyo-homepage-root .tools-workflow-heading{display:block;margin-top:21px}.ukiyo-homepage-root .tools-platform #workflow-title{font-size:26px}.ukiyo-homepage-root #tools-sequence-label{display:block;font-size:7px;margin-top:11px}.ukiyo-homepage-root .tools-platform .ops-workflow-path{grid-template-columns:1fr;gap:0;margin-top:18px}.ukiyo-homepage-root .tools-platform .workflow-step{display:grid;grid-template-columns:91px 1fr;column-gap:13px;padding:16px 0}.ukiyo-homepage-root .tools-platform .workflow-step-tool{grid-row:1/3;flex-direction:column;align-items:start;font-size:10px;gap:7px}.ukiyo-homepage-root .tools-platform .workflow-step strong{margin:0 0 5px;font-size:20px}.ukiyo-homepage-root .tools-platform .workflow-step p{font-size:12px}.ukiyo-homepage-root .tools-platform .workflow-step:not(:last-child):after{display:none}.ukiyo-homepage-root .tools-platform .ops-workflow-bottom{flex-direction:column;gap:15px}.ukiyo-homepage-root .tools-platform #workflow-open{text-align:left;font-size:12px}.ukiyo-homepage-root .tools-find-row{grid-template-columns:1fr;gap:17px;padding:24px 20px}.ukiyo-homepage-root .tools-find-row h3{font-size:25px}.ukiyo-homepage-root .tools-find-row .button{justify-self:start}.ukiyo-homepage-root .tools-guarantees{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;font-size:12px}.ukiyo-homepage-root .tools-section-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ukiyo-homepage-root .tools-carousel-track{will-change:auto}.ukiyo-homepage-root .tools-platform .workflow-step,.ukiyo-homepage-root .tools-carousel-track .ops-network-tool{transition:none}}
@media(max-width:600px){.ukiyo-homepage-root .hero-system-scope{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 24px;justify-content:center}.ukiyo-homepage-root .tools-platform .ops-workflow-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ukiyo-homepage-root .tools-platform .ops-workflow-switch button{min-height:38px;padding:8px 7px;font-size:10px;border:1px solid #a6bdd01b;border-radius:6px;text-align:center}.ukiyo-homepage-root .tools-platform .ops-workflow-switch button[aria-pressed=true]{border-color:#6de1f055}}
