.home-main{padding-top:var(--header-height);background:#f5f5f7}.hero-home{min-height:calc(100svh - var(--header-height));padding:clamp(90px,12vh,150px) 0 55px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-eyebrow{color:#6e6e73;font-size:.72rem;font-weight:600;letter-spacing:.08em}.hero-home h1{margin:auto 0 24px;font-size:clamp(5rem,12vw,11rem);font-weight:700;line-height:.92;letter-spacing:-.08em;white-space:nowrap}.hero-summary{color:#333336;font-size:clamp(1.2rem,2.2vw,2rem);font-weight:600;line-height:1.45;letter-spacing:-.025em}.hero-arrow{width:46px;height:46px;margin-top:auto;display:grid;place-items:center;border:1px solid #a8a8ad;border-radius:50%;font-size:1.2rem}
.intro-section{padding:clamp(100px,13vw,190px) 0;background:#fff}.intro-inner{display:grid;grid-template-columns:220px minmax(0,800px);gap:70px}.intro-inner>p,.profile-grid>div>p{padding-top:12px;color:#6e6e73;font-size:.72rem;font-weight:700;letter-spacing:.12em}.intro-inner h2{font-size:clamp(3rem,6.3vw,6.5rem);font-weight:700;line-height:1.05;letter-spacing:-.065em}
.portfolio-section{padding:18px clamp(18px,4vw,64px);max-width:1540px;margin:0 auto;background:#f5f5f7}.products-section{display:grid;gap:26px}.portfolio-panel{position:relative;min-height:720px;padding:clamp(44px,6vw,78px);overflow:hidden;border-radius:30px;background:#fff}.panel-heading{position:relative;z-index:2;max-width:560px}.panel-heading.centered{max-width:760px;margin:0 auto;text-align:center}.panel-heading p{margin-bottom:16px;color:#6e6e73;font-size:.68rem;font-weight:700;letter-spacing:.12em}.panel-heading h2{font-size:clamp(2.7rem,4.6vw,4.8rem);font-weight:700;line-height:1.02;letter-spacing:-.055em}.panel-heading span{display:block;margin-top:20px;color:#515154;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:500;line-height:1.7}.photo-panel{min-height:680px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:70px;align-items:center}.photo-placeholder{height:100%;min-height:480px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;background:#e3e3e0;color:#1d1d1f}.photo-placeholder strong{font-size:clamp(2rem,4vw,4.5rem);line-height:1}.photo-placeholder small{margin-top:10px;color:#6e6e73;font-size:.75rem;letter-spacing:.08em}.photo-panel>a{position:absolute;left:clamp(48px,7vw,90px);bottom:clamp(48px,7vw,90px);color:#06c;font-size:1rem;font-weight:500}
.foodie-panel,.steptrace-panel{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(50px,8vw,120px)}.product-panel-copy{display:flex;align-self:stretch;flex-direction:column;justify-content:center}.foodie-panel{background:#f8d74a}.device-stage{min-height:560px;display:grid;place-items:center}.simple-phone{width:min(270px,62vw);padding:8px;border-radius:48px;background:#111;box-shadow:0 28px 60px rgba(76,62,0,.22)}.simple-phone img{width:100%;aspect-ratio:9/19.5;object-fit:cover;object-position:top;border:3px solid #111;border-radius:40px}.panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:34px}.panel-link{min-height:44px;padding:10px 19px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;border-radius:999px;color:#111;font-size:.82rem;font-weight:700;transition:.18s ease}.panel-link-primary{background:#111;color:#fff}.panel-link:hover{transform:translateY(-2px);background:#1557d5;border-color:#1557d5;color:#fff}.panel-link:after{content:none}.steptrace-panel{background:#20485d;color:#fff}.steptrace-panel .panel-heading p,.steptrace-panel .panel-heading span{color:#d1e0e6}.steptrace-stage{min-height:520px;display:flex;align-items:center;justify-content:center;gap:clamp(35px,6vw,90px)}.steptrace-stage>img{width:min(245px,28vw);border-radius:24%;box-shadow:0 28px 60px rgba(0,0,0,.25)}.steptrace-data{width:min(340px,35vw)}.steptrace-data p{padding:22px 0;border-top:1px solid #6c8996}.steptrace-data p:last-child{border-bottom:1px solid #6c8996}.steptrace-data span{display:block;color:#d1e0e6;font-size:.72rem}.steptrace-data strong{display:block;margin-top:5px;font-size:clamp(2.5rem,4vw,4.2rem);line-height:1;letter-spacing:-.05em}.panel-link.light{border-color:#d1e0e6;color:#fff}.panel-link-primary.light{background:#fff;color:#20485d}.panel-link.is-disabled{cursor:not-allowed;opacity:.52}.panel-link.is-disabled:hover{transform:none;background:transparent;border-color:#d1e0e6;color:#fff}
.profile-section{padding:clamp(110px,13vw,190px) 0;background:#fff}.profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(60px,10vw,150px);align-items:start}.profile-grid h2{margin-top:24px;font-size:clamp(2.8rem,5.2vw,5.4rem);font-weight:700;line-height:1.05;letter-spacing:-.06em}.profile-grid>div:last-child{padding-top:48px}.profile-grid>div:last-child p{color:#515154;font-size:1.15rem;line-height:1.75}.profile-grid a{display:inline-block;margin-top:30px;color:#06c;font-weight:500}
.contact-simple{padding:clamp(95px,11vw,150px) 0;background:#000;color:#fff;text-align:center}.contact-simple p{color:#a1a1a6;font-size:1rem}.contact-simple h2{margin:16px 0 30px;font-size:clamp(3rem,7vw,7rem);line-height:1;letter-spacing:-.065em}.contact-simple a{color:#2997ff;font-size:clamp(1.1rem,2vw,1.5rem)}
@media(max-width:900px){.intro-inner,.photo-panel,.profile-grid,.foodie-panel,.steptrace-panel{grid-template-columns:1fr}.photo-panel{padding-bottom:100px}.photo-placeholder{min-height:420px}.photo-panel>a{left:clamp(32px,7vw,64px);bottom:50px}.portfolio-panel{min-height:auto}.product-panel-copy{text-align:center}.product-panel-copy .panel-heading{margin-inline:auto}.panel-actions{justify-content:center}.device-stage{min-height:510px}.steptrace-stage{flex-direction:column;gap:40px;padding:60px 0 15px}.steptrace-stage>img{width:min(240px,52vw)}.steptrace-data{width:min(520px,90%)}.profile-grid>div:last-child{padding-top:0}}
@media(max-width:620px){.hero-home{min-height:720px;padding-top:80px}.hero-home h1{font-size:clamp(4.1rem,21vw,6rem);white-space:nowrap}.hero-summary{font-size:1.15rem}.intro-section{padding:90px 0}.intro-inner{gap:32px}.intro-inner h2{font-size:2.9rem}.portfolio-section{padding:6px}.portfolio-panel{min-height:680px;padding:48px 22px;border-radius:24px}.panel-heading h2{font-size:2.7rem}.panel-heading span{font-size:1rem}.photo-panel{min-height:650px}.photo-placeholder{min-height:350px;padding:24px}.photo-panel>a{left:22px;bottom:42px}.device-stage{min-height:500px}.simple-phone{width:min(250px,72vw)}.steptrace-stage{min-height:500px;padding:55px 0 25px}.steptrace-stage>img{width:min(220px,62vw)}.steptrace-data{width:100%}.steptrace-data strong{font-size:2.6rem}.panel-actions{gap:20px}.profile-section{padding:95px 0}.profile-grid h2{font-size:2.85rem}.profile-grid>div:last-child p{font-size:1rem}.contact-simple h2{font-size:3rem}}

.coordinate-panel{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(50px,8vw,120px);background:#163f76;color:#fff}.coordinate-panel .panel-heading p,.coordinate-panel .panel-heading span{color:#c9daee}.coordinate-stage{min-height:520px;display:grid;place-items:center}.coordinate-phone{width:min(285px,62vw);aspect-ratio:285/580;padding:9px;overflow:hidden;border-radius:46px;background:#090909;box-shadow:0 28px 60px rgba(0,0,0,.3)}.coordinate-map{position:relative;height:55%;overflow:hidden;border-radius:37px 37px 0 0;background:linear-gradient(32deg,transparent 47%,#fff 48% 51%,transparent 52%) 0 0/95px 100px,#dce5df}.coordinate-map span{position:absolute;left:36px;top:138px;width:210px;height:9px;border:2px solid #fff;border-radius:20px;background:#216ee0;transform:rotate(-28deg)}.coordinate-map i,.coordinate-map b{position:absolute;z-index:2;width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:#216ee0}.coordinate-map i{left:35px;top:175px}.coordinate-map b{right:27px;top:90px}.coordinate-sheet{height:45%;display:flex;flex-direction:column;padding:22px 17px;background:#fafafa;color:#111}.coordinate-sheet small{color:#27805a;font-size:.62rem;font-weight:700}.coordinate-sheet strong{margin:24px 0 auto;font-size:1rem}.coordinate-sheet button{padding:12px;border-radius:10px;background:#1768d7;color:#fff;font-size:.76rem;font-weight:800;pointer-events:none}
@media(max-width:900px){.coordinate-panel{grid-template-columns:1fr}.coordinate-stage{min-height:500px}}
@media(max-width:620px){.portfolio-section{padding:10px 14px}.portfolio-panel{min-height:auto}.coordinate-stage{min-height:470px}.panel-actions{gap:10px}.panel-link{flex:1 1 150px}}