@font-face{font-family:"Script Noto";src:url("noto-sans-sc.e83515177150.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--page:#073177;--ink:#f8fbff;--amber:#ffc34f;--tile:clamp(120px,12.6vw,200px);--gap:clamp(15px,1.6vw,28px)}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;background:var(--page)}body{font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei","Script Noto",Tahoma,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f8fbff;outline-offset:6px}
.skip{position:fixed;top:8px;left:10px;z-index:3;padding:12px;background:var(--amber);color:#122956;transform:translateY(-160%)}.skip:focus{transform:none}
.poster{position:relative;isolation:isolate;min-height:100svh;min-height:100dvh;display:grid;place-items:start center;overflow:hidden;padding:clamp(165px,18dvh,210px) 24px 60px;background:radial-gradient(ellipse at 20% 10%,#116bcb,transparent 65%),#073177}
.social-scene{position:absolute;inset:-120px -140px 0;pointer-events:none;perspective:1400px}
.tile-field{display:grid;grid-template-columns:repeat(8,var(--tile));grid-auto-rows:var(--tile);gap:var(--gap);width:max-content;position:absolute;left:50%;top:-35px;transform:translateX(-50%) rotateX(25deg) rotateZ(-18deg);transform-origin:50% 25%}
.social-tile{position:relative;display:grid;place-items:center;border-radius:22%;background:linear-gradient(140deg,#357bdd,#1556b4 72%);box-shadow:0 2px 0 #3166b9,0 5px 0 #124797,0 8px 0 #124494,0 11px 0 #103e87,0 14px 0 #0d397f,0 17px 0 #0b3479,0 21px 0 #092c69,0 30px 25px #001d5bab,inset 0 2px 2px #d9ecff60;isolation:isolate}
.social-tile.sky{background:linear-gradient(140deg,#38aff0,#1885d4 75%);box-shadow:0 3px 0 #2689c9,0 7px 0 #116db1,0 11px 0 #1067a9,0 15px 0 #0d5a95,0 21px 0 #084d85,0 30px 25px #001d5bab,inset 0 2px 2px #d9ecff80}
.social-tile.amber{background:linear-gradient(145deg,#ffd46a,#ffad2d 70%);box-shadow:0 3px 0 #e99622,0 7px 0 #da851b,0 11px 0 #cc7915,0 15px 0 #b36a12,0 21px 0 #9d5d12,0 30px 25px #001d5bb3,inset 0 2px 2px #fff5cbb3}
.social-tile img{display:block;width:53%;height:53%;object-fit:contain;filter:drop-shadow(0 3px 0 #dce8f4) drop-shadow(0 7px 3px #001c4f73)}
.social-tile:nth-child(3n){transform:translateY(10px)}.social-tile:nth-child(5n){transform:translateY(-7px)}
.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06286900 8%,#06286924 18%,#062b6db3 32%,#072d72ed 48%,#06255ff5 100%),radial-gradient(ellipse at 50% 72%,#06275ecc,transparent 62%);z-index:1}

.hero{position:relative;z-index:2;width:min(1220px,100%);text-align:center}
h1{margin:0;font-size:clamp(110px,10.9vw,168px);line-height:1.18;letter-spacing:-.025em;font-weight:700;color:var(--ink);text-shadow:0 5px 18px #00205099}h1 span{color:var(--amber)}h1:focus{outline:none}
.hero .conversion-line{margin:18px 0 0;font-size:clamp(40px,4.2vw,64px);line-height:1.2;font-weight:700;letter-spacing:0;white-space:nowrap}
.customer-word{color:var(--amber)}.deal-word{font-size:1.3em;font-weight:700;color:var(--amber)}
.sales-line{margin:5px 0 0;font-size:clamp(30px,2.6vw,42px);line-height:1.4;font-weight:600;color:var(--ink);letter-spacing:.01em}
.hero-description{margin:20px 0 0;font-size:clamp(20px,1.9vw,28px);line-height:1.65;font-weight:400;color:#e2ecfa}
.trial-entry{width:min(520px,100%);margin:26px auto 0}.trial-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:128px;width:100%;padding:18px 28px;border:1px solid #ffe8a4;border-radius:18px;background:linear-gradient(115deg,#ffd468,#ffb33b);color:#15305c;box-shadow:0 5px 0 #c58222,0 18px 38px #00215c80;transition:transform .18s,box-shadow .18s;text-decoration:none}
.trial-label{font-size:clamp(38px,3.3vw,48px);line-height:1.3;font-weight:700;white-space:nowrap;letter-spacing:.02em}.trial-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #c58222,0 20px 38px #00215c80}.trial-button:active{transform:translateY(2px);box-shadow:0 2px 0 #c58222}

dialog{width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:34px 30px 28px;border:1px solid #547aac;border-radius:18px;background:#0d3472;color:var(--ink);overflow:auto;box-shadow:0 24px 90px #001741b3}dialog::backdrop{background:#00143ac9}dialog h2{margin:0 30px 0 0;font-size:27px;font-weight:700;line-height:1.5}#trial-description{margin:16px 0 0;color:#deebff;font-size:15px;line-height:1.85}
.dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);font-size:30px}.dialog-close:hover{background:#214c87}.dialog-dismiss{margin-top:25px;width:100%;min-height:48px;border:0;border-radius:12px;background:var(--amber);color:#15305c;font-weight:750}

@media(prefers-reduced-motion:no-preference){.hero{animation:hero-enter .65s cubic-bezier(.2,.7,.25,1) both}}
@keyframes hero-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:767px){
 :root{--tile:clamp(93px,27vw,150px);--gap:14px}
 .poster{padding:clamp(145px,29dvh,280px) 18px 54px}
 .social-scene{inset:-50px -100px 0;perspective:900px}.tile-field{grid-template-columns:repeat(5,var(--tile));top:-20px;transform:translateX(-50%) rotateX(24deg) rotateZ(-18deg);transform-origin:50% 15%}
 .social-tile{box-shadow:0 3px 0 #2059ad,0 7px 0 #104393,0 12px 0 #0d397f,0 16px 0 #092c69,0 23px 16px #001d5bab,inset 0 2px 2px #d9ecff60}
 .scene-shade{background:linear-gradient(180deg,#06286900 8%,#06286924 18%,#062b6db3 32%,#072d72f0 48%,#06255ff5 100%)}
 h1{font-size:clamp(60px,19vw,115px);line-height:1.18;letter-spacing:-.03em}
 .hero .conversion-line{margin-top:12px;font-size:clamp(23px,6.8vw,43px);letter-spacing:-.025em;line-height:1.2}
 .sales-line{margin-top:5px;font-size:clamp(20px,6vw,34px);line-height:1.4;letter-spacing:0}
 .hero-description{margin-top:17px;font-size:clamp(16px,4.4vw,23px);line-height:1.7;max-width:620px;margin-inline:auto;text-wrap:pretty}
 .trial-entry{margin-top:22px;width:min(410px,100%)}.trial-button{min-height:110px;padding:15px;border-radius:16px;gap:6px}.trial-label{font-size:clamp(32px,9.2vw,44px)}
 dialog{padding:30px 22px 23px}dialog h2{font-size:25px}
}
@media(min-width:768px) and (max-height:800px){.poster{padding-top:145px;padding-bottom:50px}h1{font-size:128px}.hero .conversion-line{margin-top:14px;font-size:48px}.sales-line{margin-top:3px;font-size:34px}.hero-description{font-size:24px;margin-top:17px}.trial-entry{margin-top:22px}.trial-button{min-height:110px}.trial-label{font-size:40px}.tile-field{top:-85px}}
@media(max-width:767px) and (max-height:650px){.poster{padding-top:130px;padding-bottom:42px}.hero .conversion-line{margin-top:10px}.sales-line{margin-top:4px;font-size:21px}.hero-description{margin-top:13px;font-size:16px}.trial-entry{margin-top:17px}.trial-button{min-height:96px}}
@media(max-width:350px){.poster{padding-inline:14px}h1{font-size:58px}.hero .conversion-line{font-size:22.5px}.sales-line{font-size:20px}.hero-description{font-size:15px}.trial-label{font-size:31px}.trial-button{min-height:92px}}
@media(max-height:480px) and (min-width:480px){
 :root{--tile:110px;--gap:14px}.poster{padding:40px 18px 28px}.tile-field{grid-template-columns:repeat(8,var(--tile));top:-160px;transform:translateX(-50%) rotateX(25deg) rotateZ(-18deg)}
 h1{font-size:64px;line-height:1.125}.hero .conversion-line{font-size:26px;margin-top:6px;line-height:1.15}.sales-line{font-size:20px;margin-top:3px;line-height:1.35}.hero-description{font-size:13.5px;line-height:1.5;margin-top:8px;max-width:none}.trial-entry{margin-top:12px;width:325px}.trial-button{min-height:74px;padding:8px 12px;gap:3px}.trial-label{font-size:28px}.scene-shade{background:linear-gradient(180deg,#072d7259,#06255fe0 35%,#06255ff5 80%)}
}
@media(max-height:360px) and (min-width:480px){.poster{padding-top:32px;padding-bottom:25px}h1{font-size:50px}.hero .conversion-line{font-size:22px;margin-top:5px}.sales-line{font-size:17px;margin-top:2px;line-height:1.3}.hero-description{margin-top:7px;font-size:11.5px}.trial-entry{margin-top:9px}.trial-button{min-height:62px}.trial-label{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero{opacity:1;transform:none}}

.memory-line{margin:7px 0 0;font-size:clamp(20px,1.9vw,28px);line-height:1.65;font-weight:400;color:#e2ecfa}
@media(max-width:767px){.memory-line{font-size:clamp(16px,4.4vw,23px);line-height:1.7}}
@media(min-width:768px) and (max-height:800px){.memory-line{font-size:24px}}
@media(max-width:767px) and (max-height:650px){.memory-line{font-size:16px;margin-top:6px}}
@media(max-width:350px){.memory-line{font-size:15px}}
@media(max-height:480px) and (min-width:480px){.memory-line{font-size:13.5px;line-height:1.5;margin-top:5px}}
@media(max-height:360px) and (min-width:480px){.memory-line{font-size:11.5px;line-height:1.5;margin-top:5px}}

/* 20261007.7: user approved copy and emphasis; preserve scene and button rules. */
.claim-primary{display:block}
.conversion-line .sales-line{display:block}
.copy-emphasis{font-size:1.25em;line-height:1;font-weight:700;color:var(--amber);white-space:nowrap}

.copy-phrase{white-space:nowrap}