@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;700&family=Bebas+Neue&family=Caveat:wght@400;600&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@400;500;700&family=Fira+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@300;400;600&family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400;600&family=League+Spartan:wght@400;600;700&family=Lora:wght@400;600;700&family=Manrope:wght@400;600;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;600;700&family=Nunito+Sans:wght@400;600;700&family=Outfit:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;600;700&family=Poppins:wght@400;600;700&family=Raleway:wght@400;600;700&family=Rubik:wght@400;600;700&family=Sora:wght@400;600;700&family=Source+Sans+3:wght@400;600;700&family=Source+Serif+4:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;600;700&display=swap");:root{color-scheme:light;--bg:#f6f4f0;--panel:#fff;--ink:#111217;--muted:#5e6472;--line:#e7e2da;--accent:#111217;--shadow:0 20px 50px hsla(0,0%,8%,.08);--glow-core:hsla(30,16%,81%,.95);--glow-mid:rgba(255,247,239,.55);--glow-edge:rgba(231,248,240,.4)}[data-theme=dark]{color-scheme:dark;--bg:#0b0c10;--panel:#111319;--ink:#f5f5f5;--muted:#a2a8b3;--line:hsla(0,0%,100%,.12);--accent:#fff;--shadow:0 20px 50px rgba(0,0,0,.4);--glow-core:rgba(20,35,55,.9);--glow-mid:rgba(40,70,110,.6);--glow-edge:rgba(40,90,75,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,#fff7ef,transparent 50%),radial-gradient(circle at 70% 20%,#e7f8f0,transparent 40%),var(--bg);color:var(--ink);min-height:100vh}[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(50,80,120,.35),transparent 45%),radial-gradient(circle at 70% 20%,rgba(60,120,90,.25),transparent 40%),var(--bg)}.page{max-width:1200px;margin:0 auto;padding:56px 32px;display:flex;flex-direction:column;gap:40px}.header{justify-content:space-between;gap:32px}.header,.header-actions{display:flex;align-items:center}.header-actions{gap:12px}.theme-fab{display:none;position:fixed;right:16px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:0 8px 18px rgba(0,0,0,.18);cursor:pointer;z-index:12}.rope-fixed{position:fixed;top:0;right:32px;height:140px;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;z-index:10}.rope{--rope-offset:0px;--rope-angle:0deg;position:relative;width:54px;height:120px;cursor:-webkit-grab;cursor:grab;touch-action:none;transform:rotate(var(--rope-angle));transform-origin:top center;transition:transform 80ms ease;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2));pointer-events:auto}.rope-line{top:0;left:50%;width:3px;height:calc(36px + var(--rope-offset));transform:translateX(-50%);background:linear-gradient(180deg,rgba(30,30,30,.95),rgba(30,30,30,.6),rgba(30,30,30,.35));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}.rope-line,.rope-line:after{position:absolute;border-radius:999px}.rope-line:after{content:"";inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.35),transparent 60%);opacity:.35}.rope-knot{top:calc(32px + var(--rope-offset));width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#fff0d6,#c08944 60%,#7a4e1f 100%);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.25)}.rope-knot,.rope-tag{position:absolute;left:50%;transform:translateX(-50%)}.rope-tag{top:calc(54px + var(--rope-offset));font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rope:active{cursor:-webkit-grabbing;cursor:grabbing}[data-theme=dark] .rope-line{background:linear-gradient(180deg,hsla(0,0%,86%,.9),hsla(0,0%,78%,.6),hsla(0,0%,78%,.35));box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}[data-theme=dark] .rope-knot{background:radial-gradient(circle at 30% 30%,#f6f6f6,#b0b0b0 70%)}.header h1{font-size:clamp(28px,3.5vw,44px);line-height:1.05;max-width:560px;position:relative;z-index:1;display:block}.hero-title{position:relative;display:inline-block;color:var(--ink);--glow-x:50%;--glow-y:50%;cursor:none}.hero-glow:after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:radial-gradient(64px 64px at var(--glow-x) var(--glow-y),var(--glow-core) 0,var(--glow-mid) 35%,var(--glow-edge) 60%,transparent 88%);-webkit-background-clip:text;background-clip:text;opacity:0;transition:opacity .2s ease;pointer-events:none}.hero-glow:hover:after{opacity:1}.sub.hero-glow{display:inline-block;position:relative;cursor:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:var(--muted);margin-bottom:12px;display:block}.eyebrow.hero-glow{display:inline-block;position:relative;cursor:none}.sub{color:var(--muted);margin-top:12px;max-width:560px}.primary{border:none;background:var(--accent);color:#fff;padding:14px 22px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}[data-theme=dark] .primary{color:#0b0c10}.primary:hover{transform:translateY(-1px)}.content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:32px;gap:32px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:28px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:6px}.textarea{width:100%;border-radius:16px;border:1px solid var(--line);padding:16px;font-size:16px;font-family:inherit;min-height:120px;resize:vertical;background:var(--panel);color:var(--ink)}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row.split .field{flex:1 1;min-width:0}.row.split{flex-wrap:nowrap;align-items:stretch}.row.split .field.card{height:100%}@media (max-width:900px){.row.split{flex-wrap:wrap}.row.split .field{min-width:240px}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px}.field{display:flex;flex-direction:column;gap:12px}.field.compact{gap:8px;min-width:140px}.field.card{background:hsla(33,36%,95%,.9);border:1px solid var(--line);border-radius:18px;padding:16px}.field.card .label{margin-bottom:2px}.font-select{position:relative}.font-button{width:100%;padding:12px 14px;border-radius:12px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.font-button,.font-menu{border:1px solid var(--line);background:var(--panel)}.font-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:14px;padding:8px;max-height:260px;overflow:auto;box-shadow:var(--shadow);z-index:5}.font-option{width:100%;border:none;background:transparent;color:var(--ink);padding:10px 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.font-option:hover{background:rgba(0,0,0,.05)}[data-theme=dark] .font-option:hover{background:hsla(0,0%,100%,.06)}.font-option.active{background:rgba(0,0,0,.08)}[data-theme=dark] .font-option.active{background:hsla(0,0%,100%,.1)}.font-preview{font-size:14px;opacity:.8}.chevron{opacity:.6;font-size:12px}[data-theme=dark] .field.card{background:hsla(0,0%,100%,.04)}.field.toggle{align-items:flex-start}.ghost.dark{background:hsla(0,0%,100%,.6);color:var(--ink);border:1px solid var(--line)}.ghost.dark:hover{background:hsla(0,0%,100%,.85)}[data-theme=dark] .ghost.dark{background:hsla(0,0%,100%,.08);color:var(--ink)}[data-theme=dark] .ghost.dark:hover{background:hsla(0,0%,100%,.16)}.helper{font-size:12px;color:var(--muted)}.input,.select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-family:inherit;background:var(--panel);color:var(--ink)}.select{padding-right:44px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%235e6472' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - 18px) 50%;background-size:12px 8px;background-repeat:no-repeat}.checkbox{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);padding:8px 14px;border-radius:999px;background:var(--panel);cursor:pointer;font-size:14px}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}[data-theme=dark] .pill.active{background:#fff;color:#0b0c10;border-color:#fff}.color{width:48px;height:40px;border:none;background:transparent}.preview{background:#0c0d10;border-radius:24px;padding:20px;color:#fff;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}[data-theme=dark] .preview{background:#0b0b0f}@media (max-width:960px){.content{grid-template-columns:1fr}.panel{order:2}.preview{order:1}.faq{order:3}}.preview-header{display:flex;justify-content:space-between;font-size:14px;color:hsla(0,0%,100%,.7)}.preview-meta{display:flex;align-items:center;gap:10px}.ghost{background:hsla(0,0%,100%,.08);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.ghost:hover{background:hsla(0,0%,100%,.16)}.device{position:relative;padding:clamp(18px,3.5vw,30px) clamp(14px,4vw,22px) clamp(28px,6vw,48px);display:flex;align-items:center;justify-content:center}.device-bezel{position:relative;width:min(100%,640px);aspect-ratio:3/2;background:linear-gradient(135deg,#111319,#2a2d36);border-radius:28px;padding:20px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),inset 0 20px 40px hsla(0,0%,100%,.04)}.device-screen{background:transparent;border-radius:18px;overflow:hidden;width:100%;height:100%;position:relative}.device-screen canvas{width:100%;height:100%;object-fit:cover;display:block;cursor:-webkit-grab;cursor:grab;touch-action:none}.device-screen canvas.dragging{cursor:-webkit-grabbing;cursor:grabbing}.device-notch{position:absolute;top:10px;left:50%;width:10px;height:10px;transform:translateX(-50%);background:#0a0b10;border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04);z-index:2}.device.phone{padding:clamp(16px,4vw,28px) clamp(18px,6vw,56px) clamp(32px,8vw,60px)}.device.phone .device-bezel{width:min(92%,380px);aspect-ratio:9/19.5;border-radius:36px;padding:clamp(12px,3vw,18px);background:linear-gradient(145deg,#0f1116,#1f232b);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),inset 0 25px 45px hsla(0,0%,100%,.05)}.device.phone .device-screen{border-radius:28px}.device.phone .device-notch{top:16px;width:92px;height:22px;border-radius:999px;background:#0a0b10;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.device-notch.inside{box-shadow:none}.device.laptop .device-bezel{width:min(100%,640px);aspect-ratio:16/10}.device.laptop .device-notch{top:6px;width:8px;height:8px;background:#0a0b10;border-radius:50%;transform:translateX(-50%)}@media (max-width:700px){.device.laptop .device-bezel{width:min(100%,520px);aspect-ratio:3/2}}.device-shadow{position:absolute;bottom:12px;width:70%;height:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 70%);filter:blur(8px);z-index:0}.faq{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;grid-column:1/-1}.faq h2{font-size:22px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;color:var(--muted)}.faq-grid h3{font-size:16px;color:var(--ink);margin-bottom:6px}.footer{margin:12px 0;text-align:center;color:var(--muted);font-size:13px}.footer a{color:inherit;text-decoration:none;position:relative;display:inline-block;padding-bottom:2px}.footer a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(94,100,114,.7);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}[data-theme=dark] .footer a:after{background:hsla(0,0%,100%,.5)}.footer a:hover:after{transform:scaleX(1)}@media (max-width:960px){.header{flex-direction:column;align-items:flex-start}.content{grid-template-columns:1fr}.page{padding:48px 24px;gap:32px}.rope-fixed{display:none}.theme-fab{display:inline-flex;align-items:center;justify-content:center}}@media (max-width:600px){.panel{padding:22px}.row{gap:12px}.row.split{flex-direction:column;align-items:stretch}.field.compact,.row.split .field{min-width:100%}.row.split .field.card{height:auto}.input,.select,.textarea{width:100%}}