:root{--ocean:#0b8fc7;--ocean-light:#31c3d2;--deep:#07364d;--deepest:#052838;--sand:#fff0c7;--sand-light:#fffaf0;--sun:#ffc83d;--coral:#f36f52;--foam:#f7fcff;--ink:#102f3f;--muted:#5d7682;--line:#d6e8ed;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--foam);text-rendering:optimizelegibility;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.site-header{z-index:10;color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,100%);margin:auto;padding:24px 32px;display:grid;position:absolute;inset:0 0 auto}.brand{letter-spacing:.03em;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--deep);background:var(--sun);border-radius:50% 45% 52% 48%;place-items:center;display:grid;transform:rotate(-5deg)}.site-header nav{gap:30px;display:flex}.site-header nav a{opacity:.86;font-size:14px;text-decoration:none}.site-header nav a:hover{opacity:1}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.language-switch{color:#fff;border:1px solid #fff6;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:850;text-decoration:none}.language-switch:hover{background:#ffffff18}.header-buy{color:var(--deep);background:var(--sun);border-radius:999px;justify-self:end;padding:11px 18px;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 8px 24px #06415d33}.hero{color:#fff;background:radial-gradient(circle at 79% 11%, #71e5e6 0 8%, transparent 33%), linear-gradient(145deg, #086fa5, var(--ocean) 54%, #2db8c4);grid-template-columns:1.06fr .94fr;align-items:center;gap:60px;min-height:800px;padding:150px max(32px,50vw - 590px) 100px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";opacity:.93;background:linear-gradient(#fff3c4,#f7ce7b);border-radius:50% 50% 0 0;width:72%;height:330px;position:absolute;bottom:-170px;right:-10%;transform:rotate(-4deg)}.hero-decor{background:#ffffff12;border-radius:50%;position:absolute}.hero-decor-one{width:180px;height:180px;top:14%;left:5%}.hero-decor-two{width:90px;height:90px;bottom:10%;left:42%}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--ocean);letter-spacing:.17em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:950}.eyebrow.light{color:#c8f7ff}.hero h1{letter-spacing:-.06em;max-width:780px;margin:14px 0 24px;font-size:clamp(52px,5.8vw,88px);line-height:1.03}.hero-lead{color:#eafcff;max-width:650px;margin:0;font-size:20px;line-height:1.72}.facts,.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.facts span{background:#ffffff14;border:1px solid #fff6;border-radius:999px;padding:8px 13px;font-size:14px}.button{border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:0 25px;font-weight:950;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,.header-buy:focus-visible,button:focus-visible,summary:focus-visible,.site-header nav a:focus-visible{outline-offset:4px;outline:3px solid #fff}.button-primary{color:var(--deep);background:var(--sun);box-shadow:0 14px 34px #06364a44}.button-secondary{color:#fff;background:#ffffff0d;border:1px solid #fff9}.button-dark{color:#fff;background:var(--deep);box-shadow:0 14px 34px #06364a2e}.price-note{color:#dffaff;margin:14px 0 0;font-size:13px}.hero-visual{z-index:2;min-height:615px;position:relative}.sun-disc{background:#fff4a2;border-radius:50%;width:280px;height:280px;position:absolute;top:2%;right:-2%;box-shadow:0 0 80px #fff4a255}.phone{background:#fff;border:9px solid #fff;border-radius:34px;margin:0;position:absolute;overflow:hidden;box-shadow:0 38px 90px #03435a88}.phone img{width:100%;display:block}.phone-main{width:min(328px,56%);top:0;right:8%;transform:rotate(3.5deg)}.phone-side{width:min(265px,44%);bottom:-5%;left:0;transform:rotate(-7deg)}.hero-badge{color:var(--deep);background:#fff;border-radius:22px;align-items:center;gap:10px;padding:14px 20px;display:flex;position:absolute;bottom:13%;right:-1%;transform:rotate(-3deg);box-shadow:0 18px 42px #07364d44}.hero-badge strong{color:var(--coral);font-size:40px;line-height:1}.hero-badge span{font-size:13px;font-weight:900;line-height:1.25}.section{width:min(1180px,100%);margin:auto;padding:110px 32px}.section-heading{grid-template-columns:1fr;max-width:850px;display:grid}.section h2,.proof h2,.final-cta h2{letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(39px,5vw,64px);line-height:1.07}.section-heading>p:last-child,.proof-copy>p:last-child{max-width:680px;color:var(--muted);margin:0 0 46px;font-size:18px;line-height:1.75}.gameplay{padding-top:130px}.steps{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.step{border-radius:var(--radius);background:#fff;border:1px solid #e2f0f3;min-height:260px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0c587414}.step:after{content:"";background:var(--sand);border-radius:48% 52% 45% 55%;width:130px;height:130px;position:absolute;bottom:-52px;right:-38px}.step b{color:var(--coral);font-size:40px;line-height:1}.step h3{margin:36px 0 10px;font-size:22px}.step p{z-index:1;color:var(--muted);margin:0;line-height:1.7;position:relative}.gallery{padding-top:70px}.shot-row{scroll-snap-type:x mandatory;scrollbar-color:var(--ocean) #dbeef3;grid-auto-columns:minmax(225px,285px);grid-auto-flow:column;gap:20px;padding:8px 4px 30px;display:grid;overflow-x:auto}.shot-row figure{scroll-snap-align:start;margin:0}.shot-row img{aspect-ratio:750/1334;object-fit:cover;border-radius:26px;width:100%;display:block;box-shadow:0 20px 50px #08354d22}.shot-row figcaption{gap:4px;margin-top:14px;display:grid}.shot-row figcaption strong{font-size:17px}.shot-row figcaption span{color:var(--muted);font-size:13px}.proof{color:#fff;background:var(--deep)}.proof-inner{grid-template-columns:.88fr 1.12fr;align-items:end;gap:70px;display:grid}.proof-copy>p:last-child{color:#bcd5df;margin-bottom:0}.metrics{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.metrics article{min-height:155px;color:var(--ink);background:#fff;border-radius:24px;padding:26px}.metrics strong{color:var(--ocean);margin-bottom:22px;font-size:clamp(30px,4vw,44px);line-height:1;display:block}.metrics span{color:var(--muted);font-size:14px}.editor-showcase{grid-template-columns:.98fr 1.02fr;align-items:center;gap:70px;display:grid}.editor-copy>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:0 0 30px;font-size:18px;line-height:1.75}.editor-steps{gap:14px;margin:0 0 30px;display:grid}.editor-steps article{grid-template-columns:40px 1fr;align-items:start;gap:14px;display:grid}.editor-steps article>span{color:var(--coral);letter-spacing:.14em;font-size:13px;font-weight:950}.editor-steps h3{margin:0 0 4px;font-size:17px}.editor-steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.editor-copy small{color:var(--muted);margin-top:13px;font-size:12px;display:block}.editor-panel{background:#1f2335;border:10px solid #123f51;border-radius:24px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 28px 70px #07364d29}.editor-panel-top{color:#fff7e7;background:#123f51;justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;display:flex}.editor-panel-top span{color:#f3b958;letter-spacing:.18em;font-size:10px}.editor-toolbar{border-bottom:1px solid #3b4056;gap:8px;padding:13px;display:flex}.editor-toolbar button{color:#f4e5ca;font:inherit;background:#31364e;border:1px solid #5a6078;border-radius:8px;padding:8px 10px;font-size:11px}.editor-workspace{grid-template-columns:1fr 112px;min-height:315px;display:grid}.editor-canvas{background:#292d43;grid-template-columns:repeat(8,1fr);align-content:center;gap:2px;padding:22px;display:grid}.sand-cell{aspect-ratio:1;background:#f4c34e;border-radius:2px;display:block}.sand-cell-1{background:#ef755b}.sand-cell-2{background:#48b0e3}.sand-cell-3{background:#63c483}.sand-cell-4{background:#f8e3ae}.editor-sidebar{background:#202439;flex-direction:column;gap:10px;padding:17px 13px;display:flex}.color-chip{border:2px solid #e9edf8;border-radius:7px;width:28px;height:28px}.color-one{background:#ef755b}.color-two{background:#48b0e3}.color-three{background:#f4c34e}.editor-json{color:#9fe6bd;background:#111624;border-radius:6px;margin-top:auto;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.5}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.scenario-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:70px 1fr;gap:6px;padding:30px;display:grid}.scenario-grid article>span{color:var(--coral);letter-spacing:.12em;font-size:14px;font-weight:950}.scenario-grid h3{margin:0 0 10px;font-size:22px}.scenario-grid p{color:var(--muted);margin:0;line-height:1.7}.risk-note{border-left:5px solid var(--coral);color:#764030;background:#fff0e9;margin:26px 0 0;padding:19px 23px;line-height:1.7}.try{background:var(--sand);border-radius:46px;grid-template-columns:1fr 330px;align-items:center;gap:80px;width:min(1150px,100% - 28px);margin-block:65px;padding:80px;display:grid;overflow:hidden}.try:before{content:"";position:absolute}.try-copy>p:not(.eyebrow){color:#6f654f;max-width:630px;margin:0 0 30px;font-size:18px;line-height:1.75}.qr-card{text-align:center;background:#fff;border-radius:30px;padding:24px;transform:rotate(2deg);box-shadow:0 20px 50px #945c1a22}.qr-card img{border-radius:18px;width:100%;display:block}.qr-card span{margin-top:12px;font-weight:950;display:block}.delivery-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.delivery-grid article{border-radius:var(--radius);background:#fff;padding:30px;box-shadow:0 18px 50px #0c587414}.delivery-grid article>span{color:var(--ocean);letter-spacing:.15em;font-size:13px;font-weight:950}.delivery-grid h3{margin:24px 0 10px;font-size:22px}.delivery-grid p{min-height:104px;color:var(--muted);margin:0 0 18px;line-height:1.7}.delivery button{color:#fff;background:var(--ocean);cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-weight:850}.delivery small{color:#2b8c60;margin-left:10px;font-weight:800;display:inline-block}.faq{padding-top:70px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:82px;font-size:19px;font-weight:850;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--ocean);font-size:28px;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:800px;color:var(--muted);margin:-4px 0 28px;line-height:1.75}.final-cta{text-align:center;color:#fff;background:linear-gradient(135deg, var(--coral), #ef9b3d);padding:110px 32px 130px;position:relative;overflow:hidden}.final-cta h2{z-index:1;margin-inline:auto;position:relative}.final-cta .button,.final-cta .eyebrow{z-index:1;position:relative}.final-sand{background:#ffd67b;border-radius:50% 50% 0 0;width:116%;height:300px;position:absolute;bottom:-230px;right:-8%;transform:rotate(2deg)}footer{color:#bcd5df;background:var(--deepest);justify-content:space-between;padding:32px max(32px,50vw - 590px);font-size:14px;display:flex}.mobile-buy-bar{display:none}@media (width<=980px){.site-header nav{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{max-width:760px}.hero-visual{width:min(650px,100%);min-height:620px;margin:auto}.proof-inner{grid-template-columns:1fr;align-items:start}.editor-showcase{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.site-header{padding:17px 18px}.brand{font-size:14px}.brand-mark{width:31px;height:31px}.header-actions{gap:7px}.language-switch{padding:8px 9px;font-size:12px}.header-buy{padding:10px 12px;font-size:12px}.hero{gap:32px;min-height:auto;padding:120px 20px 80px}.hero h1{font-size:clamp(43px,12.4vw,60px)}.hero-lead{font-size:17px}.hero-actions{display:grid}.button{width:100%}.hero-visual{min-height:480px}.phone-main{width:59%;right:3%}.phone-side{width:46%;left:1%}.hero-badge{bottom:5%;right:0}.hero:after{width:130%;right:-30%}.section{padding:78px 20px}.section h2,.proof h2,.final-cta h2{font-size:42px}.section-heading>p:last-child{margin-bottom:34px;font-size:16px}.steps,.metrics,.scenario-grid,.delivery-grid{grid-template-columns:1fr}.step{min-height:215px}.gallery{padding-top:44px}.shot-row{grid-auto-columns:minmax(205px,72vw)}.proof-inner{gap:42px}.metrics article{min-height:135px}.scenario-grid article{grid-template-columns:45px 1fr;padding:24px}.editor-showcase{padding-top:52px}.editor-copy>p:not(.eyebrow){font-size:16px}.editor-panel{border-width:7px;transform:none}.editor-workspace{grid-template-columns:1fr 92px;min-height:260px}.editor-canvas{padding:14px}.try{grid-template-columns:1fr;gap:46px;margin:30px 14px;padding:58px 24px}.qr-card{width:min(100%,310px);margin:auto}.delivery-grid p{min-height:auto}.faq summary{font-size:17px}.final-cta{padding:90px 20px 120px}footer{flex-direction:column;gap:8px;padding:30px 20px 100px}.mobile-buy-bar{z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffe;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #06364a22}.mobile-buy-bar a{min-height:50px;color:var(--deep);background:var(--sun);border-radius:999px;justify-content:center;align-items:center;font-weight:950;text-decoration:none;display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}