:root{
      --main:#2E8BC0; --main-deep:#1F6E9C; --navy:#12324A; --navy-deep:#0D2436;
      --teal:#71C6B9; --teal-deep:#4FA597; --silver:#D9DEE3;
      --bg:#FFFFFF; --soft:#F6FAFD; --paper:#FAFCFE;
      --ink:#12324A; --body:#415061; --muted:#6E7A86;
      --line:rgba(46,139,192,.18); --line-soft:rgba(46,139,192,.09); --line-white:rgba(255,255,255,.16);
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{margin:0; color:var(--body); font-family:"Zen Kaku Gothic",sans-serif; line-height:1.9; -webkit-font-smoothing:antialiased; font-size:16px; overflow-x:hidden;
      background-color:var(--bg);
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.02 0.14' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.18 0 0 0 0 0.55 0 0 0 0 0.75 0 0 0 0.03 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
      background-size:320px; background-attachment:fixed;}
    img{max-width:100%; display:block;}
    a{color:inherit; text-decoration:none;}
    .mono{font-family:"Space Grotesk",monospace; letter-spacing:.04em;}
    h1,h2,h3{margin:0; color:var(--ink); font-family:"Shippori Mincho",serif; line-height:1.45; word-break:auto-phrase; text-wrap:balance; font-weight:700;}
    h1,h2,h3,.lead,.btn,summary{word-break:auto-phrase; text-wrap:balance;}
    p{margin:0;}
    .wrap{width:min(1160px,calc(100% - 56px)); margin:0 auto;}
    .eyebrow{font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--main); font-weight:700; display:inline-flex; gap:12px; align-items:center;}
    .eyebrow::before{content:""; width:28px; height:2px; background:var(--teal);}
    .mk{color:var(--main);}
    .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5em; font-weight:700; font-size:15px; min-height:54px; padding:14px 30px; border:1.5px solid transparent; border-radius:8px; transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;}
    .btn.primary{background:var(--main); color:#fff; box-shadow:0 14px 30px -16px rgba(46,139,192,.7);}
    .btn.primary:hover{transform:translateY(-2px); background:var(--main-deep);}
    .btn.teal{background:var(--teal-deep); color:#fff;}
    .btn.teal:hover{transform:translateY(-2px); background:#3E8C80;}
    .btn.ghost{background:transparent; color:var(--main); border-color:var(--main);}
    .btn.ghost:hover{background:var(--main); color:#fff;}
    .btn.light{background:transparent; color:#fff; border-color:var(--line-white);}
    .btn.light:hover{background:#fff; color:var(--main);}
    section{position:relative;}

    /* ZOROYA:HEADER（清潔・トップバー＋ロゴ左/ナビ中央/Web予約CTA） */
    .site-header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.93); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
    .hd-topbar{background:var(--navy); color:rgba(255,255,255,.82);}
    .hd-topbar .in{width:min(1280px,calc(100% - 48px)); margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:7px 0; font-size:12px;}
    .hd-topbar .right{display:flex; gap:18px; align-items:center;}
    .hd-topbar .tel{font-family:"Space Grotesk",monospace; color:#fff; font-weight:700;}
    .hd-main{width:min(1280px,calc(100% - 48px)); margin:0 auto; display:grid; grid-template-columns:auto 1fr auto; align-items:center; padding:12px 0; gap:24px;}
    .hd-logo img{height:50px; width:auto;}
    .hd-nav{display:flex; justify-content:center; gap:6px; flex-wrap:wrap;}
    .hd-nav a{padding:9px 13px; font-size:14px; font-weight:500; color:var(--ink); border-radius:6px;}
    .hd-nav a:hover{background:var(--soft); color:var(--main);}
    .hd-cta{justify-self:end; background:var(--main); color:#fff; font-weight:700; font-size:13px; padding:12px 20px; border-radius:8px;}
    .hd-cta:hover{background:var(--main-deep);}
    /* /ZOROYA:HEADER */

    /* ZOROYA:MAIN */
    /* HERO ＝ 15.Aurora（引き算の静かな全幅＋淡いオーロラ光） */
    .hero{position:relative; width:100vw; left:50%; margin-left:-50vw; min-height:92vh; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(180deg,#FBFDFE 0%,#EFF6FB 100%);}
    .aurora{position:absolute; inset:0; overflow:hidden; z-index:0;}
    .ab{position:absolute; border-radius:50%; filter:blur(80px); opacity:.55; mix-blend-mode:multiply; will-change:transform;}
    #ab1{width:48vw; height:48vw; background:#7FC3E6; left:0%; top:2%;}
    #ab2{width:44vw; height:44vw; background:#8FE0D2; right:2%; top:14%;}
    #ab3{width:40vw; height:40vw; background:#BFD3E2; left:26%; bottom:-12%;}
    .hero-frame{position:absolute; inset:26px; border:1px solid var(--line); z-index:1; pointer-events:none;}
    .hero-frame::before{content:""; position:absolute; left:-1px; top:-1px; width:42px; height:42px; border-top:2px solid var(--teal); border-left:2px solid var(--teal);}
    .hero-frame::after{content:""; position:absolute; right:-1px; bottom:-1px; width:42px; height:42px; border-bottom:2px solid var(--teal); border-right:2px solid var(--teal);}
    .hero-inner{position:relative; z-index:2; max-width:880px; padding:84px 28px; display:grid; gap:24px; justify-items:center; text-align:center;}
    .hero .tagcode{font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.3em; color:var(--main); display:flex; align-items:center; gap:12px;}
    .hero .tagcode::before,.hero .tagcode::after{content:""; width:34px; height:1px; background:var(--main); opacity:.5;}
    .hero h1{color:var(--ink); font-size:clamp(34px,5.2vw,62px); line-height:1.32; letter-spacing:.02em;}
    .hero h1 .mk{color:var(--main);}
    .hero .lead{color:var(--body); max-width:34em; font-size:16px;}
    .hero .btn-row{display:flex; gap:14px; flex-wrap:wrap; justify-content:center;}
    .hero .trust{display:flex; gap:0; flex-wrap:wrap; justify-content:center; margin-top:8px; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:rgba(255,255,255,.6);}
    .hero .trust .ti{padding:14px 26px; border-right:1px solid var(--line);}
    .hero .trust .ti:last-child{border-right:0;}
    .hero .trust .ti strong{display:block; color:var(--ink); font-size:15px; font-family:"Shippori Mincho",serif;}
    .hero .trust .ti span{font-size:12px; color:var(--muted);}
    .hero-scroll{position:absolute; left:50%; bottom:16px; transform:translateX(-50%); z-index:3; color:var(--main); font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.3em; writing-mode:vertical-rl; padding-bottom:30px;}
    .hero-scroll::after{content:""; position:absolute; left:50%; bottom:0; width:1px; height:22px; background:linear-gradient(var(--main),transparent); transform:translateX(-50%);}

    /* INTRO（引き算・左画像＋痛み点灯） */
    .intro{padding:116px 0;}
    .intro .split{display:grid; grid-template-columns:.92fr 1.08fr; gap:60px; align-items:stretch;}
    .intro .imgcol{position:relative;}
    .intro .imgph{position:relative; height:100%; min-height:430px; overflow:hidden; border-radius:10px; box-shadow:0 30px 60px -34px rgba(18,50,74,.26);}
    .intro .imgph img{width:100%; height:100%; object-fit:cover;}
    .intro .grid-deco{position:absolute; left:-18px; bottom:-18px; width:128px; height:128px; z-index:-1; background-image:linear-gradient(var(--main) 1px,transparent 1px),linear-gradient(90deg,var(--main) 1px,transparent 1px); background-size:18px 18px; opacity:.16;}
    .intro .num{position:absolute; top:14px; left:14px; z-index:2; font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.2em; color:#fff; background:var(--main); padding:6px 12px;}
    .intro .kicker{font-size:clamp(26px,3.6vw,42px); font-weight:800; line-height:1.45; margin:16px 0 12px;}
    .intro .sub{color:var(--muted); font-size:15px; max-width:30em; margin:0 0 28px;}
    .pains{display:grid; border-top:1px solid var(--line);}
    .pain{display:grid; grid-template-columns:40px 1fr; gap:18px; align-items:baseline; padding:22px 0; border-bottom:1px solid var(--line);}
    .pain .ck{font-family:"Space Grotesk",monospace; font-size:13px; color:var(--teal-deep);}
    .pain p{margin:0; font-family:"Shippori Mincho",serif; font-size:clamp(17px,2vw,21px); font-weight:600; color:rgba(18,50,74,.26); transition:color .5s ease;}
    .pain.lit p{color:var(--ink);}
    .closer{margin-top:30px; font-family:"Shippori Mincho",serif; font-size:clamp(18px,2.2vw,25px); font-weight:700; line-height:1.6; color:var(--ink);}
    .closer .hl{background:linear-gradient(transparent 60%, rgba(113,198,185,.4) 60%);}

    /* CONCEPT BAND（ダーク・予防の価値＝メリハリ①） */
    .cband{width:100vw; position:relative; left:50%; margin-left:-50vw; background:var(--navy); color:#DCEAF3; padding:104px 0; overflow:hidden;}
    .cband::before{content:""; position:absolute; right:-120px; top:-120px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(113,198,185,.34),transparent 64%); filter:blur(60px); mix-blend-mode:screen;}
    .cband::after{content:""; position:absolute; left:-120px; bottom:-140px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle,rgba(46,139,192,.5),transparent 64%); filter:blur(60px); mix-blend-mode:screen;}
    .cband .wrap{position:relative; z-index:2;}
    .cband .eyebrow{color:var(--teal);} .cband .eyebrow::before{background:var(--teal);}
    .cband h2{color:#fff; font-weight:700; font-size:clamp(24px,3.6vw,42px); line-height:1.55; margin-top:18px; max-width:22em;}
    .cband h2 .mk{color:var(--teal);}
    .cband p{color:rgba(220,234,243,.84); margin-top:22px; max-width:40em;}
    .cband .stat-row{display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top:54px;}
    .cband .scell{border-top:1px solid var(--line-white); padding-top:22px;}
    .cband .scell b{font-family:"Shippori Mincho",serif; font-weight:800; font-size:clamp(46px,6vw,82px); color:var(--teal); line-height:.9; display:block;}
    .cband .scell span{display:block; margin-top:10px; font-size:14px; color:rgba(220,234,243,.8);}

    /* REASONS（左sticky＋特大番号＋仮想敵タグ） */
    .reasons{padding:116px 0; background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
    .reasons .grid{display:grid; grid-template-columns:.82fr 1.18fr; gap:60px; align-items:start;}
    .reasons .side{position:sticky; top:118px;}
    .reasons .side h2{font-weight:800; font-size:clamp(28px,3.8vw,46px); line-height:1.4; margin:16px 0 16px;}
    .reasons .side p{color:var(--muted); font-size:15px; max-width:22em;}
    .reasons .side .mark{margin-top:24px; width:64px; height:4px; background:var(--teal);}
    .rlist{display:grid; border-top:2px solid var(--ink);}
    .rrow{display:grid; grid-template-columns:auto 1fr; gap:26px; padding:36px 4px; border-bottom:1px solid var(--line); align-items:start;}
    .rrow .rn{font-family:"Shippori Mincho",serif; font-weight:800; font-size:clamp(46px,6vw,82px); line-height:.85; color:transparent; -webkit-text-stroke:1.4px var(--main);}
    .rrow .thumb{width:112px; height:80px; overflow:hidden; border-radius:6px; float:right; margin:0 0 10px 18px;}
    .rrow .thumb img{width:100%; height:100%; object-fit:cover;}
    .rrow h3{font-size:clamp(20px,2.3vw,25px); margin-bottom:10px;}
    .rrow p{color:var(--muted); font-size:15px;}
    .rrow .vs{display:inline-block; margin-top:12px; font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.06em; color:var(--teal-deep); border:1px solid var(--teal); padding:5px 13px; border-radius:6px;}

    /* FACILITY（院内ギャラリー・グリッド） */
    .facility{padding:116px 0;}
    .facility .head{margin-bottom:44px;}
    .facility h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .fac-grid{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:190px; gap:14px;}
    .fac-grid figure{margin:0; overflow:hidden; border-radius:8px; position:relative;}
    .fac-grid img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
    .fac-grid figure:hover img{transform:scale(1.05);}
    .fac-grid figure figcaption{position:absolute; left:0; bottom:0; background:rgba(18,50,74,.78); color:#fff; font-size:11px; padding:6px 12px; border-radius:0 8px 0 0;}
    .fac-grid .big2{grid-column:span 2; grid-row:span 2;}
    .fac-grid .wide{grid-column:span 2;}

    /* SERVICES（診療メニュー・2列カード） */
    .services{padding:116px 0; background:var(--soft); border-top:1px solid var(--line);}
    .services .head{display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2px solid var(--ink); padding-bottom:20px; margin-bottom:36px;}
    .services h2.big{font-size:clamp(28px,4.2vw,48px); font-weight:800; margin-top:12px;}
    .services .cnt{font-family:"Space Grotesk",monospace; font-size:12px; color:var(--muted); letter-spacing:.1em;}
    .svc-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
    .svc{background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden; display:grid; grid-template-columns:150px 1fr;}
    .svc .si{position:relative; overflow:hidden;} .svc .si img{width:100%; height:100%; object-fit:cover;}
    .svc .sb{padding:24px 26px;}
    .svc .sn{font-family:"Space Grotesk",monospace; font-size:12px; color:var(--main);}
    .svc h3{font-size:20px; margin:6px 0 8px;} .svc p{color:var(--muted); font-size:14px;}
    .svc .price{margin-top:12px; font-family:"Shippori Mincho",serif; color:var(--main); font-weight:700; font-size:18px;}

    /* PROCESS（通院の流れ） */
    .process{padding:116px 0;}
    .process .head{margin-bottom:44px;}
    .process h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .pflow{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
    .pstep{border:1px solid var(--line); border-radius:10px; padding:28px 24px; background:#fff;}
    .pstep .pn{width:46px; height:46px; border-radius:8px; background:var(--main); color:#fff; display:flex; align-items:center; justify-content:center; font-family:"Space Grotesk",monospace; font-weight:700; margin-bottom:14px;}
    .pstep h3{font-size:17px; margin-bottom:8px;} .pstep p{color:var(--muted); font-size:14px;}

    /* VOICE（引用大＋ポートレート＋2列サブ） */
    .voice{padding:116px 0; background:var(--soft); border-top:1px solid var(--line);}
    .vquote{display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:center; margin-top:24px;}
    .portrait{position:relative; aspect-ratio:3/4; overflow:hidden; border-radius:10px;}
    .portrait img{width:100%; height:100%; object-fit:cover;}
    .bigq{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.5vw,30px); font-weight:600; line-height:1.75; margin:0;}
    .bigq .qm{color:var(--teal-deep); font-size:1.2em;}
    .by{margin-top:24px; display:flex; align-items:center; gap:14px;} .by .ln{width:34px; height:1px; background:var(--main);} .by .nm{font-weight:700; font-size:15px;} .by .rl{font-size:13px; color:var(--muted);}
    .vsub{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:50px;}
    .vcard{background:#fff; border:1px solid var(--line); border-radius:10px; padding:26px 28px; display:grid; grid-template-columns:60px 1fr; gap:18px; align-items:start;}
    .vcard .vp{width:60px; height:60px; border-radius:50%; overflow:hidden;} .vcard .vp img{width:100%; height:100%; object-fit:cover;}
    .vcard p{font-size:15px; color:var(--body);} .vcard .vn{margin-top:10px; font-size:12px; color:var(--muted); font-weight:700;}

    /* MESSAGE（院長・文字点灯＋署名） */
    .message{padding:124px 0;}
    .msg{display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:start; margin-top:24px;}
    .pcol{position:sticky; top:118px;}
    .pcol .portrait2{aspect-ratio:4/5; overflow:hidden; border-radius:10px;}
    .pcol .portrait2 img{width:100%; height:100%; object-fit:cover;}
    .pname{margin-top:18px;} .pname .role{font-size:12px; color:var(--muted);} .pname .nm{font-family:"Shippori Mincho",serif; font-size:22px; font-weight:600; margin-top:4px;}
    .msg-body{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.2vw,26px); line-height:1.95; font-weight:500; max-width:24em;}
    .msg-body .w{color:rgba(18,50,74,.22); transition:color .1s;}
    .sign{margin-top:38px;} .sign svg{width:220px; height:78px; overflow:visible;}
    .sign path{fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}

    /* FAQ（下線ドロー） */
    .faq{padding:116px 0; background:var(--soft); border-top:1px solid var(--line);}
    .faq .head{position:relative; display:inline-block;}
    .faq h2.big{font-size:clamp(28px,4vw,46px); font-weight:600; margin:18px 0 6px;}
    .faq .grid{display:grid; grid-template-columns:1fr 1fr; gap:34px 54px; margin-top:46px;}
    .qa .q{display:flex; gap:14px; align-items:baseline;}
    .qa .qn{font-family:"Shippori Mincho",serif; font-size:28px; color:var(--teal-deep); line-height:1; flex:0 0 auto;}
    .qa .qt{font-family:"Shippori Mincho",serif; font-size:clamp(17px,1.9vw,20px); font-weight:600; margin:0;}
    .qa .a{margin:12px 0 0 42px; font-size:14.5px; color:var(--muted);}

    /* FINAL CTA（ダーク全幅＋動く光＝メリハリ②） */
    .finalcta{width:100vw; position:relative; left:50%; margin-left:-50vw; min-height:74vh; display:flex; align-items:center; justify-content:center; overflow:hidden; text-align:center; background:var(--navy-deep);}
    .finalcta .bg{position:absolute; inset:0;} .finalcta .bg img{width:100%; height:100%; object-fit:cover; filter:saturate(.9) brightness(.5);}
    .finalcta .ov{position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,36,54,.82),rgba(13,36,54,.66) 50%,rgba(13,36,54,.92));}
    .finalcta .glow{position:absolute; width:54vw; height:54vw; border-radius:50%; filter:blur(92px); mix-blend-mode:screen; opacity:.55; background:radial-gradient(circle,var(--teal),transparent 64%); left:8%; top:8%;}
    .finalcta .glow2{background:radial-gradient(circle,var(--main),transparent 64%); right:6%; bottom:4%; left:auto; top:auto;}
    .finalcta .inner{position:relative; z-index:3; width:min(820px,calc(100% - 48px));}
    .finalcta .eyebrow{color:var(--teal); justify-content:center;} .finalcta .eyebrow::before{background:var(--teal);}
    .finalcta h2{color:#fff; font-weight:800; font-size:clamp(28px,5vw,58px); line-height:1.4; margin:22px 0 0; text-shadow:0 4px 40px rgba(0,0,0,.5);}
    .finalcta h2 .mk{color:var(--teal);}
    .finalcta p.lead{color:rgba(255,255,255,.88); font-size:17px; margin:22px auto 0; max-width:32em;}
    .finalcta .btns{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:36px;}
    .finalcta .sub{margin-top:22px; font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.1em; color:rgba(255,255,255,.6);}
    /* /ZOROYA:MAIN */

    /* ZOROYA:FOOTER */
    .footer{background:var(--navy); color:rgba(255,255,255,.74); padding:58px 0 30px;}
    .footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:34px;}
    .footer img{height:46px; width:auto; filter:brightness(0) invert(1); opacity:.92;}
    .footer h4{font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); margin:0 0 14px;}
    .footer .nap .nm{font-family:"Shippori Mincho",serif; font-weight:700; font-size:22px; color:#fff;}
    .footer .nap p{font-size:14px; line-height:1.9; margin:14px 0 0;}
    .footer .nap .tel{font-family:"Space Grotesk",monospace; color:#fff; font-weight:700; font-size:18px; margin-top:10px;}
    .footer a{display:block; color:#fff; font-size:14px; padding:6px 0; opacity:.85;} .footer a:hover{opacity:1; color:var(--teal);}
    .footer-bottom{border-top:1px solid var(--line-white); margin-top:36px; padding-top:22px; font-size:12px; color:rgba(255,255,255,.55); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

    @media (max-width:960px){
      .intro .split,.reasons .grid,.cband .stat-row,.svc-grid,.vquote,.vsub,.msg,.faq .grid,.footer-grid{grid-template-columns:1fr;}
      .reasons .side{position:static;} .pcol{position:static;} .msg .pcol{order:-1;}
      .fac-grid{grid-template-columns:repeat(2,1fr); grid-auto-rows:170px;} .pflow{grid-template-columns:1fr 1fr;}
      .hd-main{grid-template-columns:auto 1fr; gap:14px;} .hd-nav{display:none;}
    }
    @media (max-width:768px){
      body{font-size:15px;}
      .hd-topbar .in{display:none;} .hd-cta{display:none;}
      .fac-grid{grid-template-columns:1fr; grid-auto-rows:200px;} .fac-grid .big2,.fac-grid .wide{grid-column:span 1; grid-row:span 1;}
      .pflow{grid-template-columns:1fr;} .svc{grid-template-columns:1fr;} .svc .si{height:180px;} .btn{width:100%;}
      .hero .trust .ti{border-right:0; border-bottom:1px solid var(--line);}
    }
  
/* ZOROYA fixed pages / WordPress migration support */
.zoroya-sub-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.zoroya-sub-nav a,.wp-page-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,rgba(0,0,0,.14));border-radius:999px;padding:.55em 1em;font-weight:700;font-size:13px;background:rgba(255,255,255,.72)}
.zoroya-sub-nav a[aria-current="page"]{background:var(--ink,#222);color:#fff;border-color:var(--ink,#222)}
.wp-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.page-main{background:var(--bg,#f7f3ed);color:var(--body,#333);min-height:60vh}
.page-hero{padding:clamp(76px,10vw,132px) 0 clamp(44px,7vw,82px);border-bottom:1px solid var(--line,rgba(0,0,0,.12));background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.28))}
.page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(1120px,calc(100% - 44px));margin:0 auto}
.page-hero h1{font-size:clamp(32px,5vw,56px);margin:.18em 0 .28em}
.page-hero p{max-width:42em;color:var(--muted,var(--body,#555));font-size:clamp(15px,1.8vw,18px)}
.page-section{padding:clamp(58px,8vw,100px) 0;border-bottom:1px solid var(--line-soft,var(--line,rgba(0,0,0,.08)))}
.page-section h2{font-size:clamp(25px,3.4vw,40px);margin-bottom:24px}
.zoroya-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.zoroya-sub-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;padding:24px;box-shadow:0 18px 44px -34px rgba(0,0,0,.34)}
.zoroya-sub-card h3{font-size:clamp(19px,2vw,24px);margin-bottom:10px}
.zoroya-sub-card p,.zoroya-sub-card li{color:var(--muted,var(--body,#555));font-size:15px}
.zoroya-sub-card ul{margin:12px 0 0;padding-left:1.25em}
.zoroya-flow{display:grid;gap:14px;counter-reset:flow}
.zoroya-flow li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.58);border:1px solid var(--line,rgba(0,0,0,.12));padding:18px;border-radius:10px}
.zoroya-flow li::before{counter-increment:flow;content:counter(flow,decimal-leading-zero);font-weight:800;color:var(--accent,#9a6a33);font-family:inherit}
.zoroya-info{display:grid;grid-template-columns:180px 1fr;gap:0;border-top:1px solid var(--line,rgba(0,0,0,.12));background:rgba(255,255,255,.5)}
.zoroya-info dt,.zoroya-info dd{margin:0;padding:14px 16px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.zoroya-info dt{font-weight:800;color:var(--ink,#222)}
.zoroya-faq{display:grid;gap:14px}
.zoroya-faq details{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:10px;padding:18px 20px}
.zoroya-faq summary{cursor:pointer;font-weight:800;color:var(--ink,#222)}
.zoroya-faq p{margin-top:12px;color:var(--muted,var(--body,#555))}
.zoroya-form-slot{background:var(--paper,#fff);border:1px dashed var(--accent,#9a6a33);border-radius:12px;padding:26px}
.zoroya-final{padding:clamp(56px,8vw,94px) 0;background:var(--ink,#222);color:#fff}
.zoroya-final h2{color:#fff}
.zoroya-final p{color:rgba(255,255,255,.78);max-width:40em}
.zoroya-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
@media (max-width:768px){
  .zoroya-sub-grid,.zoroya-info{grid-template-columns:1fr}
  .zoroya-info dt{padding-bottom:4px;border-bottom:0}
  .zoroya-info dd{padding-top:4px}
  .page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(100% - 28px,1120px)}
}