/* Mobile device store — self-hosted, no external fonts or tracking */
:root{--ink:#152432;--muted:#5c6c79;--navy:#102533;--navy-deep:#081c29;--surface:#fff;--mint:#bbf7d0;--mint-dark:#86e5b1;--line:#e2e8eb;--bg:#f5f8f8;--w:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.8;letter-spacing:.02em}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:#a5f3d6;color:#102533}a:focus-visible,summary:focus-visible{outline:3px solid #3ccaa1;outline-offset:4px;border-radius:4px}.skip{position:absolute;left:8px;top:-70px;z-index:999;padding:10px 16px;background:white;color:var(--ink)}.skip:focus{top:8px}.wrap{width:min(var(--w),calc(100% - 52px));margin:0 auto}.topline{background:#0a1f2b;color:#a6c2cb;text-align:center;font-size:11px;letter-spacing:.12em;padding:6px 12px}.site-header{background:#fff;border-bottom:1px solid #eff2f3;position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-.052em;white-space:nowrap;color:#0e2935}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:#122e3b;border-radius:12px;color:#aaf0cf;font-size:22px;font-weight:800;letter-spacing:-.1em}.brand small{font-size:9px;display:block;letter-spacing:.15em;color:#617782;font-weight:700;line-height:1.15;margin-left:1px}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#394d59;font-weight:700}.desktop-nav a:hover{color:#008e70}.nav-contact{background:#102e3b;color:white!important;padding:10px 20px;border-radius:999px;transition:background .2s}.nav-contact:hover{background:#19755e}.mobile-menu{display:none}.hero{color:#fff;background:radial-gradient(ellipse at 76% 20%,#235267 0%,transparent 48%),linear-gradient(135deg,#0b2230 0%,#132d3b 55%,#081d27 100%);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:62px 62px;pointer-events:none}.hero-inner{min-height:550px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:75px 0 78px}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#c1f8d9;font-size:11px;font-weight:700;letter-spacing:.2em}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:#86e5b1;box-shadow:0 0 0 5px #86e5b11a}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.9vw,62px);line-height:1.42;letter-spacing:-.055em;margin:22px 0 22px;font-weight:800}h1 em{font-style:normal;color:#b2f4ce}.hero-copy{color:#c3d6dd;max-width:560px;font-size:15px;line-height:2.05;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:47px;border-radius:9px;padding:10px 22px;font-weight:700;font-size:13px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--mint);color:#0b2c30}.btn-primary:hover{background:#8fe5bb}.btn-outline{border:1px solid #8ca8b66c;color:#ecf8f6}.btn-outline:hover{background:#ffffff15}.device-scene{height:370px;position:relative;filter:drop-shadow(0 18px 25px #0005)}.device-halo{position:absolute;width:330px;height:330px;top:18px;left:14%;border-radius:50%;background:radial-gradient(circle,#4ee7c624,transparent 64%);border:1px solid #ffffff14}.screen-large{position:absolute;top:48px;right:28px;width:86%;height:242px;border:10px solid #1c3442;border-radius:19px;background:#112836;box-shadow:0 8px 0 #06202b,0 18px 40px #0006;overflow:hidden}.screen-large:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#77f3c222,transparent 52%);pointer-events:none}.screen-top{height:29px;display:flex;gap:5px;align-items:center;padding:0 16px;border-bottom:1px solid #68848a33}.screen-top i{display:block;width:6px;height:6px;border-radius:50%;background:#7896a6}.screen-top i:first-child{background:#9be8bd}.ui-screen{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 29px)}.ui-side{border-right:1px solid #ffffff19;padding:15px 10px}.ui-side span{display:block;height:7px;background:#4b707b;border-radius:10px;margin-bottom:15px}.ui-side span:nth-child(2){width:70%;background:#8fdfb8}.ui-side span:nth-child(3){width:50%}.ui-main{padding:19px}.ui-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:#a6ebcc}.ui-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.ui-tile{background:#1a3b49;border:1px solid #46687866;border-radius:8px;padding:10px;height:67px}.ui-tile b{display:block;background:#a5e7c6;width:56%;height:8px;border-radius:4px}.ui-tile span{display:block;background:#62899770;width:90%;height:6px;border-radius:4px;margin-top:13px}.ui-graph{height:38px;margin-top:13px;background:linear-gradient(140deg,transparent 42%,#57bf9c70 43%,transparent 46%),linear-gradient(14deg,transparent 53%,#65bc9a77 54%,transparent 58%);border-bottom:1px solid #72999944}.monitor-stand{position:absolute;right:33%;top:291px;height:29px;width:18px;background:linear-gradient(#345363,#182e3b)}.monitor-foot{position:absolute;right:23%;top:314px;width:110px;height:9px;background:#263f4b;border-radius:7px}.floating-phone{position:absolute;left:13px;bottom:18px;height:184px;width:92px;background:#071720;border:7px solid #344f5b;border-radius:23px;box-shadow:0 20px 25px #0007;transform:rotate(-9deg);padding:19px 10px}.floating-phone:before{content:"";position:absolute;width:28px;height:6px;top:5px;left:calc(50% - 14px);background:#09131b;border-radius:0 0 8px 8px}.phone-chip{height:46px;background:linear-gradient(140deg,#7be6ba,#319681);border-radius:10px;margin-bottom:14px}.phone-line{height:5px;border-radius:7px;background:#7eb6ad73;margin-bottom:8px}.phone-line:last-child{width:60%}.hero-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #ffffff24;padding:19px 0;color:#bcd0d7;font-size:11px;letter-spacing:.1em}.hero-foot span{display:flex;align-items:center;gap:8px}.hero-foot span:before{content:"✓";font-size:12px;color:#a8ecc5}.section{padding:96px 0}.section-light{background:#f6f9f9}.section-head{max-width:700px;margin-bottom:38px}.section-kicker{color:#168569;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:14px}.section h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-.045em;line-height:1.5;margin-bottom:14px;font-weight:800}.section-lead{color:var(--muted);font-size:14px;line-height:2;max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card{border:1px solid #e5ecef;background:white;border-radius:17px;padding:30px;min-height:235px;box-shadow:0 7px 30px #0d344408}.service-icon{width:49px;height:49px;display:grid;place-items:center;background:#eaf9f0;border-radius:13px;color:#157d64;margin-bottom:25px}.service-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:17px;margin-bottom:10px;letter-spacing:-.035em}.service-card p{color:var(--muted);font-size:13px;line-height:2;margin:0}.process-box{border-radius:22px;padding:46px 50px;color:#effaf8;background:linear-gradient(120deg,#102d38,#153b45);box-shadow:0 25px 70px #153a4721}.process-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.process-head h2{color:white}.process-head p{color:#bfd8d9}.stage-label{display:inline-flex;align-items:center;gap:8px;background:#cff9dd20;color:#c3f4db;border:1px solid #a9ecca40;padding:7px 15px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.step{background:#ffffff0d;border:1px solid #b5eac526;border-radius:12px;padding:23px 22px}.step small{font-size:11px;color:#85dfb6;font-weight:800;letter-spacing:.12em}.step h3{font-size:15px;margin:12px 0 7px;color:#fff}.step p{color:#b8cbcd;font-size:12px;margin:0;line-height:1.85}.note{font-size:12px;color:#a6bdc2;margin-top:20px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.about-layout .section-head{margin-bottom:0}.company-table{margin:0;border-top:2px solid #102f3b}.company-table div{display:grid;grid-template-columns:135px 1fr;border-bottom:1px solid #e5ebee;padding:20px 4px;gap:13px}.company-table dt{font-size:12px;font-weight:800;color:#546875}.company-table dd{margin:0;font-size:13px;line-height:1.85;overflow-wrap:anywhere}.contact-area{padding:70px 0;background:#e9f4f1}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:32px}.contact-card h2{font-size:31px;letter-spacing:-.04em;margin:0 0 12px}.contact-card p{margin:0;font-size:13px;color:#596e72}.contact-email{font-weight:800;color:#0c4e41;font-size:14px;overflow-wrap:anywhere}.site-footer{background:#0c202b;color:#bfd0d6;padding:35px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ffffff25;padding-bottom:25px}.footer-brand{font-weight:900;color:white;font-size:21px;letter-spacing:-.06em}.footer-links{display:flex;gap:23px;font-size:11px}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:10px;color:#91a6af}.subhero{background:#0d2835;color:#fff;padding:79px 0}.subhero .eyebrow{margin-bottom:20px}.subhero h1{font-size:42px;margin:0}.subhero p{color:#b3c9d0;max-width:680px;margin:12px 0 0}.legal{max-width:780px;margin:0 auto;padding:72px 26px 110px}.legal h2{font-size:22px;margin:40px 0 12px}.legal h2:first-of-type{margin-top:0}.legal p,.legal li{font-size:14px;line-height:2;color:#4d5e67}.legal a{color:#087d62;text-decoration:underline}.legal .updated{font-size:12px;color:#687d88}.legal ul{padding-left:25px}.legal dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #e2e9eb}.legal dt{font-weight:800}.legal dd{margin:0}.back{display:inline-block;margin-top:24px;color:#0f7a61;font-weight:800;font-size:13px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr .75fr;gap:5px}.screen-large{right:0;width:100%}.floating-phone{left:-5px}.about-layout{gap:35px}.process-box{padding:34px}.service-card{padding:24px}}
@media(max-width:700px){.wrap{width:min(var(--w),calc(100% - 36px))}.header-inner{min-height:65px}.topline{font-size:9px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;font-size:12px;font-weight:800;cursor:pointer;padding:9px 12px;border:1px solid #dfe8e9;border-radius:9px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;right:0;top:45px;background:white;width:195px;box-shadow:0 12px 40px #0003;border:1px solid #e7eeee;border-radius:11px;padding:9px;z-index:50}.mobile-panel a{display:block;padding:10px 12px;font-size:13px}.brand{font-size:clamp(16px,4.35vw,19px);letter-spacing:-.065em}.brand small{font-size:7px;letter-spacing:.11em}.brand-icon{width:33px;height:33px;font-size:21px;flex-shrink:0}.hero-inner{grid-template-columns:1fr;padding:60px 0 35px;min-height:auto}.hero-copy{font-size:14px}.hero h1{font-size:clamp(38px,11vw,51px);margin-top:17px;margin-bottom:16px}.device-scene{height:240px;width:min(340px,100%);margin:-5px auto 0}.screen-large{top:17px;right:14px;width:85%;height:168px;border-width:7px}.screen-top{height:19px}.ui-screen{grid-template-columns:36px 1fr;height:calc(100% - 19px)}.ui-side{padding:10px 6px}.ui-main{padding:11px}.ui-label{font-size:8px}.ui-tiles{gap:6px;margin-top:6px}.ui-tile{height:44px;padding:7px}.ui-tile span{margin-top:8px}.ui-graph{height:24px;margin-top:8px}.floating-phone{bottom:12px;left:9px;width:68px;height:133px;border-width:5px;border-radius:16px;padding:15px 7px}.floating-phone:before{width:21px;left:calc(50% - 10px);height:4px}.phone-chip{height:32px;margin-bottom:9px}.monitor-stand{top:185px;right:33%;height:28px}.monitor-foot{top:208px;right:23%;height:7px}.hero-foot{gap:6px;font-size:9px;line-height:1.5}.hero-foot span{align-items:start}.section{padding:70px 0}.section-head{margin-bottom:27px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:25px}.service-icon{margin-bottom:15px}.process-box{padding:28px 23px}.process-head{display:block}.stage-label{margin-bottom:18px}.steps{grid-template-columns:1fr;margin-top:21px}.step{padding:20px}.about-layout{grid-template-columns:1fr;gap:26px}.company-table div{grid-template-columns:92px 1fr;padding:15px 1px;gap:11px}.contact-area{padding:54px 0}.contact-card{align-items:flex-start;flex-direction:column}.contact-card h2{font-size:27px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:13px 19px}.subhero{padding:52px 0}.subhero h1{font-size:33px}.legal{padding-top:50px}.legal dl div{grid-template-columns:1fr;gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
@media(max-width:370px){.brand{font-size:16px}.mobile-menu summary{padding:8px 9px}}
.contact-email{overflow-wrap:anywhere;max-width:100%}