:root{--hand-font:"Yomogi", cursive;--paper-grain:url(/assets/handdrawn/stationery-paper.webp);--pencil-line:#c8bba6;--pencil-ink:#514335;--paper-radius:38px 49px 35px 45px / 43px 35px 48px 38px}body{background-color:#fffdf9;background-image:var(--paper-grain);background-size:640px;font-weight:400}.site-scene :is(h1,h2,h3,h4),.site-scene :is(.eyebrow,.product-catch,.app-catch),.site-scene :is(.button,.text-link,.desktop-nav a,.mobile-nav a,.home-chapters a,.portfolio-jump a,.company-chapters a,.footer-links a),.site-scene :is(.service-number,.overview-icon span,.feature-number,.scenario-index,.home-flow-steps li>span,.flow-number,.mini-flow span,.tool-process-grid article>span,.product-steps li>span,.related-products strong){font-family:var(--hand-font);font-weight:400}.site-scene :is(h1,h2,h3,h4){color:var(--pencil-ink)}.keep-phrase{white-space:nowrap;display:inline-block}.site-scene .home-hero h1{letter-spacing:.025em;font-size:clamp(50px,5.65vw,76px);line-height:1.55}.site-scene .page-hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.65}.site-scene :is(.faq-list summary h2,.mini-faq .faq-list h3){font-weight:400}.site-scene :is(.expanded-heading h2,.section-title-row h2){line-height:1.75}.site-scene .home-service h3{letter-spacing:0;font-size:20px;line-height:1.7}.expanded-intro .soft-emphasis{white-space:nowrap}.site-scene .eyebrow{letter-spacing:.09em;font-size:15px}.site-scene .product-catch{font-size:25px!important}.site-scene .app-catch{font-size:23px}.hero-description{font-size:18px;font-weight:400;line-height:2}.marker:before{opacity:.7;background:#edd4a7;border-radius:42% 22% 36% 18%;height:.16em;bottom:.08em;transform:rotate(-1deg)}.site-header,.mobile-nav,.site-footer,.page-hero,.service-hero,.contact-banner,.studio-feature,.product-feature,.service-features,.soft-section,.small-callout,.scope-section,.tool-process,.prepared-grid article,.tool-examples article,.concern-list li,.access-section,.app-portfolio-section,.hakoos-modules,.module-summary,.axiswork-flow,.axis-perspectives>article,.live-signal-flow li,.live-journey,.product-custom-note,.playground-section,.playground,.contact-panel,.company-letter{background-image:var(--paper-grain);background-blend-mode:multiply;background-size:640px}.site-header{border-bottom:1px solid #dfd7c55c}.site-scene .desktop-nav a{font-size:17px}.desktop-nav{gap:28px}.desktop-nav a[aria-current=page]:after{background:#ac8160;border-radius:60% 20% 55% 30%;height:2px;bottom:-6px;transform:rotate(-2deg)}.site-scene .mobile-nav a{border-bottom-color:#ddd1bb;font-size:21px}.site-scene .footer-links a{font-size:17px}.site-footer{border-top:1px solid #ded5c3;border-radius:62px 78px 0 0/44px 55px 0 0}.site-scene .button{color:#593e29;background-color:#f4d6b4;background-image:var(--paper-grain);background-blend-mode:multiply;white-space:normal;text-align:center;background-size:380px;border:1px solid #a87d58;border-radius:29px 36px 30px 38px/48% 44% 56% 52%;min-height:58px;font-size:19px;line-height:1.65;box-shadow:2px 3px #cbb69425}.site-scene .button-secondary{color:#765c42;background-color:#fffdf8;border-color:#ad9676}.site-scene .button:hover{color:#493222;background-color:#ecca9e;border-color:#8b6444;transform:translateY(-1px)}.site-scene .button-secondary:hover{background-color:#f7eedc}.site-scene .button:active{box-shadow:none;transform:translateY(1px)}.site-scene .button>svg:last-child:not(:first-child){background:0 0;border-radius:0;padding:2px}.site-scene .button:hover>svg:last-child:not(:first-child){background:0 0}.site-scene .header-contact{min-height:48px;padding:9px 22px;font-size:18px}.site-scene .text-link{border-color:#bca586;border-radius:0 0 38% 12%;font-size:18px;font-weight:400;line-height:1.7}.site-scene .text-link:hover{border-color:#8c6b4a}.circle-link,.back-top,.menu-toggle,.motion-toggle,.demo-reset{background-color:#fffdf7;border:1px solid #bfb29a;border-radius:45% 52% 46% 54%/52% 43% 56% 46%}.home-chapters a,.portfolio-jump a{background:#fffdf8;border-color:#c9bda7;border-radius:25px 33px 23px 30px/44% 48% 53% 56%}.site-scene .home-chapters a{gap:12px;padding:13px 18px;font-size:18px}.home-chapters small{font-family:var(--hand-font);font-size:15px}.home-chapters .chapter-title{min-width:0}.site-scene .portfolio-jump a{font-size:19px}.site-scene .company-chapters a{font-size:18px}.page-hero,.service-hero{border:1px solid #ddd0b9;border-radius:45px 58px 47px 66px/54px 42px 61px 43px}.contact-banner{border:1px solid #bfc6ab;border-radius:85px 110px 90px 122px/65px 80px 92px 72px}.service-features,.soft-section,.small-callout,.scope-section,.tool-process,.access-section,.hakoos-modules,.axiswork-flow,.product-custom-note,.playground-section{border-radius:var(--paper-radius);border:1px solid #d5d6c2}.product-feature,.prepared-grid article,.tool-examples article,.module-summary,.axis-perspectives>article,.live-signal-flow li,.live-journey,.playground,.contact-panel{border:1px solid #d8cebb;border-radius:25px 34px 26px 32px/32px 25px 35px 27px;box-shadow:2px 3px #bcab8910}.home-service{border-color:#bfc8ad;border-radius:0 0 18px 25px}.service-number,.overview-icon,.home-flow-steps li>span{background:#f0f2e5;border:1px solid #bbc3a6;border-radius:44% 53% 46% 55%/50% 45% 55% 48%}.site-scene .service-number{font-size:19px}.site-scene .feature-number,.site-scene .product-steps li>span{font-size:28px}.site-scene .overview-icon span{background:#fffdf6;font-size:22px;font-weight:400}.web-portfolio-image,.home-work-image{border:1px solid #c7baa6;border-radius:23px 29px 24px 32px/28px 23px 31px 25px}.portfolio-figure>img{border:1px solid #d6cab7;border-radius:25px 31px 23px 28px}.product-showcase-art .portfolio-figure>img{border:0;border-radius:0}.company-table>div,.service-overview-row,.flow-row,.mini-flow>div,.product-detail-grid article,.product-steps li,.related-products>div>a,.faq-list details,.mini-faq details{border-color:#d4c8b2}.company-table dt{font-family:var(--hand-font);color:#746653;font-size:18px}.company-table dd{font-weight:400}.faq-list summary h2,.mini-faq .faq-list h3{line-height:1.8}.faq-list summary>span,.faq-answer>span{font-family:var(--hand-font);font-weight:400}.faq-list details[open],.mini-faq details[open]{background-color:#fbf5e8}.faq-list summary{border-radius:16px 23px 19px 25px}.form-field label{font-family:var(--hand-font);font-size:19px;font-weight:400}.form-field :is(input,select,textarea){background:#fffefb;border-color:#c3b59b;border-radius:12px 17px 13px 16px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;font-weight:400}.form-field :is(input,select,textarea)[aria-invalid=true]{background:#fffbfa;border-color:#aa4932}.required,.optional{font-family:Zen Maru Gothic,sans-serif}.form-steps{border-color:#d8ccb7}.form-steps li{font-family:var(--hand-font);font-size:18px;font-weight:400}.form-steps li span{color:#6c563f;background:#f4ecdc;border:1px solid #c6b394;border-radius:45% 53% 48% 54%}.form-steps .active span{color:#4f3928;background:#ebc99b;border-color:#a17b50}.module-grid button{border-radius:17px 23px 18px 24px}.live-stage-buttons button,.demo-themes button{border-radius:22px 29px 23px 27px/45% 48% 54% 52%}.module-summary h3,.live-stage-content h3{line-height:1.8}@media (width>=761px) and (width<=1100px){.site-scene .desktop-nav a{font-size:15px}.desktop-nav{gap:17px}.site-scene .header-contact{padding-inline:16px;font-size:15px}.site-scene .home-hero h1{font-size:clamp(42px,5.8vw,64px)}.site-scene .home-chapters a{gap:8px;padding-inline:12px;font-size:16px}.expanded-intro h2{font-size:clamp(27px,3.2vw,35px)}}@media (width>=761px) and (width<=980px){.hero-side-note{font-size:15px;top:-10px;right:0}.site-scene .hero-actions .button{white-space:nowrap;gap:8px;padding-inline:12px;font-size:16px}.site-scene .home-chapters a{white-space:nowrap;gap:6px;padding-inline:8px;font-size:15px}.home-chapters small{font-size:13px}}@media (width>=761px) and (width<=900px){.site-scene .desktop-nav a{font-size:14px}.desktop-nav{gap:10px}.site-scene .header-contact{white-space:nowrap;flex-shrink:0;padding-inline:12px;font-size:14px}.header-contact>svg{display:none}}@media (width<=760px){.site-scene .home-hero h1{letter-spacing:0;font-size:clamp(32px,8.9vw,48px);line-height:1.65}.site-scene .page-hero h1{font-size:clamp(29px,7.5vw,38px);line-height:1.65}.hero-description{font-size:14px;line-height:1.95}.intro-art .handwriting{white-space:nowrap;font-size:18px}.expanded-intro h2{font-size:clamp(25px,7.4vw,29px)}.site-scene .eyebrow{font-size:14px}.site-scene .button{min-height:54px;padding:12px 20px;font-size:18px}.site-scene .hero-actions .button{gap:7px;min-width:0;padding:12px;font-size:16px}.site-scene .hero-actions .button>svg{width:16px;height:16px;padding:0}.site-scene .text-link{font-size:17px}.site-scene .home-chapters a{border-radius:20px 27px 22px 25px;grid-template-columns:1fr 16px;grid-template-areas:"number arrow""title title";gap:3px 10px;padding:13px 17px;font-size:16px;display:grid}.home-chapters small{grid-area:number}.home-chapters svg{grid-area:arrow}.home-chapters .chapter-title{white-space:nowrap;grid-area:title;line-height:1.65}.site-scene .portfolio-jump a{gap:9px;padding-inline:15px;font-size:17px}.site-scene .company-chapters a{font-size:16px}.page-hero,.service-hero{border-radius:28px 36px 26px 34px/34px 28px 38px 30px}.contact-banner{border-radius:44px 58px 48px 65px}.service-features,.soft-section,.scope-section,.tool-process,.access-section,.hakoos-modules,.axiswork-flow,.playground-section{border-radius:29px 38px 28px 36px}.site-scene .home-service h3{font-size:20px}.site-scene .footer-links a{font-size:16px}.site-scene .app-catch{font-size:22px}.site-scene .product-catch{font-size:23px!important}.form-field label,.form-steps li,.company-table dt{font-size:17px}.company-letter-intro h2{font-size:clamp(22px,6.5vw,29px)}}@media (width<=380px){.hero-actions{flex-direction:column}.site-scene .page-hero h1{font-size:clamp(23px,7.2vw,27px)}.site-scene .page-hero .button{gap:6px;padding-inline:12px;font-size:15px}.site-scene .page-hero .button>svg{width:16px;height:16px;padding:0}.intro-art .handwriting{font-size:16px}.site-scene .company-chapters a{font-size:14px}.site-scene .home-chapters a{gap:5px;padding-inline:10px;font-size:15px}.site-scene .portfolio-jump a{gap:7px;padding-inline:12px;font-size:16px}}
