:root{--ink:#17142b;--violet:#5b4ceb;--orange:#ff784f;--mist:#f5f4fb;--line:#e4e2ed;--muted:#69667a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans SC",sans-serif}.notice{height:38px;background:#17142b;color:#d6d2ff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));font:11px "DM Mono",monospace;letter-spacing:.08em}.notice a{color:#fff;text-decoration:none;letter-spacing:0}.header{height:84px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:9px;font:bold 24px "DM Mono",monospace;letter-spacing:-.09em;color:var(--ink);text-decoration:none}.brand-mark{display:flex;gap:3px;align-items:flex-end;height:25px}.brand-mark i{display:block;width:5px;background:var(--violet);border-radius:4px}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:17px}nav{display:flex;gap:30px}nav a{font-size:14px;color:#464256;text-decoration:none}nav a:hover{color:var(--violet)}.button,.outline-button{display:inline-flex;align-items:center;gap:12px;padding:15px 21px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px}.button{background:var(--violet);color:#fff}.button-small{padding:11px 15px}.outline-button{border:1px solid #cbc7da;color:var(--ink)}.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}.hero-detail{position:relative;overflow:hidden;background:linear-gradient(126deg,#f4f2ff 0%,#fbf9ff 48%,#ffeae3 100%);padding:70px 0 88px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,76,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,76,235,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-detail .wrap{position:relative;max-width:960px;margin-left:max(0px,calc((100vw - 1240px)/2));margin-right:0}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 45px}.breadcrumb a{color:var(--violet);text-decoration:none}.breadcrumb span{margin:0 7px}.eyebrow{margin:0 0 17px;color:var(--violet);font:500 12px "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.hero-detail h1{max-width:850px;font-size:clamp(40px,6vw,76px);letter-spacing:-.07em;line-height:1.08;margin:0 0 23px}.lead{max-width:700px;color:#555166;font-size:18px;line-height:1.8;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.overview{display:grid;grid-template-columns:1fr 1.08fr;gap:110px;padding-top:100px;padding-bottom:85px}.overview h2,.section-title h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;line-height:1.17;margin:0}.overview>p{margin:31px 0 0;color:var(--muted);line-height:1.95;font-size:16px}.capability-section{padding-bottom:96px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.capability{background:#fff;padding:35px 30px;min-height:206px}.capability b{display:block;color:var(--violet);font:500 12px "DM Mono",monospace;margin-bottom:30px}.capability h3{font-size:20px;letter-spacing:-.04em;margin:0 0 11px}.capability p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.use-section{padding-top:90px;padding-bottom:105px;border-top:1px solid var(--line)}.section-title{max-width:650px;margin-bottom:43px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.use{border-radius:10px;background:var(--mist);padding:25px;min-height:170px}.use span{display:block;color:var(--orange);font:500 12px "DM Mono",monospace;margin-bottom:29px}.use h3{margin:0;font-size:19px;letter-spacing:-.04em}.catalog-section{padding-bottom:110px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{position:relative;min-height:177px;border:1px solid var(--line);padding:24px;text-decoration:none;color:var(--ink);transition:.2s}.catalog-card:hover{border-color:var(--violet);transform:translateY(-3px)}.catalog-card span{display:block;color:var(--violet);font:500 11px "DM Mono",monospace;margin-bottom:24px}.catalog-card h3{font-size:20px;letter-spacing:-.04em;margin:0 28px 10px 0}.catalog-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.catalog-card b{position:absolute;right:22px;top:21px;color:var(--violet)}.contact-strip{background:#17142b;color:#fff;padding:72px 0}.contact-strip .wrap{display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.06em;line-height:1.15;margin:0}.light{color:#d5d0ff}.button-light{background:#fff;color:#211d42}footer{max-width:1240px;margin:auto;padding:38px 24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}footer a:last-child{color:var(--muted);text-decoration:none}@media(max-width:760px){.notice{padding:0 16px;font-size:9px}.header{height:66px;padding:0 16px}.header nav{display:none}.header .button{display:none}.brand{font-size:21px}.hero-detail{padding:48px 0 58px}.hero-detail .wrap{margin:auto}.breadcrumb{margin-bottom:32px}.hero-actions{flex-wrap:wrap}.overview{display:block;padding-top:68px;padding-bottom:62px}.overview>p{margin-top:22px}.capabilities,.use-grid,.catalog-grid{grid-template-columns:1fr}.capability-section{padding-bottom:66px}.use-section{padding-top:62px;padding-bottom:70px}.catalog-section{padding-bottom:70px}.contact-strip{padding:55px 0}.contact-strip .wrap{align-items:flex-start;gap:30px;flex-direction:column}footer{gap:20px;align-items:flex-start;flex-direction:column}}