.landing-page{background:linear-gradient(180deg,#eef9f7 0,#f7faf8 540px,#fffdfa 100%)}
.landing-page .site-header{border-bottom-color:rgba(213,229,226,.62);background:rgba(250,253,250,.76)}
.hero-world{position:relative;isolation:isolate;overflow:hidden;min-height:680px;border-bottom:1px solid rgba(205,226,226,.58);background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.96),transparent 34%),linear-gradient(145deg,#f8fdfb 0,#eaf7f5 46%,#f7f3f1 100%)}
.hero-world::before{position:absolute;z-index:-1;inset:0;content:"";opacity:.34;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-one{width:440px;height:440px;top:-190px;right:-80px;background:radial-gradient(circle,rgba(167,224,217,.52),rgba(210,240,235,.08) 68%,transparent 72%)}.hero-glow-two{width:360px;height:360px;bottom:-210px;left:-90px;background:radial-gradient(circle,rgba(225,201,196,.36),transparent 70%)}
.hero-stage{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(42px,6vw,82px);min-height:680px;padding-top:54px;padding-bottom:60px}.hero-copy{text-align:left}.hero-copy .eyebrow{margin-bottom:14px}.hero-copy h1{margin:0;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(3rem,5.8vw,4.3rem);font-weight:500;line-height:1.04;letter-spacing:.04em;white-space:nowrap}.hero-copy .slogan{margin:20px 0 0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:700;letter-spacing:.055em}.hero-copy .lead{max-width:480px;margin:20px 0 0;color:#4f6970;line-height:1.9}.hero-copy .price{display:flex;align-items:baseline;gap:7px;margin:24px 0 12px}.hero-copy .price strong{font-size:2rem;letter-spacing:.03em}.hero-copy .price span{color:var(--muted);font-size:.84rem}.hero-copy .cta{min-width:280px;background:linear-gradient(135deg,#168fa1,#096b7b);box-shadow:0 15px 36px rgba(8,127,148,.2),inset 0 1px rgba(255,255,255,.3);letter-spacing:.04em}
.hero-assurance{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:17px;color:#536d73;font-size:.74rem}.hero-assurance span{display:inline-flex;align-items:center;gap:6px}.hero-assurance span::before{width:5px;height:5px;border-radius:50%;background:#70aeb1;content:""}
.hero-visual{position:relative;display:grid;justify-items:center;order:2;perspective:1100px}.preview-card{position:relative;overflow:hidden;width:min(100%,365px);aspect-ratio:4/5.25;padding:23px;border:1px solid rgba(255,255,255,.86);border-radius:27px;background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(222,242,239,.68) 44%,rgba(239,224,224,.64));box-shadow:0 34px 80px rgba(45,83,87,.2),inset 0 0 0 1px rgba(129,185,184,.16),inset 0 22px 50px rgba(255,255,255,.5);transform:rotate(2.2deg);backdrop-filter:blur(20px)}.preview-card::before{position:absolute;inset:9px;border:1px solid rgba(79,127,130,.22);border-radius:21px;content:""}.preview-card::after{position:absolute;width:240px;height:240px;right:-90px;bottom:-80px;border:1px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.1),0 0 0 68px rgba(255,255,255,.08);content:""}.preview-card-shine{position:absolute;width:92px;height:560px;top:-90px;left:64px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);transform:rotate(28deg);filter:blur(2px)}
.preview-card-top,.preview-card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;color:#42666d;font-size:.58rem;font-weight:800;letter-spacing:.16em}.preview-card-top span:last-child{font-size:.48rem}.preview-orbit{position:absolute;z-index:1;width:250px;height:250px;top:50%;left:50%;border:1px solid rgba(71,137,139,.28);border-radius:50%;transform:translate(-50%,-49%)}.preview-orbit::before,.preview-orbit::after{position:absolute;inset:24px;border:1px solid rgba(255,255,255,.78);border-radius:50%;content:""}.preview-orbit::after{inset:52px;border-color:rgba(71,137,139,.2)}.preview-orbit>span{position:absolute;width:9px;height:9px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#78b7b6;box-shadow:0 3px 10px rgba(56,113,116,.25)}.preview-orbit>span:nth-child(1){top:22px;left:58px}.preview-orbit>span:nth-child(2){top:108px;right:-4px;background:#cba7a6}.preview-orbit>span:nth-child(3){bottom:20px;left:48px;background:#cab37a}
.preview-score{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#264c55;text-align:center}.preview-score small{font-size:.55rem;font-weight:800;letter-spacing:.2em}.preview-score strong{margin:-3px 0 -6px;font-family:Georgia,"Times New Roman",serif;font-size:5.7rem;font-weight:400;line-height:1}.preview-score em{font-family:Georgia,"Times New Roman",serif;font-size:.62rem;letter-spacing:.13em}.preview-card-bottom{position:absolute;z-index:2;right:25px;bottom:25px;left:25px;justify-content:flex-start;gap:12px;font-size:.43rem}.preview-caption{margin:20px 0 0;color:#49676d;font-family:Georgia,"Yu Mincho",serif;font-size:.9rem;letter-spacing:.08em}.landing-page .panel{border-color:rgba(184,216,213,.72);background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(46,83,88,.07);backdrop-filter:blur(12px)}
@media(max-width:700px){.hero-world{min-height:auto}.hero-stage{display:flex;min-height:auto;padding-top:18px;padding-bottom:26px;gap:0;flex-direction:column}.hero-visual{order:0;width:100%}.preview-card{width:168px;padding:13px;border-radius:18px;transform:rotate(1.5deg);box-shadow:0 20px 48px rgba(45,83,87,.18),inset 0 0 0 1px rgba(129,185,184,.15)}.preview-card::before{inset:6px;border-radius:14px}.preview-card::after{width:120px;height:120px;right:-50px;bottom:-44px}.preview-card-shine{width:45px;height:270px;top:-40px;left:32px}.preview-card-top{font-size:.31rem}.preview-card-top span:last-child{font-size:.26rem}.preview-orbit{width:116px;height:116px}.preview-orbit::before{inset:12px}.preview-orbit::after{inset:25px}.preview-orbit>span{width:6px;height:6px;border-width:1px}.preview-orbit>span:nth-child(1){top:10px;left:27px}.preview-orbit>span:nth-child(2){top:51px;right:-3px}.preview-orbit>span:nth-child(3){bottom:9px;left:22px}.preview-score small{font-size:.29rem}.preview-score strong{font-size:2.8rem}.preview-score em{font-size:.3rem}.preview-card-bottom{right:13px;bottom:13px;left:13px;gap:5px;font-size:.22rem}.preview-caption{margin:6px 0 0;font-size:.64rem}.hero-copy{width:100%;margin-top:10px;text-align:center}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:1.9rem}.hero-copy .slogan{margin-top:5px;font-size:1rem}.hero-copy .lead{max-width:340px;margin:7px auto 0;font-size:.81rem;line-height:1.58}.hero-copy .price{justify-content:center;margin:8px 0 6px}.hero-copy .price strong{font-size:1.5rem}.hero-copy .cta{width:min(100%,310px);min-width:0;min-height:50px}.hero-assurance{justify-content:center;gap:2px 10px;margin-top:8px;font-size:.6rem}.hero-assurance span{gap:4px}}
.landing-page .site-header .brand{display:grid;gap:1px;line-height:1}.landing-page .site-header .brand small{font-size:.56rem;font-weight:700;letter-spacing:.13em}.landing-page .site-header .brand strong{font-size:1.28rem;font-weight:900;letter-spacing:.08em}

/* Brand Experience Phase: the first view carries the Ocean world; sections below prioritize reading. */
.landing-page{--lp-card-theme-image:url('/static/assets/project-a/ocean/v2/001/background-pure-ocean-v1.webp')}.landing-page .brand-promise{display:block;max-width:270px;color:#315861;font-family:Georgia,"Yu Mincho",serif;font-size:.82rem;font-weight:600;line-height:1.45;letter-spacing:.075em}
.landing-page .hero-world{background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.98),transparent 32%),radial-gradient(circle at 15% 12%,rgba(255,255,255,.92),transparent 30%),linear-gradient(145deg,#f7fdfc 0,#e6f7f7 49%,#f7f2f1 100%)}
.landing-page .hero-stage{grid-template-columns:minmax(360px,.92fr) minmax(390px,1.08fr)}
.landing-page .hero-visual{order:0;filter:drop-shadow(0 26px 42px rgba(44,104,111,.13))}
.landing-page .preview-card-back{position:absolute;z-index:0;width:min(82%,300px);aspect-ratio:4/5.25;top:26px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background-position:center;background-size:cover;box-shadow:0 22px 54px rgba(45,83,87,.16);opacity:.9}
.landing-page .preview-card-back-left{background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.16)),url('/static/assets/project-a/ocean/v2/008/background-sunset-pearl-v1.webp');transform:translateX(-31%) rotate(-8deg)}
.landing-page .preview-card-back-right{background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.14)),url('/static/assets/project-a/ocean/v2/009/background-moonlit-tide-v1.webp');transform:translateX(31%) rotate(8deg)}
.landing-page .preview-card{z-index:1;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.18)),var(--lp-card-theme-image);background-position:center;background-size:cover;box-shadow:0 38px 90px rgba(48,111,119,.22),inset 0 0 0 1px rgba(255,255,255,.68)}
.landing-page .preview-card::before{border-color:rgba(255,255,255,.8);box-shadow:inset 0 0 26px rgba(255,255,255,.32)}
.landing-page .preview-card::after{right:-108px;bottom:-102px;border-color:rgba(255,255,255,.72);box-shadow:0 0 0 34px rgba(255,255,255,.15),0 0 0 68px rgba(255,255,255,.1)}
.landing-page .preview-orbit{width:194px;height:118px;top:34%;border:0;border-radius:42%;background:radial-gradient(ellipse at 48% 44%,rgba(255,255,255,.98),rgba(206,245,244,.76) 45%,rgba(119,206,209,.32) 67%,rgba(255,255,255,.7) 74%,transparent 77%);box-shadow:0 12px 22px rgba(59,132,140,.13),inset 0 0 18px rgba(255,255,255,.92)}
.landing-page .preview-orbit::before{inset:8px;border-color:rgba(255,255,255,.82);border-radius:44%}.landing-page .preview-orbit::after{inset:19px;border-color:rgba(64,154,162,.16);border-radius:43%}
.landing-page .preview-score small{font-size:.49rem}.landing-page .preview-score strong{margin:-4px 0 -4px;font-size:4.9rem;color:#2b8791;text-shadow:0 3px 0 rgba(255,255,255,.65),0 8px 18px rgba(66,146,153,.16)}.landing-page .preview-score em{font-family:"Yu Gothic",sans-serif;font-size:.5rem;font-style:normal;font-weight:700;letter-spacing:.1em}
.landing-page .preview-medallion{position:absolute;z-index:2;width:126px;height:106px;top:55%;left:50%;border:1px solid rgba(255,255,255,.86);border-radius:46% 54% 50% 44% / 52% 44% 56% 48%;background:radial-gradient(circle at 40% 32%,rgba(255,255,255,.98),rgba(179,235,232,.72) 36%,rgba(94,188,193,.34) 67%,rgba(255,255,255,.76) 72%);box-shadow:0 14px 25px rgba(49,127,135,.14),inset 0 0 16px rgba(255,255,255,.9);transform:translate(-50%,-50%) rotate(-3deg)}
.landing-page .preview-medallion span{position:absolute;inset:24px;border:1px solid rgba(255,255,255,.9);border-radius:44% 56% 45% 55%}.landing-page .preview-medallion i{position:absolute;top:7px;left:-14px;color:#d5aa5d;font-family:Georgia,serif;font-size:1.25rem;font-style:normal;text-shadow:0 2px 4px rgba(105,75,30,.2)}
.landing-page .preview-card-comment{position:absolute;z-index:3;right:34px;bottom:57px;left:34px;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.52);color:#32717a;font-family:Georgia,"Yu Mincho",serif;font-size:.69rem;text-align:center;box-shadow:0 8px 18px rgba(66,132,137,.08);backdrop-filter:blur(6px)}
.landing-page .preview-caption{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1px;color:#177e8d;font-family:Georgia,"Times New Roman",serif;font-size:.84rem;font-weight:700;line-height:1.18;letter-spacing:.08em;flex-direction:column}.landing-page .preview-caption span{color:#789da2;font-size:.48rem;font-weight:600;letter-spacing:.18em}.landing-page .preview-caption strong{color:#147987;font-size:1rem;letter-spacing:.06em}
.landing-page .next-collection{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px 10px;max-width:480px;margin-top:14px;padding:9px 13px;border:1px solid rgba(107,178,184,.38);border-radius:14px;background:rgba(255,255,255,.52);box-shadow:0 10px 26px rgba(54,111,117,.07);color:#315c64}.landing-page .next-collection span{font-family:Georgia,"Times New Roman",serif;font-size:.59rem;font-weight:700;letter-spacing:.12em}.landing-page .next-collection strong{font-family:Georgia,"Yu Mincho",serif;font-size:.9rem;letter-spacing:.03em}.landing-page .next-collection time{padding:4px 7px;border-radius:999px;background:rgba(28,139,153,.1);color:#147884;font-size:.64rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.landing-page .hero-copy h1{color:#173c46}.landing-page .section{background:#fffdfa}.landing-page #howto{position:relative}
.short-screen-cue{display:none}
@media(max-width:700px){.landing-page .header-inner{min-height:58px}.landing-page .brand-promise{max-width:205px;font-size:.67rem;line-height:1.35}.landing-page .hero-stage{padding-top:15px;padding-bottom:22px}.landing-page .preview-card{width:176px}.landing-page .preview-card-back{width:144px;top:11px;border-radius:17px}.landing-page .preview-card-back-left{transform:translateX(-35%) rotate(-7deg)}.landing-page .preview-card-back-right{transform:translateX(35%) rotate(7deg)}.landing-page .preview-orbit{width:98px;height:60px;top:34%}.landing-page .preview-orbit::before{inset:4px}.landing-page .preview-orbit::after{inset:9px}.landing-page .preview-score small{font-size:.25rem}.landing-page .preview-score strong{font-size:2.45rem}.landing-page .preview-score em{font-size:.23rem}.landing-page .preview-medallion{width:63px;height:54px}.landing-page .preview-medallion span{inset:12px}.landing-page .preview-medallion i{top:2px;left:-8px;font-size:.75rem}.landing-page .preview-card-comment{right:17px;bottom:28px;left:17px;padding:4px 5px;font-size:.36rem}.landing-page .preview-caption{gap:0;margin-top:8px}.landing-page .preview-caption span{font-size:.42rem}.landing-page .preview-caption strong{font-size:.78rem}.landing-page .hero-copy{margin-top:5px}.landing-page .hero-copy h1{font-size:2.05rem}.landing-page .hero-copy .slogan{margin-top:3px}.landing-page .next-collection{grid-template-columns:auto auto;justify-content:center;gap:2px 8px;width:min(100%,310px);margin:9px auto 0;padding:6px 9px}.landing-page .next-collection span{font-size:.5rem}.landing-page .next-collection strong{font-size:.72rem}.landing-page .next-collection time{grid-column:1/-1;padding:1px 6px;font-size:.56rem}.landing-page #howto{padding-top:36px}}
@media(max-width:700px) and (max-height:820px){.landing-page .hero-stage{padding-bottom:12px}.short-screen-cue{display:block;margin:10px auto -2px;color:#28727c;font-family:Georgia,"Yu Mincho",serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-decoration:none}.short-screen-cue span{display:inline-block;margin-left:3px;color:#1593a1}}