:root{--portal-paper:#fffdf8;--portal-gold:#a9823d;--portal-gold-light:#e6d6b2;--portal-ink:#292b29;--portal-muted:#74766e}
.hero{position:relative;overflow:hidden}.hero-panel{background:linear-gradient(135deg,#fffef9,#f6ecd8)!important;border:1px solid #cfb580!important;color:#493b24!important;box-shadow:0 20px 55px #80602216!important}.hero-panel strong{color:#795b2a!important}.hero-panel p{color:#686254!important}.hero-panel .panel-label{color:#947039!important;font-size:10px;letter-spacing:.14em}.paid-promo h2{color:#fff5de!important}.paid-promo-inner{position:relative;z-index:1}
body{background:var(--portal-paper);color:var(--portal-ink);font-family:"Noto Sans JP Variable",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.portal-rail{border-bottom:1px solid #e9e4d8;background:#fff;box-shadow:0 4px 18px #6c542012}
.portal-rail-inner{width:min(1200px,calc(100% - 32px));margin:auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}
.portal-rail a{text-decoration:none;color:#75613c}.portal-rail a:hover{color:var(--portal-gold)}
.portal-rail-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.portal-rail-links a{padding:5px 0}.portal-rail-links a[aria-current="page"]{color:var(--portal-gold);font-weight:700;border-bottom:1px solid var(--portal-gold)}
.header{background:linear-gradient(110deg,#25291f,#454635);box-shadow:0 8px 26px #3e3d2b1c}.header-inner{min-height:78px}.brand{font-family:Georgia,"Yu Mincho",serif;letter-spacing:.16em;font-size:18px}.brand span{color:#dfbf7e;font-size:12px;letter-spacing:.08em}.nav{gap:15px;font-size:12px}.nav a{color:#f8f3e9}.nav a:hover{color:#e7c988}.nav .member{border-color:#c6a465;border-radius:3px;padding:7px 12px}
.hero{background:linear-gradient(115deg,#fff 42%,#fbf7eb);padding:76px 0 66px;border-bottom-color:#e5dccb}.hero:after{content:"HARU / START SMALL";position:absolute;right:3vw;bottom:18px;color:#b69a621f;font:italic 72px Georgia,serif;letter-spacing:.04em;pointer-events:none}.hero-grid{gap:52px}.eyebrow{color:#85652b;background:#fcf8ee;border-color:#dfc995;letter-spacing:.08em}.hero h1{font-family:Georgia,"Yu Mincho",serif;font-weight:500;letter-spacing:.02em}.hero p{color:#696c64}.btn{border-radius:3px;border-color:#b99756;padding:12px 19px;box-shadow:none}.btn.primary{background:linear-gradient(110deg,#a77d36,#bc9656);box-shadow:0 10px 25px #9b77321c}.hero-panel{border-radius:5px;background:linear-gradient(145deg,#363a2a,#555541);box-shadow:0 22px 44px #3f40291f;padding:30px}.hero-panel strong{font-family:Georgia,"Yu Mincho",serif;font-weight:500}.section{padding:72px 0}.section-head h2,.about h2,.paid-promo h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500}.section-head h2{font-size:31px}.tool-grid,.career-grid{gap:22px}.tool-card,.career-link,.step{border-color:#e4d7bc;border-radius:5px;background:#fffdf9;box-shadow:0 8px 24px #9073320c}.tool-card{padding:25px}.tool-card:hover,.career-link:hover{transform:translateY(-4px);box-shadow:0 20px 40px #8e71321c;border-color:#c8a66a}.tool-card h3,.step h3{font-family:Georgia,"Yu Mincho",serif;font-weight:600}.icon{background:#fcf7e9;color:#a17a37;border:1px solid #e4d6b7;border-radius:50%}.paid-promo{background:linear-gradient(120deg,#2b2e24,#51513d);border-block:1px solid #746844}.paid-promo .eyebrow{border-color:#ddc48e}.about{background:#fff;border-color:#e6decd}.principle{background:#fffdf8;border-color:#e6dbc4;border-radius:3px}.footer{background:#fff;border-top:1px solid #e7dfcf;padding-top:32px}.footer a{color:#8a662d}.footer-inner{font-size:12px}
@media(max-width:760px){.portal-rail-inner{align-items:flex-start;flex-direction:column;padding:10px 0;gap:5px}.portal-rail-links{gap:12px}.hero{padding:50px 0 46px}.hero:after{font-size:37px;bottom:12px}.section{padding:52px 0}.nav{gap:10px}.nav a{font-size:11px}}

.tool-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fffdf8 70%,#f8f0df 100%);border-width:1px;box-shadow:0 14px 36px #8b6d2b12}.tool-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#c8a66a,transparent);opacity:.7}.tool-card:after{content:"";position:absolute;width:180px;height:180px;right:-95px;top:-95px;border:1px solid #c4a45b35;border-radius:50%;pointer-events:none}.tool-card .icon{position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffdf4,#f3e3bd);border:1px solid #c8a66a;box-shadow:inset 0 0 0 4px #fff9eb,0 5px 16px #8d6c291a;color:transparent;font-size:0}.tool-card .icon:before{content:"";position:absolute;inset:13px;background:center/contain no-repeat}.tool-card:nth-child(1) .icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23987535' stroke-width='1.25'%3E%3Cpath d='M12 3v18M7.5 7.2c.8-1 2.1-1.5 4.3-1.5 2.7 0 4.7 1.3 4.7 3.1 0 4.8-9 1.6-9 6.1 0 1.9 2 3.3 4.8 3.3 2 0 3.5-.6 4.3-1.7'/%3E%3C/svg%3E")}.tool-card:nth-child(2) .icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23987535' stroke-width='1.25'%3E%3Cpath d='M5 6.5h14M5 12h14M5 17.5h8'/%3E%3Cpath d='M17 15.5v4m-2-2h4'/%3E%3C/svg%3E")}.tool-card:nth-child(3) .icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23987535' stroke-width='1.25'%3E%3Cpath d='m4 9 8-4 8 4-8 4-8-4Z'/%3E%3Cpath d='M7 11.2V15c2.8 2 7.2 2 10 0v-3.8M20 9v6'/%3E%3C/svg%3E")}
.section-head h2{position:relative;padding-left:20px}.section-head h2:before{content:"";position:absolute;left:0;top:.28em;width:3px;height:1.1em;background:linear-gradient(#d3b36c,#987135);border-radius:99px}.free-note{background:#fffaf0;border-color:#ddc99d;color:#89672f;box-shadow:0 3px 12px #8e6d2c0c}.step{background:linear-gradient(145deg,#fff,#fffdf8);box-shadow:0 8px 22px #8d6d2c0d}.step:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:#d0b47c}.paid-promo{position:relative;overflow:hidden}.paid-promo:after{content:"HARU";position:absolute;right:4%;bottom:-30px;color:#fff1c61a;font:italic 120px Georgia,serif;pointer-events:none}